/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
  font-weight: 500;
}
body {font-family:"Times New Roman" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500;
 -webkit-text-size-adjust: 100%; line-height:1; letter-spacing:.1em;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);}
img,iframe { border:none;}
ol,ul { list-style:none; list-style-type: none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;} /* = 10px */
body { font-size: 1.6rem; } /* = 16px */
h1 { font-size: 3.2rem; }
h2 { font-size: 2.8rem; }
h3 { font-size: 2.5rem; }
h4 { font-size: 2rem; }
p { font-size: 1.6rem; }
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f95 { font-size:95%;}
.f90 { font-size:90%;}
.f85 { line-height:normal !important; font-size:85% !important;}
.f80 { line-height:normal !important; font-size:80% !important;}
.fcor {color:#f08623;}
.fcpu {color:#9b5380;}
.fcor2 {color:#d74f03;}
.ffmc{font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho",serif;}
/*link*/
a { text-decoration:none; color:#4f4f4f;}
a:hover { text-decoration:none; color:#4f4f4f;}
#menu li a,.bnrbox a,a.btn_tkt,#news a.bnr201106{text-decoration:none; transition: 0.2s ease-in-out;}
#menu li a:hover,a.btn_tkt:hover,#news a.bnr201106:hover{text-decoration:none; opacity:0.7;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; opacity:0.50;}
.no-link2{ pointer-events: none; cursor: default; text-decoration:none;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {background-color:#000030; color:#4f4f4f;
background:url(../img/bg.jpg); background-attachment: fixed;}
#con-body {background-color:transparent;}

#top header h1{width:487px;height:296px; background:url(../img/top/top_logo.png) no-repeat 0 0; margin:0 auto; position:absolute; bottom:15%; left:0; right:0; background-size:cover;}
.inner{width:980px; margin:0 auto; /*background-color:rgba(17,17,17,0.1);*/}

#top_news{padding:7% 0 5%;
background-image:url(../img/bg3.png);
background-repeat:no-repeat;
background-size:40% 250px;
background-position:left center;}
#top_news .inner{position:relative;}
#top_news h2{position:absolute; top:45%; left:0;}
#top_news ul{height:303px; overflow-y:scroll; padding:0 20px 0 0;}
#top_news ul::-webkit-scrollbar {width:3px;}
#top_news ul::-webkit-scrollbar-track {background:none;}
#top_news ul::-webkit-scrollbar-thumb {background:rgba(178,174,171,0.5);}
#top_news ul#upd li{background-color:rgba(255,255,255,0.8); box-shadow:8px 10px 18px rgba(9,2,4,0.1); letter-spacing:.03em; margin:0 0 2% auto; width:70%; font-size:95%;
background-image:url(../img/arw.png); background-repeat:no-repeat; background-position:right 3% center;}
#top_news ul#upd li:nth-child(odd){margin:0 3% 2% auto;}
#top_news ul#upd li span.ymd{color:#fff; padding:5px; margin:0 1.6% 0 -1%;
background-image:linear-gradient(120deg, rgba(215,79,3,0.7) 10%, rgba(102,38,84,0.7) 100%);}
#top_news ul#upd li a{display:block; width:100%; padding:5% 0;}
#top_news ul#upd li.congestion{padding:0 0 0 2.5%; border-left:2px solid rgba(215,79,3,0.7);}
#top_news ul#upd li.congestion a{padding:3% 0;}

#feature{margin:0 0 5%;
background-image:url(../img/bg4.jpg);
background-repeat:no-repeat;
background-position:center top 40px;
background-size:100% 85%;
}
#feature .inner{position:relative; padding:0;}
.miira1{position:absolute; top:0; right:18%; opacity: 0;
animation:fadein 0.5s ease 1s 1 forwards;
}
/*.miira2{position:absolute; top:36%; right:36%; opacity: 0;
animation:fadein 0.5s ease 2s 1 forwards;
}*/
.miira3{position:absolute; top:52%; right:0; opacity: 0;
animation:fadein 0.5s ease 2s 1 forwards;
}
/*.miira4{position:absolute; bottom:11%; right:19%; opacity: 0;
animation:fadein 0.5s ease 4s 1 forwards;
}*/
.miira5{position:absolute; top:69%; right:17%; opacity: 0;
animation:fadein 0.5s ease 3s 1 forwards;
}
.miira6{position:absolute; top:11%; right:9.5%; opacity: 0;
animation:fadein 0.5s ease 4s 1 forwards;
}
.miira7{position:absolute; top:23%; right:0; opacity: 0;
animation:fadein 0.5s ease 5s 1 forwards;
}
.miira8{position:absolute; top:36%; right:36%; opacity: 0;
animation:fadein 0.5s ease 6s 1 forwards;
}
@keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}
/*#feature h1{width:525px;height:53px; background:url(../img/top/hl_1.png) no-repeat 0 0;}*/
#feature h1{position:relative; z-index:1;}
#feature h2{width:477px;height:186px; background:url(../img/top/hl_2.png) no-repeat 0 0; margin:4% 0 0;}
#feature h3{font-size:110%; line-height:180%; padding:.5% 1% 2%; position:relative; width:58%;
 text-shadow:1px 1px 10px #f4f4f2; text-shadow:#f4f4f2 1px 1px 10px, #f4f4f2 -1px 1px 10px, #f4f4f2 1px -1px 10px, #f4f4f2 -1px -1px 10px;}
#feature a{display:block; width:380px; color:#fff; font-weight:bold; text-align:center; font-size:2vw; padding:3% 0; letter-spacing:.3em; box-shadow:8px 10px 18px rgba(9,2,4,0.1); margin:0 0 0 4%; transition:0.5s;
background-image:url(../img/arw2.png),linear-gradient(110deg, rgba(126,29,63,0.8) 31%, rgba(186,126,82,0.8) 93%);
background-repeat:no-repeat,repeat;
background-position:right 3% center,center center;}
#feature a:hover{/*opacity:0.7;*/background-color:rgba(186,126,82,0.8);}

#special,#special2{
background-image: linear-gradient(rgba(240,234,219,0.5), rgba(240,234,219,0.5));
background-repeat:no-repeat;
background-size:75% 85%;
background-position:right bottom;}
#special2{margin:5% 0;}
#special h3,#special2 h3{font-weight:bold; color:#757677; line-height:130%; font-size:200%; padding:0 0 1em;}
#special h4,#special2 h4{font-weight:bold; color:#757677; line-height:130%; font-size:120%; padding:0 0 .2em; margin:0 0 .5em; border-bottom:1px solid rgba(17,17,17,0.3);}
#special .photo,#special2 .photo{width:350px;height:450px;background:#fff url(../img/top/takeshi.jpg) no-repeat center center; display:inline-block; vertical-align:top; margin:0 0 4%; box-shadow:5px 10px 24px rgba(178,174,171,0.3);}
#special .desc,#special2 .desc{display:inline-block; margin:3% 0 0 4%; width:58%;}
#special2 .photo{background:#fff url(../img/top/osawa.jpg) no-repeat center center;}
#special p,#special2 p{line-height:180%;}
#special2 a{border:1px solid #757677; padding:2.5% 8%; font-weight:bold; font-size:120%; margin:2em 0 0; display:inline-block;}

#spot{margin:8% 0; padding:0 0 3%;
background-image: linear-gradient(147deg, rgba(240,234,219,0.5), rgba(240,234,219,0.5));
background-repeat:no-repeat;
background-size:60% 80%;
background-position:right bottom;}
#spot .mov {position:relative; width:680px; margin:0 auto;}
#spot .mov iframe {width:100%; height:383px; box-shadow:8px 15px 24px rgba(9,2,4,0.2);}

#top_ol{margin:8% 0;}
#top_ol table{width:88%; margin:2% 0 0 12%; font-size:110%; border-collapse: separate; border-spacing: 0px 30px;}
#top_ol table th{text-align: left; width:8%; line-height:160%; padding:5px 0; border-right:1px solid #a1a2a3; vertical-align:top;}
#top_ol table td{text-align: left; width:55%; line-height:160%; padding:5px 0 5px 5%; vertical-align:top;}
#top_ol .contact{border:1px solid rgba(17,17,17,0.2); padding:1.8%; font-style:normal; width:auto; margin:1% 0 2% 12% !important;}
#top #top_ol .contact{width:68%; line-height:170%;}
#top_ol .contact span.inqury,#top_ol .contact span.inqury2{padding:0 0 .3em; display:block; border-bottom:1px solid rgba(17,17,17,0.2); margin:0 0 .8em; width:20%; font-weight:bold;}
#top_ol .contact span.inqury2{width:36%;}

#snsarea{background:url(../img/bg2.jpg);}
#twTL{width:550px; background:url(../img/twt.png) no-repeat left top 12%; padding:0 0 0 7%; display:inline-block; margin:1% 12% 1.5% 0;}
#snsarea .adv{width:300px; display:inline-block; text-align:right; vertical-align:top; padding:5vh 0 0;}
#rect {width:300px; height:250px; background-color:rgba(17,17,17,0.6); margin:0 auto 2em; box-shadow:0 0 20px rgba(0,0,46,0.2);}

aside .inner{
padding:5.5em 0;
background-image:url(../img/foot_logo.png),url(../img/foot_date.png?1);
background-position:left center,right center;
background-size:22%,auto;
background-repeat:no-repeat,no-repeat;
}

/*footer*/
footer{background-color:rgba(17,17,17,0.7);
padding:2% 0 3%;}
footer p{width:980px; margin:0 auto; line-height:180%; font-size:90%; color:#fff;}
footer a{color:#fff;}

/*//////2nd//////*/
.hdttl h1{width:306px; height:120px; margin:0 auto;}
#outline p,#news p,#ticket p,#highlight p,#goods p{line-height:170%;}

/*news*/
#news .hdttl{background-image:url(../img/hbg1.jpg);}
/*#news .hdttl h1{background:url(../img/news/ttl.png) no-repeat 0 0;}*/
#news .entry{width:980px; margin:0 auto 8%;}
#news article{background-color:rgba(240,234,219,0.5); box-shadow:10px 10px 24px rgba(178,174,171,0.3); padding:0 3.5% 3.5%; margin:8% 0 0;}
#news article span.ymd{font-size:2.3vw; display:inline-block; margin:-1.5em 0 0; letter-spacing:.02em; background: -webkit-linear-gradient(bottom, #f18d00, #94343e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#news article .ymd .date{font-size:5vw; letter-spacing:0;}
#news article h2{font-weight:bold; font-size:1.8vw; line-height:160%; margin:.5em 0 .8em;}
#news article h2 span{background-color:rgba(255,255,255,0.8); padding:.1em;}
#news article p.bgc{background-color:rgba(255,255,255,0.6); padding:1em; margin:1em 0;}
#news .photo{width:680px; height:485px; background:url(../img/news/news1128.jpg) no-repeat center center; margin:0 auto 1.5em; border:8px solid #fff;}
#news a.bnr201106{width:320px; height:100px; background:url(../img/news/bnr201106.jpg) no-repeat center center; margin:1em 0; display:block; box-shadow:8px 8px 15px rgba(0,0,46,0.1);}

/*ticket*/
#ticket .hdttl{background-image:url(../img/hbg3.jpg);}
/*#ticket .hdttl h1{background:url(../img/ticket/ttl.png) no-repeat 0 0;}*/
#outline h2,#ticket h2,#highlight h2,#goods h2{position:relative; padding:0 0 0 5%; margin:3% 0 1% 0; font-weight:bold; line-height:145%; font-size:200%;}
#outline h2:before,
#ticket h2:before,
#highlight h2:before,
#goods h2:before{
content: "";
width:4%;
height:1px;
background-color:#4f4f4f;
position: absolute;
left: 0px;
top: 50%;
}
#ticket h2{margin:5% 0 1% 0;}
#ticket h2.early{text-align:center; padding:1em 0; margin:2em auto 0; border:1px solid #4f4f4f; width:500px; background-color:rgba(252,252,251,0.6); box-shadow:20px 20px rgba(178,174,171,0.2); line-height:120%;}
#ticket h2.early:before{
content: "";
width:60px;
height:1;
background-color:#4f4f4f;
position: absolute;
left:-30px;
top:50%;
}
#ticket h3{margin:4% 0 0; padding:0 0 0 40px;
background:url(../img/ticket_ic.png) no-repeat left top;
background-size:35px;}
#ticket h3 span.status{color:#fff; font-size:2rem; padding:.1em; margin:0 .4em 0 0; display:inline-block;
background-color:rgba(126,29,63,0.7);
/*background-image: linear-gradient(45deg, rgba(215,79,3,0.8) 10%, rgba(102,38,84,0.8) 100%);
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);*/
}
#ticket h3 span.grd{letter-spacing:.1em; font-weight:bold; display:inline-block; line-height:160%;
background: linear-gradient(to right, #e8743e, #852666, #ea8325) 0% center / 200% auto;
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
animation: grd1 4s linear infinite;
}
@keyframes grd1 {
  to { background-position-x: 200%; }
}
_:lang(x)::-ms-backdrop, #ticket h3 span.grd {background:none;
color:#9b5380;}
_:lang(x)::-ms-backdrop, #ticket h3 span.status {padding:.2em .1em 0; line-height:1;}
#ticket h4{padding:.8em 0 0; line-height:160%; font-weight:bold; margin:1em 0 0;}
#ticket h4 span{background-color:rgba(240,234,219,0.5); padding:.2em;}
#ticket h4.notice{font-weight:bold; font-size:140%; color:#9b5380;}
#ticket h4.notice span{background: linear-gradient(transparent 60%, rgba(240,234,219,0.7) 60%);}
#ticket h5{padding:.5em 0 .5em 1em; line-height:160%; border-left:5px solid #ddd; margin:0 0 .5em;}
#ticket #top_ol{margin:5% 0 0;}
#ticket #top_ol table{margin:0 0 0 12%;}
#ticket .sptk{padding:2% 0 0 2%;}
#ticket #price{margin:8% 0 0;}
#ticket #price table{width:100%; margin:1% 0 3% 0; font-size:110%; border-collapse: separate; border-spacing:5px;}
#ticket #price table th{text-align: left; width:20%; line-height:160%; padding:2% 0 2% 2%; vertical-align:middle; background-color:rgba(240,234,219,0.5);}
#ticket #price table td{text-align: left; width:30%; line-height:160%; padding:2% 0; vertical-align:middle; text-align:center; background-color:rgba(255,255,255,0.6);}
#ticket #price table td.ttype{background-color:rgba(178,174,171,0.3);}
.bnrbox{text-align:center; background-color:rgba(255,255,255,0.5); box-shadow:10px 10px 24px rgba(178,174,171,0.3); padding:3% 0; margin:5% auto; width:980px;}
.bnrbox a.bnr1,.bnrbox a.bnr2{display:inline-block; width:380px; height:130px; transition: all .2s; }
.bnrbox a.bnr1{margin:.6em 0 1em 0; background:url(../img/ticket/bnr1.jpg) no-repeat center center; background-size:cover;}
.bnrbox a.bnr2{margin:.6em 2em 1em 0; background:url(../img/ticket/bnr2.jpg) no-repeat center center; background-size:cover;}
.bnrbox a:hover{box-shadow:5px 10px 15px rgba(178,174,171,0.5); filter: brightness(0.7);}

.goods1,.goods2,.goods3{width:300px; height:386px; margin:3% auto 2%; box-shadow:10px 10px 24px rgba(178,174,171,0.3);
background-size:cover;}
.goods1{width:429px; height:386px; background-image:url(../img/ticket/goods1.png?2);}
.goods2{background-image:url(../img/ticket/goods2.png?2);}
.goods3{background-image:url(../img/ticket/goods3.jpg?3);}

.line1{background: linear-gradient(transparent 60%, rgba(156,90,112,0.2) 60%);}
.poster{width:700px; height:465px; background:url(../img/ticket/poster.png) no-repeat 0 0; margin:3.5% auto 0; background-size:cover;}
#ticket p.discount{padding:0 0 1em;}
#ticket .intend{border:1px solid rgba(17,17,17,0.2); padding:1.8%; font-style:normal; width:auto; margin:1.5em 0 0;}
#ticket .intend span.inqury{padding:0 0 .3em; display:block; border-bottom:1px solid rgba(17,17,17,0.2); margin:0 0 .8em; font-weight:bold; font-size:110%;}

.saleout{position:relative;}
.saleout:before{
position: absolute;
content:"";
width:100%;
height:100%;
background-color:rgba(252,252,251,0.6);
left:0;
top:0;
z-index:1;
}
.saleout:after{
position: absolute;
content:"販売は終了しました";
width:50%;
height:100px;
background-color:rgba(178,174,171,0.65);
box-shadow:0 0 20px rgba(178,174,171,0.65);
left:25%;
top:35%;
z-index:2;
text-align: center;
vertical-align:middle;
font-size:120%;
line-height:100px;
color:#fff;
text-shadow:1px 1px 5px rgba(178,174,171,0.9),-1px 1px 5px rgba(178,174,171,0.9),1px -1px 5px rgba(178,174,171,0.9),-1px -1px 5px rgba(178,174,171,0.9);
}
.sout{padding:0 0 8% !important;}

/*outline*/
/*#outline .hdttl h1{background:url(../img/outline/ttl.png) no-repeat 0 0;}*/
#outline .hdttl{background-image:url(../img/hbg2.jpg);}
#outline .intro,#highlight .intro{width:100%; margin:5% auto 0; padding:5% 0;
background-image: linear-gradient(rgba(240,234,219,0.5), rgba(240,234,219,0.5));
background-repeat:no-repeat;
background-size:75% 100%;
background-position:right bottom;}
#outline #top_ol{margin:4% 0 8%;}
#outline h2,#highlight h2{margin:0 0 2%;}
#outline h2.tour{margin:8% 0 0;}
#outline h3{margin:8% 0 0 8%; font-weight:bold; padding:0 0 .5em .5em; border-bottom:1px solid #a1a2a3;}
#outline h3:first-of-type{margin:5% 0 0 8%;}
#outline #top_ol table.tourtable{margin:0 0 0 12%;}
.gmap {position: relative; padding-bottom:50%; padding-top: 30px; height: 0; overflow: hidden; margin:0 0 1em;}
.gmap iframe,.gmap object,.gmap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.caution{margin:3% 0 0 12%;}

/*highlight*/
#highlight .hdttl{background-image:url(../img/hbg5.jpg);}
#highlight .hdttl.chapter1{background-image:url(../img/highlight/chapter1.jpg);}
#highlight .hdttl.chapter2{background-image:url(../img/highlight/chapter2.jpg);}
#highlight .hdttl.chapter3{background-image:url(../img/highlight/chapter3.jpg);}
#highlight .hdttl.chapter4{background-image:url(../img/highlight/chapter4.jpg);}
#highlight .map{margin:5% 0 8%;}
#highlight ul#clist{display: flex; flex-flow: row wrap; margin:5% auto;}
#highlight ul#clist li{background-color:rgba(255,255,255,0.8); box-shadow:8px 10px 18px rgba(9,2,4,0.1); letter-spacing:.03em; margin:0 2% 2% 3%; width:45%; background-image:url(../img/arw.png); background-repeat:no-repeat; background-position:right 3.5% center; font-weight:bold; transition:0.5s;}
#highlight ul#clist li a{display:block; width:100%; padding:6.5% 0;}
#highlight ul#clist li:hover{background-position:right center;}
#highlight ul#clist li span.cnum{color:#fff; padding:5px; margin:0 1.6% 0 -1%;
background-image:linear-gradient(120deg, rgba(215,79,3,0.7) 10%, rgba(102,38,84,0.7) 100%);}

#highlight .worldmap{width:960px; height:540px; box-shadow:8px 10px 18px rgba(9,2,4,0.1); margin:0 auto 8%; position: relative;}
#highlight .worldmap a.point1{width:12%; height:31%; position: absolute; top:36%; right:4.2%;}
#highlight .worldmap a.point2{width:11.6%; height:32%; position: absolute; top:58.5%; left:9%;}
#highlight .worldmap a.point3{width:13%; height:31%; position: absolute; top:6%; left:4%;}
#highlight .worldmap a.point4{width:19.6%; height:21%; position: absolute; top:72%; right:29.9%;}
#highlight .worldmap a.point5{width:12.8%; height:32.5%; position: absolute; top:25.5%; right:34.5%;}
#highlight .worldmap a{text-decoration:none; z-index:1; display:block; transition: 0.2s ease-in-out;
/*background-color:rgba(1,255,255,0.8);*/}

#highlight .overview{width:100%; margin:0 auto;
background-image:url(../img/bg6.png);
background-repeat:no-repeat;
background-size:50% 80%;
background-position:right center;}
#highlight .overview h2{margin:-3.5% 0 2% 6%; padding:0 0 0 8%;}
#highlight .overview h2:before{
width:6.5%;
background-color:#aeafb1;
}
#highlight .overview h2 {animation: RightToLeft 2s ease 0s 1 normal;}
#highlight .overview h2 img{max-height:35px;}
#highlight .overview p{margin:0 0 2% 14%;}
#highlight .overview span.chapter {width:170px; height:170px; display:block; background-color:rgba(240,234,219,0.5); text-align:center; position:relative;}
#highlight .overview span.chapter img{position:absolute; margin:auto; top:0; bottom:0; right:0; left:0;}
#highlight .intend{border:1px solid rgba(17,17,17,0.2); padding:1.8%; font-style:normal; width:auto;}
#highlight .intend span{padding:0 0 .3em; display:block; border-bottom:1px solid rgba(17,17,17,0.2); margin:0 0 .8em; width:15%; font-weight:bold; font-size:120%;}
@keyframes RightToLeft {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
#highlight .exhibit{width:100%; margin:5% auto 0;}
#highlight .exhibit h3{font-size:140%; font-weight:bold; }
#highlight .exhibit h3 span{background-color:#fff; padding:1em 1em 0; display:inline-block; line-height:140%;}
#highlight .exhibit p{background-color:#fff; box-shadow:8px 10px 18px rgba(9,2,4,0.1); padding:1.5em;}

/*goods*/
#goods .intro{width:100%; margin:5% auto 0; padding:0;}
#goods #catalog{padding:3% 0 0;
/*background-image: linear-gradient(rgba(240,234,219,0.5), rgba(240,234,219,0.5));
background-repeat:no-repeat;
background-size:75% 280px;
background-position:right top;*/}
#goods .hdttl{background-image:url(../img/hbg6.jpg?1);}
#goods h2{margin:5% 0 1%;}
.minion{width:800px; height:460px; background:url(../img/goods/minion.png) no-repeat 0 0; margin:3.5% auto 0; background-size:cover;}
#goods #sale{margin:5% auto 8%;}
#goods #sale h3{padding:0 0 .3em; display:block; border-bottom:1px solid rgba(17,17,17,0.2); margin:0 0 .8em; width:50%; font-weight:bold; font-size:120%;}
#goods #sale .caution{border:1px solid rgba(17,17,17,0.2); padding:1.8%; width:auto; margin:1% auto;}
#goods #sale ol{width:98%; margin:0 auto;}
#goods #sale ol li{margin:0 0 1em; font-size:95%; line-height:150%; padding-left: 1.3em; text-indent: -1.3em;}
#goods .apology{border:1px solid #b0342b; padding:1em; margin:0 0 5%;}
#goods .apology p.f110{padding:0 0 .2em;}
#goods .apology strong,#goods .apology a{color:#b0342b;}

#goods ul#glist{display: flex; flex-flow: row wrap; margin:0 auto;}
#goods ul#glist li{background-color:rgba(255,255,255,0.8); /*box-shadow:8px 10px 18px rgba(9,2,4,0.1);*/ letter-spacing:.03em; margin:0 4% 2% 0; width:48%; font-weight:bold; font-size:120%; border:1px solid rgba(17,17,17,0.2);
background-image:url(../img/arw.png); background-repeat:no-repeat; background-position:right 3.5% center;  transition:0.5s;}
#goods ul#glist li:nth-child(even){margin:0 0 2% 0;}
#goods ul#glist li a{display:block; width:96%; padding:7% 0 7% 4%;}
#goods ul#glist li:hover{background-position:right center;}

/*//////pc//////*/
@media all and (min-width: 768px) {
.hdttl{width:100%; margin:180px 0 0; height:300px; background:center top /cover no-repeat fixed; background-size:cover; padding:7% 0 0; text-align:center;}

.miira8{display:none;}

#twTL .tline{height:340px; overflow-y:scroll;}
#splink{padding:5% 0 0;display:block;}
#splink2{padding:.5% 0 0;display:block;}
#gotop {position: fixed; bottom:130px; right:10px; z-index:10;}
#gotop span {display:none;}
#gotop a {display:block; width:18px; height:69px; background: url(../img/gotop.png) no-repeat 0 0;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size:1.2rem;}
h1 { font-size: 2.6rem;}
h2 { font-size: 2rem; line-height:1.5em;}
h3 { font-size: 1.7rem; }
h4 { font-size: 1.45rem; }
.f90 { font-size: 1.2rem;}
.hid_sp{display:none;}

.inner{width:90%;}

#top_news{margin:5% 0;
padding:0;
background-size:60% 85%;}
#top_news .inner{width:100%;}
#top_news h2{position:static; margin:0 0 1.5%;}
#top_news h2 img{width:32%;}
#top_news ul{position: relative;
height:210px; padding:0 3% 2% 0;
/*overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;*/
}
#top_news ul::before{
display: block;
  position:fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: -webkit-linear-gradient(top, rgba(252,252,251,0) 0%, rgba(252,252,251,0.9) 50%, rgba(252,252,251,0.9) 100%);
  background: linear-gradient(top, rgba(252,252,251,0) 0%, rgba(252,252,251,0.9) 50%, rgba(252,252,251,0.9) 100%);
  content: "";
z-index: 1;}
#top_news ul::-webkit-scrollbar {width:2px;}

#top_news ul#upd li{width:90%; padding:0 14% 0 0; background-size:10%; line-height:140%; margin:0 0 2.5% auto;}
#top_news ul#upd li:nth-child(odd){margin:0 3.5% 2.5% auto;}
#top_news ul#upd li span.ymd{display:block; width:25%; text-align:center; padding:.2em 0; margin:0 0 2% -6%;}
#top_news ul#upd li a{padding:0 0 4% 4%;}
#top_news ul#upd li.congestion{padding:0 14% 0 0;}
#top_news ul#upd li.congestion a{padding:4% 0 4% 4%;}

#feature{margin:0 0 15%;
background-position:center bottom 30%;
background-size:100% 90%;}
#feature .inner{height:auto; padding:94% 0 0; width:97%;}
.miira1{width:50%; right:29%;}
/*.miira2{width:18%; right:0; left:3%; top:12%;}*/
.miira3{width:33%; top:13%;}
/*.miira4{width:55%; right:0; left:0; top:40%;}*/
.miira5{width:52%; right:0; left:6%; top:38%;}
.miira6{width:14%; top:28.5%; right:21%;}
.miira7{width:20%; top:34%; right:2%;}
.miira8{width:26%; right:0; left:0; top:17.5%;}
/*#feature h1{width:70%; margin:30% 0 0 5%; height:0; padding:7% 0 0; background-size:cover;}*/
#feature h1 img{max-width:80%; margin:0 0 0 2%;}
#feature h2{background:none; width:auto;height:auto; font-weight:bold; color:#757677; font-size:4vw; line-height:150%; width:90%; margin:2% auto 0; position:relative;}
#feature h2 span{visibility:visible; background-color:rgba(255,255,255,0.7);}
#feature h3{font-size:3.4vw; padding:1% 0 4%; width:90%; margin:0 auto; font-weight:bold;}
#feature a{width:60%; margin:0 auto; font-size:3.8vw; padding:5% 0;
background-size:15%,auto;}

#special,#special2{background-size:100% 80%; padding:0 0 5%;}
#special .photo,#special2 .photo{width:60%; height:0; padding:77.1428571429% 0 0; display:block; margin:0 auto 3%; position:relative; background-size: cover;}
#special .photo img,#special2 .photo img,#news .photo img,#news a.bnr201106 img{position:absolute;left:0;top:0; width:100%; height:100%;}
#special h3,#special2 h3{font-size:4.5vw; padding:3% 0 5%;}
#special .desc,#special2 .desc{display:block; margin:4% auto 0; width:95%;}
#special2 a{text-align:center; display:block; width:50%; margin:1.5em auto 1em;}

#spot{background:none;}
#spot .mov{width:90%; padding:50.6911764706% 0 0; height: 0; overflow: hidden;}
#spot .mov iframe{position:absolute; top: 0; left:0; width:100% !important; height: 100% !important;}

#top #top_ol h2 img{width:40%;}
#top #top_ol .inner{width:100%;}
#top_ol table{width:90%; margin:0 auto; border-spacing: 0px 15px;}
#top #top_ol table{width:80%; margin:0 auto;}
#top_ol table th{width:16%;}
#top #top_ol .contact,#top_ol .contact{width:80%; padding:3%; margin:1% auto 2% !important;}
#top_ol .contact span.inqury{width:30%;}
#top_ol .contact span.inqury2{width:50%;}
#top_ol .contact span.fax{display:inline-block;}

#snsarea .inner{padding:4% 0;}
#twTL{width:98%; margin:0; display:block; padding:0; background-size:8%;}
#twTL .tline{width:90%; margin:0 0 0 10%; height:250px;
overflow-y: scroll;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;}
#snsarea .adv{margin:0 auto; display:block; padding:6% 0 0;}

aside .inner{
padding:10% 0;
background-size:30%,45%;
}
#gotop {position:static; width:100%; text-align:center; letter-spacing:.4em; z-index:10;}
#gotop span{font-size:120%; vertical-align: middle; display:inline-block; font-weight:bold;}
#gotop a {width:100%; display:block; padding:0; height:45px; color:#fff; line-height:45px;
transition: 0.2s ease-in-out; text-decoration:none; background-color:rgba(17,17,17,0.5);}

footer p{width:90%; padding:2% 0 0; font-size:85%;}

/*//////2nd//////*/
.hdttl{width:100%; height:auto; background-size:cover; background-position:center center; padding:15% 0; text-align:center;}
.hdttl h1{width:auto;height:auto;}
.hdttl h1 img{width:45%;}

/*news*/
#news .entry{width:90%; margin:10% auto 15%;}
#news article{padding:0 5% 5%; margin:10% 0 0;}
#news article h2{font-size:3.8vw; margin:.5em 0;}
#news article span.ymd{font-size:4.5vw;}
#news article .ymd .date{font-size:8.5vw;}
#news .photo{width:100%; border:4px solid #fff; height:auto; padding:68% 0 0; background-size:cover; position:relative;}
#news a.bnr201106{width:70%; height:0; padding:21.875% 0 0; background-size:cover; position:relative; margin:5% auto;}

/*ticket*/
#outline h2,#highlight h2,#goods h2{padding:0 0 0 8%; margin:3% 0 2.5% -3%; line-height:130%; font-size:5.4vw;}
#ticket h2{font-size:4.8vw;}
#outline h2:before,
#ticket h2:before,
#highlight h2:before,
#goods h2:before{
content: "";
width:6%;
height:1px;
background-color:#4f4f4f;
position: absolute;
left: 0px;
top: 50%;
}

#ticket h2.early{padding:3% 0; width:65%; box-shadow:10px 10px rgba(178,174,171,0.2); font-size:3.6vw;}
#ticket h2.early:before{
content: "";
width:30px;
height:1;
background-color:#4f4f4f;
position: absolute;
left:-15px;
top:50%;
}
#ticket h3{background-size:30px; padding:5px 0 5px 35px;}
#ticket h3 span.status{font-size:90%; margin:0 .4em .3em 0; padding:.15em;}
#ticket h4{font-size:125%;}
#ticket h4 span{padding:.3em;}
#ticket h4.notice{padding:3% 0 0; font-size:130%;}
#ticket h5{font-size:110%;}
#ticket #top_ol{margin:8% 0 0;}
#ticket #top_ol table{margin:0 auto 3%;}
#ticket #price table{border-spacing:2px;}
#ticket #price table th{width:32%;}
#ticket #price table td{width:30%; padding:3% 0;}
.goods1,.goods2,.goods3{width:55%; height:0; padding:70.7142857143% 0 0; margin:4% auto 3%; position:relative;}
.goods1 img,.goods2 img,.goods3 img,.poster img,.minion img{position:absolute; top: 0; left:0; width:100%; height:100%;}
.goods1{width:70%; padding:63% 0 0;}
.poster{width:95%; height:0; padding:62.5% 0 0; position:relative;}
.bnrbox{width:90%;}
.bnrbox a.bnr1,.bnrbox a.bnr2{display:block; margin:2% auto; width:300px; height:90px;}
.saleout:after{
width:80%;
left:10%;
}

/*outline*/
#outline h2.tour{margin:10% 0 0 -3%;}
#outline h3{font-size:4vw; width:90%; margin:8% auto 0; padding:0 0 .5em;}
#outline h3:first-of-type{margin:5% auto 0;}
#outline #top_ol table.tourtable{margin:0 auto;}
.caution{margin:3% 0 0 5%;}
#outline #top_ol .contact{width:90%;}

/*highlight*/
#highlight .worldmap{width:100%; height:0; padding:56.25% 0 0; background-size:cover;}
#highlight ul#clist li{width:92%; margin:0 auto 3%; font-size:120%; background-size:12%;}
/*#highlight ul#clist li:nth-child(odd){margin:0 0 3%;}*/
#highlight .overview .inner,#highlight .exhibit .inner{width:100%;}
#highlight .overview span.chapter{width:100px; height:100px;}
#highlight .overview span.chapter img{width:70%;}
#highlight .overview h2 img{max-width:75%;}
#highlight .overview h2.oceania img{max-width:92%;}
#highlight .overview p{margin:0 4% 3% 14%;}
#highlight .intend,#ticket .intend{padding:3%; font-size:100% !important;}
#highlight .intend span{width:30%;}
#highlight .exhibit{width:100%; margin:10% auto;}
#highlight .exhibit h3{font-size:4.3vw;}
#highlight .exhibit h3 span{padding:2% 2.5% 0;}
#highlight .exhibit p{padding:2% 3% 2.5%;}

/*goods*/
.minion{width:100%; height:0; padding:57.5% 0 0; position:relative;}
#goods #sale .caution{padding:3.5%;}
#goods h2{margin:5% 0 1%;}
#goods #sale h3{font-size:3.5vw;}
#goods ul#glist li{font-size:3.45vw; background-image:none; margin:0 2% 2% 0; width:49%;}
#goods ul#glist li:nth-child(even){margin:0 0 2% 0;}
#goods ul#glist li a{padding:10% 0 10% 4%;}
}

.animation{
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.animation.active{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.animation1{opacity:0;
animation:anime1 1s ease 0.1s 1 forwards;
}
@keyframes anime1 {
    0% {opacity:0; transform: translate3d(0, 100px, 0); -webkit-transform: translate3d(0, 100px, 0);}
    100% {opacity:1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
}