@charset "utf-8";

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

/* メイン
----------------------- */
#main{}
#main a{display:block;transition:opacity ease 0.3s;}
#main a:hover{opacity:0.7;}

/* キービジュアルスライダー */
#kvslider{overflow:hidden;}
#kvslider .bx-wrapper{border: none;}

#visual{width:100%;margin:0 auto;text-align:center;position:relative;z-index:1;}

#visualMain{width:100%;margin:0px auto;position:relative;z-index:1;}
#visualMain p img{height:auto;}

#visualSample{width:100%;}
#visualSample p{text-align:center;}
#visualSample img{width:100%;height:auto;}
.scriptOn #visualSample{visibility:hidden;}

.visualList{width:100%;margin:0px auto;position:absolute;left:0px;top:0px;display:none;z-index:1;}
.scriptOn .visualList{display:block;}
.visualList p{text-align:center;}
.visualList img{width:100%;height:auto;}

.visualItem{width:100%;height:100%;float:left;overflow:hidden;position:relative;}

.visualDummy{width:100%;height:100%;position:absolute;top:0px;z-index:1;}
.visualLeft1{right:100%;}
.visualLeft2{right:100%;}
.visualLeft3{right:100%;}
.visualRight1{left:100%;}
.visualRight2{left:100%;}
.visualRight3{left:100%;}

#pagination{width:100%;max-width:1400px;margin:20px auto 0;text-align:center;}
#pagination ul{display:inline-block;}
#pagination li{display:inline-block;margin:0 8px;}
#pagination li a{width:15px;height:15px;display:block;border-radius:50%;background:#a7a7a7;}
#pagination li.selected a{background:#ea5504;}

#banner{margin:2.678% auto 7.142%;}
#banner li{width:100%;}
#banner figure{margin:0;}
#banner img{width:100%;max-width:100%;height:auto;}

.leftblock{width:65.625%;/*735*/}
.rightblock{width:31.25%;/*350*/}

#newsBox{width:100%;}
#newsBox .head{display:table;width:100%;}
#newsBox .head span,
#newsBox .head a{display:table-cell;padding:21px 1em;color:#fff;font-size:28px;line-height:1;}
#newsBox .head span{width:79.319%;border-right:2px solid transparent;position:relative;z-index:1;}
#newsBox .head span:before{content:'';display:block;width:100%;height:100%;background:rgba(18,51,128,0.5);position:absolute;top:0;left:0;z-index:-1;}
#newsBox .head a{width:20.408%;/*150*/min-width:3em;text-align:center;letter-spacing:0.5em;text-decoration:none;background:#123380;}
#newsList{/*max-height:100px;min-height:calc(100% - 72px);overflow-y:scroll;*/margin-top:2px;background:rgba(149,149,149,0.15);}
#newsList .news{padding:3.809%;}
#newsList p{}
#newsList .day{position:relative;color:#123380;font-size:14px;}
#newsList .day:after{width:4.5em;position:absolute;top:50%;left:0;display:block;margin-left:9em;color:#fff;font-size:13px;text-align:center;line-height:1.538em;height:1.538em;transform:translateY(-50%);}
#newsList .text{margin-top:0.25em;font-size:16px;line-height:1.4;}
#newsList .text a{text-decoration:none;}
#newsList .text a:hover{opacity:1;text-decoration:underline;}
#newsList .event .day:after{content:'イベント';background:#009944;}
#newsList .info .day:after{content:'お知らせ';background:#123380;}
#newsList .exhibition .day:after{content:'展覧会';background:#ea5404;}

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

#Links{}
#Links p{margin-bottom:2.857%;}
#Links .twitterBox{width:100%;}
#Links .twitter-timeline,
#Links .twitterBox iframe{width:100%!Important;}

#access{margin-top:7.142%;padding-bottom:200px;}
#access .head{margin-bottom:0.5em;color:#04287e;font-size:32px;text-align:center;}
#access .float p{width:48%;max-width:520px;}
#map{position:relative;margin-top:3.839%;padding-top:300px;}
#map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}



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



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

/* 共通上書き */
#gotop{position:fixed!important;bottom:0!important;}
#footer{margin-bottom:17.47%;}

/* メイン
----------------------- */
#main{}
#main a:hover{opacity:1;}

/* キービジュアルスライダー */
#pagination{margin-top:10px;}
#pagination li{margin:0 5px;}
#pagination li a{width:10px;height:10px;}

#banner{margin:5.714% auto 4.285%;}
#banner li{width:100%;max-width:100%;}

.leftblock,
.rightblock{width:100%;}

#newsBox{}
#newsBox .head span,
#newsBox .head a{padding:0.629em 1em;font-size:4.13vw;}
#newsBox .head a{min-width:2em;letter-spacing:0;}
#newsList{/*max-height:100%;min-height:0;*/padding-bottom:4.13vw;overflow-y:visible;}
#newsList .news{padding:4.13vw 4.13vw 0vw;}
#newsList .day{font-size:2.71vw;}
#newsList .day:after{font-size:2.53vw;}
#newsList .text{font-size:3.09vw;}

/*freearea--------------------------------*/
#guide{margin-top:4.285%;padding:0 4.13vw;font-size:3.09vw;}
#guide p,
#guide ul,
#guide table{margin:0 auto 1em;font-size:3.09vw;}
#guide h1,#guide h2,
#guide h3,#guide h4,
#guide h5,#guide h6{margin:0 auto;}
#guide h1{font-size:4.53vw;}
#guide h2{font-size:4.4vw;}
#guide h3{font-size:4.26vw;}
#guide h4{font-size:4vw;/*30*/}
#guide h5{font-size:3.86vw;}
#guide h6{font-size:3.46vw;}
#guide a:hover{text-decoration:underline;}
/*freearea--------------------------------*/
#guide .head{}
#guide .txt li{}
#guide .txt li a:hover{text-decoration:underline;}

#Links{margin-top:4.285%;}
#Links:after{content:'';display:block;}
#Links p{width:48.571%;margin-bottom:2.498%;}
#Links p:nth-of-type(even){float:right;}
#Links p:nth-of-type(odd){float:left;}
#Links p:last-of-type{margin-bottom:5.714%;}
#Links .twitterBox{margin-bottom:0;clear:both;}
#Links .twitterBox iframe{height:46.66vw!important;}

#access{margin-top:8.571%;padding-bottom:30%;}
#access .head{font-size:4.26vw;}
#access .float p{width:100%;max-width:100%;margin-bottom:4.857%;}
#access .float p:last-of-type{margin-bottom:0;}
#map{margin-top:7.142%;padding-top:42.857%;}

}