@charset "UTF-8";
/* CSS Document */
div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: 0.04em; color: #0a2533;}
.v_sp { display:none; visibility:hidden;}
.v_pc { display:block; visibility:visible;}
.v_480 { display:none; visibility:hidden;}
.v_481 { display:block; visibility:visible;}
#page-top { position: fixed; bottom: -30px; right: 0px; z-index: 100; opacity: 1; pointer-events: none; opacity: 0;}
#page-top a { width: 70px; height:70px; background: url("../img/btn_pagetop.png") no-repeat right; background-size:contain; display:block;}
#page-top._view { pointer-events: all;}
.hv-lg { -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.hv-lg:hover {-moz-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);}
.hv-op:hover { opacity: 0.8}
.hv-br { -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.hv-br:hover,.btn_red:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}
.sdw {box-shadow:0px 2px 3px rgba(0,0,3,0.2); -moz-box-shadow:0px 2px 3px rgba(0,0,3,0.2); -webkit-box-shadow:0px 2px 3px rgba(0,0,3,0.2);  -ms-box-shadow:0px 2px 3px rgba(0,0,3,0.2); }
.sdw,.museum figcaption { -webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));  filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));}
.bg_iv,body {}
.dn {display:none!important;}
.mt0 { margin-top: 0!important;}
.mb0 { margin-bottom: 0!important;}
.pt0 { padding-top:0!important}
.mts {margin-top: 6px;}
.mtm {margin-top: 12px;}
.mtl {margin-top: 24px;}
.mtll {margin-top: 36px;}
.mt3 {margin-top: 3px;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt100 {margin-top: 100px;}
.mt120 {margin-top: 120px;}
.mt150 {margin-top: 150px;}
.all { min-width:1200px; font-size: 16px; overflow-x: hidden;}
.loader-bg {position: fixed; left: 0; right: 0; top: 0; height: 100vh; background: rgba(255,254,251,1.00); z-index: 6000; pointer-events: none;}
.loader-bg.load { transition:all 1.5s; opacity: 0;}
.main {}
.page-works .main { overflow-x: visible;}
a { color:#221815;}
.ankerlink {height: 0px; margin-top: -100px; padding-top: 100px; display: block}
.fw3{ font-weight: 300;}
.fw4{ font-weight: 400;}
.fw5{ font-weight: 500;}
.fw6{ font-weight: 600;}
.fw7{ font-weight: 700;}
.fw8{ font-weight: 800;}
.fw9{ font-weight: 900;}
.fs12 { font-size: 120%;}
.fs11 { font-size: 110%;}
.fs09 { font-size: 90%;}
.fs08 { font-size: 80%;}
.fs07 { font-size: 70%;}
.fs06 { font-size: 60%;}
.fs05 { font-size: 50%;}
.flex { display:flex; }
.text { text-align:justify; }
.line {background:linear-gradient(transparent 60%, #f8ee38 60%);}
.textlink { color: #51a9d5; text-decoration: underline; font-weight: 400;}
.textlink:hover { text-decoration: none;}
.bg_gray2 {background:#fdfaf4;}
.bold { font-weight:900!important;}
.ls-ic li { margin-left: 1em; text-indent: -1em;}
.tar { text-align:right !important}
.info-close { color:white; font-size: 37px; display: flex; align-items: center; font-weight: 500; justify-content: center; height: 170px; padding-bottom: 3px; background: url(../img/bg_footer.jpg) no-repeat center; }
.lsn { letter-spacing: normal!important}

@media screen and (max-width:1280px){
	.mts {margin-top: 5px;}
	.mtm {margin-top: 10px;}
	.mtl {margin-top: 22px;}
	.mtll {margin-top: 32px;}
	.mt3 {margin-top: 3px;}
	.mt6 {margin-top: 5px;}
	.mt10 {margin-top: 8px;}
	.mt20 {margin-top: 18px;}
	.mt30 {margin-top: 26px;}
	.mt40 {margin-top: 36px;}
	.mt50 {margin-top: 44px;}
	.mt60 {margin-top: 55px;}
	.mt70 {margin-top: 60px;}
	.mt80 {margin-top: 70px;}
	.mt100 {margin-top: 80px;}
	.mt120 {margin-top: 100px;}
	.mt150 {margin-top: 130px;}
	.all { min-width:1180px; font-size: 15px;}
	.ankerlink { margin-top: -80px; padding-top: 80px;}
}
@media screen and (max-width:768px){
	#page-top a { width: 60px; height:60px; }
	.all { min-width:660px;font-size: 14px;}
	.v_pc { display:none; visibility:hidden;}
	.v_sp { display:block; visibility:visible;}
	.mts {margin-top: 4px;}
	.mtm {margin-top: 8px;}
	.mtl {margin-top: 18px;}
	.mtll {margin-top: 24px;}
	.mt3 {margin-top: 2px;}
	.mt6 {margin-top: 4px;}
	.mt10 {margin-top: 7px;}
	.mt20 {margin-top: 16px;}
	.mt30 {margin-top: 22px;}
	.mt40 {margin-top: 30px;}
	.mt50 {margin-top: 36px;}
	.mt60 {margin-top: 42px;}
	.mt70 {margin-top: 48px;}
	.mt80 {margin-top: 55px;}
	.mt100 {margin-top: 65px;}
	.mt120 {margin-top: 90px;}
	.mt150 {margin-top: 100px;}
	.ankerlink { margin-top: -80px; padding-top: 80px;}
	.info-close { font-size: 25px; height: 133px; padding-bottom: 3px; line-height: 1.35; text-align: center;}
}
@media screen and (max-width:480px){
	#page-top a { width: 50px; height:50px; }
	.all { min-width:auto; font-size: 12.5px;}
	.v_481 { display:none; visibility:hidden;}
	.v_480 { display:block; visibility:visible;}
	.mts {margin-top: 3px;}
	.mtm {margin-top: 6px;}
	.mtl {margin-top: 12px;}
	.mtll {margin-top: 18px;}
	.mt3 {margin-top: 1.6px;}
	.mt6 {margin-top: 4px;}
	.mt10 {margin-top: 6px;}
	.mt20 {margin-top: 11px;}
	.mt30 {margin-top: 16px;}
	.mt40 {margin-top: 22px;}
	.mt50 {margin-top: 27px;}
	.mt60 {margin-top: 30px;}
	.mt70 {margin-top: 35px;}
	.mt80 {margin-top: 40px;}
	.mt100 {margin-top: 56px;}
	.mt120 {margin-top: 60px;}
	.mt150 {margin-top: 70px;}
	.ankerlink { margin-top: 0px; padding-top: 0px;}
	.info-close { font-size: 20.5px; height: 138px; padding-bottom: 3px; padding-left: 6px; letter-spacing: 0.04em;}
}


/* header */
.header { left: 0; top: 0; z-index: 100; position: absolute; right: 0;}
.header .inr {display: flex; align-items: center; justify-content: flex-start; height: 101px; padding-left: 0px; max-width: none!important; top: 10;}
.header .logo { width: 300px; padding: 0;position: relative; top: -1px; margin-right: 62px; padding-left: 0px; margin-left: 22px;}
.header .nav { text-align: center; padding:0; align-items: center; display: flex;}
.header .nav .home { display: none;}
.header .nav-li { margin-right: 41px;}
.header .nav-li > a { font-weight: 600; font-size: 18px; line-height: 1.5; justify-content: center; align-items: center; position: relative; flex-flow: column; min-height: 43px; color: white;}
.header .nav-li._s > a { font-size: 90%;} 
.header .nav-li.current > a { pointer-events: none}
.header .nav-li > a:after { content: ""; width: 12px; height: 15px; display: inline-block; background: url("../img/arw.png") no-repeat center; background-size:auto 100%; margin-left: 10px; position: relative; top: 1px; display: none;}
.header .nav-li.current > a:after { display:none;}
.header .nav-li > a:before { content: ""; background: #f2f218; position: absolute; left: 0; right: 0; bottom: -5px; height: 2.2px; transition: all 0.3s; transform: scaleY(0);}
.header .nav-li.current > a:before,
.header .nav-li:hover > a:before { transform: scaleY(1)}
.header .nav-li > a small { display: block; font-size: 70%; line-height: 1.3;}
.header .nav .header-english { position:absolute; right: 20px; top: calc(50% - 14px);}
.header .nav .header-english a { font-size: 14px; border: solid 1px #231815; padding: 0px; line-height: 26px; width: 88px; letter-spacing: 0.01em; font-weight: 400; display: inline-block}
.header .nav .header-english a:hover { border-color:white; color: #fff; background: #231815}
.header .nav .header-english a:before { display:none;}
.header .sns { position:absolute; right: 13px; top: 13px;}
.header .sns li { display: inline-block; width: 22px; margin-left: 8px;}
.header .sns li:first-child { margin-left: 0}

@media screen and (max-width:1280px){
	.header .inr { height: 90px; }
	.header .logo { width: 270px; top: -1px; margin-right: 52px; margin-left: 18px;}
	.header .nav-li > a { font-size: 17px;}
	.header .nav-li { margin-right: 38px;}
	.header .sns li { width: 21px; }
}
@media screen and (max-width:768px){
	.header { width: 220px; background: transparent; position: absolute;}
	.header .inr { height:auto; padding-left: 0px;}
	.header .logo { display: block; position: absolute; left: 7px; top: 12px; width: 250px; pointer-events: all; transition: all 0.3s ease; opacity: 1; padding-left: 0; margin-left: 0;}
	.open .header .logo { opacity: 0;} 
	.header .nav { padding: 35px 0 0; pointer-events: none;position: relative; z-index: 2010;}
	.header .nav .home { display: block; width: 300px; margin-bottom: 29px;}
	.header .nav-li { padding-bottom: 0;} 
	.header .nav-li > a { font-size: 16px; padding: 2px 10px 2px; min-height: auto; color: #fff!important}
	.header .nav-li > a:after { width: 11px; height:11px;}
	.header .nav-li > a:before { display:none;}
	.header .nav-li > a:hover,
	.header .nav-li.current > a { background: transparent; color: #f2f218!important;}
	.header .nav-li > a small { font-size: 52%; padding-top: 6px; letter-spacing: normal; line-height: 1.2;}
	.header .nav .header-english { position:relative; margin-left: auto; margin-right: auto; top: 18px; right: 0;}
	.header .nav .header-english a { border-width: 1px; font-size: 14px; padding: 0 11px 0px; line-height: 28px; width: 120px;}
	.header .nav .header-english a:hover { border-color:#FFE100;}
	.header .nav .header-english a { border-color: #231815!important; color: #231815!important;}
	.header .nav .header-english a:hover { background: #231815!important}
	.header .sns { position:relative; right: 0px; top: 0px; z-index: 10; margin-top: 36px;}
	.header .sns li { display: inline-block; width: 23px; margin-left: 11px;}
}
@media screen and (max-width:480px){
	.header { width: 220px;}
	.header .logo { width: 190px; left: 5px; top: 7px;} 
	.header .nav { padding: 35px 0 0; } 
	.header .nav-li > a { font-size: 16px; padding: 0 10px 2px; }
	.header .nav-li > a:after { width: 11px; height:11px; } 
	.header .nav .header-english { top: 13px;}
	.header .nav .header-english a { font-size: 13px; padding: 0 11px 1px;line-height: 25px; width: 100px;}
	.header .sns { margin-top: 29px; }
	.header .sns li { width: 20px; margin-left: 8px;}
}


/*menu*/
.nav-toggle { display: none;}

@media screen and (max-width:768px){
    .header { min-width: auto; pointer-events: none; z-index: 1000; left: 0; right: 0; bottom: 0; top: 0; width: 100%; z-index: 1000}
    .header .inr { padding-left: 0px; padding: 0; position: absolute; left: 0 ;right: 0; flex-flow: column; justify-content: center; bottom: 0; padding-bottom: 20px; top: 0px; opacity: 1; -webkit-transition:all 0.5s ease; transition:all .5s ease; align-items: center}
	.header .nav { display: block; position: relative; } 
	.header .navarea { display: block; position: relative; opacity: 0; top:-12px; transition:all .1s ease;  } 
	.open .header .navarea { opacity: 1; pointer-events: all; transition-delay:0s; top: 0; transition:all 1s ease;z-index: 10}
    .header .nav-li .home { display: block;width: 336px; margin: 0px auto 24px; left: 0; display: block;}
    .header .nav-li  { display:block; margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 0px;}
    .header .nav-li > a,
	.header .nav-li._s > a,
	body.page-index .header a { font-size: 22px; letter-spacing: 0.02em; border: none; font-weight: 500; margin-bottom: 16px; display: block; line-height: 1}
	.header .nav-li._topics > a span,
	.header .nav-li._movie > a span { font-size: 30px; letter-spacing: normal; font-weight: 700;}
	.header .nav-li._movie > a span { font-size: 28px; }
	.header .nav-li._s > a {letter-spacing: normal; }
	.header .nav-li > a:after,
	.header .nav-li.current > a:after { display:none}
	.header .nav-li.current > a { pointer-events: none; }
	.header .sns { pointer-events: none; transition:all .2s ease; transition-delay: 0s;  margin-left: 0; margin-right: 0; text-align: center;}
	.open .header { position: fixed; pointer-events: all;}
    .open .header .inr{ opacity: 1; pointer-events: none;}
    .open .header .sns { opacity: 1; top: 0px;  pointer-events: all; display: block; transition:all .2s ease; transition-delay:.0s;}
	.open .header .nav { opacity: 1; pointer-events: all;}
    .nav-bg { content: ""; top: 00px; right: 0px; width: 100%; height:100vh ; display: block; position: fixed; background:url("../img/bg_footer.jpg") center bottom; background-size:  1400px auto; transition: all .1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; pointer-events: none; transition-delay: .1s; }
	.nav-bg:after { content:""; background: rgba(0,0,0,.15); position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
    .open .nav-bg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: all; height: 100vh;transition: all .4s ease;transition-delay: .0s; opacity: 1}
    .nav-toggle { display: block; position: absolute; right: 0; top: 0; width: 110px; height:27px; cursor: pointer; padding: 0; z-index: 2010; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: block; pointer-events: all; overflow: hidden; background: #231815;}
    .nav-toggle div { position: relative; }
    .nav-toggle span { display: block; position: absolute; height: 2px; border-radius: 1px; width: 100%; background: rgba(35,24,21,.92); left: 0; zoom: 1; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; }
    .nav-toggle span:nth-child(1) { top: 2px; }
    .nav-toggle span:nth-child(2) { top: 13px; }
    .nav-toggle:hover span:nth-child(1) { top: 3px; }
    .nav-toggle:hover span:nth-child(2) { top: 12px; }
    .nav-toggle:hover span { background:rgba(35,24,21,.92)}
    .open .nav-toggle span:nth-child(1) { top: 9px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); zoom: 1; }
    .open .nav-toggle span:nth-child(2) { top: 9px; -webkit-transform: rotate(135deg); transform: rotate(135deg); zoom: 1; }
	.nav-toggle .menu-open,
	.nav-toggle .menu-close {transition: all .25s ease-out; position: relative; top: 0;}
	.open .nav-toggle .menu-open { top: -26px}
	.open .nav-toggle .menu-close { top: -25px; }
}
@media screen and (max-width:480px){
	.header .nav .home { width: 272px; margin-bottom: 27px; }
    .header .nav-li .home { width: 250px; margin: 0px auto 19px; left:0;}
    .header .nav-li  { margin-bottom: 0px;}
    .header .nav-li > a { font-size: 20px; }
	.header .nav-li._s > a { font-size: 22px; letter-spacing: normal;}
    .header .nav-li > a:before { bottom: -3px; }
    .header .nav-li > a i { width: 11px; height: 11px; top: -5px; left: 7px;}
	.header .nav-li._topics > a span,
	.header .nav-li._movie > a span { font-size: 26px;}
	.header .nav-li._movie > a span { font-size: 24.5px; }
	.nav-toggle { display: block; right:0; top: 0; width: 92px; height:25px; }
	.nav-toggle .menu-open,
	.nav-toggle .menu-close { top: 2px;}
    .open .nav-toggle .menu-open { top: -21px}
	.open .nav-toggle .menu-close { top: -19px; }
    .nav-toggle span:nth-child(1) { top: 2px; }
    .nav-toggle span:nth-child(2) { top: 12px; }
	 .nav-bg {background-size:  1000px auto;}
}


/* contents */
.inr { margin-left: auto; margin-right: auto;}
._w1300 { max-width: 1300px; width:calc(100% - 120px);}
._w1200 { max-width: 1200px; width:calc(100% - 120px);}
._w1100 { max-width: 1100px; width:calc(100% - 120px);}
._w1000 { max-width: 1000px; width:calc(100% - 120px);}
._w800 { max-width: 800px; width:calc(100% - 120px);}
._w700 { max-width: 700px; width:calc(100% - 120px);}
._w600 { max-width: 600px; width:calc(100% - 120px);}
._w500 { max-width: 500px; width:calc(100% - 120px);}
._w400 { max-width: 400px; width:calc(100% - 120px);}
._w300 { max-width: 300px; width:calc(100% - 120px);}
.mlauto { margin-left: auto; margin-right: auto;}
.contents { padding-top:100px;}
.lowertitle { background-size: 100% auto; background-position: center top;text-align: center; height: 500px; display: flex; flex-flow: column; align-items: center; justify-content: center; line-height: 1; padding-top: 15px; position: relative; color: white; background-attachment: fixed}
.lowertitle:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.1); flex: 1;}
.lowertitle .subtitle { font-size: 18px;}
.lowertitle .title { width: 510px; position: relative; z-index: 10; -webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.12));  filter: drop-shadow(0px 1px 2px rgba(0,0,0,.12));}
.lowertitle._01 { background-image: url("../img/bg_title01.jpg");}
.lowertitle._02 { background-image: url("../img/bg_title02.jpg");}
.lowertitle._03{ background-image: url("../img/bg_title03.jpg");}
.lowertitle._04 { background-image: url("../img/bg_title04.jpg");}
.lowertitle._05 { background-image: url("../img/bg_title05.jpg"); background-position: center -110px;}

@media screen and (max-width:1280px){
	.contents { padding-top:90px;}
	.lowertitle { height: 450px; }
	.lowertitle .subtitle { font-size: 17px;}
	.lowertitle .title { width: 450px;}
	.lowertitle._02 { background-size: auto 450px;}
	.lowertitle._05 { background-size: 1280px auto; background-position: center -110px;}
}
@media screen and (max-width:768px){
	._w1300,
	._w1200,
	._w1100,
	._w1000 { width:calc(100% - 60px);}
	._w700 { width:calc(80%);}
	._w600 { width:calc(70%);}
	._w500 { width:calc(65%);}
	._w400 { width:calc(50%);}
	._w300 { width:calc(40%);}
	.contents { padding-top:60px;}
	.lowertitle { height: 360px; padding-bottom: 0; padding-top: 12px}
	.lowertitle .subtitle { font-size: 17px;}
	.lowertitle .title { width: 380px;}
	.lowertitle._02 { background-size: auto 440px;}
	.lowertitle._05 { background-size: auto 440px; background-position: center -17px;}
}
@media screen and (max-width:480px){
	._w1300,
	._w1200,
	._w1100,
	._w1000 { width:calc(100% - 24px);}
	._w500 { width:calc(72%);}
	.contents { padding-top:32px;}
	.lowertitle { height: 250px; padding-top: 12px; background-size: auto 280px;}
	.lowertitle .subtitle { font-size: 15px;}
	.lowertitle .title { width: 280px;}
	.lowertitle .title._s{ font-size: 48px; }
	.lowertitle._02 { background-size: auto 290px;}
	.lowertitle._05 { background-size: auto 270px; background-position: center 0px;}
}


/*index*/
.page-index .header { background:#fff; position: static;}
.page-index .header .logo { display: none}
.page-index .header a { font-size: 21px; color: black; font-weight: 600; line-height: 0;}
.page-index .header .inr { justify-content: center;}
.page-index .header .nav .header-english { margin-left: 44px; position: relative; right: 0; }
.page-index .header .nav .header-english a { border-color:white;}
.page-index .header .nav .header-english a:hover { color:#231815; background: white;  }
.mainvisual { position: relative; background: #fffcf7;filter: drop-shadow(0px 1px 0px rgba(0,0,0,.03)); overflow-x: hidden;}
._mainvisual:after { content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.04); position: absolute; pointer-events: none; }
.mainvisual { background:url("../img/bg_mv.jpg") center; background-size:auto 110%; position: relative;}
.mainvisual__title { text-align: center;}
.mainvisual__title img { /*width:auto; height: 100%; */}
.index-contents .inr,
.index-topics .inr { max-width: 1180px;}
.index-topics { padding: 135px 0 0px; position: relative; }
.index-topics .inr:after { content: ""; clear: both; display: block;}
.index-topics .block { width: calc(50% - 30px); vertical-align: top; position: relative; z-index: 10}
.index-topics .block._topics { width: 100%;}
.index-topics .twitterarea {text-align: center; margin-top: 80px;}
.index-topics .block._twitter.left { float:left;}
.index-topics .block._twitter.right { float:right;}
.index-topics .block__contents {max-height:650px; overflow-y: auto}
.index-topics__title { width: 240px; margin: auto; margin-bottom: 38px;  z-index: -1; line-height: 0;-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.12));  filter: drop-shadow(0px 1px 2px rgba(0,0,0,.12));}
.index-topics__list { max-height: 330px; overflow-y: auto; background: white;}
.index-topics__item dl { display: flex; padding:24px 0; border-bottom: dotted 1px #092630; padding-right: 20px;}
.index-topics__item:first-child dl { border-top: none;}
.index-topics__item:last-child dl { border-bottom: none;}
.index-topics__item dt { font-size: 16.5px;  min-width: 128px; padding-top: 0px; position: relative; line-height: 1; letter-spacing: normal; padding-left: 22px; font-weight: 700; top: 2px;}
.index-topics__item dd { font-size: 15px; flex-grow: 2; flex-basis: auto; position: relative; font-weight: 400; letter-spacing: normal;}
.index-topics__item dd a { color: #0a2533; text-decoration: underline;}
.index-topics__item dd a:hover {text-decoration: none;}
.moviewrap { position: relative; padding-bottom: 56.5%; height: 0; margin: 0px auto; width:100%;}
.moviewrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:20;}
.index-outline { display: flex; justify-content: center; background: #092630; height: 110px; color: white;}
.index-outline dl { display: flex; align-items: center;}
.index-outline dl:first-child { margin-right: 35px;}
.index-outline dl:last-child { border-bottom: none;}
.index-outline dl dt { font-size: 18px; font-weight: 500; margin-right: 16px; letter-spacing: 1.3;}
.index-outline dl dd img { height: 48px; width: auto;}
.info-junkai { color:white; text-align: center; display: block; margin-top: 60px; font-size: 29px; font-weight: 400; letter-spacing: normal; position: relative; top: 48px;}

@media screen and (max-width:1280px){
	.mainvisual__title { }
	.index-contents .article { padding: 10px 0 0px 68px;}
}
@media screen and (max-width:768px){
	.page-index .header {  position: absolute;}
	.mainvisual { padding-left: 0;}
	.mainvisual__title { height:auto; width: 100%;}
	.mainvisual__title img { width:100%; height: auto; }
	.page-index .header { background:transparent;}
	.page-index .header .nav .header-english { margin-left: auto; }
	.page-index .header .logo { display:none;}
	.page-index .nav-toggle span { background: white;}
	.page-index.open .nav-toggle span { background: black;}
	.index-contents .article { padding:0px 0 0 26px;}
	.index-contents .inr,
	.index-topics .inr {width: calc(100% - 24px);}
	.index-contents .lead { font-size: 15px; line-height: 1.8; }
	.index-topics { /*padding:50px 0px 48px;*/ padding: 76px 0px 0px;}
	.index-topics:after { height: 62px; }
	.index-topics .twitterarea { margin-top: 44px;}
	.index-topics .block { width: calc(50% - 6px);}
	.index-topics .block__contents { max-height:480px; }
	.index-topics__title { width: 180px; margin-bottom: 25px;}
	._twitter .index-topics__title { font-size: 37px; bottom: -8px; }
	.index-topics__item dl { padding: 12px 0 13px 14px; width:100%; }
	.index-topics__item dt { font-size: 12.5px; min-width: 78px; padding-top: 0px; top: 2px; margin-bottom: 0px; padding-left: 0;}
	.index-topics__item dd { font-size: 12px; }
	.index-twitter-btn { margin-top:20px;}
	.index-outline { height: auto; padding: 20px 16px} 
	.index-outline dl { flex-flow:; justify-content:center; height: auto; padding-bottom: 0px; }
	.index-outline dl:first-child { margin-right: 15px;}
	.index-outline dl dt { font-size: 11.5px; margin-right: 5px; margin-bottom: 0px; width: 23px; line-height: 1.25; text-align: left}
	.index-outline dl dd img { height: auto; width: 100%;}
	.index-topics__list { max-height: 240px;}
	.index-topics .twitterarea .label { font-size: 15px; padding:0 12px 2px; line-height: 24px; top: 6px}
	.info-junkai { margin-top: 36px; font-size: 22px; top: 0px; top: 0;}
}
@media screen and (max-width:480px){
	.mainvisual { padding-left: 0;}
	.mainvisual__logo { position:relative; padding: 15px 6px 12px;}
	.mainvisual__logo img { width:100%; height:auto; }
	.index-contents .article { padding:0px 10px;}
	.index-contents .inr,
	.index-topics .inr {width: calc(100%); flex-flow: column;}
	.index-topics { padding:58px 10px 0px;}
	.index-topics:after { height: 46px; }
	.index-topics .twitterarea { margin-top:0;}
	.index-topics .block { width: calc(100%); flex: none!important;}
	.index-topics .block._twitter { margin-top: 40px;}
	.index-topics .block__contents { height: auto; max-height:440px; }
	.index-topics ._topics .block__contents { border-top: solid 1px #221815; max-height: 400px;}
	.index-topics__title { font-size: 0px; margin-bottom: 22px; width: 158px;}
	.index-topics__list { max-height:300px;}
	.index-topics__item dl { padding: 8px 0 9px 10px; padding-right: 4px; display: block;}
	.index-topics__item dt { min-width: 95px; font-size: 13px; }
	.index-topics__item dd { font-size: 11px; line-height: 1.4; padding-top: 7px; padding-right: 4px;}
	.index-outline { height: auto; flex-flow: column; padding: 10px 18px 13px 11px;} 
	.index-outline dl:first-child { margin-right: auto; margin-bottom: 6px; flex-flow:row;}
	.index-outline dl dt { font-size: 10px; margin-right: 4px; width: 13px; line-height: 1.2;  display: flex; ;align-items: center; justify-content: center;}
	.index-outline dl:first-child dd img { width: 72%;}
	.info-junkai { margin-top: 26px; font-size: 19px; top: 0px; top: 0;}
}


/* about */
.article__title { line-height:1.35; font-size: 54px; text-align: center; font-weight: 900; margin-bottom: 56px; letter-spacing: normal;}
.article__title ._small { line-height:1.0; font-size: 26px; display: block; font-weight: 800; margin-bottom: 4px;}
.article__text { line-height:1.7; font-size: 17px; font-weight: 400;}
.photolist { overflow:hidden; width: 100%; margin-top: 90px;}
.photolist figcaption { display: block; text-align: center; font-size: 10.5px; margin-top: 9px; line-height: 1.5; font-weight: 400;}
.photolist__title { text-align: center; line-height: 1; font-size: 26px; font-weight: 700; display: block; margin-bottom: 24px; letter-spacing: normal;}

@media screen and (max-width:768px){
	.article__title { font-size: 35px; margin-bottom: 35px;}
	.article__title ._small { font-size: 18px; margin-bottom: 5px;}
	.article__text { line-height:1.65; font-size: 14px;}
	.photolist { margin-top: 62px;}
	.photolist figcaption { font-size: 9.5px; margin-top: 8px; line-height: 1.45}
	.photolist__title { font-size: 20px; margin-bottom: 20px;}
}
@media screen and (max-width:480px){
	.article__title { font-size: 23px; margin-bottom: 23px;}
	.article__title ._small { font-size: 13px; margin-bottom: 4px;}
	.article__text { line-height:1.5; font-size: 13px; letter-spacing: normal;}
	.photolist { margin-top: 38px;}
	.photolist figcaption { font-size: 7px; margin-top: 6px; line-height: 1.4}
	.photolist__title { font-size: 16px; margin-bottom: 15px;}
}




/* guide */
.bg_grgl { background: rgba(240,245,240,.60)}
._information .subtitle { text-align:center; font-weight: 700; font-size: 19px; line-height: 1; margin-bottom: 2px; letter-spacing: normal;}
.title-l { font-size: 50px; font-weight: 600; text-align: center;}
.text-block { border-bottom: dotted 1px rgba(49,56,54,.60); padding: 52px 0 65px}
.text-block._nobd { border-bottom: none; }
.text-block .title { font-size: 24px; font-weight: 700; text-align: center; line-height: 1.7;}
.text-block .title small { font-size: 66%; font-weight: 400; display: block; margin-top: 6px;}
.text-block .text { font-size: 17px; margin-top: 25px; line-height: 1.9}
img.size_l { width:80%; margin-left: auto; margin-right: auto;}
img.size_m { width:60%; margin-left: auto; margin-right: auto;}
img.size_s { width:40%; margin-left: auto; margin-right: auto;}
.glaybox { background:#b4b4b5; padding:50px; color:white}
.glaybox .title { font-size: 24px; line-height: 1; letter-spacing:normal; font-weight: 700; margin-top: 0; margin-bottom: 16px;}
.glaybox .flex { margin-top: 0px;}
.glaybox .photoarea { width: 220px;}
.glaybox .textarea { padding-left: 40px; flex: 2}
.glaybox .pf-title { font-size: 28px; line-height: 1; font-weight: 800; letter-spacing: normal;}
.glaybox .pf-title small {font-size: 14px; line-height: 1; margin-left: 15px; position: relative; top: -5px;}
.glaybox .pf-text { font-size: 15px; line-height: 1.6;text-align: justify; margin-top: 44px; font-weight: 400}

.page-about .article__text { font-size: 18px;font-weight: 500;}
._museum.glaybox { padding:0;}
._museum.glaybox .textarea { padding:42px;}
._museum.glaybox .photoarea { width: 39%; background: url("../img/img_cincinatiartmuseum.jpg") center; background-size: auto 100%}
._museum.glaybox .pf-title { font-size: 24px;  }
._museum.glaybox .pf-title small {font-size: 14px; margin-left: 15px; top: -5px;}
._museum.glaybox .pf-text { font-size: 14px; line-height: 1.45; margin-top: 23px; font-weight:500;}
._museum.glaybox .pf-logo { width:328px; display: block; margin-top: 32px}
._museum.glaybox .pf-logo strong { display: block; margin-bottom: 10px; font-size: 12.5px; letter-spacing: normal; line-height: 1;}

._w800 { max-width: 900px; margin-left: auto; margin-right: auto;}
.infoc-title { font-size: 30px; text-align: center; font-weight: 700;}
.table-type2 { border-top: solid 1px rgba(35,24,21,.30); width: 100%;}
.table-type2 tr {border-bottom: solid 1px rgba(35,24,21,.30);}
.table-type2 th { width: 230px; font-size: 15px; letter-spacing:0.02em; vertical-align: middle; line-height: 1.4; font-weight: 500; background: rgba(240,245,240,.40);}
.table-type2 td { font-size: 16px; padding: 24px 23px; line-height: 1.6}
.table-type2 td .price { font-size: 24px; font-weight: 700; margin:0 4px; letter-spacing: 0.02em;}
.bdbox_type2 { border: solid 1px rgba(35,24,21,.30); border-left: none; border-right: none; padding:44px 0px 42px}
.bdbox_type2 .title { font-size: 18px; text-align: center; font-weight: 900; line-height: 1.45;}
.bdbox_type2 .text { font-size: 13px; margin-top: 24px; line-height: 1.5}
.ic-sq { font-style:normal; font-size: 75%; margin-right: 0.2em; position: relative; top: -0.5px;}

@media screen and (max-width:768px){
	._information .subtitle { font-size: 17px; margin-bottom: 1px; }
	.title-l { font-size: 36px; }
	.text-block { padding: 40px 0 44px}
	.text-block .title { font-size: 21px; }
	.page-guide .text-block .title { font-size: 19px; line-height: 1.55}
	.text-block .text { font-size: 15px; margin-top: 22px; line-height: 1.7 } 
	.glaybox { padding:30px;}
	.glaybox .title { font-size: 17px; margin-top: 0; margin-bottom: 10px; }
	.glaybox .pf-title small { font-size: 12px; line-height: 1; margin-left: 6px; position: relative; top: -3px;}
	.glaybox .flex { margin-top: 0px;}
	.glaybox .photoarea { width: 150px;}
	.glaybox .textarea { padding-left: 28px; }
	.glaybox .pf-title { font-size: 23px; }
	.glaybox .pf-title_s {font-size: 11px; margin: 9px 0 18px;}
	.glaybox .pf-text { font-size: 13px; line-height: 1.6; margin-top: 24px; letter-spacing: normal;}
	
	.page-about .article__text { font-size: 16px; line-height: 1.6}
	._museum.glaybox .flex {flex-flow: column_;}
	._museum.glaybox .textarea { padding:24px 25px;}
	._museum.glaybox .photoarea { width:250px; background-size: auto 100%}
	._museum.glaybox .pf-title { font-size: 18px;  }
	._museum.glaybox .pf-text { font-size: 12px; margin-top: 15px; line-height: 1.42}
	._museum.glaybox .pf-logo { width:235px; margin-top: 22px}
	._museum.glaybox .pf-logo strong { margin-bottom: 7px; font-size: 10px;}
	
	.infoc-title { font-size: 28px; } 
	.table-type2 th { width: 155px; font-size: 13px; }
	.table-type2 td { font-size: 14px; padding: 18px 20px;}
	.table-type2 td .price { font-size: 20px; margin:0 3px;}
	img.size_l { width:85%; }
	.bdbox_type2 { padding:32px 6px 28px;}
	.bdbox_type2 .title { font-size: 16px;}
	.bdbox_type2 .text { font-size: 12px; margin-top: 16px; line-height: 1.4;}
}
@media screen and (max-width:480px){
	._information .subtitle { font-size: 17px; margin-bottom: 5px; }
	.title-l { font-size: 32px; line-height: 1.32 }
	.text-block { padding: 31px 0 32px}
	.text-block .title { font-size: 19px; }
	.page-guide .text-block .title { font-size: 14.5px; letter-spacing: 0.02em}
	.text-block .text { font-size: 12.5px; margin-top: 15px; line-height: 1.65 } 
	.glaybox { padding:24px 12px 30px;}
	.glaybox .title { font-size: 15px; margin-top: 0; text-align: center;}
	.glaybox .flex { margin-top: 0px; flex-flow: column; }
	.glaybox .photoarea { width: 150px; margin: auto;}
	.glaybox .textarea { padding-left: 0px; margin-top: 19px }
	.glaybox .pf-title { font-size: 23px; text-align: center;}
	.glaybox .pf-title small { font-size: 11px; margin-left: 0; position: static; text-align: center; display: block; margin-top: 10px;}
	.glaybox .pf-title_s {font-size: 11px; margin: 10px 0 19px; text-align: center;}
	.glaybox .pf-text { font-size: 12px; line-height: 1.5; }
	
	.page-about .article__text { font-size: 14px; line-height: 1.56;}
	._museum.glaybox { max-width: 330px; margin-left: auto; margin-right: auto;}
	._museum.glaybox .textarea { padding:17px 18px 18px; margin: 0;}
	._museum.glaybox .photoarea { width:100%; height: 220px; background-repeat: no-repeat}
	._museum.glaybox .pf-title { font-size: 16px;  }
	._museum.glaybox .pf-text { font-size: 10.5px; margin-top: 12px; line-height: 1.4}
	._museum.glaybox .pf-logo { width:186px; margin-top: 21px; margin-left: auto; margin-right: auto; text-align: center;}
	._museum.glaybox .pf-logo strong { margin-bottom: 6px; font-size: 10px;}
	
	.infoc-title { font-size: 22px; } 
	.table-type2 th { width: 98px; font-size: 10px; letter-spacing: normal;}
	.table-type2 td { font-size: 12px; padding:10px 12px; line-height: 1.55}
	.table-type2 td .price { font-size: 19px; margin:0 3px;}
	img.size_l { width:100%; }
	img.size_m { width:80%; }
	img.size_s { width:50%; }
	.bdbox_type2 { padding:20px 5px 18px; }
	.bdbox_type2 .title { font-size: 12.5px; letter-spacing: normal; line-height: 1.35}
	.bdbox_type2 .text { font-size: 10px; margin-top: 12px; letter-spacing: normal}
}





/* swiper */
.swiper { overflow:hidden}
.swiper-wrapper { overflow:visible!important}
body .swiper-button-next,body .swiper-button-prev { color: transparent!important; opacity: 1; width:28px; height: 28px; top: -28px; padding: 0px; background-size: 100% auto!important; background-position: center!important; opacity: 0.9; transition: 0.1s ; margin-top: 0;}
body .swiper-button-next:hover,body .swiper-button-prev:hover { opacity: 1;}
body .swiper-button-next { background: url("../img/btn_slide_r.png") no-repeat; left: auto; right:-0px!important}
body .swiper-button-prev { background: url("../img/btn_slide_l.png") no-repeat; left: auto; right: 28px!important}
.swiper-slide .textarea {display: flex; position: relative; justify-content: center; align-items: center; color:white; height: 90px; padding-bottom:4px; flex-flow: column; background:rgba(18,18,18,.88); transition: .1s; text-align: center; position: absolute; left: 0; bottom: 0; right: 0;}
.swiper-slide .label {line-height: 1; font-size: 20px; margin-bottom: 7px; font-weight: 300; color: #3fbde0; font-style: italic;}
.swiper-slide { width: 100%!important; text-align: center;}
.swiper-slide figure{ overflow:hidden; background: rgba(0,0,0,.03)}
.swiper-slide img { position: relative; width: auto; height: 550px;}

@media screen and (max-width:768px){
	._english .index-works { margin-bottom: 100px;}
	body .swiper-button-next,body .swiper-button-prev { width:24px; height: 24px; top: -24px;}
	body .swiper-button-prev {right: 26px!important}
	.swiper-slide img { height: 400px;}
}
@media screen and (max-width:480px){
	._english .index-works { margin-bottom: 85px;}
	body .swiper-button-next,body .swiper-button-prev { width:22px; height: 22px; top: -23px;}
	body .swiper-button-prev {right: 23px!important}
	.swiper-slide img { height: 260px;}
}


/* outline */
.outline .title { width: 70px;}
.table-outline { border-top: solid 1px rgba(35,24,21,.14); width: 100%; font-weight: 400; }
.table-outline._press { border-left: solid 1px rgba(35,24,21,.30); border-right: solid 1px rgba(35,24,21,.30);}
.table-outline tr {border-bottom: solid 1px rgba(35,24,21,.14);}
.table-outline th { width: 220px; font-size: 17px; letter-spacing: 0.06em; vertical-align: top; line-height: 1.4; font-weight: 600; padding-right: 0px; padding-top: 34px;}
.table-outline td { font-size: 15px; padding: 35px 0;}
.table-outline td .map-link { font-size: 12px; padding-left: 0.5em; position: relative; letter-spacing: 0.02em; text-align: right; text-decoration: underline;}
.table-outline td .map-link:after { display: inline-block; content: ""; width: 12px; height: 12px; background: url("../img/arw_red.png") no-repeat; background-size: auto 100% ; position: relative; top: 2px; letter-spacing: 0.2em; margin-left: 0.3em;}
.table-outline td .map-link a { color:#231815;}
.table-outline td .map-link a:hover { color: #ef845e;}
.table-outline td .tel { font-size: 28px; font-weight: 500;}
.table-outline td .label { font-size: 11px; background: rgba(240,245,240,.80); min-width: 72px; text-align: center; line-height: 1; padding:5px 0px 6px; display: inline-block; margin-right: 12px; font-weight: 700; letter-spacing: 0.2em; position: relative; top: -5.5px;}
.text_ll { font-size:22px; line-height: 1.5; font-weight: 600; letter-spacing: 0.04em;}
.text_l { font-size:17px; line-height: 1.5; font-weight: 600; letter-spacing: 0.04em;}
.text_m { font-size:16px;}
.text_ms { font-size:14px;}
.text_s { font-size:12px; line-height: 1.6;}
.text_ss { font-size:11px; line-height: 1.6;}
.fw6 { font-weight: 600;}
.top-s { position:relative; top: -5px;}
.top-ss { position:relative; top: -3px;}
.sponsor { display: inline-block; max-width: 300px; text-align: center; margin-right: 32px;}
.sponsor:last-child {margin-right: 0!important;}
.sponsor .logo { display: flex; align-items: center; justify-content: center;}
.sponsor .name { font-size: 13px; letter-spacing: normal; padding-top: 16px; line-height: 1;}
.sponsor img._aet { width: 115px;}
.sponsor img._okf { width: 180px}
.ticket-pricelist { display: flex;}
.ticket-pricelist dl { width: 33.33%; margin-left: 2px;}
.ticket-pricelist dl:first-child { magin-left:0;}
.ticket-pricelist dt { font-size: 15px; text-align: center; line-height: 36px; background: #251e1c; color: white; position: relative; font-weight: 700;}
.ticket-pricelist dd { text-align: center; padding-top: 5px}
.ticket-pricelist dd .price { font-size: 35px; font-weight: 700; letter-spacing: normal;}
.ticket-pricelist dd small { font-size: 20px; font-weight: 700; margin-left: 4px; margin-right: -7px;}
.graybox { background:rgba(35,24,21,.028); padding: 28px 32px;}
.gbox__title { font-weight: 600; margin-left: -0.5em; font-size: 16px;}
.gbox__text { font-size: 15px; margin-top: 10px; line-height: 1.7;}
.border-box._jyunkai { border: solid 20px rgba(222,226,227,.55); max-width: 780px; margin: auto; margin-top: 90px; padding: 42px 48px 48px;}
.border-box h5 { text-align: center; font-weight: 600; font-size: 27px; margin-bottom: 36px;}
dl.jyunkai-block { display: flex; align-items: center;border-bottom: solid 1px rgba(35,24,21,.14);padding: 28px 0;}
dl.jyunkai-block:last-child { border:none; padding-bottom: 0;}
dl.jyunkai-block:first-child { padding-top: 0;}
.jyunkai-block dt {font-weight: 600; width: 155px; font-size: 22px; text-align: center;}
.jyunkai-block dd { font-size: 15px; line-height: 1.8;font-weight: 400; }

@media screen and (max-width:768px){
	.outline .title { width: 45px;}
	.table-outline th { width: 135px; font-size: 14px; padding-right: 0; padding-top: 21px; }
	.table-outline th._s { font-size: 13px; }
	.table-outline td { font-size: 12.5px; padding: 21px 0;line-height: 1.6;}
	.table-outline td .map-link { font-size: 10px; }
	.table-outline td .map-link:after { width: 11px; height: 11px; left: 0; top: 1px; }
	.table-outline td .tel { font-size: 23px; }
	.table-outline td .label { font-size: 9px; min-width: 62px; padding:4px 0px 5px; margin-right: 9px; top: -4px;}
	.text_ll { font-size:18px; }
	.text_l { font-size:14px; }
	.text_m { font-size:15px;}
	.text_ms { font-size:12px;}
	.text_s { font-size:10px; }
	.text_ss { font-size:9px; }
	.top-s { top: -4px;}
	.top-ss { top: -2px;}
	.sponsor { max-width: 200px; margin-right: 25px;}
	.sponsor .name { font-size: 11px; padding-top: 10px; }
	.sponsor img._aet { width: 97px;}
	.sponsor img._okf { width: 164px}
	.ticket-pricelist dl { margin-left: 2px;}
	.ticket-pricelist dt { font-size: 13px; line-height: 28px; }
	.ticket-pricelist dd { padding-top: 2px}
	.ticket-pricelist dd .price { font-size: 25px; }
	.ticket-pricelist dd small { font-size: 17px; margin-left: 3px; margin-right: -6px;}
	.graybox { padding: 17px 22px;}
	.gbox__title { font-size: 13px;}
	.gbox__text { font-size: 12px; margin-top: 4px; line-height: 1.65;}
	.border-box._jyunkai { border-width: 14px; max-width: 590px; margin-top: 70px; padding: 30px 30px 32px;}
	.border-box h5 {font-size: 22px; margin-bottom: 23px;}
	dl.jyunkai-block { padding: 20px 0;}
	.jyunkai-block dt {width: 128px; font-size: 19px; }
	.jyunkai-block dd { font-size: 13px; line-height: 1.7;}
}
@media screen and (max-width:480px){
	.outline .inr { display: block;}
	.outline .title { width: 100%; text-align: center; font-size: 30px; font-weight: 500; letter-spacing: 0.08em; padding-bottom: 31px; line-height: 1;}
	.table-outline tr { display:block; padding: 19px 0;}
	.table-outline th { width: 100%; line-height: 1; font-size: 15px; padding-right: 0; display: block; position: relative; letter-spacing: normal; padding-top: 0;}
	.table-outline th:after {display: block; background: #ef845e; margin: auto; width: 12px; height: 2px; content: ""; margin-top: 12px;}
	.table-outline th._s { font-size: 16px; }
	.table-outline td { font-size: 12.5px; padding:7px 0 0; display: block; text-align: center; letter-spacing: normal;}
	.table-outline td .map-link { font-size: 10px;}
	.table-outline td .map-link:after { width: 10px; height: 10px; left: 0px; top: 1px; }
	.table-outline td .tel { font-size: 24px; }
	.table-outline td .label { margin:auto; top: 0px; display: block; width: 60px; margin-top: 13px;}
	.text_ll { font-size:18px; }
	.text_l { font-size:14px; }
	.text_m { font-size:14px;}
	.text_ms { font-size:11px;}
	.text_s { font-size:9px; }
	.text_ss { font-size:8px; }
	.top-s { top: -4px;}
	.top-ss { top: -2px;}
	.bl_sp { display:block; padding: 0.4em;}
	.sponsor { max-width: 200px; margin-right: 20px;}
	.sponsor .name { font-size: 10px; padding-top: 9px; }
	.sponsor img._aet { width: 88px;}
	.sponsor img._okf { width: 140px}
	._mail { margin-top:7px;}
	.ticket-pricelist { margin-top:6px;  display: inline-block; width: 100%;}
	.ticket-pricelist dl { margin-left: 3px; width: calc(50% - 2px); display: inline-block; float: left;}
	.ticket-pricelist dl:nth-child(odd) { margin-left: 0;}
	.ticket-pricelist dt { font-size: 12px; line-height: 25px; letter-spacing: normal;}
	.ticket-pricelist dd { padding: 0px 0 18px}
	.ticket-pricelist dd .price { font-size: 25px; }
	.ticket-pricelist dd small { font-size: 13px; margin-left: 2px; margin-right: -5px;}
	.tal_v480 { text-align:left!important;}
	.graybox { padding: 12px 15px;text-align: left;}
	.gbox__title { font-size: 13px;}
	.gbox__text { font-size: 11px; margin-top: 3px;  line-height: 1.6;}
	.border-box._jyunkai { border-width: 13px; margin-top: 45px; padding: 22px 17px 26px;}
	.border-box h5 {font-size: 19px; margin-bottom: 15px;}
	dl.jyunkai-block { padding: 16px 0 18px; flex-flow: column; align-items: flex-start}
	.jyunkai-block dt {width: 100%; font-size: 17px; margin-bottom: 5px;}
	.jyunkai-block dd { font-size: 12px; line-height: 1.6;}
}


/*footer*/
.footer { background: url("../img/bg_footer.jpg") center bottom fixed; background-size: 100% auto; color: white; margin-top: 160px;  position: relative; padding-top: 66px; padding-top: 0!important}
.page-index .footer { background: none; margin-top: 0px;}
.bg_footer { background: url("../img/bg_footer.jpg") center fixed; background-size: 100% auto; background-position: bottom center; position: relative;}
.footer .nav { text-align: center}
.footer .nav li { display: inline-block; margin-right: 40px; vertical-align: top;}
.footer .nav li:last-child { margin-right:0;}
.footer .nav li a { color: white; display: flex; height: 50px; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; letter-spacing: 0.04em; flex-flow: column;}
.footer .nav li a small { display: block; font-size: 10px; line-height: 1;}
.footer .nav li a:hover { color:#a4d5b9}
.footer .logoarea { text-align: center; padding: 155px 0 120px;}
.footer .logoarea li { display: inline-block; }
.footer .logoarea li:nth-child(n + 2) { margin-left: 62px;}
.footer .logoarea li img{ width: auto; height: 32px}
.footer .sns { text-align: center;}
.footer .sns li { width:24px; margin: 0 6px; display: inline-block}
.footer .copyright { padding-bottom: 35px; text-align: center; font-size: 11px; font-weight: 400; letter-spacing: 0.08em; margin-top: 50px}
.footer .sns a:hover,
.footer .logoarea li a:hover { opacity: 0.85}
.btmtext { text-align:center; font-size: 40px; font-weight: 400; padding-top: 120px;}
.footer-attention { font-size: 12px; text-align: center; color: #221815; left: 0; right: 0; display: block; text-align: left; padding-top: 80px; font-weight: 400; letter-spacing: 0.06em;}

@media screen and (max-width:1280px){
	.footer { margin-top: 140px; }
}
@media screen and (max-width:768px){
	.footer { margin-top: 90px; padding-top: 20px;}
	.page-index .footer { margin-top: 0px;}
	.footer .nav { padding: 24px 18px 25px; text-align: center;}
	.footer .nav li { margin:0 12px; width:auto;}
	.footer .nav li a { height: auto; font-size: 15px; }
	.footer .logoarea { padding: 100px 0 72px}
	.footer .logoarea li:nth-child(n + 2) { margin-left: 40px;}
	.footer .logoarea li img{height: 26px}
	.footer .sns li { width:20px; margin: 0 5px;}
	.footer .copyright { padding-bottom: 18px; font-size: 10px; margin-top: 28px;}
	.btmtext { font-size: 26px; padding-top: 70px; white-space: nowrap;}
	.footer-attention { font-size: 10px; letter-spacing: 0.04em; padding-top: 44px; }
}
@media screen and (max-width:480px){
	.footer { margin-top: 60px; padding-top: 48px; background-size: 600px auto;}
	.footer .nav { padding: 0 10px; }
	.footer .nav li { width: 50%; margin: 0 auto 13px;}
	.footer .nav li a { height:auto; font-size: 14px; }
	.footer .nav li._s a {font-size: 13px; transform: scale(0.92,1);}
	.footer .logoarea { /*padding: 52px 0 70px;*/ padding: 68px 0 60px;}
	.footer .logoarea li { margin:auto; display: block;}
	.footer .logoarea li:nth-child(n + 2) { margin-left:auto; margin-top: 18px;}
	.footer .logoarea li img{height: 22px}
	.footer .sns li { width:19px; margin: 0 4.5px;}
	.footer .copyright { padding-bottom: 14px; font-size: 9px; margin-top: 22px;}
	.btmtext { font-size: 21px; padding-top: 47px;}
	.footer-attention { font-size: 9px; padding-top: 36px; }
	.bg_footer { background-size: 800px auto;}
}


/* privacypolicy */ 
.privacypolicy { z-index: 10; text-align: center; font-size: 11px; color: white; background: rgba(0,0,0,.24); width: 100%; display: flex; height: 80px; justify-content: center; align-items: center; letter-spacing: 0.02em; font-weight: 400}
.privacypolicy a { color:white; text-decoration: underline;}
.privacypolicy a:hover { text-decoration:none;}

@media screen and (max-width:1280px){
	.privacypolicy { font-size: 10px; height: 70px; padding-right: 70px;}
}
@media screen and (max-width:768px){
	.privacypolicy { font-size:9px; height: 60px; padding: 12px; line-height: 1.5;justify-content: left; text-align: left; letter-spacing: normal}
}
@media screen and (max-width:480px){
	.privacypolicy { font-size:7px; height: 55px; padding: 10px; padding-right: 70px}
	.privacypolicy br { display:none!important;}
}


/*ticketinfo*/
.ticketinfo { position: fixed; bottom: -10px; left:0; z-index: 5000; -webkit-transition:all .8s; transition:all .8s; opacity: 0; -webkit-transition-delay: .6s; transition-delay: 0.6s; }
.ticketinfo._view { bottom: 0; opacity: 1}
.ticketinfo a { display: block; background: #e64a45; color: white; font-size: 25px; height: 81px; display: flex; align-items: center; padding:0 26px 0 28px; font-weight: 900;}
.ticketinfo a span._s { font-size:78%; position: relative; top: 2px; margin-left: -5px;}
.ticketinfo a i {display:inline-block; width: 21px; height: 21px; top: 2px; position: relative; background: url("../img/arw_w.png") no-repeat center; background-size: 100% 100%; content: ""; }
.ticketinfo-close {vertical-align: top; position: absolute; left: 5px; top: -30px; z-index: 1; width: 42px; cursor: pointer; filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));}
.side-menu { position: fixed; right: -44px; top: 18px;z-index: 100; vertical-align: bottom; transition: all 0.5s ease; transition-delay: 1s;}
._lower .side-menu { top: 108px;}
.side-menu._view { right:0;}
.side-menu li {width:44px; filter: drop-shadow(0px 1px 1px rgba(0,0,0,.1)); margin-left: auto; margin-right: 0;}
.side-menu li:nth-child(n + 2) { margin-top: 3px;}
.side-menu li._flyer,
.page-ticket .side-menu li._ticket{ display: none;}
.page-index .side-menu li._flyer { display: block;}

@media screen and (max-width:1280px){
	.side-menu { top: 12px;}
	.side-menu li {width:39px;}
	.side-menu li:nth-child(n + 2) { margin-top: 3px;}
}
@media screen and (max-width:768px){
	.ticketinfo { width: auto; }
	.ticketinfo a { font-size: 22px; height: 62px; padding:0 24px; min-width: 320px; justify-content: center; letter-spacing: normal;}
	.ticketinfo a span._s { top: 3px; margin-left: -5px;}
	.ticketinfo a i { width: 18px; height: 18px; top: 1px; }
	.ticketinfo-close { left: 4px; top: -24px; width: 40px;}
	.side-menu { top: auto; bottom:66px;}
	.side-menu li._ticket { display:none;}
	.side-menu li {width:35px;}
	.side-menu li:nth-child(n + 2) { margin-top: 2px;}
}
@media screen and (max-width:480px){
	.ticketinfo { width: auto; }
	.ticketinfo a { font-size: 18px; height: 50px; padding:0 16px 0 20px; justify-content: center; letter-spacing: normal; min-width: 260px;}
	.ticketinfo a span._s { top: 1px; margin-left: -5px;}
	.ticketinfo a i { width: 15px; height: 15px; top: 1px; margin-left: -4px; }
	.ticketinfo-close { left: 1px; top: -22px; width: 32px;}
	.side-menu { bottom:auto; top: 111vw; position: absolute; transition: all 0.0s; transition-delay: 0s;}
	.side-menu li {width:29px;}
	.side-menu li._ticket { display:none;}
}


/*ticket*/
.page-ticket .footer {margin-top:0}
.page-ticket .ticketinfo { display:none}
.article-type2 { padding-top: 120px; padding-bottom:150px;}
.article-type2 .article-type2__block { margin-top: 110px;}
.article-type2 .article-type2__block._first { margin-top: 80px;}
.ticket-pricelist dt i { width:68px; position: absolute; left: 0; right: 0; top: -18px; margin: auto; display: block; line-height: 0;}
.article-title { font-size: 48px; text-align: center;letter-spacing: 0.0em;}
.article-title._s { font-size: 44px;}
.article-stitle { font-size: 30px; text-align: center; letter-spacing: 0.02em;}
.article-boxtitle { font-size: 24px; background: #231815; color: white; height: 70px; display: flex; align-items: center; padding-left: 22px; letter-spacing: 0.04em;}
.article-boxtitle .num { font-size: 40px; color: #f24e49; font-style: italic; line-height: 0; position: relative; top: -2px; margin-right: 15px;}
.article-boxtitle small { font-size: 16px; font-weight: 500; margin-left: 2px; letter-spacing: 0.04em;}
.article-bdtitle { font-size: 33px; text-align: center;letter-spacing: 0.02em;}
.article-bdtitle small { display: block; letter-spacing: 0.04em; font-size: 16px;}
.article-bdtitle .bd { display: block; height:3px; width: 50px; background: #f24e49; margin: 30px auto 33px; }
.article-type2 .textarea { margin-top: 40px;}
.article-type2 .textarea p,.article-type2 .textarea .ls-ic { line-height: 1.9;}
.btn-box { font-size: 0;}
.btn-box li a { background: #251e1c; color: white ;display: flex; align-items: center; justify-content: center; height: 90px; vertical-align: top; flex-flow: column; border-radius: 5px; position: relative; font-weight: 700; transition: all 0.3s ease;}
.btn-box li a:hover { background: #f24e49;}
.btn-box._3btn li { width: calc(33.33% - 5px); margin-right:7.5px; display: inline-block; vertical-align: top;}
.btn-box._3btn li:last-child { margin-right:0;}
.btn-box._3btn li a { font-size: 19px; padding-bottom: 13px; }
.btn-box._3btn li a small { display:block; font-size: 12px; font-weight: 400; letter-spacing: 0.02em; line-height: 1; margin-top: 3px;}
.btn-box._2btn li { width: calc(50% - 3px); margin-right:6px; display: inline-block; vertical-align: top;}
.btn-box._2btn li:last-child { margin-right:0;}
.btn-box._2btn li a { font-size: 24px; padding-bottom: 6px; border-radius: 0; font-weight: 900;}
.btn-box._2btn li a small { display:block; font-size: 12px; font-weight: 400; letter-spacing: 0.02em; line-height: 1; margin-top: 3px;}
.ic_dwn {width: 13px; height: 13px; background-image: url("../img/ic_arw_down.png"); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; right: 0; bottom: 13px; margin: auto;}
.ic_blank { width: 14px; height: 14px; background-image: url("../img/icon_blank.png"); background-repeat: no-repeat; display: inline-block; background-size: cover; position: relative; top: 1px; margin-left: 7px; margin-right: -5px;}
.ic_blank._bl {background-image: url("../img/icon_blank_blue.png"); }
.bdbox_yellow { border: solid 6px #f8ee38; padding:50px 55px;}
.bdbox_yellow.ls-ic li { font-size: 13px; letter-spacing: 0.02em; line-height: 1.7; font-weight: 400;}
.bdbox_yellow.ls-ic li._l { font-size: 18px; font-weight: 700; }
.btn_red { background: #f24e49; color: white; display: flex; align-items: center; justify-content: center; font-weight: 900; letter-spacing: 0.02em; margin: auto; border-radius: 5px}
.btn_red._l { width:590px; height: 70px; font-weight: 700; font-size: 19px; letter-spacing: normal; font-weight: 900;}
.btn_red._s { width:210px; height: 40px; font-weight: 900; font-size: 14px; border-radius: 20px;}
.btn_red small { font-weight: 500; font-size: 70%;}
.playguide .table-type3 { max-width:750px; margin: auto; margin-top: 20px; }
.table-type3 { margin: auto;width: 100%;}
.table-type3 thead { background: #231815; color: white; font-weight: 900;}
.table-type3 tbody{ font-weight: 700; background-color:rgba(255,255,255,.50); font-size: 16px;}
.table-type3 th { padding: 9px;border-color: #231815; border-width: 1.5px; border-style: solid; font-size: 16px;}
.table-type3 td {  text-align: center; vertical-align: middle; padding: 14px; letter-spacing: 0.02em; border-color: #231815; border-width: 1.5px; border-right-style: solid;border-bottom-style: solid;}
.table-type3 td:nth-child(1) { background: #f0f5f0; width: 24%;border-left-style: solid;}
.playguide-list li { display: flex; background: white; border-left: 6px solid #f24e49; align-items: center;text-align: left; padding: 22px 23px; margin-top: 5px; box-shadow: 0 1px 1px rgba(0,0,0,.02)}
.playguide-list li:first-child { margin-top:0}
.playguide-list li .title { width: 225px; font-weight: 900; font-size: 20px; padding-bottom: 1px;}
.playguide-list li .detail { flex: 2;}
.playguide-list li dl { display: flex; align-items: center;}
.playguide-list li dl:nth-child(n + 2) { margin-top:7px;}
.playguide-list li dl dt { text-align: right; width: 128px; margin-right: 25px; font-weight: 700; font-size: 15px;}
.playguide-list li dl dd { font-size: 14px; font-weight: 500; height: 40px; display: flex; align-items: center;}
.page-ticket .flow { max-width:920px; margin: auto;}

@media screen and (max-width:768px){
	.article-type2 { padding-top: 60px; padding-bottom:85px;}
	.article-type2 .article-type2__block { margin-top: 80px;}
	.article-type2 .article-type2__block._first { margin-top: 45px;}
	.ticket-pricelist dt i { width:63px; top: -16px; }
	.article-title { font-size: 36px; line-height: 1.35; letter-spacing: 0;}
	.article-title._s { font-size: 44px;}
	.article-stitle { font-size: 26px; line-height: 1.45; }
	.article-boxtitle { font-size: 20px; height: 58px; padding-left: 18px; }
	.article-boxtitle .num { font-size: 32px; margin-right: 10px; top:-2px;}
	.article-boxtitle small { font-size: 13px; margin-left: 1px;}
	.article-bdtitle { font-size: 26px; line-height: 1.4; letter-spacing: 0.02em;}
	.article-bdtitle small { font-size: 13px; padding-top: 3px;}
	.article-bdtitle .bd { height:3px; width: 45px; margin: 25px auto 31px; }
	.article-type2 .textarea { margin-top: 30px;}
	.article-type2 .textarea p,.article-type2 .textarea .ls-ic { line-height: 1.75;}
	.btn-box li a { height: 72px; border-radius: 4px;}
	.btn-box._3btn li { width: calc(33.33% - 3.34px); margin-right:5px;}
	.btn-box._3btn li a { font-size: 16px; padding-bottom: 11px; }
	.btn-box._3btn li a small { font-size: 10px; margin-top: 3px;}
	.btn-box._2btn li { width: calc(50% - 2px); margin-right:4px;}
	.btn-box._2btn li a { font-size: 19px; padding-bottom: 6px; }
	.btn-box._2btn li a small { font-size: 10px; margin-top: 3px;}
	.ic_dwn {width: 12px; height: 12px; bottom: 11px; }
	.ic_blank { width: 12px; height: 12px; margin-left: 7px; margin-right: -6px;}
	.bdbox_yellow { border: solid 5px #f8ee38; padding:36px 36px;}
	.bdbox_yellow.ls-ic li { font-size: 11px; line-height: 1.65; }
	.bdbox_yellow.ls-ic li._l { font-size: 15px; }
	.btn_red {border-radius: 5px}
	.btn_red._l { width:480px; height: 60px; font-size: 16px;}
	.btn_red._s { width:160px; height: 33px; font-size: 12px; border-radius: 20px;}
	.btn_red small { font-size: 70%;}
	.playguide .table-type3 { max-width:550px; margin-top: 17px; }
	.table-type3 tbody{ font-size: 14px;}
	.table-type3 th { padding: 7px; font-size: 13px;}
	.table-type3 td { padding: 10px;}
	.table-type3 td:nth-child(1) { width: 24%;}
	.playguide-list li { border-left: 5px solid #f24e49; padding: 18px 16px; margin-top: 5px;}
	.playguide-list li .title { width: 170px; font-size: 16px;}
	.playguide-list li dl:nth-child(n + 2) { margin-top:4px;}
	.playguide-list li dl dt { width: 96px; margin-right: 12px; font-size: 12px;}
	.playguide-list li dl dd { font-size: 12px; height: 33px; }
}
@media screen and (max-width:480px){
	.article-type2 { padding-top: 44px; padding-bottom:55px;}
	.article-type2 .article-type2__block { margin-top: 48px;}
	.article-type2 .article-type2__block._first { margin-top: 35px;}
	.ticket-pricelist dt i { width:52px; top: -13px; }
	.article-title { font-size: 28px; line-height: 1.35;}
	.article-title._s { font-size: 36px;}
	.article-stitle { font-size: 20px; line-height: 1.4; }
	.article-boxtitle { font-size: 14px; height: 42px; padding-left: 12px; }
	.article-boxtitle .num { font-size: 24px; margin-right: 7px; top:-1px;}
	.article-boxtitle small { font-size: 10px; margin-left: 0px;}
	.article-bdtitle { font-size: 22px; line-height: 1.3; }
	.article-bdtitle small { font-size: 11px; padding-top: 3px;}
	.article-bdtitle .bd { height:2px; width: 30px; margin: 15px auto 17px; }
	.article-type2 .textarea { margin-top: 21px;}
	.article-type2 .textarea p,.article-type2 .textarea .ls-ic { line-height: 1.63; letter-spacing: 0.04em;}
	.btn-box li a { height: 44px; border-radius: 3px;}
	.btn-box._3btn li { width: calc(33.33% - 1.34px); margin-right:2px;}
	.btn-box._3btn li a { font-size: 11px; padding-bottom: 7px; }
	.btn-box._3btn li a small { font-size: 7px; margin-top: 1px; letter-spacing: normal;}
	.btn-box._2btn li { width: calc(50% - 1.34px); margin-right:2px;}
	.btn-box._2btn li a { font-size: 13px; padding-bottom: 6px; }
	.btn-box._2btn li a small { font-size: 7px; margin-top: 1px; letter-spacing: normal;}
	.ic_dwn {width: 8px; height: 8px; bottom: 5px; }
	.ic_blank { width: 11px; height: 11px; margin-left: 6px; margin-right: -5px;}
	.bdbox_yellow { border: solid 3px #f8ee38; padding:14px 14px; text-align: justify;}
	.bdbox_yellow.ls-ic li { font-size: 10px; line-height: 1.55; }
	.bdbox_yellow.ls-ic li._l { font-size: 11px; line-height: 1.45;}
	.btn_red {border-radius: 4px}
	.btn_red._l { width:250px; height: auto; font-size: 13px; display: block; text-align: center; padding: 8px; line-height: 1.4; position: relative;}
	.btn_red._l i { position:absolute; right: 16px; height: 100%; top: 0; background-size: 100% auto; background-position: center; width: 12px; }
	.btn_red._s { width:190px; height: 36px; padding-bottom: 1px; font-size: 13px; }
	.btn_red small { font-size: 70%;}
	.playguide .text_l { font-size: 14px;}
	.playguide .table-type3 { margin-top: 12px; }
	.playguide-list li dl { flex-flow: column;}
	.table-type3 tbody{ font-size: 11px;}
	.table-type3 th { padding: 4px; font-size: 10px; letter-spacing: normal;}
	.table-type3 td { padding: 8px; border-width: 1px;}
	.table-type3 td:nth-child(1) { width: 16%;}
	.playguide-list li { border-left: 0px solid #f24e49; border-top: 3px solid #f24e49; padding: 22px 0px 20px; margin-top: 0px; flex-flow: column; }
	.playguide-list li .title { width: auto; font-size: 17px; line-height: 1;}
	.playguide-list li dl:nth-child(n) { margin-top:14px;}
	.playguide-list li dl dt { width: 100%; margin-right: auto; font-size: 12.5px;text-align: center; margin-bottom: 6px;}
	.playguide-list li dl dd { font-size: 11px; flex: 2; height: auto; }
}


/* goods */
.page-goods .contents {padding-top:40px}
.page-goods .footer {margin-top:80px}
.page-goods .article-boxtitle { width:calc(100% - 70px); margin-left: auto; margin-right: auto; margin-bottom: 70px; justify-content: center; font-size: 30px; padding-bottom: 2px; margin-top: 60px;}
.category-title {font-size: 33px; text-align: center; margin-bottom: 40px; letter-spacing: normal; letter-spacing: 0.05em;　position: relative;}
.category-title:after { width: 36px; height: 4px; display: block; background: #7c7cbf; content: ""; margin:14px auto 0;}
.goods-list { text-align: center; margin-left: auto; margin-right: auto;}
.goods__item { width: 350px; display: inline-block; vertical-align: top; margin: 0px 12px 75px; }
.goods__item .photo { box-shadow:0px 1px 2px rgba(0,0,3,0.04); margin-left: auto; margin-right: auto; position: relative; overflow: hidden;}
.goods__item .nav p,
.nav p.arw {width: 25px; height: 25px; top:calc(50% + 18px)!important;  background-size: 100% auto!important;}
.goods__item .nav p:after,
.nav p.arw:after { display:none;} 
.goods__item .nav p._prev,
.nav p.arw._prev { background-image: url("../img/slider_nav_l.png"); opacity: 0.75; left: 0!important;}
.goods__item .nav p._next,
.nav p.arw._next { background-image: url("../img/slider_nav_r.png"); opacity: 0.75; right: 0!important;}
.goods__item .textarea { margin-top: 18px;}
.goods__item .name { font-size: 22px; letter-spacing: normal; line-height: 1.4; position: relative; font-weight: 800;}
.goods__item .name._s { font-size: 20px;}
.goods__item .name small { font-size: 13px; font-weight: 600; display: block; margin-top: 1px; letter-spacing: 0.04em;}
.goods__item .price { margin-top: 9px; margin-right: -1em;}
.goods__item .price i { margin-right: 1px; position: relative; font-style: normal; font-weight: 700; top: 0px; font-size: 14px;}
.goods__item .price span { font-size: 26px; font-weight: 900; letter-spacing: normal; line-height: 1;}
.goods__item .price small { font-size:10px; margin-left: -2px; position: relative; top: 0px;}
.goods__item .detail { font-size: 11px; margin-top: 21px; line-height: 1.65; background: #faf8f5; display: inline-block; padding: 5px 13px; font-weight: 400}
.goods__item .text { font-size: 13px; text-align: justify; line-height: 1.65; margin-top: 21px;}
.goods__item .text.tac { text-align:center;}
._wide .goods__item { width: calc(100% - 50px); margin:0 auto 72px; padding-bottom: 72px; border-bottom: dotted 1px #231815; max-width: 1200px; text-align: left; display: flex;}
._wide .goods__item:last-child { border:none;}
._wide .goods__item .photo { width: 38%; }
._wide .goods__item .textarea { flex: 2; padding-left: 4.8%; margin: 0;}
._wide .goods__item .name { font-size: 24px; }
._wide .goods__item .price { margin-top: 20px; }
._wide .goods__item .price span { font-size: 32px; }
._wide .goods__item .price small { font-size: 13px; top: -1px; }
._wide .goods__item .detail { font-size: 12px; margin-top: 20px; padding: 7px 16px; font-weight: 500;}
._wide .goods__item .text { font-size: 14px; margin-top: 26px; line-height: 1.65; letter-spacing: 0.04em; text-align: justify}
._wide .goods__item .note { font-size: 10px; line-height: 1.55; margin-top: 18px; text-align: justify;}
.goods__item .btn a { background: #231815; color: white; font-size: 13px; display: flex; justify-content: center; align-items: center; height: 36px; width: 245px; border-radius: 3px; padding-bottom: 2px; margin-top: 24px; font-weight: 500;}
.goods__item .btn a:hover { background: #e64a45}
.goods__item .btn a .ic_blank { width: 12px; height: 12px; margin-left: 6px}

@media screen and (max-width:768px){
	.page-goods .contents {padding-top:50px}
	.page-goods .footer {margin-top:50px}
	.page-goods .article-boxtitle { width:calc(100% - 40px); margin-bottom: 50px; font-size: 25px; padding-bottom: 2px; margin-top: 20px;}
	.category-title {font-size: 26px; margin-bottom: 26px;}
	.category-title:after { width: 30px; height: 3.5px; margin-top:12px;}
	.goods-list { text-align:left; padding: 0 10px; max-width: 660px;}
	.goods-list._wide { padding:0;}
	.goods__item { width: calc(50% - 10px); margin: 0 5px 50px; } 
	.goods__item .nav p,
	.nav p.arw {width: 25px; height: 25px; top: calc(50% - 20px);}
	.goods__item .textarea { margin-top: 13px;text-align:center}
	.goods__item .name { font-size: 20px; }
	.goods__item .name._s { font-size: 18px;}
	.goods__item .name small { font-size: 11.5px; margin-top: 0.6px;}
	.goods__item .name .label { font-size:14px; margin-bottom: 9px; padding: 3px 9px; }
	.goods__item .price { font-size: 10px; margin-top: 7px; }
	.goods__item .price span { font-size: 23px; }
	.goods__item .price small { font-size:10px; }
	.goods__item .price i {font-size: 13px;}
	.goods__item .detail { font-size: 9px; margin-top: 8px; line-height: 1.6;}
	.goods__item .text { font-size: 12px; line-height: 1.6; margin-top: 12px;}
	._wide .goods__item {  margin-bottom: 58px; padding-bottom: 58px; display: block; width: calc(100% - 20px)}
	._wide .goods__item .photo { width: 70%; max-width: 380px; margin-left: auto; margin-right: auto;}
	._wide .goods__item .textarea { padding-left: 0; padding-top: 26px;}
	._wide .goods__item .name { font-size: 20px; }
	._wide .goods__item .price { margin-top: 17px; }
	._wide .goods__item .price span { font-size: 30px; }
	._wide .goods__item .price small { font-size: 11px; }
	._wide .goods__item .detail { font-size: 11px; margin-top: 19px; padding: 5px 14px; }
	._wide .goods__item .text { font-size: 13px; margin-top: 23px; line-height: 1.55;}
	._wide .goods__item .note { font-size: 10px; line-height: 1.5; margin-top: 13px;}
	.goods__item .btn a { margin-left: auto; margin-right: auto;}
}
@media screen and (max-width:480px){
	.page-goods .contents {padding-top:30px}
	.page-goods .footer {margin-top:40px}
	.page-goods .article-boxtitle { width:calc(100% - 20px); margin-bottom: 32px; font-size: 20px; padding-bottom: 2px; margin-top: 10px;}
	.category-title {font-size: 20px; margin-bottom: 20px;}
	.category-title:after { width: 25px; height: 3px; margin-top: 10px;}
	.page-goods .inr { width:100%;}
	.goods-list { padding: 0 5px; }
	.goods__item { width: calc(50% - 6px); margin: 0px 3px 28px; } 
	.goods__item .nav p,
	.nav p.arw {width: 20px; height: 20px; top: calc(50% - 20px);}
	.goods__item .textarea { margin-top: 10px; }
	.goods__item .name { font-size: 14px; }
	.goods__item .name._s { font-size: 12px;}
	.goods__item .name small { font-size: 9px; margin-top: 0.5px;}
	.goods__item .name .label { font-size:10px; margin-bottom: 5px; padding: 2px 6px; border-width: 1px; }
	.goods__item .price { font-size: 9px; margin-top: 6px; }
	.goods__item .price span { font-size: 17px; }
	.goods__item .price small { font-size:8px; }
	.goods__item .price i {font-size: 11px; margin: 0;}
	.goods__item .detail { font-size: 7px; margin-top: 6px; line-height: 1.45;}
	.goods__item .text { font-size: 9.5px; line-height: 1.45; margin-top: 7px;}
	._wide .goods__item {  margin-bottom: 42px; padding-bottom: 42px; width: calc(100% - 20px)}
	._wide .goods__item .photo { width: calc(100% - 60px); max-width: 300px; }
	._wide .goods__item .textarea { padding-left: 0; padding-top: 19px;}
	._wide .goods__item .name { font-size: 17px; }
	._wide .goods__item .price { margin-top: 14px; }
	._wide .goods__item .price span { font-size: 25px; }
	._wide .goods__item .price small { font-size: 10px; }
	._wide .goods__item .detail { font-size: 10px; margin-top: 14px; padding: 5px 11px; }
	._wide .goods__item .text { font-size: 12px; margin-top: 21px; line-height: 1.5;}
	._wide .goods__item .note { font-size: 9px; line-height: 1.45; margin-top: 12px; font-weight: 300;}
	.goods__item .btn a { font-size: 11.5px; height: 27px; width: 212px; border-radius: 26px; padding-bottom: 2px; margin-top: 20px;}
	.goods__item .btn a .ic_blank { width: 11px; height: 11px; margin-left: 5px}
	.article-lead { text-align: justify; padding: 0 10px}
}


/* special */
.page-special .contents { padding:0;}
.page-special .footer { margin-top: 50px;}
.special-article { margin-left: auto; margin-right: auto; background:white}
.special-article._bg { background: #fafafa;}
.special-article .inr { max-width: 1100px;; margin-left: auto; margin-right: auto; width: calc(100% - 100px);  padding: 100px 0 110px}
.special-article .titlearea {text-align: center; border-bottom: solid 5px #ffc619; padding-bottom: 42px; margin-bottom: 80px; }
.special-article .label {font-size: 24px; height: 38px; width: 150px; display: flex; align-items: center; justify-content: center; background: #ffc619; font-weight: 900; margin: auto; letter-spacing: normal; line-height:1; padding-top: 1px; }
.special-article .title {font-size: 52px; line-height: 1.4; margin: 15px auto 0; letter-spacing: normal;}
.special-article .title._s {font-size: 45px; line-height: 1.4; }
.special-article .subtitle {font-size: 36px; line-height: 1.4; margin: 6px auto 0; font-weight: 900;letter-spacing: normal;}
.special-article .title-h4 {font-size: 30px; line-height: 1.3; text-align: center; font-weight: 900; letter-spacing: 0.02em;}
.special-article .title-h4 small { display: inline-block; line-height: 0;}
.special-article .photo { margin-left: auto; margin-right: auto; position: relative;}
.special-article .photo._sdw img {filter: drop-shadow(0px 1px 1px rgba(0,0,0,.05));}
.special-article .photo .point { position: absolute; right: -140px; bottom: -50px; width: 170px;}
.special-article .text {font-size: 17px; line-height: 1.7; letter-spacing: 0.04em}
.special .profile { display: flex; background: #f5f5f3; padding: 25px; margin-top: 80px;}
.special .profile__photo { width: 200px;}
.special .profile__textarea { flex: 2; padding-left: 26px;}
.special .profile__title { font-size: 22px; font-weight: 700; line-height: 1; letter-spacing: normal;}
.special .profile__name { font-size: 27px; font-weight: 900; margin-top: 5px;}
.special .profile__text { font-size: 15px;letter-spacing: 0.04em; margin-top: 13px; line-height: 1.65;}
.img-l { max-width:800px; }
.img-m { max-width:600px; }
.img-s { max-width:400px; }
.bdbox { padding: 25px; border: solid 1.5px #555; display: flex;}
.bdbox__photo { width: 180px; margin-right: 26px;}
.bdbox__title { font-size: 22px; margin-bottom: 12px;}
.bdbox .textarea { flex: 2;}
.bdbox__text { line-height:1.7;}
.c_yel { color:#ffc619}
.ic_mr { font-style: normal; font-size: 10px; position: relative; top: -2px; margin-right: 0.4em;}

@media screen and (max-width:768px){
	.page-special .footer { margin-top: 40px;}
	.special-article .inr { width: calc(100% - 48px);  padding: 60px 0 68px}
	.special-article .titlearea { border-bottom: solid 4px #ffc619; padding-bottom: 32px; margin-bottom: 53px; }
	.special-article .label {font-size: 19px; height: 30px; width: 122px; padding-top: 1px; }
	.special-article .title {font-size: 36px; margin: 13px auto 0; line-height: 1.26 }
	.special-article .title._s {font-size: 31px; line-height: 1.4; }
	.special-article .subtitle {font-size: 25px; margin: 4px auto 0;}
	.special-article .title-h4 {font-size: 25px; }
	.special-article .photo .point { right: -105px; bottom: -30px; width: 120px;}
	.special-article .text {font-size: 14px; line-height: 1.65 }
	.special .profile { padding: 15px; margin-top: 50px;}
	.special .profile__photo { width: 120px;}
	.special .profile__textarea { padding-left: 18px;}
	.special .profile__title { font-size: 15px; }
	.special .profile__name { font-size: 19px; margin-top: 2px;}
	.special .profile__text { font-size: 12px; margin-top: 8px; line-height: 1.6;}
	.img-l { width:90%; }
	.img-m { width:60%; }
	.img-s { width:50%; }
	.bdbox { padding: 15px; display: block;  line-height: 1.6;}
	.bdbox__photo { width: 100px;}
	.bdbox__title { font-size: 18px; margin-bottom: 10px;}
	.bdbox__text { line-height:1.6;}
	.ic_mr { font-size: 9px; top: -1.5px; margin-right: 0.3em;}
}
@media screen and (max-width:480px){
	.page-special .footer { margin-top: 30px;}
	.special-article .inr { width: calc(100% - 24px);  padding: 40px 0 50px}
	.special-article .titlearea { border-bottom: solid 3px #ffc619; padding-bottom: 18px; margin-bottom: 32px; }
	.special-article .label {font-size: 15px; height: 24px; width: 98px; padding-top: 1px; }
	.special-article .title {font-size: 26px; margin: 9px auto 0; line-height: 1.25 }
	.special-article .title._s {font-size: 19px; line-height: 1.3; }
	.special-article .subtitle {font-size: 22px; margin: 4px auto 0;}
	.special-article .title-h4 {font-size: 20px; }
	.special-article .photo .point { right: -87px; bottom: -22px; width: 100px;}
	.special-article .text {font-size: 12.5px; line-height: 1.56; letter-spacing: normal;}
	.special .profile { padding: 12px; margin-top: 36px;}
	.special .profile__photo { width: 90px; }
	.special .profile__textarea { padding-left: 12px; }
	.special .profile__title { font-size: 14px; }
	.special .profile__name { font-size: 17px; margin-top: 1px;}
	.special .profile__text { font-size: 11px; margin-top: 5px; line-height: 1.5; text-align: justify;}
	.img-l { width:100%; }
	.img-m { width:80%; }
	.img-s { width:70%; }
	.bdbox { padding: 12px;letter-spacing: normal; border-width: 1px; line-height: 1.5;}
	.bdbox__photo { width: 100px;}
	.bdbox__title { font-size: 15px; margin-bottom: 8px;}
	.bdbox__text { line-height:1.5;}
	.ic_mr { font-size: 8px; top: -1.5px;}
}


/* movie */
.movie-list { text-align: center;}
.movie-list .movie { max-width: 920px; width: calc( 100% - 40px); line-height: 1.45; text-align: center; margin: 0 auto; margin-top: 75px;}
.movie-list .movie:first-child { margin-top: 0; }
.movie-list .moviewrap { margin-bottom: 24px;}
.movie-list .label { font-size: 14px; width: 138px; padding:0 0 1px; background: #e65d51; color: white; line-height: 25px; display: block; margin: 0 auto; font-weight: 900; text-align: center; letter-spacing: 0.02em; margin-bottom: 7px;}
.movie-list .title { font-size: 26px; letter-spacing: 0.02em}
.movie-list .name { font-size: 17px; margin-top: 4.5px; font-weight: 700;}

@media screen and (max-width:768px){
	.movie-list .movie { margin-top: 60px; width: 100%;}
	.movie-list .moviewrap { margin-bottom: 16px;}
	.movie-list .label { font-size: 12px; width: 122px; line-height: 21px; margin-bottom: 5.5px;}
	.movie-list .title { font-size: 23px;}
	.movie-list .name { font-size: 15px; margin-top: 4px; }
}
@media screen and (max-width:480px){
	.movie-list .movie { margin-top: 40px; }
	.movie-list .moviewrap { margin-bottom: 12px;}
	.movie-list .label { font-size: 11px; width: 110px; line-height: 18px; margin-bottom: 3.9px;}
	.movie-list .title { font-size: 18px;}
	.movie-list .name { font-size: 13px; margin-top: 1.5px; }
}


.fadein { opacity: 0; transition: all 1.3s; transition-delay: .1s;}
.fadein.scrollin { opacity: 1; -webkit-transform: translate(0)!important; transform: translate(0)!important; }
.fadein._u { -webkit-transform: translateY(15px); transform: translateY(15px);}
.fadein._us { -webkit-transform: translateY(10px); transform: translateY(10px); }
.fadein._zo { transform: scale(1.04,1.04); transition: all 1.2s ease; opacity: 0; transition-delay: .4s;}
.fadein._zo.scrollin { transform: scale(1,1); opacity: 1}
.action { opacity: 0; }
.action.scrollin { opacity: 1}
._delay1 {transition-delay: 0.4s;}
.hightlight .list.action li { position: relative; left: 36px; transition: all 1.4s ease; opacity: 0;}
.hightlight .list.action.scrollin li { left: 0px; opacity: 1}
.hightlight .list.action.scrollin li:nth-child(1) {transition-delay: .5s}
.hightlight .list.action.scrollin li:nth-child(2) {transition-delay: .65s}
.hightlight .list.action.scrollin li:nth-child(3) {transition-delay: .8s}

@media screen and (max-width:768px){
	.hightlight .list.action li { left: 22px; }
}
@media screen and (max-width:480px){
    .fadein { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);}
	.fadein.f_s { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); }
}


@media print{.noprint, .cast img { display: none;}}