/*通常のページ：sectionの感覚を3remに調整*/
.editable section.block{
    margin-bottom: 3rem;
}
/* The customer style */
p.margin img {margin: 3px;} /* 企画・広報Ｇ */
/*画像の横並び配置*/
.hroflex {display:flex;flex-wrap:wrap;} 
.hroflex img {margin: 0 5px 0 0;}
.hroflex figure {margin: 10px 0 10px 10px;}
.hroflex figcaption {text-align:center;}
.hroflex p {margin: 0 5px 0 0;}
/*プレスリリース用インデント-----------------------------------*/
section.press-indent p{
    width:88%;
    text-indent: -9.5rem;
    padding-left: 9.5rem
}
/*食ものがたり２------------------------------------*/
.foodstory2 {
    max-width: 960px;
    margin-bottom: 120px;
}
.foodstory2 div{
    padding-bottom: 2rem;
}
.foodstory2 h1,.foodstory2 h2,.foodstory2 p{
    color: #2D2D2D;
    border-bottom: none;
}
.foodstory2 h1{
    font-weight: bold;
    padding-left: 0.5rem;
    margin-bottom: 0px;
}
.foodstory2 h2{
    font-size: 1.2rem;
    margin: 0px 0px 0px 14%;
}
.foodstory2 .author {
    text-align: right;
    font-weight: bold;
    margin: 14px 0px 40px 0px;
}
.foodstory2 p {
    font-size: 1.05rem;
    text-indent: 1rem;
    line-height: 1.8rem;
    margin-bottom: 2rem;
}
.foodstory2 p.date{
    color: #888;
    font-size: 0.95rem;
    font-weight: bold;
}
.foodstory2 small p{
    color: gray;
    font-size: 0.8rem;
    text-indent: -1rem;
    line-height: 1.2rem;
    padding: 0rem 0rem 0rem 3rem;
    margin: 0rem;
}
.foodstory2 ul.content1{
    counter-reset: num 26;
    list-style: none;
}
.foodstory2 ul li{
    line-height: 1.8rem;
}
.foodstory2 ul li.prepared{
    color: #888;
}
.foodstory2 ul.content1 li::before{
    counter-increment: num;
    content: "第"counter(num)"話　";
}
.foodstory2 ul.content2{
    counter-reset: num 0;
    list-style: none;
}
.foodstory2 ul.content2 li::before{
    counter-increment: num;
    content: "第"counter(num)"話　";
}
.foodstory2 figure p{
    text-indent: 0rem;
}
.foodstory2 .block img{
    width: 40%;
    margin: 0rem 0rem 1rem 1rem; 
    float: right;
}
.foodstory2 img.shad{
    box-shadow: 0.3rem 0.3rem 0.3rem #ccc;
}
/*データで見る北海道の今と未来TOPページ--------------------------------*/
.hrodata_top {background-color:snow;margin: -32px 0px -170px 0px ;padding: 10px;}
.hrodata_top h1{  font-family: "M PLUS Rounded 1c", serif; font-style: normal;margin-bottom:2rem;border:none;padding-bottom:0rem;font-weight:normal;color:navy;display:block;font-size: clamp(30px, 4vw, 60px);line-height:72px;letter-spacing:-4px;text-shadow:1px 1px 3px #fff,3px 3px 6px #888;}
.hrodata_top h2{font-size:1.5rem;padding-bottom:.5rem;margin:1.5rem 0;font-weight:700;border:none;background:linear-gradient(transparent 60%, paleturquoise 90%);}
.hrodata_top li{font-size:1.1rem;font-weight:700;}
.hroflex p {margin: 0 5px 0 0;}
/* データで見る北海道の今と未来各ページ */
.hrodata {background-color:snow;margin: -32px 0px -170px 0px ;padding: 10px;}
.hrodata figure {background-color:white; margin: 10px;padding: 15px;border-radius:10px}
.hrodata_back {margin:0.5rem 0rem 0.4rem 0rem;  font-family: "M PLUS Rounded 1c", serif;  font-weight: 400;  font-style: normal;font-size:1.6rem;color:navy;text-shadow:1px 1px 2px #fff,2px 2px 4px #888;}
.hrodata_back a {text-decoration:none;}
.hrodata_back a:hover{color: saddlebrown; text-decoration:none;}
.hrodata h1 {padding: 0.5rem 0rem 0.5rem 1rem; color: #494949; background: beige; border-left: solid 10px navy; border-bottom: none; margin-bottom:0;}
.hrodata-h1main{display:block;font-size:1.8rem;line-height:2rem;}
.hrodata-h1sub{margin-top:0rem;padding-top:0rem;display:block;font-size:1.1rem;line-height:1.5rem;}
.hrodata h2 {padding-left:0.5rem; padding-right:1rem; border:none; background: linear-gradient(transparent 60%, paleturquoise 90%);display: inline-block;}