@charset "utf-8";

/* CSS Document */



@media screen and (min-width: 769px) {



.center { display:block; margin:0 auto; }

h2 img{ width:100%; }

h3{ text-align:center; margin-top:40px; font-size:18px; }

h4 { text-align:center; font-weight:bold; margin-top:20px; padding:10px; font-size:20px; color:#FFF; border-bottom:#CCC 3px solid; }


.dooh{ background:#ED6C00; }

.donan{ background:#E85298; }

.tokachi{ background:#D79C00; }

.ohotuku{ background:#4D4398; }

.kushiro{ background:#00A73B; }

.dohoku{ background:#0068B7; }

.nagoya{ background-color:#9779a6; }

.oosaka{ background-color:#6f71b1; }

.tokyo{ background-color:#e0779f; }


.kurashifair-banner{ display:flex; justify-content:space-between; margin-top:20px; padding-top:20px; border-top:1px solid #CCC; }

.kurashifair-banner a{ padding:10px 22px; text-align:center; border-radius:5px; box-shadow:1px 1px 2px #CCC; text-decoration:none; font-size:12px; font-weight:bold; color:#FFF!important; }


h4 a{ float:right; color:#FFF!important; font-size:13px; font-weight:bold; margin:8px 0 0 0; }

#content a.to-official{ display:block; border-radius:5px; border-bottom:5px solid #C67979; text-align:center; font-size:16px; font-weight:bold; text-decoration:none; color:#FFF; padding:15px 60px 10px; width:450px; margin:10px auto 0; background:#DF817E; }

#regional-back { background:none repeat scroll 0 0 #E6F4EE; margin:0 auto; padding:0 0 20px; }

.kurashifair-days{ display:flex; justify-content:space-around; margin-top:20px; }

.kurashifair-days { padding: 10px 5px; text-align: center;  line-height: 1.4; text-decoration: none; border: 3px double #000; font-weight: bold; /* color: #FFF!important; */font-size: 16px; /* background-color: #df817f; */ width: 40%; margin: 20px auto; }

.kurashifair-days dl{ padding:0; margin: 0 auto; text-align: center; }

.kurashifair-days dl dt{ font-size:16px; padding-bottom:5; }

.kurashifair-days dl dd{ font-size:12px; padding-bottom:0; padding-top:5px; border-bottom:none; border-top:1px dotted #333; }

.kurashifair-days span{ font-size:11px; color:#333; }


.kurashifair-days a:first-of-type{ background-color:#6f71b1; }

.kurashifair-days a:nth-of-type(2){ background-color:#9779a6; }

.kurashifair-days a:last-of-type{ background-color:#e0779f; }


.regional-kouhou01 { background:url(../img/kurashifair/bg03.png) repeat-y scroll 0 0 rgba(0, 0, 0, 0); background-size:contain; display:block; height:auto; padding:10px; }

.regional-kouhou01 .book-area { position:relative; border:medium none; float:left; display:block; width:135px; height:480px;  }

/*.regional-kouhou01 .book-area-last { position:relative; border:medium none; display:block; width:135px; height:480px; margin-right:0; }*/

.regional-kouhou01 dl { padding-bottom:8px; }

.regional-kouhou01 dt { font-size:1em!important; }

.regional-kouhou01 dt img { display:block; }

.regional-kouhou01 dd { padding:5px 0 0 5px; width:100px; margin:0; }

.regional-kouhou01 dd.chiiki{ margin:5px 0 0; padding:0; }

.regional-kouhou01 dd.chiiki span{ display:inline; width:auto; padding:2px 4px; font-size:10px;font-weight:bold; background-color:#df817f; color:#FFF; }

.regional-kouhou01 dd.kaijyo { /*position:absolute; bottom:0;*/ font-weight:bold; padding:5px; margin:10px 0 0; width:110px; background:#FFF; box-shadow:1px 1px 2px #CCC; font-size:11px; line-height:1.2; color:#444; }

.regional-kouhou01 dd.kaijyo span{ font-size:12px; width:90%; padding:2%; text-align:center; margin-top:5px; border: 3px double #FFF; display:block; color:#FFF; }

.regional-kouhou01 dd.kaijyo span:last-of-type{ margin-bottom:10px; }

.regional-kouhou01 dd.kaijyo span.tokyo{ background-color:#e0779f; }

.regional-kouhou01 dd.kaijyo span.osaka{ background-color:#6f71b1; }

.regional-kouhou01 dd.kaijyo span.nagoya{ background-color:#9779a6; }

.regional-kouhou01 dd.kaijyo a{ line-height:2; text-align:left; font-weight:normal; }

.regional-kouhou01 dd a { color:#333333; font-size:12px!important; text-align:center; text-decoration:underline; }

/* 2019版　修正 */
.kurashifair-days a {background: #fff!important; border: solid 2px #a9cb00; color:#333!important;}
.kurashifair-days a:first-of-type { border-color: #F08C00;}
.kurashifair-days a:last-of-type { border-color: #F8CB00;}
.kurashifair-days a span {color:#333!important;}
.regional-kouhou01 dd.kaijyo span.osaka { border-color: #F08C00;}
.regional-kouhou01 dd.kaijyo span.tokyo { border-color: #F8CB00;}
.kurashifair-days a dl dd { border-color: #a9cb00;}
.regional-kouhou01 dd.kaijyo span { background-color:#fff!important; border: solid 2px #a9cb00; color: #333;}
#content a.to-official { background-color: #D4E580; border-color: #A9CB00; color: #333;}
.oosaka {background: #F08C00;}
.nagoya {background: #a9cb00;}
.tokyo { background: #F8CB00;}

}


@media screen and (max-width: 768px) {

.center { display:block; margin:0 auto; }

h2 img{ width:100%; }

h3{ text-align:center; font-size:16px; font-weight:bold; }

h3 img{ display:block; margin:20px auto 20px; width:70%; }

h4 { text-align:center; font-weight:bold; margin-top:20px; padding:10px; background:#DDD; font-size:20px; color:#FFF; border-bottom:#CCC 3px solid; }

.dooh{ background:#ED6C00; }

.donan{ background:#E85298; }

.tokachi{ background:#D79C00; }

.ohotuku{ background:#4D4398; }

.kushiro{ background:#00A73B; }

.dohoku{ background:#0068B7; }

.nagoya{ background-color:#9779a6; }

.oosaka{ background-color:#6f71b1; }

.tokyo{ background-color:#e0779f; }

h4 a{ float:right; color:#FFF!important; font-size:13px; font-weight:bold; margin:8px 0 0 0; }

#content a.to-official{ display:block; border-radius:5px; border-bottom:5px solid #C67979; text-align:center; font-size:16px; font-weight:bold; text-decoration:none; color:#FFF; padding:15px 5% 10px; width:80%; margin:10px auto 0; background:#DF817E; }

.kurashifair-banner{ display:flex; justify-content:space-around; flex-wrap:wrap; margin-top:20px; padding:0 20px; }

.kurashifair-banner a{ padding:10px 0; width:47%; margin-bottom:5px; text-align:center; border-radius:5px; text-decoration:none; font-size:14px; font-weight:bold;  color:#FFF!important; }

#regional-back { background:none repeat scroll 0 0 #E6F4EE; margin:0 auto; padding:20px 0; width:100%; }

.kurashifair-days{ margin-top:20px; }

.kurashifair-days a{ display:block; width:80%; padding:10px 5px; margin:0 auto 10px; text-align:center; line-height:1.4; text-decoration:none; border:3px double #FFF; font-weight:bold; color:#FFF!important; font-size:16px; background-color:#df817f; }

.kurashifair-days a dl{ padding:0; }

.kurashifair-days a dl dt{ font-size:16px; padding-bottom:5; }

.kurashifair-days a dl dd{ font-size:12px; padding-bottom:0; padding-top:5px; border-bottom:none; border-top:1px dotted #FFF; }

.kurashifair-days a span{ font-size:11px; color:#FFF; }


.kurashifair-days a:first-of-type{ background-color:#6f71b1; }

.kurashifair-days a:nth-of-type(2){ background-color:#9779a6; }

.kurashifair-days a:last-of-type{ background-color:#e0779f; }


.regional-kouhou01 { display:flex; justify-content:flex-start; flex-wrap:wrap; background:url(../img/kurashifair/bg03_sp.png)  repeat-y scroll 0 0 rgba(0, 0, 0, 0); margin:0 auto; width:95%; }

.regional-kouhou01 .book-area { border:medium none; display:block; height:480px; margin:0 0 0 15px; }

.regional-kouhou01 dl { padding:15px 0px; }

.regional-kouhou01 dd { padding:5px 0 0 5px; width:100px; margin:0; }

.regional-kouhou01 dd.chiiki{ margin:5px 0 0; padding:0; }

.regional-kouhou01 dd.chiiki span{ display:inline; width:auto; padding:2px 4px; font-size:10px;font-weight:bold; background-color:#df817f; color:#FFF; }

.regional-kouhou01 dd.kaijyo { /*position:absolute; bottom:0;*/ font-weight:bold; padding:5px; margin:10px 0 0; width:110px; background:#FFF; box-shadow:1px 1px 2px #CCC; font-size:11px; line-height:1.2; color:#444; }

.regional-kouhou01 dd.kaijyo span{ font-size:12px; width:90%; padding:2%; text-align:center; margin-top:5px; border: 3px double #FFF; display:block; color:#FFF; }

.regional-kouhou01 dd.kaijyo span:last-of-type{ margin-bottom:10px; }

.regional-kouhou01 dd.kaijyo span.tokyo{ background-color:#e0779f; }

.regional-kouhou01 dd.kaijyo span.osaka{ background-color:#6f71b1; }

.regional-kouhou01 dd.kaijyo span.nagoya{ background-color:#9779a6; }

.regional-kouhou01 dd.kaijyo a{ line-height:2; text-align:left; font-weight:normal; }

.regional-kouhou01 dd a { color:#333333; font-size:12px!important; text-align:center; text-decoration:underline; }

.pc_sidebar { display:none; }

/* 2019版　修正 */
.kurashifair-days a {background: #fff!important; border: solid 2px #a9cb00; color:#333!important;}
.kurashifair-days a:first-of-type { border-color: #F08C00;}
.kurashifair-days a:last-of-type { border-color: #F8CB00;}
.kurashifair-days a span {color:#333!important;}
.regional-kouhou01 dd.kaijyo span.osaka { border-color: #F08C00;}
.regional-kouhou01 dd.kaijyo span.tokyo { border-color: #F8CB00;}
.kurashifair-days a dl dd { border-color: #a9cb00;}
.regional-kouhou01 dd.kaijyo span { background-color:#fff!important; border: solid 2px #a9cb00; color: #333;}
#content a.to-official { background-color: #D4E580; border-color: #A9CB00; color: #333;}
.oosaka {background: #F08C00;}
.nagoya {background: #a9cb00;}
.tokyo { background: #F8CB00;}


}