@charset "utf-8";
@import url("wp.css");

/* --------------------------------------------------------- */
/* exhibit - index.css */
/* --------------------------------------------------------- */

/* メイン
----------------------- */
#main{}
#main:after{content:none;}
#main h1{background-image:url(../img/title_bg.jpg);}
#main .box{margin-top:6.25%;padding-bottom:7.321%;}

#main a{display:block;transition:opacity ease 0.3s;}
#main a:hover{opacity:0.7;}


#exhibit{}
#exhibit:after{content:'';display:block;padding-top:1px;}
#exhibit .item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:6.25%;padding-bottom:5.358%;border-bottom:1px solid #999;}
#exhibit .item:last-of-type{padding-bottom:0;border:none;}
#exhibit .image{width:25%;/*280*/}
#exhibit .image img{width:auto;max-width:100%;margin:0 auto;}
#exhibit .textbox{width:44.643%;/*500*/}
#exhibit h2.head{padding:0 0 0.6em;color:#04287e;font-size:26px;font-weight:bold;line-height:1.5;}
#exhibit .season{margin-bottom:1.4em;font-size:16px;}
#exhibit .season li{font-size:16px;line-height:1.5;}
#exhibit .calendar{width:22.322%;/*250*/}

/*freearea--------------------------------*/
#exhibit .freearea{font-size:16px;line-height:1.5;}
#exhibit .freearea:after{content:'';display:block;clear:both;}
#exhibit .freearea mark{display:inline;}
#exhibit .freearea p,
#exhibit .freearea ul,
#exhibit .freearea table{margin-bottom:0.6em;font-size:16px;line-height:1.5;}
#exhibit .freearea h1,#exhibit .freearea h2,
#exhibit .freearea h3,#exhibit .freearea h4,
#exhibit .freearea h5,#exhibit .freearea h6{width:auto;margin:0;padding:0;color:#04287e;line-height:1.5;font-weight:normal;text-align:left;background:none;}
#exhibit .freearea h1{font-size:24px;}
#exhibit .freearea h2{font-size:23px;}
#exhibit .freearea h3{font-size:22px;}
#exhibit .freearea h4{font-size:20px;}
#exhibit .freearea h5{font-size:18px;}
#exhibit .freearea h6{font-size:17px;}
#exhibit .freearea a{display:inline;color:#04287e;text-decoration:underline;}
#exhibit .freearea a:hover{opacity:1;text-decoration:none;}
#exhibit .freearea table{width:100%;padding:0;border-top:1px solid transparent;border-collapse:collapse;table-layout:fixed;}
#exhibit .freearea tr{border-bottom:1px solid transparent;border-left:1px solid transparent;}
#exhibit .freearea th,
#exhibit .freearea td{position:relative;padding:0.5em 1em;border-right:1px solid transparent;vertical-align:middle;z-index:1;}
#exhibit .freearea th{color:#fff;}
#exhibit .freearea td{}
#exhibit .freearea th:before,
#exhibit .freearea td:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}
#exhibit .freearea th:before{background:rgba(18,51,128,0.6);}
#exhibit .freearea td:before{background:rgba(149,149,149,0.15);}
/*freearea--------------------------------*/

#exhibit .calendar li{margin-bottom:2%;}


/* ----------------------- */
/* PC～SP
/* ----------------------- */
@media screen and (max-width: 1120px){
	
}



/* ----------------------- */
/* SP
/* ----------------------- */
@media screen and (max-width: 750px){
	
/* メイン
----------------------- */
#main h1{background-image:url(../img/sp/title_bg.jpg);}
#main .box{margin-top:21.428%;padding-bottom:10.714%;}
#main a:hover{opacity:1;}

/*見どころ*/
#exhibit{margin-top:16.858%;}
#exhibit .item{margin-bottom:10%;padding-bottom:5.715%;}
#exhibit .image{width:100%;}
#exhibit .textbox{width:100%;}
#exhibit h2.head{padding:1.5em 0 0.6em 0;font-size:4.3vw;}
#exhibit .season{font-size:3.2vw;}
#exhibit .season li{font-size:3.2vw;}
#exhibit .calendar{width:100%;}

/*freearea--------------------------------*/
#exhibit .freearea{margin:0 auto;padding-left:0;font-size:3.2vw;}
#exhibit .freearea p,
#exhibit .freearea ul,
#exhibit .freearea table{margin:0 auto 1em;font-size:3.2vw;}
#exhibit .freearea h1,#exhibit .freearea h2,
#exhibit .freearea h3,#exhibit .freearea h4,
#exhibit .freearea h5,#exhibit .freearea h6{margin:0 auto;}
#exhibit .freearea h1{font-size:4.53vw;}
#exhibit .freearea h2{font-size:4.4vw;}
#exhibit .freearea h3{font-size:4.26vw;}
#exhibit .freearea h4{font-size:4vw;/*30*/}
#exhibit .freearea h5{font-size:3.86vw;}
#exhibit .freearea h6{font-size:3.46vw;}
#exhibit .freearea a:hover{text-decoration:underline;}
#exhibit .freearea table{}
#exhibit .freearea th,
#exhibit .freearea td{}
/*freearea--------------------------------*/

#exhibit .calendar{display:flex;flex-wrap:wrap;margin-top:4.286%;}
#exhibit .calendar li{width:47.858%;margin:0 4.284% 4.284% 0;}
#exhibit .calendar li:nth-of-type(even){margin-right:0;}

}