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

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

/* メイン
----------------------- */
#main{}
#main:after{content:none;}
#main h1{background-image:url(../img/title_bg.jpg);}
#main h2{width:500px;margin:0 auto 2.678%;}
#main h3{margin-bottom:0%;padding-bottom:0.25em;font-size:28px;font-weight:normal;text-align:center;background:url(../img/head_line.jpg) no-repeat bottom center;}
#main .box{margin-top:6.25%;}
#main .bg{background:rgba(56,80,138,0.1);}

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


#visual{padding:6.428% 0 8.928%;position:relative;z-index:2;}

#lead{position:relative;z-index:1;}
#lead:before{content:'';width:125%;margin-top:-13.393%;padding-top:57.5%;background:url(../img/bg_lead.png) no-repeat;background-size:100% auto;position:absolute;top:0;left:50%;transform:translate(-50%,0%);z-index:-1;}
#lead .text{margin-bottom:1.5em;font-size:20px;text-align:center;line-height:1.5;}
#lead .cap{margin:4.465% auto 10.267%;font-size:16px;}
#lead .cap a{display:inline;}

#lead .vrwrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4.018%;}
#lead .vrbox{width:49.108%;/*550*/padding:4.018% 4.465% 4.465%;background:rgba(255,255,255,0.5);box-sizing:border-box;}
#lead .hall{margin:0 auto;color:#04287e;font-size:26px;}
#lead .hall + .cap{margin:1em auto;text-align:left;}
#lead .btn{margin-top:8.889%;text-align:center;}
#lead .btn a{width:72.667%;display:inline-block;box-shadow:5px 5px 0px 0px rgba(0,0,0,0.25);border-radius:20px;transition-property:box-shadow;}
#lead .btn a:hover{opacity:1;box-shadow:none;}

#anchor{position:relative;z-index:2;}
#anchor li{width:23.661%;max-width:265px;box-shadow:0px 0px 20px -10px rgba(0,0,0,0.3);border-radius:10px;}

/*見どころ*/
#highlight{}
#highlight h2 + .text{margin:-1.339% auto 2.678%;font-size:16px;text-align:center;}
#highlight .item{display:flex;flex-wrap:wrap; justify-content:space-between; align-items:center;margin-bottom:7.142%;}
#highlight .image{width:35.714%;}
#highlight .textbox{width:61.428%;}
#highlight .head{padding:0 0 0.6em 0.75em;font-size:26px;background:url(../img/bg_head.png) no-repeat bottom left;}

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

/*入館するため*/
#enter{}
.inner{width:71.428%;margin:0 auto 5.357%;}

/*流れ*/
#flow{}
#flow .image{position:relative;margin-bottom:1.875%;padding-bottom:4.375%;background:url(../img/icon_arrow.png) no-repeat bottom center;background-size:11.25% auto;}
#flow .image a{position:absolute;top:0;left:50%;width:40.875%;transform:translateX(-50%);}
#flow #flow1{margin-top:3.125%;}
#flow #flow1 a{margin-top:35%;box-shadow:0px 0px 20px 5px rgba(0,0,0,0.3);border-radius:20px;}
#flow #flow2 a{margin-top:23%;box-shadow:5px 5px 0px 0px rgba(0,0,0,0.25);border-radius:20px;transition-property:box-shadow;}
#flow #flow2 a:hover{opacity:1;box-shadow:none;}
#flow #flow4{margin-bottom:0;padding-bottom:0;background:none;}

/*鑑賞環境*/
#viewing{}
#viewing .text{margin:3.125% 0 6.25%;font-size:16px;line-height:1.5;}

/*PCスペック*/
#spec{width:100%;}
#spec .table{margin-top:4.017%;padding:2.678%;background:rgba(149,149,149,0.15);}
#spec table{width:100%;}
#spec tr{border-bottom:1px solid #999;}
#spec tr:first-of-type{border:none;}
#spec th{font-size:18px;line-height:1.5;font-weight:bold;}
#spec td{width:41.229%;padding:1em 1em 1em 0;font-size:16px;line-height:1.5;}
#spec tr td:first-of-type{width:17.542%;}

/*注意事項*/
#notes{}
#notes .text{width:71.428%;margin:0 auto;}
#notes li{position:relative;padding-left:1em;font-size:16px;line-height:1.5;}
#notes li.mag{margin-top:1em;}
#notes li span{position:absolute;left:0;}

/*問合せ先*/
#main #contact{margin-top:13.392%;padding-bottom:7.321%;}
#contact p{margin-bottom:2.678%;font-size:16px;text-align:center;line-height:1.5;}
#contact .head{margin-bottom:0.5em;font-size:24px;}
#contact span{display:inline-block;padding-left:1.3em;background:url(../img/icon_mail.png) no-repeat bottom left;line-height:1;}


/* ----------------------- */
/* PC～SP
/* ----------------------- */
@media screen and (max-width: 1120px){
	
#lead .btn a{box-shadow:0.447vw 0.447vw 0px 0px rgba(0,0,0,0.25);border-radius:1.786vw;}
#flow #flow2 a{box-shadow:0.447vw 0.447vw 0px 0px rgba(0,0,0,0.25);border-radius:1.786vw;}
}



/* ----------------------- */
/* SP
/* ----------------------- */
@media screen and (max-width: 750px){
	
/* メイン
----------------------- */
#main h1{background-image:url(../img/sp/title_bg.jpg);}
#main h2{width:100%;margin:0 auto 7.142%;}
#main h3{font-size:4.26vw;background-size:28.571% auto;}
#main .box{margin-top:21.428%;}
#main a:hover{opacity:1;}

#visual{width:107.15%;margin-left:-3.575%;padding:10% 0;}

#lead{}
#lead:before{width:107.15%;margin-top:17.143%;padding-top:115.2%;background-image:url(../img/sp/bg_lead.png);}
#lead .text{font-size:3.7vw;}
#lead .cap{margin:0% auto 12.142%;font-size:3.4vw;}

#lead .vrwrap{margin-top:12.858%;}
#lead .vrbox{width:100%;margin-bottom:7.143%;padding:5.715% 7.143% 7.143%;}
#lead .hall{font-size:5.7vw;}
#lead .hall + .cap{font-size:3.8vw;}
#lead .btn{margin-top:6.667%;}
#lead .btn a{width:54.5%;box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);border-radius:2.667vw;}
#lead .btn a:hover{box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);}

#anchor{}
#anchor li{width:47.715%;max-width:100%;margin-bottom:4.57%;box-shadow:0px 0px 20px -5px rgb(0 0 0 / 30%);}

/*見どころ*/
#highlight{margin-top:16.858%;}
#highlight h2 + .text{margin:-3.571% auto 7.142%;font-size:3.4vw;}
#highlight .item{margin-bottom:12.857%;}
#highlight .image{width:100%;}
#highlight .textbox{width:100%;}
#highlight .head{padding:0.75em 0 0.6em 0;font-size:4.9vw;text-align:center;background:url(../img/sp/bg_head.png) no-repeat bottom center;background-size:77.857% auto;}

/*freearea--------------------------------*/
#highlight .freearea{width:calc(100% - 40px);margin:0 auto;padding-left:0;font-size:3.8vw;}
#highlight .freearea p,
#highlight .freearea ul,
#highlight .freearea table{margin:0 auto 1em;font-size:3.8vw;}
#highlight .freearea h1,#highlight .freearea h2,
#highlight .freearea h3,#highlight .freearea h4,
#highlight .freearea h5,#highlight .freearea h6{margin:0 auto;}
#highlight .freearea h1{font-size:4.66vw;}
#highlight .freearea h2{font-size:4.53vw;}
#highlight .freearea h3{font-size:4.4vw;}
#highlight .freearea h4{font-size:4.26vw;/*32*/}
#highlight .freearea h5{font-size:4vw;}
#highlight .freearea h6{font-size:3.86vw;}
#highlight .freearea table{}
#highlight .freearea th,
#highlight .freearea td{}
/*freearea--------------------------------*/

/*入館するため*/
#enter{}
.inner{width:100%;margin:0 auto 17.142%;}

/*流れ*/
#flow{}
#flow .image{margin-bottom:5%;padding-bottom:8.571%;background-size:12.857% auto;}
#flow .image a{width:46.714%;}
#flow #flow1{margin-top:6.428%;}
#flow #flow1 a{margin-top:60%;}
#flow #flow2 a{margin-top:39%;box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);border-radius:2.667vw;}
#flow #flow2 a:hover{box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);}

/*鑑賞環境*/
#viewing{}
#viewing .text{width:calc(100% - 40px);margin:4.285% auto;font-size:3.7vw;}

/*PCスペック*/
#spec{}
#spec .list{margin-top:4.017%;padding:0 4.28% 4.28%;background:rgba(149,149,149,0.15);}
#spec li{padding:0.75em 0;font-size:3.2vw;line-height:1.5;text-align:center;border-bottom:1px solid #999;}
#spec li.head{padding-top:2em;font-weight:bold;}
#spec li span{font-size:2.93vw;}

/*注意事項*/
#notes{}
#notes .text{width:100%;}
#notes li{font-size:3.7vw;}

/*問合せ先*/
#main #contact{margin-top:21.428%;padding-bottom:15.714%;}
#contact p{margin-bottom:5.714%;font-size:3.2vw;}
#contact .head{margin-bottom:0;font-size:4.26vw;}
#contact span{padding-left:2.5em;background:url(../img/sp/icon_mail.png) no-repeat bottom left;background-size:auto 100%;line-height:1.3;height:1.3em;}


}