@charset "UTF-8";
/* CSS Document */
div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-weight: 500; color: #232229; overflow-y: scroll; line-height:1.8;font-family: "Noto Serif JP", serif;font-weight: 400; }
.f-host,.sec-titlearea .subtitle,.index-topics h3,.new { font-family: "Host Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.f-go,.outline-table,.index-topics .list,.privacypolicy,.header-language li,.ticketinfo,.special,.contents-nav,.goods__item,.page-goods .title-box,.title-box .label { font-family: 'Noto Sans JP', sans-serif; font-style: normal; }
.f-bar,.price { font-family: "Roboto Flex",'Noto Sans JP', serif;font-style: normal;}
.all { overflow:hidden; position: relative; min-width: 1200px; overflow-x: hidden; min-height: calc(100vh)}
.v_sp { display:none; visibility:hidden;}
.v_pc { display:block; visibility:visible;}
.v_480 { display:none; visibility:hidden;}
.v_481 { display:block; visibility:visible;}
hr { border-color:#404040}
#page-top { position: fixed; bottom: -15px; right: 0px; z-index: 100; pointer-events: none; opacity: 0; -webkit-transition:all 0.3s; transition:all 0.3s; opacity: 0;}
#page-top a { width: 80px; height:80px; background: url("../img/btn_pagetop.png") no-repeat right bottom; background-size:contain; pointer-events: none; display:block; -webkit-transition:all 0.8s; transition:all 0.8s; filter: drop-shadow(0px 2px 3px rgba(0,0,3,0.06))}
#page-top._view { bottom: 0; opacity: 1; -webkit-transition:all 0.6s; transition:all 0.6s; }
#page-top._view a { pointer-events: all;}
.hv-br,
.hv-op,.footer a { -webkit-transition:all 0.2s; transition:all 0.2s;}
.hv-br:hover,.exh-footer-nav li:hover,.btn_letter a:hover,.btn_flyer a:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}
.hv-op:hover,.footer a:hover { opacity: 0.75}
body .index-special .swiper-button-next:hover, body .index-special .swiper-button-prev:hover {-webkit-filter: brightness(120%); filter: brightness(120%);}
.sdw { box-shadow:0px 1px 5px rgba(0,0,3,0.15); -webkit-box-shadow:0px 1px 5px rgba(0,0,3,0.15);}
.sdw_s { box-shadow:0px 1px 2px rgba(0,0,3,0.10); -webkit-box-shadow:0px 1px 2px rgba(0,0,3,0.10);}
.loader_bg { background: #fff; position: fixed; top: 0; left: 0; right: 0; height: 100vh!important; z-index: 9000; pointer-events: none;  transition:all 0.5s;}
.loader_inr { display:table; width: 100%; height: 100%;}
.loader_logo { display: table-cell; vertical-align: middle; text-align: center; opacity: 0; position: relative; top: 0px;}
.loader_logo img { width: 360px;}
.wrap { padding-top:1px; position: relative; z-index: 1;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt24 { margin-top:24px;}
.mt30 { margin-top:30px;}
.mt36 { margin-top:36px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt80 { margin-top:80px;}
.mt90 { margin-top:90px;}
.mt100 { margin-top:100px;}
.mt110 { margin-top:110px;}
.mt120 { margin-top:120px;}
.mt150 { margin-top:150px;}
.rotate {-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.c_red { color:#f03050!important}
.c_pink { color:#f04078!important}
.c_purple { color:#9a66cc!important;}
.c_green { color:#2abaa7!important}
.c_ygreen { color:#b5d231!important}
.c_yellow { color:#FFBA19!important}
.c_blue { color:#05b1c3!important;}
.c_blue2 { color:#327ad9!important;}
.c_org { color:#FF6666!important;}
.bg_ws { background:rgba(248,247,250,.96)}
.bg_gray { background:#faf9fc}
.bg_w { background:#fff!important;}
.bg_pg { background:rgba(250,232,239,.25)}
.bg_red { background: #FF6666!important; color: white;}
.bg_pink { background: #f04078!important; color: white;}
.bg_pink2 { background: #f4b4cf!important; color: white;}
.bg_purple { background:#9a66cc!important; color: white;}
.bg_blue { background: #05b1c3!important; color: white}
.bg_blue2 { background: #327ad9!important; color: white}
.bg_green { background: #2abaa7!important; color: white;}
.bg_ygreen { background: #b5d231!important; color: white;}
.bg_org { background:#FF6666!important; color: white;}
.c_yel { color: #FFE100;}
._red { color:#e85298;}
.size-ss { width:200px;}
.size-s { width:30%;}
.size-m { width:50%;}
.size-l { width:60%;}
.mt0 { margin-top:0!important;}
.mb0 { margin-bottom:0!important;}
.pb0 { padding-bottom:0!important;}
.lsnomal { letter-spacing:normal!important;}
.dn {display:none;}
.tac { text-align:center!important}
.tal { text-align:left!important}
._zoom { cursor: zoom-in;}
.fs05 { font-size: 50%;  position: relative; top: -6px;}
.fs06 { font-size: 60%; position: relative;}
.fs07 { font-size: 70%;  position: relative;}
.fs08 { font-size: 80%; position: relative;}
.fs085 { font-size: 85%; position: relative;}
.fs09 { font-size: 90%; position: relative;}
.fs105 { font-size: 105%; position: relative;}
.fs11 { font-size: 110%; position: relative;}
.fs12 { font-size: 120%; position: relative;}
.fs13 { font-size: 130%; position: relative;}
.fw300 { font-weight:300!important;}
.fw400 { font-weight:400!important;}
.fw500 { font-weight:500!important;}
.fw600 { font-weight:600!important;}
.fw800 { font-weight:800!important;}
.fw900 { font-weight:900!important;}
.border-dot { margin-bottom: 0; padding: 0; border-style: dotted; border-color: #404040; display: block;}
strong { font-weight:700;}
.iln {display:inline!important;}
.lsn { letter-spacing:normal}
.ic-blank {display:inline-block; width: 12px; height: 12px; line-height: 1; position: relative; margin-left: 0.3em; background: url("../img/ic_blank.svg") no-repeat; background-size: 100% auto; top: 2px;}
.new { color:#FFBA19; font-weight: 900;}

@media screen and (max-width:1350px){
	#page-top a { width: 70px; height:70px; }
}
@media screen and (max-width:768px){
	body { line-height:1.65;}
	.all { min-width:680px; }	
	.mt5 { margin-top:4px;}
	.mt10 { margin-top:8px;}
	.mt20 { margin-top:14px;}
	.mt24 { margin-top:18px;}
	.mt30 { margin-top:25px;}
	.mt36 { margin-top:28px;}
	.mt40 { margin-top:32px;}
	.mt50 { margin-top:38px;}
	.mt60 { margin-top:44px;}
	.mt70 { margin-top:48px;}
	.mt80 { margin-top:55px;}
	.mt90 { margin-top:65px;}
	.mt100 { margin-top:75px;}
	.mt110 { margin-top:80px;}
	.mt120 { margin-top:80px;}
	.mt150 { margin-top:100px;}
	.v_pc { display:none; visibility:hidden;}
	.v_sp { display:block; visibility:visible;}
	#page-top { right:-7px;}
	#page-top a { width: 60px; height:60px; }
	.size-ss { width:180px;}
	.size-s { width:35%;}
	.size-m { width:60%;}
	.size-l { width:68%;}
	.ic-blank { width: 11px; height: 11px; top: 2px;}
}
@media screen and (max-width:480px){
	.v_481 { display:none; visibility:hidden;}
	.v_480 { display:block; visibility:visible;}
	body { line-height:1.6; letter-spacing: 0.02em;}
	.all { min-width:auto; }
	#page-top { right:-3px;}
	#page-top._view { bottom: 0; }
	#page-top a { width: 55px; height:55px; }
	.mt5 { margin-top:3px;}
	.mt10 { margin-top:6px;}
	.mt20 { margin-top:10px;}
	.mt24 { margin-top:12px;}
	.mt30 { margin-top:15px;}
	.mt36 { margin-top:16px;}
	.mt40 { margin-top:22px;}
	.mt50 { margin-top:24px;}
	.mt60 { margin-top:30px;}
	.mt70 { margin-top:35px;}
	.mt80 { margin-top:40px;}
	.mt90 { margin-top:45px;}
	.mt100 { margin-top:50px;}
	.mt110 { margin-top:55px;}
	.mt120 { margin-top:56px;}
	.mt150 { margin-top:70px;}
	.size-m { width:80%;}
	.size-l { width:85%;}
	.tac._l480 { text-align:left!important}
	.ic-blank { width: 10px; height: 10px; top: 2px;}
}


/* header */
.header { left: 0; right: 0; top: 0; z-index: 1000; min-width: 1200px; position: absolute;}
.header .inr { padding: 0px; width:100%;}
.header .inr nav { display: flex; align-items: center; margin-left: auto; margin-right: auto; }
.header .logo { width: 212px; text-align: center;  margin: 12px 0 0 14px; z-index: 1;}
._english .header .logo { width: 244px; }
.header .list { display: flex; position: relative; top: 18px; right: auto; margin-left:35px; justify-content: center; align-items: center; }
.header .list li { display: inline-block; margin-right: 30px; position: relative;}
.header .list li.v_sp { display: none;}
.header .list li:last-child { margin-right: 0;}
.header .list li a { color:#232229; font-size: 16px; font-weight: 600; position: relative; display: block; line-height: 1; letter-spacing: 0.05em; transition: .2s}
.header .list li._s a { font-size: 16px; text-align: center; line-height: 1.35; position: relative; top: -2px;}
.header .list li.current a { pointer-events:none;}
.header .list li._works.current a { pointer-events:all;}
.header .list li a:hover,
.header .list li.current a { color: #fff; }
.header .list li._comingsoon a { pointer-events: none; opacity: 0.4;}
.header .list li a i { width: 10px; height: 10px; top: -1px; left: 3px;}
.header .list li.home { display: none;}
._lower .header { position: absolute; left: 0; right: 0; top: 0; }
.nav-toggle { display:none;}
.header .sns-list { position:absolute; right: 116px; top: 17px; }
.header .sns-list li { margin:0 0 0 13px; display: inline-block}
.header .sns-list li a { width: 21px; display: block; line-height: 1;}
.header .list > li > a::before { position: absolute; height: 21.5px; width: 106%; display: block;top: -2px; left: -3%; z-index: -1; content: ''; background: #FF6666; transform-origin: right top; transform: scale(0, 1); transition: transform .3s;}
.header .list > li > a:hover::before,
.header .list > li.current > a::before { transform-origin: left bottom; transform: scale(1, 1); }


@media screen and (max-width:1360px){
	.header .logo { width: 188px; margin: 8px 0 0 11px}
	.header .list { top: 16px; margin-left: 26px;} 
	.header .list li { margin-right: 25px; }
	.header .list li a { font-size: 14.5px}
	.header .sns-list { right: 100px; top: 11px; }
	.header .sns-list li { margin:0 0 0 11px; }
	.header .sns-list li a { width: 19px; }
	.header .list li a::before { height: 20px;}
}
@media screen and (max-width:768px){
    .header { min-width: auto; pointer-events: none; z-index: 1000; left: 0; right: 0; bottom: 0; top: 0; min-width: 700px; }
    ._lower .header { bottom:0; }
    .header .inr { padding-left: 0px; padding: 0; position: absolute; left: 0 ;right: 0; flex-flow: column; justify-content: center; bottom: 0; padding-bottom: 60px; top: 0px; opacity: 1; -webkit-transition:all 0.5s ease; transition:all .5s ease; align-items: center; display: flex}
	.header .inr nav { flex-flow: column;}
    .open .header { position: fixed; pointer-events: all;}
    .header .logo { display: block; position: absolute; left: 0px; top: 0; width: 206px; pointer-events: all; margin: 8px 0 0 8px; }
    .open .header .logo { opacity: 1;}
	._english .header .logo { width: 225px; }
	.header .list {background: none; box-shadow:0px 2px 4px rgba(0,0,3,0.0); -webkit-box-shadow:0px 2px 4px rgba(0,0,3,0.0)}
    .header .list li.home { display: block;}
	.header .list li.home .day { width: 80%; margin: 20px auto 0;}
    .header .list { z-index: 3000; position: relative; opacity: 1; top: 6px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transition-delay: .0s; transition-delay: .0s; margin-top: -20px; height: auto; width: 400px; justify-content: center; align-items: center; display: flex; flex-flow: column; margin: 0; left: 0;}
    .open .header .list { top: 0px; }
    .header .list li.home { width: 235px; margin: 0px auto 26px; left: 0;}
	._english  .header .list li.home { width: 248px;}
    .header .list li { display:block; margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 3px;}
	.header .list li:last-child { margin-right: auto;}
	.header .list li.v_sp { display: block;}
    .header .list li a { font-size: 18px; letter-spacing: 0.07em; line-height: 1; display: inline-block; }
	.header .list li._s a { font-size: 24px; top: 0px;}
	.header .list li a:before,
	.header .list li.current a:before { display:none}
	.header .list li a:hover,
	.header .list li.current a {color: #FF6666!important; }
	.header .list li.current a { pointer-events: none;}
    .header .list li a:before { bottom: -4px; display: none;}
    .header .list li a i { width: 12px; height: 12px; top: -8px; left: 10px;}
    .header .list li.home a:before { display:none;}
	.header .list li.v_sp a { font-size: 15px;}
	.header .list li.v_sp._info a { padding-top: 4px;}
    .header .sns-list { position:relative; z-index: 2010; opacity: 1; top: 6px; right: auto;  pointer-events: none; margin-top: 12px; -webkit-transition-delay: 0; transition-delay: 0;  margin-left: auto; margin-right: auto; /*-webkit-transition: all 0s ease; transition: all 0s ease;*/-webkit-transition: all .6s ease; transition: all 0.6s ease; -webkit-transition-delay: .0s; transition-delay: .0s; opacity: 0;}
    .header .sns-list li { margin:0 7px;}
    .header .sns-list li a { width: 21px;}
    .open .header .inr{ opacity: 1; top: 0px; pointer-events: none;}
    .open .header .sns-list { opacity: 1; top: 0px;  pointer-events: all; display: block; opacity: 1; }
    .open .header .list li a { color: #fff; }
	.page-index.open .header .list li.home a { pointer-events: none;}
    ._coming:after { bottom: -14px; font-size: 11px;}
}
@media screen and (max-width:480px){
	.header { min-width: auto;}
    .header .inr { padding-bottom: 20px;}
    .header .logo { left: 0px; top: 0px; width: 162px; margin: 5px 0 0 6px;}
	._english .header .logo { width: 188px; }
    .header .list { top:5px; margin-top: 0; width: 100%}
    .header .list li.home { max-width: 210px; width: 96%; margin: 0px auto 18px; left: 0;}
	._english  .header .list li.home { width: 205px;}
    .header .list li { margin-bottom: 3px; line-height: 1.5}
    .header .list li a { font-size: 16px; }
	.header .list li._s a { font-size: 19px;}
	.header .list li.v_sp a { font-size: 14px;}
    .header .list li a:before { bottom: -3px; }
    .header .list li a i { width: 11px; height: 11px; top: -5px; left: 7px;}
    .header .sns-list { top: 5px; margin-top: 10px;  }
    .header .sns-list li { margin:0 7px;}
    .header .sns-list li a { width: 18px;}
	.open .header .sns-list {top: 0}
    ._coming:after { font-size: 9px; bottom: -12px;}
}


/* sp-menu */
@media screen and (max-width:768px){
    .nav-toggle { display: block; }
    .header .list li { opacity: 0; -webkit-transition: none; transition: none; display: block; position: relative; pointer-events: none;}
    .open .header .list li { opacity: 1; pointer-events: all}
    .nav-bg { content: ""; top:0; right: 0px; left: 0; height: 100vh; display: block; position: fixed; background: rgba(30,30,36,.995); -webkit-transition: all .1s ease; transition: all .1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; z-index: 2000; pointer-events: none; }
    .open .nav-bg { -webkit-transform: scale(1); transform: scale(1); opacity: .99; pointer-events: all; top: 0; -webkit-transition: all 0.0s ease; transition: all 0.0s ease;}
    .nav-toggle { display: block; position: fixed;  cursor: pointer; padding: 0px 0px; top: 0px; right: 0;  z-index: 2010; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: block; pointer-events: all;}
    .nav-toggle div { position: relative; }
    .nav-toggle span { display: block; position: absolute; height: 2px; border-radius: 1px; width: 100%; background: white; left: 0; zoom: 1; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; }
    .nav-toggle span:nth-child(1) { top: 30px; }
    .nav-toggle span:nth-child(2) { top: 30px; }
    .nav-toggle:hover span { background:#232229}
    .open .nav-toggle { background: transparent; }
    .open .nav-toggle span { background: #fff; }
    .open .nav-toggle span:nth-child(1) { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); zoom: 1; }
    .open .nav-toggle span:nth-child(2) { -webkit-transform: rotate(135deg); transform: rotate(135deg); zoom: 1; }
	.nav-toggle .btn { display: flex; justify-content: center; align-items: center; position: relative; width: 92px; text-align: center; letter-spacing: 0.02em; color: white; font-size: 15px; line-height: 1; font-weight: 500;}
	.nav-toggle .close { right: 4px; top:3px; width: 60px; height:60px;-webkit-transition: all .2s ease; transition: all .2s ease; opacity: 0; position: absolute;}
	.open .nav-toggle .btn { display: none; }
	.open .nav-toggle .close { opacity: 1;}
}
@media screen and (max-width:480px){
    .nav-toggle { display: block;  }
    .nav-toggle span:nth-child(1) { top: 20px; }
    .nav-toggle span:nth-child(2) { top: 20px; }
	.nav-bg { top: -0vh; }
	.nav-toggle .btn { width: 86px; font-size: 13px;}
	.nav-toggle .close { right: 6px; top:7px; width: 50px; height:50px; } 
}


/* drop */
.header .dropmenu-box li { display:block; margin: auto; }
.header .dropmenu-box li a:hover,
.header .dropmenu-box li.current a { color:#f24e49;}
.header .dropmenu-btn {perspective: 400px; z-index: 1; pointer-events: all;}
.header .dropmenu-btn._special { z-index: 100;}
.header .dropmenu-btn a { cursor: pointer; }
.header .dropmenu-box { position: absolute; background:#2f2f2f; width: 220px; margin-left: -110px;  top: 19px; visibility:hidden; opacity: 0.8; -webkit-transform: scale(1,0); transform: scale(1,0); transform-origin: 0% 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; left: 50%; }
.header .dropmenu li._hover ol{ visibility: visible; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); opacity: 1;}
.header .dropmenu-box li a { display: flex!important; align-items: center; justify-content: center; height:45px; padding-bottom: 1px; border-bottom: 1px solid rgba(255,255,255,.08); color: #f6f1e9; text-align: center; font-size: 15px; font-weight: 600; color: white!important}
.header .dropmenu-box li:last-child a { border: none!important;} 
.header .dropmenu-box li a:hover { color: #FF6666!important; }
.header .gnav__item .dropmenu-box li.current a { pointer-events: none!important;}
.header .dropmenu-box li ._s { font-size:85%; display: inline-block;}
.header .dropmenu-box li > a small { display: block; font-size: 11px; line-height: 1.12;}

@media screen and (max-width:1360px){
	.header .dropmenu-box { width: 200px; margin-left: -100px; top: 18px;}
	.header .dropmenu-box li a { height: 42px; font-size: 14px;}
}
@media screen and (max-width:768px){
	.header .nav-li.dropmenu-btn > a,
	.header .dropmenu-btn {pointer-events: none!important}
	.open .header .nav-li.dropmenu-btn > a,
	.open .header .dropmenu-btn { pointer-events: all!important}
	.header .dropmenu-box { width: 340px; margin-left: -170px;  top: 32px; }
	.header .dropmenu-box li { width:50%; float: left; border-bottom: none!important;}
	.header .dropmenu-box li a {border:none;}
	.header .dropmenu-box li:nth-child(odd) {border-right: 1px solid rgba(255,255,255,.08);}
	.header .dropmenu-box li:nth-child(n + 3) {border-top: 1px solid rgba(255,255,255,.08);}
	.header .list  .dropmenu-box li a { height:43px; font-size: 15px; color:white!important } 
	.header .dropmenu-box li a small { font-size: 10px; }
}
@media screen and (max-width:480px){
	.header .dropmenu-box { width: 290px; margin-left: -145px; top: 30px; }
	.header .dropmenu-box li a small { font-size: 10px; padding-top: 4px;}
	.header .list  .dropmenu-box li a { height:40px; font-size: 13.5px;  } 
}



/* language */
.header-language { right: 12px; top: 15px; position: absolute;}
.header-language li { letter-spacing: normal;}
.header-language li:nth-child(2) { margin-top: 3px;}
.header-language li a { line-height: 1; font-weight: 400; border:solid 1px #404040; line-height: 30px; width: 86px; line-height: 23px; display: block; text-align: center; padding-bottom: 1px; font-size: 11.5px;}
.header-language li a:hover { border-color: #FF6666!important; background-color: #FF6666!important; color:white;}
.header-language li small { font-size: 11.5px; margin-right: -8px; display: inline-block; margin-left: -3px;}

@media screen and (max-width:1360px){
	.header-language { right: 10px; top: 10px;}
	.header-language li a { width: 75px; line-height: 22px; font-size: 10.5px; }
}
@media screen and (max-width:768px){
	.header-language { right: auto; top: 5px; pointer-events: none; position: relative; z-index: 3000; margin-top: 29px; transition: ease .6s; transition-delay: .08s; opacity: 0;}
	.open .header-language { opacity:1; pointer-events: all; top: 0;}
	.header-language li a { line-height: 30px; width: 95px; line-height: 26px; font-size: 12px; color: white; border-color: white; border-width: 0.5px;}
	.header-language li small { font-size: 11px; margin-right: -8px;}
}
@media screen and (max-width:480px){
	.header-language { margin-top: 18px;}
	.header-language li a { width: 88px; line-height: 24px; font-size: 11px; color: white; border-color: white; padding-bottom: 1px;}
	.header-language li small { font-size: 9.5;}
}



/* footer */
.footer { text-align: center; z-index: 10; position: relative; margin-top: 180px;}
.page-index .footer { margin-top:0}
.footer-inr { position: relative; z-index: 1; }
.footer .nav { background:#FF6666; margin-bottom: 92px;  display: flex; align-items: center; justify-content: center;}
.footer .nav li { display: inline-block; margin-right: 46px; display: flex; align-items: center; justify-content: center; height: 88px; padding-bottom: 1px}
.page-index .footer .nav li:first-child { display:none;}
.footer .nav li:last-child { margin-right:0;}
.footer .nav li a { color: white; font-size: 20px; font-weight: 700; letter-spacing: 0.04em; letter-spacing: normal}
.footer .nav li a:hover { color:rgba(255,255,255,.70)}
.index-nav li._comingsoon a,
.footer .nav li._comingsoon a { opacity:0.4; pointer-events: none!important} 
.footer .sns-list { padding-top:0}
.footer .sns-list li { margin: 0 7.5px 0px; display: inline-block; letter-spacing: 0;}
.footer .sns-list li a {  height: 26px; display: block;}
.footer .sns-list li img { height:100%; width: auto;}
.footer .copyright { font-size: 10px; padding: 47px 0px 48px; line-height: 1.75; font-weight: 200; letter-spacing: 0.08em; }
.footer-information { padding: 80px 0 80px; letter-spacing: 0.08em; text-align: center;}
._lower .footer-information { display: none}
._lower .footer-information._view { display: block; padding-bottom: 0;}
.footer-information .inquiry { border: solid 1px #231815 ; text-align: center; margin-left: auto; margin-right: auto; max-width: 300px; padding: 10px; overflow: hidden; height: 56px; cursor: pointer; transition: 0.4s max-width ease, 0.6s height ease .12s; cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.footer-information .inquiry-inr { transition: ease 0s; transform: scaleY(1); transform-origin: top center; opacity: 0;}
.footer-information .inquiry .btn { overflow: hidden; transform: scale(1); transition: 0.5s; font-weight: 500; font-size: 18px; letter-spacing: 0.04em}
.footer-information .inquiry.open {padding: 42px 20px 39px;max-width: 820px; height: 205px;}
.footer-information .inquiry.open .btn { height: 0; transform: scaleY(0); display: block;}
.footer-information .inquiry.open .inquiry-inr { transform: scale(1); opacity: 1}
.footer-information .title { font-size: 17px; font-weight: 700; line-height: 1.2;}
.footer-information p { font-size: 13px; padding-top: 18px; line-height: 1.8;}
.footer-information .logo_bp { margin-left: auto; margin-right: auto; width: 240px; margin-top: 68px; }
.footer-information .btn-bd a {display: inline-block; width: 180px; font-size: 18px; line-height: 44px;}
.footer .logoarea { margin-top:54px;}
.footer .logoarea li { width: 280px; margin-left: auto; margin-right: auto; vertical-align: middle; line-height: 1;}

@media screen and (max-width:768px){
	.footer {  padding-bottom: 0px; margin-top: 120px; }
	.footer .nav { padding: 15px 0px 18px; text-align: left; text-align: center; margin-bottom: 62px; display: block;}
	.footer .nav li { margin-right:0; width: auto; display: inline-block; text-align: center; height: auto;}
	.footer .nav li a { font-size: 16.5px; display: block; line-height: 42px; padding: 0 8px;}
	.footer .sns-list li { margin: 0 7.5px;}
    .footer .sns-list li a { height: 23px;}
    .footer .copyright { font-size: 9px; padding: 31px 0 38px;}
	.footer-information { padding: 80px 0 80px; letter-spacing: 0.05em;}
	.footer-information .inquiry { width: 90%; border-width: 0.5px; max-width: 240px; height: 49px;}
	.footer-information .title { font-size: 16px; }
	.footer-information p { font-size: 11px; padding-top: 12px; line-height: 1.7; letter-spacing: 0.05em;}
	.footer-information .logo_bp { width: 220px; margin-top: 68px; padding: 0; margin-bottom: -6px;}
	.footer-information .inquiry .btn { font-size: 16px;}
	.footer-information .inquiry.open { padding: 33px 0 36px; height: 165px;}
	.footer .logoarea { margin-top:36px;}
	.footer .logoarea li { width: 230px; }
}
@media screen and (max-width:480px){
	.footer {margin-top: 80px; }
	.footer .nav { padding: 15px 22px 19px; margin-bottom: 44px; text-align: left;}
	.footer .nav li { margin-right:0; width: 50%;}
	.footer .nav li a { font-size: 16px; line-height: 30px; }
	.footer {padding-top:0;}
	.footer .sns-list li { margin: 0 6.5px 0px;}
	.footer .sns-list li a { height: 22px;}
    .footer .copyright { font-size: 8px; line-height: 1.3; padding: 30px 0 31px;}
	.footer-information { letter-spacing: 0.04em;}
	.footer-information .inquiry { width: 94%;  max-width: 240px; height: 49px;}
	.footer-information .title { font-size: 14px; }
	.footer-information p { font-size: 10px; padding-top: 9px; line-height: 1.65}
	.footer-information .logo_bp { width: 200px; margin-top: 50px; }
	.footer-information .inquiry .btn { font-size: 15px;}
	.footer-information .inquiry.open {padding: 21px 0px; height: 126px;}
	.footer .logoarea { margin-top:30px;}
	.footer .logoarea li { width: 210px; }
}


/*index*/
.mainvisual { position: relative; padding-top: 180px; z-index: 1;}
.mainvisual { position: relative; }
.mainvisual .inr { max-width: 1100px; margin-left: auto; margin-right: auto;}
.index-lead { position: relative; padding: 122px 0 148px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
.index-lead:before { position: absolute; left: 0; bottom: 0; height: calc(100% + 100px); width: 100%; content: ""; background: linear-gradient(130deg, #E5E1E6, #B5A9C5);  background-size: cover; transform: scale(1.05); z-index: -1; opacity: 0.07}
.index-lead .title { text-align: center; font-size: 44px; font-weight: 500; line-height: 1.25; letter-spacing: 0.02em}
.index-lead .text { text-align: center; font-size: 19px; font-weight: 400; line-height: 1.7; margin-top: 15px;}
.index-lead .data { margin-top:52px;}
.index-lead .data dl { display: flex; align-items: center; font-weight: 500}
.index-lead .data dl.place { margin-top:19px}
.index-lead .data dt { width: 92px; margin-right: 20px; letter-spacing: 0.08em; text-align: center; line-height: 1; font-size: 18px; padding-top: 5px;}
.index-lead .data dd { font-size: 31px; line-height: 1; letter-spacing: 0.03em}
.index-lead .data dl.day dd small { margin-left: -8px; font-size:18px;  font-weight: 600;}
.index-lead .data dl.day dd .label-data { width:111px; position: relative; top: 4px; margin-left:3px}
.index-lead .data dl.day dd .label-data._yotei:after {content: "(予定)"; font-size: 11px; position: absolute; right: -42px; bottom: 9px; line-height: 1;}
.index-lead .data dl.place dd small { font-size:16px; }
.index-works .caption {padding-left: 0.8em; font-size: 8px; bottom: -18px;}
.index-sectitle { line-height:1; font-size: 60px; font-weight: 400; letter-spacing: 0em; text-align: center; margin-bottom: 48px;}
.index-topics {padding: 166px 0 190px; }
.index-topics .list { max-height: 650px; overflow-y: auto; padding:3px 0px;  max-height: 330px; max-width: 1180px; width: calc(100% - 120px); margin-left: auto; margin-right: auto; border-top: solid 1.4px #404040; border-bottom: solid 1.4px #404040;}
.index-topics dl { display: flex; padding: 20px 10px; border-bottom: dotted 0.8px #404040; padding-right: 0px;}
.index-topics dl:last-child { border:none;}
.index-topics dl dt { font-size: 19px; font-weight: 500; min-width: 130px; padding:0; position: relative; top: 4.5px; letter-spacing: normal; line-height: 1;}
.index-topics dl dd { font-size: 16px; flex-grow: 2; flex-basis: auto; padding-bottom: 1px; letter-spacing: 0.02em; }
.index-topics dl dd a { color: #231815;; text-decoration: underline;}
.index-topics dl dd a:hover {text-decoration: none;}
.index-movie { max-width: 1100px; margin-left: auto; margin-right: auto; margin-top: 135px; width: 100%}
._english .index-lead .title { letter-spacing: 0; font-size: 36px;}
._english .index-lead .text { line-height: 1.65; letter-spacing: normal;}

@media screen and (max-width:1300px){
	.mainvisual { padding-top: 160px;}
}
@media screen and (max-width:768px){
	.mainvisual { padding-top: 40px;}
	.page-index .header .logo { display:none;}
	.index-lead { padding: 72px 0 86px; }
	.index-lead:before { height: calc(100% + 0px); }
	.index-lead .title { font-size: 30px; }
	.index-lead .data { margin-top:36px;}
	.index-lead .data dl.place { margin-top:12px}
	.index-lead .data dt { width: 64px; margin-right: 15px; letter-spacing: 0.04em; font-size: 14px; padding-top: 4px;}
	.index-lead .data dd { font-size: 21px; letter-spacing: 0.02em}
	.index-lead .data dl.day dd small { margin-left: -2px; font-size:12px; }
	.index-lead .data dl.day dd .label-data { width:83px; top: 4px; margin-left:2px}
	.index-lead .data dl.day dd .label-data._yotei:after { font-size: 9px; right: -33px; bottom: 6px; }
	.index-lead .data dl.place dd small { font-size:12px; }
	.index-works .caption {padding-left: 0.8em; font-size: 7px; bottom: -15px;}
	.index-sectitle { font-size: 44px; margin-bottom: 30px;}
	.index-sec {padding: 100px 0 122px;}
	.index-topics .list { padding:3px 0px; max-height: 260px; width: calc(100% - 100px);}
	.index-topics dl { padding: 14px 8px; }
	.index-topics dl dt { font-size: 16px; min-width: 98px; top: 3px; }
	.index-topics dl dd { font-size: 14px; padding-bottom: 2px; }
	.index-lead .text { font-size: 14px; line-height: 1.65; margin-top: 11px;}
	.index-movie { margin-top: 55px; width: calc(100% - 68px);}
	
	._english .index-lead .title { font-size: 28px;}
	._english .index-lead .text { line-height: 1.55;}
}
@media screen and (max-width:480px){
	.mainvisual { padding-top: 36px;}
	.index-lead { padding: 39px 0 45px; }
	.index-lead:before { height: calc(100% + 0px); }
	.index-lead .title { font-size: 20px; white-space: nowrap; }
	.index-lead .data { margin-top:35px;}
	.index-lead .data dl { justify-content: center;}
	.index-lead .data dl.place { margin-top:16px; justify-content: center;}
	.index-lead .data dt {display: none;}
	.index-lead .data dd { font-size: 16px; letter-spacing: 0.0em; text-align: center;}
	.index-lead .data dl.day dd small { margin-left: -2px; font-size:10px; }
	.index-lead .data dl.day dd .label-data { width:78px; top: 0px; margin:8px auto 0; display: block;}
	.index-lead .data dl.day dd .label-data._yotei:after { font-size: 8px; right: -27px; bottom: 6px; }
	.index-lead .data dl.place dd small { font-size:9px; margin-top: 5px; display: block;}
	.index-works .caption {padding-left: 0.4em; font-size: 6px; bottom: -12px;}
	.index-sectitle { font-size: 37px; margin-bottom: 24px;}
	.index-sec {padding: 65px 0 86px;}
	.index-topics .list { padding:3px 0px; max-height: 260px; width: calc(100% - 30px);border-width: 1px;}
	.index-topics dl { padding: 12px 5px 12px; flex-flow: column;}
	.index-topics dl dt { font-size: 14px; min-width: 84px; top: 0px; display: block; margin-bottom: 6px;}
	.index-topics dl dd { font-size: 12.5px; padding-bottom: 0px; } 
	.index-lead .text { font-size: 10px; line-height: 1.52; margin-top: 8px;}
	.index-movie { margin-top: 43px; width: calc(100% - 26px);}
	
	._english .index-lead .title { font-size: 18px;}
	._english .index-lead .text { line-height: 1.5;}
}
	

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

@media screen and (max-width:1350px){
	.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;}
}


/* contents */
.contents { margin-left: auto; margin-right: auto; margin-top: 152px;}
._w1500 { max-width: 1500px; width: calc(100% - 160px); margin-left: auto; margin-right: auto;}
._w1400 { max-width: 1400px; width: calc(100% - 160px); margin-left: auto; margin-right: auto;}
._w1300 { max-width: 1300px; width: calc(100% - 160px); margin-left: auto; margin-right: auto;}
._w1200 { max-width: 1200px; width: calc(100% - 160px); margin-left: auto; margin-right: auto;}
._w1100 { max-width: 1100px; width: calc(100% - 160px); margin-left: auto; margin-right: auto;}
._w1000 { max-width: 1000px; margin-left: auto; margin-right: auto;}
._w900 { max-width:900px; margin-left: auto; margin-right: auto;}
._w800 { max-width:860px; margin-left: auto; margin-right: auto;}
._w700 { max-width:780px; margin-left: auto; margin-right: auto;}
._w600 { max-width:650px; margin-left: auto; margin-right: auto;}
._w500 { max-width:500px; margin-left: auto; margin-right: auto;}
._w400 { max-width:400px; margin-left: auto; margin-right: auto;}
._w300 { max-width:350px; margin-left: auto; margin-right: auto;}
._w95 { width:95%;}
._w90 { width:90%;}
._w85 { width:85%;}
._w80 { width:80%;}
._w75 { width:75%;}
._w70 { width:70%;}
._w65 { width:65%;}
._w60 { width:60%;}
._w55 { width:55%;}
._w50 { width:50%;}
.flex {display:flex; align-items: center;}
.flex ._flex1 { flex:1;}
.flex ._flex2 { flex:2;}
.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;}
.sec-titlearea { display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 248px; }
.sec-titlearea .inr { width:100%; display: flex; flex-flow: column; justify-content: center; align-items: center}
.sec-titlearea .subtitle { color: #FF6666; margin: auto; font-weight: 300; font-size: 22px; letter-spacing: 0.08em;  display: inline-block; margin-bottom: 14px; line-height: 1;}
.sec-titlearea .title { line-height:1; font-size: 58px; font-weight: 500; letter-spacing:0.04em; z-index: 1; position: relative; display: inline-block; }
.sec-titlearea .title._s {font-size: 55px; }
.article__title { line-height: 1.3; font-weight: 700; text-align: center; font-size: 43px; letter-spacing: normal;}
.article-text { font-size:18px; line-height: 2;}
.ls_at li,
.ls_dot li { text-indent: -1em; margin-left: 1em}
.ls_dot li { font-size: 92%; line-height: 1.7;}
.title_ic { font-size: 30px; line-height: 1.4; font-weight: 600; margin-bottom: 24px; letter-spacing: 0.05em}
.title_ic i { display:inline-block; width: 7.5px; height: 32px; position: relative; margin-right: 13px; top: 6px; background: #FF6666}
.photo-text { display: flex; align-items: flex-start;}
.photo-text .left { flex: 2;  position: relative;}
.photo-text .right { width: 380px; margin-left: 60px; position: relative;}
.photo-text._r .left { width: 380px; margin-right: 60px;}
.photo-text._r .right { flex: 2; margin-left: 0;}
.dl-box dt { font-weight: 500; margin-bottom: 12px; font-size: 19px; line-height: 1.6;}
.dl-box dt small { font-weight: 400; font-size: 11px}
.dl-box dd { font-size: 14px; line-height: 1.55;}

@media screen and (max-width:1300px){
	.sec-titlearea { padding-top: 215px;}
	.sec-titlearea .subtitle { font-size: 20px; margin-bottom: 12px; }
	.sec-titlearea .title { font-size: 52px;}
	.sec-titlearea .title._s {font-size: 50px; }
}

@media screen and (max-width:768px){
	.contents { margin-top: 70px;}
	._w1200,
	._w1300,
	._w1400,
	._w1500,
	._w1100,
	._w1000 { width: calc(100% - 48px); }
	._w900 { max-width:900px; width: 100%}
	._w800 { max-width:860px; width: 90%}
	._w700 { max-width:780px; width: 80%}
	._w600 { max-width:480px; width: 75%}
	._w500 { max-width:380px;  width: 70%}
	._w400 { max-width:340px;  width: 65%}
	._w300 { max-width:300px; width: 60%}
	.sec-titlearea { padding-top: 160px;}
	.sec-titlearea .subtitle { font-size: 17px; margin-bottom: 11px; }
	.sec-titlearea .title { font-size: 42px;}
	.sec-titlearea .title._s {font-size: 40px; }
	.article__title { font-size: 35px; }
	.article-text { font-size:15px; line-height: 1.7;}
	.ls_dot li {line-height: 1.65;}
	.title_ic { font-size: 22px; margin-bottom: 22px;}
	.title_ic i { width: 5.5px; height: 24px; margin-right: 8px; top: 3.5px; }
	.photo-text .right { width: 280px; margin-left: 44px;}
	.photo-text._r .left { width: 280px; margin-right: 35px;}
	.dl-box dt { margin-bottom: 11px; font-size: 15px; line-height: 1.5;}
	.dl-box dt small { font-size: 10px}
	.dl-box dd { font-size: 12px; line-height: 1.45;}
}
@media screen and (max-width:480px){
	.contents { margin-top: 55px;}
	._w1200,
	._w1300,
	._w1400,
	._w1500,
	._w1100,
	._w1000 { width: calc(100% - 20px); }
	._w900,
	._w800,
	._w700 { width: calc(100% - 0px); }
	._w600 { max-width:520px;}
	._w500 { max-width:280px;}
	._w400 { max-width:250px;}
	._w300 { max-width:220px;}
	._w95 { width:100%;}
	._w90 { width:95%;}
	._w85 { width:90%;}
	._w80 { width:85%;}
	._w75 { width:80%;}
	._w70 { width:75%;}
	._w65 { width:72%;}
	._w60 { width:70%;}
	._w55 { width:68%;}
	._w50 { width:65%;}
	.sec-titlearea { padding-top: 128px;}
	.sec-titlearea .subtitle { font-size: 14px; margin-bottom: 9px}
	.sec-titlearea .title { font-size: 30px; }
	.sec-titlearea .title._s {font-size: 28px; }
	.article__title { font-size: 24px; }
	.article-text { font-size:13px; line-height: 1.6;}
	.ls_dot li {line-height: 1.6;}
	.title_ic { font-size: 19px; margin-bottom: 22px;}
	.title_ic i { width: 4.5px; height: 20px; margin-right: 6px; top: 2.5px; }
	.photo-text { flex-flow: column;}
	.photo-text .right { width: 75%; margin-left: auto; margin-right: auto; margin-top: 32px;}
	.photo-text._r .left { width: 75%; margin-left: auto; margin-right: auto;}
	.photo-text._r .right { width: 100%; margin-top: 0; margin-top: 26px;}
	.dl-box dt { margin-bottom: 10px; font-size: 13px; line-height: 1.5;}
	.dl-box dt small { font-size: 9px}
	.dl-box dd { font-size: 12px; line-height: 1.45;}
}


/* about */
.profile { display:flex;}
.profile .photo { width: 430px; margin-right: 75px; display: block;}
.profile .photo figure {disply:block; position: relative;}
.profile .name_en { color: #FF6666; font-weight: 300; font-size: 16px; line-height: 1;}
.profile .name { font-size: 43px; letter-spacing: 0.1em; line-height: 1; margin-top: 17px; margin-bottom: 42px;}
.profile .textarea { flex: 2; }
.caption._center { right: 0; left: 0;text-align: center;}
._english .profile .name { font-size: 39px; letter-spacing: 0; font-weight: 500;}

@media screen and (max-width:768px){
	.profile { flex-flow: column; justify-content: center; align-items: flex-start}
	.profile .photo { width: 320px; margin-right: auto; margin-bottom: 50px;}
	.profile .name_en { font-size: 13px; text-align: center;}
	.profile .name { font-size: 34px; margin-top: 14px; margin-bottom: 50px; text-align: center; font-weight: 500;}
	._english .profile .name { font-size: 32px;}
}
@media screen and (max-width:480px){
	.profile .photo { width: 220px; margin-bottom: 40px;}
	.profile .name_en { font-size: 11px;}
	.profile .name { font-size: 26px; margin-top: 11px; margin-bottom: 35px;}
	._english .profile .name { font-size: 23px;}
}


/* highlights */
.textarea .text { font-size: 17px; line-height: 1.8; letter-spacing: 0.07em;}
.title-h3 {font-size: 34px; margin-bottom: 42px; text-align: center; font-weight: 500; line-height: 1.5;}
.title-h3._s {font-size: 26px; margin-bottom: 38px; text-align: center; }
.title-h4 {font-size: 20px; margin-bottom: 14px; line-height: 1.5; font-weight: 600;}
.works_titlesmall { display:block;font-size: 16px; font-weight: 400; margin-top: 3px;}
.works { margin-top:150px;}
#works.works { margin-top:0px;}
.works-block { display:flex;}
.works-block figure { position:relative;}
.works ._second figure._01 { width: 63.6%; display: inline-block; padding-right: 2.2%}
.works ._second figure._02 { width: 36.4%; }
.caption { font-size:10px; line-height: 1.6; position: absolute; left: 0; bottom: -25px; letter-spacing: 0.04em; font-weight: 300;}
._english .textarea .text { font-size: 16px; line-height: 1.67; letter-spacing: 0.01em; font-weight: 300;}
._english .title-h3,._english .title-h4 { letter-spacing: normal;}
.graybox { padding:50px; }
.graybox .title { font-size: 21px; line-height: 1.4; margin-bottom: 15px; font-weight: 600;}
.graybox .text { font-size: 15.5px; letter-spacing: 0.07em; line-height: 1.7;}
.graybox._type2 .title { font-size: 19px; }


@media screen and (max-width:768px){
	.textarea .text { font-size: 15px; line-height: 1.65; letter-spacing: 0.04em;}
	.title-h3 {font-size: 28px; margin-bottom: 26px;}
	.title-h3._s {font-size: 22px; margin-bottom: 23px;}
	.title-h4 {font-size: 16px; margin-bottom: 14px; line-height: 1.4;}
	.works_titlesmall { font-size: 13px; margin-top: 2px;}
	.works { margin-top:90px;}
	.caption { font-size:7px; bottom: -16px; letter-spacing: normal;}
	._english .textarea .text { font-size: 14px; line-height: 1.6;}
	.graybox { padding:36px 40px 40px; }
	.graybox .title { font-size: 18px; margin-bottom: 15px; }
	.graybox .text { font-size: 13.5px; line-height: 1.6; letter-spacing: 0.04em}
	.graybox._type2 .title { font-size: 16px; }
}
@media screen and (max-width:480px){
	.textarea .text { font-size: 13px; line-height: 1.48; letter-spacing: 0.02em;}
	.title-h3 {font-size: 22px; margin-bottom: 22px;}
	.title-h3._s {font-size: 17px; margin-bottom: 18px;}
	.title-h4 {font-size: 14.5px; margin-bottom: 9px; line-height: 1.4;}
	.works_titlesmall { font-size: 12.5px; margin-top: 2px;}
	.works { margin-top:70px;flex-flow: column}
	.caption { font-size:6px; bottom: -15px; letter-spacing: normal;}
	.works-block { flex-flow: column;}
	.works ._second figure._01 { width: 100%; padding-right: 0%;}
	.works ._second figure._02 { width: 75%; margin-top: 46px; margin-left: auto; margin-right: auto;}
	._english .textarea .text { font-size: 12px; line-height: 1.44;}
	.graybox { padding:17px 20px 21px; }
	.graybox .title { font-size: 15px; margin-bottom: 8px; }
	.graybox .text { font-size: 11.5px; line-height: 1.45; letter-spacing: 0;}
	.graybox._type2 .title { font-size: 12.5px; margin-bottom: 9px; }
}


/* special */
.page-special .contents { max-width:1100px;}
.contents-nav { font-weight: 0; display: flex; overflow: hidden;  }
.contents-nav._second { margin-top: 2px;}
.contents-nav ul { width: 100%;}
.contents-nav li { display: inline-block; border-left: 2px white solid; background: #232229; overflow: hidden; vertical-align: top;}
.contents-nav li:first-child {border: none;}
.contents-nav._2btn { margin-left: auto; margin-right: auto;}
.contents-nav._2btn li { width: 50%; }
.contents-nav._3btn li { width: 33.33%; }
.contents-nav._4btn li { width: 25%; }
.contents-nav._5btn li { width: 20%; }
.contents-nav._6btn li { width: 16.66%; }
.contents-nav a { display: flex; position: relative; justify-content: center; align-items: center; color:white; height: 80px; padding-bottom: 5.5px; flex-flow: column; background: #2f2f2f; transition: .1s; text-align: center; font-size: 19px; font-weight: 800;}
.contents-nav .label { line-height: 1; font-size: 14px; margin-bottom: 1px; font-weight: 600; color: #FF6666; }
.contents-nav .title { line-height: 1; font-weight: 800; font-size: 22px; letter-spacing: normal;}
.contents-nav .title small { line-height: 1.2; font-size: 70%; margin-bottom:3px; margin-top: -3px; display: block;}
.contents-nav li a:hover { background: #FF6666; }
.contents-nav._blue li a:hover { background: #05b1c3; }
.contents-nav._blue li a .label { color: #05b1c3; }
.contents-nav li a:hover .label { color: #fff; }
.contents-nav a:after { content:""; background-size: 100% auto; width: 14px; height: 7px; bottom: 10px; left: 0; right: 0; background-position: bottom center; margin: auto; background-image: url("../img/arw_down_white.png"); background-repeat: no-repeat; position: absolute;}
.contents-nav .new { position:absolute; left: 0; top: 0; content: ""; width:45px; height: 45px; background: url("../img/ic_new.png") no-repeat; background-size: 100% auto; }
.anker { position: relative; top: -00px; font-size: 0;}
.special-box { margin-top: 70px; padding-top: 73px; position: relative;}
.special-box._first { margin-top: 80px;}
.special-box__titlearea { text-align: center;position: relative;}
.special-box .label { margin-left: auto; margin-right: auto; line-height: 1; margin-bottom: 18px; color: #3bace7; font-size: 25px; font-style: italic; font-weight: 400}
.special-box .title { font-size:31px; line-height: 1.5; letter-spacing: normal; font-weight: 600}
.special-box:before,
.special-box:after,
.special-box .inr:before,
.special-box .inr:after { content: ""; background-repeat: no-repeat; background-size:100% auto; position: absolute; width: 100px; height: 60px; }
.special-box:before { background-image: url("../img/corner01.png"); left: 0; top: 0;}
.special-box:after { background-image: url("../img/corner02.png"); right: 0; top: 0;}
.special-box .inr:before { background-image: url("../img/corner03.png"); left1: 0; bottom: 0;}
.special-box .inr:after { background-image: url("../img/corner04.png"); right: 0; bottom: 0;}
.special-box__contents { position: relative; padding: 52px 55px 95px; font-size: 17px; line-height: 1.75; }
.special-box__contents .question { font-weight:600; font-size: 19px; margin-bottom: 22px;}
.special-box__contents .question i { display:inline-block; font-style: normal; font-size: 85%; margin-right: 0.1em}
.graybox { background: rgba(201,202,204,.12)}
.special-box .graybox { padding: 40px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
.special-box .graybox__title { line-height: 1.35; margin-bottom: 15px; font-size: 19px; font-weight: 800}
.special-box .graybox .textarea { font-size: 13px; line-height: 1.6; align-items: flex-start}
.special-box .graybox .text { flex: 2;}
.special-box .graybox .imgarea._bloomberg { width: 170px; margin-left: 45px}
.special-box .graybox .imgarea._bloomberg .bc-logo { margin-bottom:8px; padding: 0 6px;}
.special-sns { display: flex; margin-left: 0; margin-right: auto;}
.special-sns li { width: 18px; margin-right:9px; line-height: 1;}
.special-box .graybox .bc-qr { max-width:140px; margin-left: auto; margin-right: auto;}
.special-box .lead { font-size: 19px; margin-top: 0; font-weight: 500;}
.message li { margin-top: 115px;font-family: 'Noto Sans JP', sans-serif; position: relative; background: rgba(201,202,204,.16);padding: 24px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
.message li:first-child { margin-top: 130px;}
.message__title { margin-bottom: 24px; text-align: center; font-size: 19px; color: white; background: #07afe7; font-weight: 900; display: inline-block; line-height: 36px; min-width: 310px; padding:0 25px 1px; letter-spacing: normal; margin-left: auto; margin-right: auto; position: absolute; top: -58px; margin-left: auto; margin-right: auto; z-index: 1;}
.message__title small { font-size:74%; position: relative; bottom: -1px; display: inline-block; margin-right: 0.05em}
.message li .flex { align-items: flex-start;}
.message__img { width: 48%;}
.message__text { flex: 2; padding-left: 24px; padding-right: 2px; font-size: 15px; font-weight: 400; line-height: 1.65; letter-spacing: normal; text-align: justify}
.page-special .contents-nav a { height: 95px; padding-bottom: 12px;}
.page-special .contents-nav .title { font-size: 20px; }
.page-special .contents-nav .label { font-size: 16px; margin-bottom: 7px;}
	
@media screen and (max-width:768px){
	.page-special .contents { width:calc(100% - 36px);}
	.contents-nav { border-radius: 3px; }
	.contents-nav._second { margin-top: 1.5px;}
	.contents-nav li { border-width: 1.5px;}
	.contents-nav._4btn li,
	.contents-nav._5btn li,
	.contents-nav._6btn li { width: 25%; margin-bottom: 1.5px}
	.contents-nav._4btn li:nth-child(5n),
	.contents-nav._5btn li:nth-child(5n),
	.contents-nav._6btn li:nth-child(5n) { width: 25%; border: none;}
	.contents-nav a { height: 50px; padding-bottom: 5px; font-size: 14px;}
	.contents-nav .label { font-size: 11.5px; margin-bottom: 0px; padding: 1px}
	.contents-nav .title { font-size: 14px;}
	.special-box {  margin-top: 28px; padding-top: 50px; }
	.special-box._first { margin-top: 55px;}
	.contents-nav a:after { width: 10px; height: 10px; bottom: 8px;}
	.contents-nav .new { width:36px;}
	.contents-nav .title small {margin-bottom: 2px; margin-top: -3px;}
	.special-box .label { margin-bottom: 10px; font-size: 17px; }
	.special-box .title { font-size:21px; line-height: 1.4; font-weight: 700;}
	.special-box:before,
	.special-box:after,
	.special-box .inr:before,
	.special-box .inr:after { width: 65px; height: 40px; }
	.special-box__contents { padding: 36px 24px 60px; font-size: 13.5px; line-height: 1.55; }
	.special-box__contents .question { font-size: 15px; margin-bottom: 14px; line-height: 1.45;}
	.special-box__contents .question i { font-size: 85%; margin-right: 0.1em}
	.special-box .graybox { padding: 28px;}
	.special-box .graybox__title { line-height: 1.3; margin-bottom: 10px; font-size: 15px; letter-spacing: 0.02em}
	.special-box .graybox .textarea { font-size: 11.5px; line-height: 1.45;}
	.special-box .graybox .imgarea._bloomberg { width: 110px; margin-left: 25px}
	.special-box .graybox .imgarea._bloomberg .bc-logo { margin-bottom:8px; padding: 0 2px;}
	.special-sns li { width: 15px; margin-right:7px; }
	.special-box .graybox .bc-qr { max-width:110px;}
	.special-box .lead { font-size: 14px;}
	.message li { margin-top: 55px; padding: 0px 0px 0px; max-width: 520px; margin-left: auto; margin-right: auto;background: rgba(201,202,204,.0);}
	.message li:first-child { margin-top: 55px;}
	.message li .flex { flex-flow: column;}
	.message__title { font-size: 15px; line-height: 31px; min-width: 250px; padding:0 20px 1px; top: -24px; position: static; margin-bottom: 18px}
	.message__img { width: 100%; margin-left: auto; margin-right: auto;}
	.message__text { padding: 23px 25px 27px; font-size: 13.5px; line-height: 1.6;background: rgba(201,202,204,.16);}
	.page-special .contents-nav a { height: 70px; padding-bottom: 10px;}
	.page-special .contents-nav .title { font-size: 15px; }
	.page-special .contents-nav .title._s { font-size: 14px; }
	.page-special .contents-nav .label { font-size: 12px; margin-bottom: 3px;}
}
@media screen and (max-width:480px){
	.page-special .contents { width:calc(100% - 12px);}
	.contents-nav { border-radius: 2px; }
	.contents-nav._second { margin-top: 1px;}
	.contents-nav li { border-width: 0.6px;}
	.contents-nav._4btn li,
	.contents-nav._5btn li,
	.contents-nav._6btn li { margin-bottom: 0.6px}
	.contents-nav a { height: 58px; padding-bottom: 6px; font-size: 13.5px;}
	.contents-nav .label { font-size: 11px; margin-bottom: 0.5px; }
	.contents-nav .title { font-size: 10.5px; line-height: 1.15; letter-spacing: normal;}
	.special-box { margin-top: 12px; padding-top: 32px;}
	.special-box._first { margin-top: 26px;}
	.special-box .label { margin-bottom: 12px; border-width: 1.5px;}
	.contents-nav a:after { width: 8px; height: 4px; bottom: 5px;}
	.contents-nav .new { width:30px;}
	.contents-nav .title small {margin-bottom: 1px; margin-top: -3px;}
	.contents-nav._4btn { display: block; border-radius: 4px;}
	.contents-nav._4btn li { width: calc(50% - 0.5px); float: left; border-radius: 0!important;}
	.contents-nav._4btn li:nth-child(even){ margin-left:1px;}
	.contents-nav._4btn li:nth-child(n + 3){ margin-top:1px;}
	.page-ticket .contents-nav._4btn a { height: 50px;}
	.special-box .label { margin-bottom: 8px; font-size: 15px; }
	.special-box .title { font-size:17px; letter-spacing: normal; line-height: 1.33;}
	.special-box:before,
	.special-box:after,
	.special-box .inr:before,
	.special-box .inr:after { width: 50px; height: 32px; }
	.special-box__contents { padding: 24px 15px 48px; font-size: 12.5px; line-height: 1.45; letter-spacing: normal;}
	.special-box__contents .question { font-size: 13px; margin-bottom: 18px; line-height: 1.45;}
	.special-box__contents .question i { font-size: 85%; margin-right: 0.1em}
	.special-box .graybox { padding: 17px 13px 20px;}
	.special-box .graybox__title { line-height: 1.3; margin-bottom: 8px; font-size: 13px; letter-spacing: 0.0em}
	.special-box .graybox .textarea { font-size: 11px; line-height: 1.4; flex-flow: column;}
	.special-box .graybox .imgarea._bloomberg { width: 124px; margin-left: auto; margin-right: auto; margin-top: 42px;}
	.special-box .graybox .imgarea._bloomberg .bc-logo { margin-bottom:3px; padding: 0 7px;}
	.special-sns li { width: 15px; margin-right:9px; }
	.special-box .graybox .bc-qr { max-width:90px;}
	.special-box .lead { font-size: 12.5px; }
	.message li { margin-top: 36px; }
	.message li:first-child { margin-top: 36px;}
	.message__title { font-size: 13px; line-height: 24px; min-width: 195px; padding:0 14px 1px; margin-bottom: 12px}
	.message__text { padding: 18px 18px 20px; font-size: 12px; line-height: 1.5;}
	.page-special .contents-nav a { height: 56px; padding-bottom: 8px;}
	.page-special .contents-nav .title { font-size: 12.5px; }
	.page-special .contents-nav .title._s { font-size: 11px; }
	.page-special .contents-nav .label { font-size: 9px; margin-bottom: 2px;}
}


/* outline */
.outline-table { width: 100%; overflow: hidden; box-shadow: 0px 0px 0 1.5px #404040; max-width: 1200px; margin-left: auto; margin-right: auto;}
.outline-title { font-size: 16px; width: 218px; vertical-align: middle; background: rgba(35,34,41,.94); color: #fff; font-weight: 600; letter-spacing: 0.07em; border-bottom: solid 1.2px rgba(255,255,255,.92); line-height: 1.45; text-align: center; position: relative;}
.outline-title._s { font-size: 12px; }
.outline-title h3 { font-weight: 600;} 
.outline-title small { font-size: 12px; display: block; margin-top: 3px; line-height: 1.5; font-weight: 400;}
.outline-text { padding: 26px 28px; border-bottom: solid 1.5px #404040; background: white; font-weight: 500; font-size: 16px}
tr:last-child .outline-title,
tr:last-child .outline-text { border: none;}
.outline .tel { font-size: 24px; line-height: 1; font-weight: 900; line-height: 1; letter-spacing: normal; position: relative; top: 2px;}
.outline .url { font-size: 15px; font-weight: 300; }
.text_lll { font-size: 30px; font-weight: 900; line-height: 1.45;}
.text_ll { font-size: 24px; font-weight: 900; line-height: 1.5;}
.text_l { font-size: 20px; font-weight: 900; line-height: 1.55;}
.text_m { font-size: 14px; }
.text_s { font-size: 12px; position: relative; line-height: 1.8; font-weight: 400;}
.text_ss { font-size: 10px; line-height: 1.5; }
.note { opacity:0.8; text-align: left; line-height: 1.6}
._red { color:#E61C24;}
a.textlink { text-decoration: underline; color: #3bace7}
a.textlink._b { color: #232229}
a.textlink._w { color: #fff}
a.textlink:hover { text-decoration: none; }
.mt_sss { margin-top:3px;}
.mt_ss { margin-top:6px;}
.mt_s { margin-top:11px;}
.mt_m { margin-top:16px;}
.mt_l { margin-top:20px;}
.mt_ll { margin-top:26px;}
.ib { display:inline-block;}
.ic_arw { width: 11px; height: 11px; margin-left: 3px; display: inline-block; background-size: auto 100%; background-image: url("../img/ic_arw_red.png") ; background-repeat: no-repeat; position: relative; top: 0px;}
.outline-text dl { margin-top: 36px;}
.outline-text dl:first-child { margin-top: 0px; padding-top: 0;}
.outline-text dl:last-child { padding-bottom: 0; border: none}
.outline-text dt { font-size: 19px; font-weight: 700; margin-bottom: 7px; letter-spacing: normal;}
.outline-text dd { font-size: 16px; line-height: 1.85;}
.outline-text ._last dd { font-size: 15px; line-height: 1.75;}
.outline-text ._last dd span { font-size: 12px; }
.index-article { padding:80px 60px; background: rgba(255,255,255,.96)}
.ic_sq { display: inline-block; font-size: 50%; margin-right: 0.4em; position: relative; font-style: normal; top: -2.5px; }
.note_title { font-size:14px; margin-bottom: 2px;}
.outline__information { background: #d0121b; color: white; position: relative; z-index: 100;  padding: 36px 0 26px}
.outline__information .title {text-align: center; font-size: 30px; line-height: 1; margin-bottom: 8px;}
.outline__information .text { text-align: center; font-size: 23px; font-weight: 700; }
.map { min-height: 0px; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px;}
.map a { font-size: 13px; display: inline-block; font-weight: 400;}
.map img { cursor: zoom-in}
.tel_label { font-size: 17px; margin-right: 13px;position: relative; top: -5px}
.tel { font-size: 33px; font-weight: 900; line-height: 1;}
.outline-table .ticket { display: flex; width: 100%; padding: 20px 0; border-bottom: dotted 1px #404040;  margin: 0; align-items: center;}
.ticket dt {width: 215px; font-size: 17px; line-height: 1.5;}
.ticket dt.w-auto { width: auto; margin-right: 1em;}
.ticket dt small { font-size: 72%;}
.ticket dd { font-size: 15px; padding-top: 1px; position: relative; top: -1px;}
.ticket dd .label { position: relative; top: -1px; font-size: 11px; margin-right: 12px; background: rgba(160,214,255,.20); padding: 0px; line-height: 18px; min-width: 48px; display: inline-block; text-align:center; background: #3473D9; color: white;}
.url a {  font-weight: 400;}
.url a:hover  { text-decoration: underline}
.fs0 { font-size:0!important;}
.label-data { width:95px; position: relative; top: -2px; margin: 0 4px; display: inline-block;}
.logo_gellery { display: inline-block;}
.logo_gellery img  {width:350px; }
.logo_gellery small { font-size: 13px; display: inline-block; font-weight: 400; position: relative; top: 3px; margin-left: 5px;}
.logo-unimat { width:266px; line-height: 1; display: inline-block; vertical-align: middle; letter-spacing: 0; font-size: 0;}
.list-sponsor_logo { display: flex; align-items: center;}
.list-sponsor_logo li { line-height: 1; display: inline-block; vertical-align: middle; display: flex; align-items: center; justify-content: center; margin-right: 34px; font-weight: 500; }
.list-sponsor_logo li:last-child { margin-right:0; font-size: 19px; letter-spacing: normal;}
.list-sponsor_logo li img { height:38px; width: auto;}
.list-sponsor_logo li .logo-janu img { transform: scale(1.04)}
.list-sponsor_logo li .logo-jinz img { transform: scale(.98)}
.open-close dl { display: flex; align-items: center; margin: 0;}
.open-close dt { width:171px; font-size: 16.5px; margin: 0; font-weight: 500; letter-spacing: normal;}
.open-close dd { font-size: 19px; font-weight: 700;}
.open-close dd small { margin-left: 4px; font-weight: 400; font-size: 13px;}
.list-sponsor li { display:inline-block;}
._english .sec-titlearea .title { letter-spacing: normal; font-weight: 700; font-size: 68px; position: relative; top: 25px;}
._english .outline-table { letter-spacing:none;}
._english .outline-title { font-size: 14px; width: 240px; }
._english .outline-text { font-size: 16px; }
._english .outline-text .fs08 { font-weight: 400;}

@media screen and (max-width:768px){
	.page-outline .contents .inr { padding-top:0px;}
	.page-outline .article { padding: 0px;}
    .outline-table { box-shadow: 0px 0px 0 1.2px #404040; }
    .outline-title { font-size: 13.5px; width: 140px;  border-width: 1px;}
    .outline-title._s { font-size: 13px; }
    .outline-title small { font-size: 10px; }
    .outline-text { padding: 16px 16px; font-size: 12.5px; border-width: 1px; letter-spacing: 0.02em;}
    .outline .tel { font-size: 20px;}
	.outline .url { font-size: 12px; }
	.text_lll { font-size: 24px; line-height: 1.4}
	.text_ll { font-size: 20px; line-height: 1.45;}
	.text_l { font-size: 16.5px; line-height: 1.5;}
	.text_m { font-size: 12px; }
	.text_s { font-size: 11px; line-height: 1.55}
	.text_ss { font-size: 9px; }
	.mt_sss { margin-top:2px;}
	.mt_ss { margin-top:4px;}
	.mt_s { margin-top:7px;}
	.mt_m { margin-top:12px;}
	.mt_l { margin-top:16px;}
	.mt_ll { margin-top:22px;}
	.ic_arw { width: 9px; height: 9px; margin-left: 3px; }
    .outline-text dl { margin-top: 28px;}
    .outline-text dt { font-size: 16px; margin-bottom: 1px;}
    .outline-text dd { font-size: 14px; line-height: 1.75;}
    .outline-text ._last dd { font-size: 13px; line-height: 1.7;}
    .outline-text ._last dd span { font-size:11px;}
    .index-article { padding:60px 40px;}
    .ic_sq { top: -2px;}    
    .note_title { font-size:13px; margin-bottom: 2px;}
    .outline__information { padding: 23px 0 19px}
    .outline__information .title { font-size: 22px; margin-bottom: 7px;}
    .outline__information .text { font-size: 15px; }
	.map { width: 100%; margin-top: 15px; margin-bottom: 11px;}
	.map a { font-size: 12px;}
	.tel_label { font-size: 13px; margin-right: 9px; top: -4px}
	.tel { font-size: 24px;}
	.ticket-copy { margin-top: 24px; margin-bottom: 12px;}
	.ticket-copy .title { font-size: 21px; padding: 0px;}
	.ticket-copy .text { font-size: 13px; margin-top: 10px; line-height: 1.6; margin-bottom: 7px;}
	.outline-table .ticket { padding: 14px 0; display: block;}
	.ticket dt {width: 100%; font-size: 14px; line-height: 1.5;}
	.ticket dd { font-size: 13px; }
	.ticket dd .label { font-size: 9px; margin-right: 9px;line-height: 16px; min-width: 38px; }
	.label-data { width:75px; top: -1px; margin: 0 3px; }
	.logo_gellery img  {width:245px; }
	.logo_gellery small { font-size: 10px; top: 2px; margin-left: 5px;}
	.open-close dl { margin: 0; }
	.open-close dt { width:135px; font-size: 13px; }
	.open-close dd { font-size: 16px; }
	.open-close dd small { margin-left: 2px; font-size: 10px;}
	.logo-unimat { width:190px; }
	.list-sponsor_logo li { margin-right: 17px;}
	.list-sponsor_logo li:last-child { font-size: 14px; }
	.list-sponsor_logo li img { height:24px;}
	._english .sec-titlearea .title { font-size: 52px; top: 8px; }
	._english .outline-title { font-size: 11.5px; width: 164px; }
	._english .outline-text { font-size: 12px; }
}
@media screen and (max-width:480px){
    .outline-table { border-radius: 0px; box-shadow: 0px 0px 0 1px #404040;}
    .outline-title { font-size: 13px; width: 100%; display: block; line-height: 1; padding: 9px 0 10.5px; border: none;}
    .outline-title._s { font-size: 13px; }
    .outline-title small { font-size: 10px; display: inline-block; line-height: 1; margin-left: 6px}
    .outline-text { padding: 11px 12px 13px; font-size: 12.5px; letter-spacing: normal; display: block; width: 100%; }
    .outline ._access { text-align:justify;}
    .outline ._address { display:block; margin-top: 2px;}
    .outline .tel { font-size: 17px;}
	.outline .url { font-size: 12px; }
	.text_lll { font-size: 20px; line-height: 1.35}
	.text_ll { font-size: 16px; line-height: 1.35;}
	.text_l { font-size: 14px; line-height: 1.45;}
	.text_m { font-size: 12px; }
	.text_s { font-size: 10px; line-height: 1.5 }
	.text_ss { font-size: 9px; }
	.mt_sss { margin-top:2px;}
	.mt_ss { margin-top:6px;}
	.mt_s { margin-top:4px;}
	.mt_s { margin-top:8px;}
	.mt_m { margin-top:10px;}
	.mt_l { margin-top:14px;}
	.mt_ll { margin-top:18px;}
	.ic_arw { width: 8px; height: 8px; margin-left: 2px; }
    .outline-text dl { margin-top: 22px;}
    .outline-text dt { font-size: 15px; margin-bottom: 2px; }
    .outline-text dd { font-size: 12px; line-height: 1.75;}
    .outline-text ._last dd { font-size: 10px; line-height: 1.6; }
    .outline-text ._last dd span { font-size:9px;}
    .index-article { padding:44px 18px;}
    .ic_sq { margin-right: 0.25em; top: -2px; font-size: 50%}
    .note_title { font-size:13px; margin-bottom: 2px;}
    .outline__information { padding: 18px 0px 16px}
    .outline__information .title { font-size: 17px; margin-bottom: 8px;}
    .outline__information .text { font-size: 12px;  }
	.map { margin-top: 11px; margin-bottom: 8px;}
	.map a { font-size: 11px; padding-top: 3px;}
	.tel_label { font-size: 12px; margin-right: 9px; top: 0; display: block; padding-bottom: 4px;}
	.tel { font-size: 28px;}
	.ticket-copy { margin-top: 24px; margin-bottom: 12px;}
	.ticket-copy .title { font-size: 16px; padding: 0px; white-space: nowrap; }
	.ticket-copy .text { font-size: 11px; margin-top: 8px; line-height: 1.6; margin-bottom: 5px;}
	.outline-table .ticket { padding: 11px 0; display: block; text-align: left;}
	.ticket dt { font-size: 14px; line-height: 1.5;}
	.ticket dd { font-size: 12px; }
	.ticket dd .label { font-size: 9px; margin-right: 9px;line-height: 16px; min-width: 38px; display: none}
	.outline-table .logo-bp { width:130px; }
	.label-data { width:75px; top: -1px; margin: 0 0px; }
	.logo_gellery img  {width:245px; }
	.logo_gellery small { font-size: 10px; top: 0; margin-top: 8px; margin-left: 0;}
	.open-close dl { margin: 0; }
	.open-close dt { width:134px; font-size: 13px; }
	.open-close dd { font-size: 16px; }
	.open-close dd small { margin-left: 2px; font-size: 10px;}
	.logo-unimat { width:200px; }
	.list-sponsor_logo { flex-flow: column; justify-content: center; align-items: center; padding: 6px 0;}
	.list-sponsor_logo li { margin-right: 0; margin-bottom: 12px;}
	.list-sponsor_logo li:last-child { font-size: 14.5px;  margin-bottom: 0;}
	.list-sponsor_logo li .logo-nanzan { margin:-4px 0}
	.list-sponsor_logo li img { height:32px;}
	.list-sponsor_logo li .logo-janu img { transform: scale(1.07); margin-top: 6px;}
	.list-sponsor_logo li .logo-jinz img { transform: scale(.94);}
	._480center { text-align:center;}
	._english .sec-titlearea .title { font-size: 32px; margin-top: 6px; line-height: 1;}
	._english .sec-titlearea .title._l { font-size: 36px;}
	._english .outline-title { font-size: 11.5px; width: 100%; text-align: center;}
	._english .outline-text { font-size: 12px;  text-align: center;}
	.bl_480 { display:block}
}


/* information */
.informatin .attention { color:#EC1C24; font-weight: 500; text-align: center; font-size: 16px; margin-top: 3px;}
.informatin .title { font-weight: 700; text-align: center; font-size: 28px;}
.informatin .title_m { font-weight: 700; font-size: 25px; padding-bottom: 25px; margin-bottom: 22px; border-bottom: solid 1.5px #404040 ; line-height: 1;}
.informatin h4 { font-size: 18px}
.informatin .list { font-size: 17px; line-height: 1.8;}
.informatin .text { font-size: 16px; line-height: 1.8}
.informatin .ls_dot li { font-size: 16px; line-height: 1.75}
.informatin strong,
.informatin h4 { font-weight: 900;}
.page-info .article .text {font-size: 16px; line-height: 1.9;}
.page-info h5 { margin-bottom: 0.4em;}
.info-btmtext { font-size:90%; text-align: right; margin-top: 1.5em;}
.photo { margin-left:auto; margin-right: auto; position: relative}
.photo._l { max-width:85%;}
.photo._m { max-width:65%;}
.photo._s { max-width:35%;}

@media screen and (max-width:768px){
	.informatin .attention { font-size: 14px; margin-top: 4px;}
	.informatin .title { font-size: 23px;}
	.informatin .title_m { font-size: 19px; padding-bottom: 14px; border-width: 1px; margin-bottom: 17px; margin-bottom: 20px;}
	.informatin h4 { font-size: 16px}
	.informatin .list { font-size: 14px; line-height: 1.7}
	.informatin .text { font-size: 14px; line-height: 1.7}
	.informatin .ls_dot li { font-size: 14px; line-height: 1.7}
	.page-info .article._type1 .title { font-size: 24px;}
	.page-info .article .text,.page-info .ls-list,.page-info .ls-num {font-size: 14px; line-height: 1.7;}
	.info-btmtext { margin-top: 1.5em; font-size: 13px;}
	.photo._l { max-width:88%;}
	.photo._m { max-width:72%;}
	.photo._s { max-width:42%;}
}
@media screen and (max-width:480px){
	.informatin .attention { font-size: 12px; margin-top: 2px;}
	.informatin .title { font-size: 18px;}
	.informatin .title_m { font-size: 16px; padding-bottom: 13px; line-height: 1.4; margin-bottom: 17px; margin-bottom:14px;}
	.informatin h4 { font-size: 14px}
	.informatin .text { font-size: 12px; line-height: 1.6}
	.informatin .ls_dot li { font-size: 12px; line-height: 1.6}
	.informatin .list { font-size: 12px; line-height: 1.6}
	.page-info .article._type1 .title { font-size: 20px;}
	.page-info .article .text,.page-info .ls-list,.page-info .ls-num {font-size: 12.5px; line-height: 1.6;}
	.info-btmtext { margin-top: 1.3em; font-size: 12px;}
	.photo._l { max-width:100%;}
	.photo._m { max-width:80%;}
	.photo._s { max-width:50%;}
}

/* works */
.works .worklist {flex: 2; /*max-width: 1280px; width: calc(100% - 28px);*/ margin-left: auto; margin-right: auto;}
.works .block { margin-top: 144px;}
.works .image { text-align: center; margin-left: auto; overflow: hidden; margin-right: auto; width: 830px}
.works .image._40 { width: 48%}
.works .image._50 { width: 50%}
.works .image._60 { width: 60%;}
.works .image._70 { width: 70%;}
.works .image._80 { width: 80%;}
.works .image._90 { width: 90%;}
.works .image._100 { width: 100%;}
.works .titlearea { padding-top: 49px; text-align: center; max-width: 960px; margin-left: auto; margin-right: auto;}
.works .titlearea .subtitle { font-weight: 700;margin-bottom: 1px;}
.works .titlearea .title { font-size: 24px; text-indent: -0.5em; font-weight: 500;}
.works .titlearea .note { font-size: 11px; margin-top: 8px; letter-spacing: 0.06em; font-weight: 200; line-height:1.8; text-align: center;}
.works .text { margin-top: 48px; line-height: 1.7; text-align: justify; letter-spacing: 0.02em;}
.page-works .title-box { font-weight:600; font-size: 30px; line-height: 78px; margin-bottom: 62px;  text-align: center; padding-left: 27px; /*color: #ff6666; border-color: #ff6666*/ padding-left: 0!important}
.page-works .contents-nav a { height:90px;}
.page-works .title-box .label { background:#05b1c3; color: white; display: inline-block; line-height: 1; padding: 6px 10px 8px; margin-right: 14px; font-size: 16px; position: relative; top: -5px; font-weight: 900; letter-spacing: 0.01em}
.sec-specialticket article { margin-bottom: 100px;}

@media screen and (max-width:768px){
	.works .worklist { /*width: calc(100% - 28px);*/}
	.works .block { margin-top: 118px; }
	.works .image { width: 82%;}
	.works .image._40 { width: 62%}
	.works .image._50 { width: 62%}
	.works .image._60 { width: 75%;}
	.works .image._70 { width: 85%;}
	.works .image._80 { width: 100%;}
	.works .image._90 { width: 100%;}
	.works .image._100 { width: 100%;}
	.works .titlearea { padding: 31px 0px 0;}
	.works .titlearea .title { font-size: 19px; }
	.works .titlearea .note { font-size: 9px; margin-top: 6px; line-height: 1.7 }
	.works .text { margin-top: 26px; line-height: 1.58; font-size: 13.5px; }
	.work-profile { padding: 30px 20px; }
	.work-profile .namearea { margin-bottom: 22px;}
	.work-profile .name img {height: 120px; }
	.work-profile .photo { width: 120px; margin-left: 20px;}
	.work-profile .note { font-size: 8px; margin-left: 14px;}
	
	.page-works .title-box { font-size: 22px; line-height: 60px; margin-bottom: 50px; padding-left: 17px; }
	.page-works .contents-nav a { height:72px;}
	.page-works .title-box .label { padding: 5px 8px 6px; margin-right: 12px; font-size: 14px; top: -3.5px;}
	.sec-specialticket article { margin-bottom: 80px;}
}
@media screen and (max-width:480px){
	.works .worklist {/* width: calc(100% - 16px);*/}
	.works .block { margin-top: 80px; }
	.works .titlearea { padding: 21px 0px 0; }
	.works .titlearea .title { font-size: 16px; letter-spacing: normal;}
	.works .titlearea .title._s { font-size: 15px; }
	.works .titlearea .note { font-size: 8px; margin-top: 6px; line-height: 1.4 }
	.works .text { margin-top: 24px; line-height: 1.45; font-size: 12px; letter-spacing: normal;}
	.work-profile { padding: 33px 16px 30px; }
	.work-profile .namearea { flex-flow: column; margin:0 auto 18px; align-items: center;}
	.work-profile .name img {height: auto; width: 100%;  }
	.work-profile .name { font-weight: 900; font-size: 30px; line-height: 1; letter-spacing: -0.04em;}
	.work-profile .name._s { font-size: 28px; letter-spacing: -0.06em} 
	.work-profile .name .year { display: block; font-size: 19px; text-align: center; line-height: 1; margin-top: 7px; letter-spacing: normal; font-weight: 700;}
	.work-profile .photo { width: 100%; margin:18px auto 8px; width: 65%;}
	.work-profile .note { font-size: 8px; margin-left: 0; width: 100%; letter-spacing: normal; line-height: 1.44; text-align: center;}
	.works .image { width: 100%;}
	.works .image._40 { width: 78%;}
	.works .image._50 { width: 80%}
	.works .image._60 { width: 80%;}
	.works .image._70 { width: 100%;}
	.works .image._80 { width: 100%;}
	.works .image._90 { width: 100%;}
	
	.page-works .title-box { font-size: 18px; line-height: 44px; margin-bottom: 32px; padding-left: 11px; }
	.page-works .contents-nav a { height:62px; letter-spacing: normal;}
	.page-works .title-box .label { padding: 4px 7px 5px; margin-right: 9px; font-size: 11.5px; top: -3px;}
	.sec-specialticket article { margin-bottom: 60px;}
}


/*ticketinfo*/
.ticketinfo { position: fixed; bottom: -20px; left:0; z-index: 5000; transition:all .8s; box-shadow:2px 2px 8px rgba(0,0,3,0.12); opacity: 0}
.ticketinfo._view { bottom:0px; opacity: 1;}
.page-tickets .ticketinfo { display:none; visibility: hidden;}
.ticketinfo a { position: relative; display: flex; flex-flow: column; align-items: center; justify-content: center; background:#f01048; height: 80px; width: 400px; letter-spacing: 0;  color: #fff; padding: 0 0px 2px 0; font-weight: 900; font-size: 25px; box-shadow:0px 0px 2px rgba(0,0,3,0.2); }
.ticketinfo a .small { font-size: 14px; display: block; margin:0px auto 5px; letter-spacing: normal;
background: black; padding: 0px 9px 1px; line-height: 23px;}
.ticketinfo a:after {position: absolute; content: ""; width: 9px; height:100%; background: url("../img/btn_arw_r.png") no-repeat center; background-size: 100% auto; bottom: 0px; top: 0; right: 16px;}
.ticketinfo-close { position: absolute; top: -25px; left:3px; cursor: pointer; width: 34px; height: 34px; filter: drop-shadow(0px -1px 1px rgba(0,0,3,0.05))}
.ticketinfo-close img {vertical-align: top;}

@media screen and (max-width:768px){
    .ticketinfo { bottom: -15px; }
	.ticketinfo._view { bottom:00px;}
	.ticketinfo a { height: 60px; width: 320px; padding: 0 0px 2px 0; font-size: 20px; }
	.ticketinfo a .small { font-size: 11px;  margin:1px auto 2px; padding: 0px 8px 1px; line-height: 17px;}
	.ticketinfo a:after { width: 7.5px; right: 11px;}
	.ticketinfo-close { top: -22px; left: 2px; width: 30px; height: 30px; }
}
@media screen and (max-width:480px){
	.ticketinfo { bottom: -12px; }
	.ticketinfo._view { bottom:00px;}
	.ticketinfo a { height: 55px; width: 280px; padding: 0 0px 1px 0; font-size: 18px; }
	.ticketinfo a .small { font-size: 10px;  margin:1px auto 2px; padding: 0px 7px 0px; line-height: 17px;}
	.ticketinfo a:after { width: 7px; right: 8px;}
	.ticketinfo-close { top: -20px; left: 2px; width: 28px; height: 28px; }
}


/* topics */
.page-topics .contents .inr { padding-top: 0px;}
.topics-box { margin-top: 110px;}
.topics-box__titlearea { text-align: center;}
.topics-box .label { display: table; margin-left: auto; margin-right: auto; line-height: 1; margin-bottom: 13px;}
.topics-box .label dt { background: #2abaa7; color:white; font-size: 18px; font-weight: 700; display: table-cell; vertical-align: middle; padding: 1px 12px 0px; min-width: 120px; letter-spacing: normal; line-height: 27px; }
.topics-box .title { width: 100%; font-size: 42px; font-weight: 900; line-height: 1.3; margin-bottom: 50px; padding-bottom: 38px; border-bottom: solid 3px #2abaa7; letter-spacing: normal;}
.topics-box .title._s { font-size: 38px;}
.topics-box__contents {display: flex; width: 100%;}
.topics-box .textarea { flex: 2; font-size:17px }
.topics-box .textarea .movie { background:#231815; margin-left: auto; margin-right: auto; width: calc(88%);}
.topics-box .textarea h5 { margin-bottom:5px; font-weight: 900; font-size: 116%;}
.topics-box strong { font-weight: 900}
.topics-box .textarea a { text-decoration: underline; color:#3bace7; }
.topics-box .textarea a:hover { text-decoration: none;}
.topics-box .photo { width:calc(100% - 80px);}
.topics-box .photo li { display: inline-block;}
.topics-box .photo._2box li { width:calc(50% - 12px);}
.topics-box .photo li:nth-child(2) { margin-left: 24px;}
.topics-box .photo._w700 { width:80%;}

@media screen and (max-width:1350px){
}
@media screen and (max-width:768px){
	.topics-box { margin-top: 68px;}
	.topics-box:first-child { margin-top: 70px;}
	.topics-box .label { margin-bottom: 10px;}
	.topics-box .label dt { font-size: 15px; padding: 1px 10px 0px; min-width: 95px; line-height: 22px; }
	.topics-box .title { font-size: 28px; margin-bottom: 30px; padding-bottom: 22px; border-width: 2.5px;}
	.topics-box .title._s { font-size: 30px;}
	.topics-box .textarea { font-size:14px }
	.topics-box .photo { width:calc(100% - 50px);}
	.topics-box .photo._2box li { width:calc(50% - 10px);}
	.topics-box .photo li:nth-child(2) { margin-left: 20px;}
}
@media screen and (max-width:480px){
	.topics-box { margin-top: 44px;}
	.topics-box:first-child { margin-top: 44px;}
	.topics-box .label { margin-bottom: 7px;}
	.topics-box .label dt { font-size: 12px; padding: 1px 7px 0px; min-width: 70px; line-height: 17px; }
	.topics-box .title { font-size: 20px; margin-bottom: 19px; padding-bottom: 12px; border-width: 2px;}
	.topics-box .title._s { font-size: 20px;}
	.topics-box .textarea { font-size:13px }
	.topics-box .photo { width:calc(80%);}
	.topics-box .photo._2box li { width:calc(50% - 5px);}
	.topics-box .photo li:nth-child(2) { margin-left: 10px;}
}


/* ticket */
.page-ticket .contents > .inr { max-width:1000px; margin-left: auto; margin-right: auto;}
.page-ticket .section { margin-bottom: 125px;}
.page-ticket .title_ic { margin-bottom:40px; font-weight: 900; font-size: 32px;}
.page-ticket .title_ic small {font-size: 13px; font-weight: 400; position: relative; top: -5px; margin-left: 8px;}
.page-ticket .title_ic i {display: inline-block; position: relative; top: 4px;}
.table-type1 { width: 100%;}
.table-type1._4box th,.table-type1._4box td { width:25%;} 
.table-type1._3box th,.table-type1._3box td { width:33.33%;} 
.table-type1 th {font-size: 17px; background: #404040; color: white; text-align: center; border-left:solid 1px rgba(255,255,255,.50); padding: 16px 0; font-weight: 900;}
.table-type1 .bg_blue,.table-type1 .bg_red { border:none;}
.table-type1 td { background: rgba(191,189,188,.1);text-align: center; font-size: 20px; font-weight: 700; padding: 21px 0; vertical-align: middle;border-bottom: solid 1px rgba(0,0,0,.20)}
.table-type1 tr:last-child td { border:none;}
.table-type1 td.price {font-size: 29px; line-height: 1; font-weight: 600; letter-spacing: normal; vertical-align: middle; padding:22px 0 20px;}
.table-type1 td.td-title {font-size: 18px; font-weight: 500;  }
.note { font-size: 12px;}
.title-box { border:solid 1.5px #05b1c3; color:#05b1c3; text-align: center; font-size: 22px; font-weight: 800; line-height: 68px; margin-bottom: 38px;}
.title-box._red { border-color: #FF6666; color:#FF6666;}
.title-box._type2 { text-align: left; font-size: 20px; line-height: 53px; margin-bottom: 27px; padding-left: 19px;}
.title-box._type2 small { font-size: 82%; }
.sec-specialticket article._03 { margin-bottom: 0px;}
.ticket-list li { display: flex; align-items: flex-start; margin-bottom: 35px; padding-bottom: 35px; border-bottom: dotted 1px rgba(0,0,0,.30); }
.ticket-list li:last-child { padding: 0; bottom: 0; border: none;}
.ticket-list li figure { width: 300px; margin-right: 42px;}
.ticket-list li .textarea { flex: 2;} 
.ticket-list li .label span { font-size: 14px; text-align: center; display: inline-block; color: white; background: #ff6666; line-height: 27px; padding:0 21px; font-weight: 800;}
.ticket-list li .name { font-size: 24px; font-weight: 800; line-height: 1.35; margin-top: 16px;}
.ticket-list li .name small { font-size: 11px; font-weight: 400;}
.ticket-list li .name .price { letter-spacing: normal; font-size: 108%; font-weight: 700;}
.ticket-list li .detail { font-size: 16px; margin-top: 24px; text-align: justify;}
.sec-specialticket .text { font-size: 15px;}
.ic-sq { font-style:normal; font-size: 49%; margin-right: 0.6em; position: relative; top: -3px;}
.title_bk { text-align:center; font-weight: 900; color: white; background: #333; font-size: 31px; line-height: 110px; margin-bottom: 38px; margin-top: 180px;}
.page-ticket .point { color:#ff6666; font-weight: 900; text-align: center; font-size: 30px; margin-bottom: 39px; letter-spacing: normal; line-height: 1.4;}
article._shop .title-box { border-color:#FF6666; color: #FF6666}
article._today .title-box {border-color:#FFBA19; color: #FFBA19}
.sec-playguide article { margin-bottom:80px;}
.sec-playguide article._today { margin-bottom:0px;}
.playguide-list li {margin-bottom: 26px; padding-bottom: 28px; border-bottom: dotted 1px rgba(0,0,0,.30);}
.playguide-list li:last-child {margin-bottom: 0; padding-bottom: 0; border: none;}
.playguide-list li .name { font-size: 21px; font-weight: 900; letter-spacing: 0.02em}
.playguide-list li .url {font-size: 17px; line-height: 1.5; margin-top:10px}
.playguide-list li .detail {font-size: 14.5px; margin-top: 20px;}
#guide { background: rgba(201,202,204,.12); padding: 90px 50px 90px; font-size: 13.5px; line-height: 1.55; font-weight: 400;}
#guide article { margin-bottom: 78px;}
#guide article._last{ margin-bottom: 0px;}
#guide .title { font-size: 26px; font-weight: 900; text-align: center;}
#guide ul { margin-top: 35px;}
#guide li { letter-spacing: normal; margin-bottom: 2px;}

@media screen and (max-width:1240px){
}
@media screen and (max-width:768px){
	.page-ticket .contents > .inr { width:calc(100% - 50px);}
	.page-ticket .section { margin-bottom: 80px;}
	.page-ticket .title_ic { margin-bottom:29px; font-size: 24px;}
	.title_ic small {font-size: 11.5px; letter-spacing: normal;top: -4px; margin-left: 5px;}
	.page-ticket .title_ic i { top: 4px; height: 26px}
	.table-type1 th {font-size: 13.5px; padding: 10px 0;}
	.table-type1 td { font-size: 15px; padding: 12px 0; }
	.table-type1 td.price {font-size: 22px; padding:14px 0 12px;}
	.table-type1 td.td-title {font-size: 14px; }
	.note { font-size: 10px;}
	.title-box { font-size: 17px; line-height: 48px; margin-bottom: 24px; border-width: 1px;}
	.title-box._type2 { font-size: 16px; line-height: 42px; margin-bottom: 22px; padding-left: 13px;}
	.sec-specialticket article { margin-bottom: 60px;}
	.ticket-list li { margin-bottom: 24px; padding-bottom: 24px;}
	.ticket-list li figure { width: 220px; margin-right: 31px;} 
	.ticket-list li .label span { font-size: 11px; line-height: 20px; padding:0 11px; }
	.ticket-list li .name { font-size: 19px; margin-top: 9px;}
	.ticket-list li .name small { font-size: 10px;}
	.ticket-list li .detail { font-size: 13px; margin-top: 16px; line-height: 1.65}
	.sec-specialticket .text { font-size: 13px;}
	.ic-sq { top: -2.5px;}
	.title_bk { font-size: 23px; line-height: 81px; margin-bottom: 25px; margin-top: 110px;}
	.page-ticket .point { font-size: 25px; margin-bottom: 28px; }
	.sec-playguide article { margin-bottom:60px;}
	.playguide-list li {margin-bottom: 18px; padding-bottom: 18px; }
	.playguide-list li .name { font-size: 16px; }
	.playguide-list li .url {font-size: 14px; line-height: 1.45; margin-top:6px}
	.playguide-list li .detail {font-size: 12px; margin-top: 13px;}
	#guide {padding: 63px 25px 66px; font-size: 12px;}
	#guide article { margin-bottom: 60px;}
	#guide .title { font-size: 20px; }
	#guide ul { margin-top: 22px;}
	#guide li { margin-bottom: 2px;}
}
@media screen and (max-width:480px){
	.page-ticket .contents > .inr { width:calc(100% - 20px);}
	.page-ticket .section { margin-bottom: 52px;}
	.page-ticket .title_ic { margin-bottom:17px; font-size: 18px;}
	.title_ic small {font-size: 9.5px; top: -1px; margin-left: 2px;}
	.page-ticket .title_ic i { top: 3px; height: 21px}
	.table-type1 th {font-size: 9px; letter-spacing: normal; padding: 6px 0;}
	.table-type1 td { font-size: 11px; padding: 8px 0; }
	.table-type1 td.price {font-size: 15px; padding:10px 0 8px;}
	.table-type1 td.td-title {font-size: 9px; letter-spacing: normal;}
	.note { font-size: 9.5px;}
	.title-box { font-size: 13.5px; line-height: 32px; margin-bottom: 18px; border-width: 1px;}
	.title-box._type2 { font-size: 13px; line-height: 29px; margin-bottom: 12px; padding-left: 9px;}
	.sec-specialticket article { margin-bottom: 48px;}
	.ticket-list li { margin-bottom: 20px; padding-bottom: 20px; flex-flow: column;}
	.ticket-list li figure { width: 240px; margin: 0 auto 7px;} 
	.ticket-list li .label span { font-size: 10px; line-height: 18px; padding:0 10px; }
	.ticket-list li .label { text-align:center;}
	.ticket-list li .name { font-size: 15px; margin-top: 5px; text-align: center}
	.ticket-list li .name small { font-size: 9px;}
	.ticket-list li .detail { font-size: 11.5px; margin-top: 10px; line-height: 1.6}
	.sec-specialticket .text { font-size: 11.5px;}
	.ic-sq { top: -2.5px;}
	.title_bk { font-size: 17px; line-height: 55px; margin-bottom: 15px; margin-top: 70px;}
	.page-ticket .point { font-size: 18px; margin-bottom: 18px; }
	.sec-playguide article { margin-bottom:42px;}
	.playguide-list li {margin-bottom: 10px; padding-bottom: 11px; }
	.playguide-list li .name { font-size: 14px; }
	.playguide-list li .url {font-size: 11px; line-height: 1.4; margin-top:3px}
	.playguide-list li .detail {font-size: 10px; margin-top: 8px; letter-spacing: normal;}
	#guide {padding: 36px 10px 36px; font-size: 10px; line-height: 1.5}
	#guide article { margin-bottom: 36px;}
	#guide .title { font-size: 15px; }
	#guide ul { margin-top: 14px;}
	#guide li { margin-bottom: 0px;}
}


/*special*/
.page-special .contents-nav { margin-bottom:80px;}
.special { margin-bottom: 140px;}
.special .titlearea { text-align: center; border: solid 1.5px rgba(0,0,0,.15); border-left: none; border-right: none; padding: 48px 0 50px; margin-bottom: 65px; position: relative;}
.special .titlearea .title { font-size: 33px; letter-spacing: 0.01em; font-weight: 800; line-height: 1.35;}
.special .titlearea .title._s { font-size: 28px; }
.special .titlearea .label { font-size: 12px;background: #ff6666; font-weight: 700; color: white; display: inline-block; padding: 0 15px; line-height: 23px; border-radius: 15px; padding-bottom: 1px; margin-bottom: 15px;}
.special .titlearea .label .num { font-size: 103%;}
.special .textarea figure,
.special .textarea .block,
.special .textarea .text { margin-top: 55px;}
.special .textarea .text {line-height: 1.65; font-size: 15px;}
.special .textarea .title-h5 { font-size: 20px; font-weight: 800}
.table-type1._ver2 th,
.table-type1._ver2 td { font-size: 13px; vertical-align: middle;}
.table-type1._ver2 th { width: 180px; padding: 12px 0; border-bottom: solid 1px rgba(255,253,253,.6);}
.table-type1._ver2 td { width: auto; text-align: left; padding:12px 19px;}
.table-type1._ver2 td a { font-weight: 400;}
.table-type1._ver2 td .price { font-size: 140%; letter-spacing: normal; line-height: 1.4;}
.table-type1._ver2 td .price small { font-size: 10px; font-weight: 400}
.btmtext { font-size: 30px; text-align: center; line-height: 1.5; padding-top: 30px;}
.special .new { position:absolute; text-align: center; top:26px; left: 0; right: 0; font-size: 15px; font-style: italic;}

@media screen and (max-width:768px){
	.page-special .contents-nav { margin-bottom:48px;}
	.special { margin-bottom: 90px;}
	.special .titlearea { padding: 30px 0 32px; margin-bottom: 48px; border-width: 1px;}
	.special .titlearea .title { font-size: 24px; }
	.special .titlearea .title._s { font-size: 22px; }
	.special .titlearea .label { font-size: 11px; padding: 0 12px; line-height: 20px; border-radius: 12px; margin-bottom: 11px;}
	.special .textarea figure,
	.special .textarea .block,
	.special .textarea .text { margin-top: 38px;}
	.special .textarea .text {line-height: 1.56; font-size: 13px;}
	.special .textarea .title-h5 { font-size: 14px; line-height: 1.45;}
	.table-type1._ver2 th,
	.table-type1._ver2 td { font-size: 11px;}
	.table-type1._ver2 th { width: 130px; padding: 8px 0; }
	.table-type1._ver2 td { padding:9px 13px;}
	.table-type1._ver2 td .price small { font-size: 9px; }
	.btmtext { font-size: 24px; padding-top: 10px;}
	.special .new { top:15px; font-size: 13px; }
}
@media screen and (max-width:480px){
	.page-special .contents-nav { margin-bottom:36px;}
	.special { margin-bottom: 55px;}
	.special .titlearea { padding: 13px 0 17px; margin-bottom: 24px;}
	.special .titlearea .title { font-size: 17px; letter-spacing: normal;}
	.special .titlearea .title._s { font-size: 13px; }
	.special .titlearea .label { font-size: 9px; padding: 0 10px 0.5px; line-height: 16px; border-radius: 10px; margin-bottom: 7px;}
	.special .textarea figure,
	.special .textarea .block,
	.special .textarea .text { margin-top: 25px;}
	.special .textarea .text {line-height: 1.5; font-size: 12px;}
	.special .textarea .title-h5 { font-size: 13px; letter-spacing: normal; line-height: 1.4;}
	.table-type1._ver2 th,
	.table-type1._ver2 td { font-size: 11px; display: block; width: 100%; border: none;}
	.table-type1._ver2 th { padding: 2.5px 0; border-bottom: none; font-size: 11.5px;}
	.table-type1._ver2 td { padding:8px 10px;}
	.table-type1._ver2 td .price small { font-size: 8px; }
	.btmtext { font-size: 16px; padding-top: 10px;}
	.special .new { top:5px; font-size: 10.5px; }
}


/* goods */
.page-goods .article { margin-top:110px;}
.page-goods .contents-nav { margin-top: 50px; }
.page-goods .title-box { font-size: 24px; letter-spacing: 0.04em;}
.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 { margin-left: auto; margin-right: auto;}
.goods__item { width: calc(33.33% - 2.4%); display: inline-block; vertical-align: top; margin-bottom: 80px; margin-right: 3.6%; text-align: center;}
.goods__item._last { margin-bottom:0!important; padding-bottom: 0!important;}
.goods__item:nth-child(3n) { margin-right: 0}
.goods__item .photo { margin-left: auto; margin-right: auto; position: relative; overflow: hidden;}
.goods__item .nav p,
.nav p.arw {width: 24px; height: 24px; 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.95; left: 0!important;}
.goods__item .nav p._next,
.nav p.arw._next { background-image: url("../img/slider_nav_r.png"); opacity: 0.95; right: 0!important;}
.goods__item .textarea { margin-top: 18px;}
.goods__item .name { font-size: 20px; letter-spacing: normal; line-height: 1.4; position: relative; font-weight: 900;}
.goods__item .name._s { font-size: 20px;}
.goods__item .name small { font-size: 12px; font-weight: 600; display: block; margin-top: 4px; letter-spacing: 0.04em; font-weight: 500; padding-bottom: 3px;}
.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: 23px; font-weight: 900; letter-spacing: normal; line-height: 1;}
.goods__item .price small { font-size:9px; margin-left: -2px; position: relative; top: 0px;}
.goods__item .detail { font-size: 11px; margin-top: 12px; line-height: 1.65; display: inline-block; font-weight: 400}
.goods__item .text { font-size: 13px; text-align: justify; line-height: 1.55; margin-top: 14px; letter-spacing: 0.04em; }
.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: 14px; font-weight: 400;}
._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 .article { margin-top:90px;}
	.page-goods .contents-nav { margin-top: 40px; }
	.page-goods .title-box { font-size: 21px; line-height: 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: 0px; }
	.goods-list._wide { padding:0;}
	.goods__item:nth-child(n) { width: calc(50% - 14px); margin-bottom:54px; margin-right:28px  }
	.goods__item:nth-child(2n) { margin-right: 0}
	.goods__item .nav p,
	.nav p.arw {width: 24px; height: 24px; top: calc(50% - 20px);}
	.goods__item .textarea { margin-top: 10px;text-align:center}
	.goods__item .name { font-size: 17px; }
	.goods__item .name._s { font-size: 18px;}
	.goods__item .name small { font-size: 10px; margin-top: 2px; letter-spacing: normal;}
	.goods__item .name .label { font-size:14px; margin-bottom: 9px; padding: 3px 9px; }
	.goods__item .price { font-size: 9px; margin-top: 7px; }
	.goods__item .price span { font-size: 19px; }
	.goods__item .price small { font-size:8px; }
	.goods__item .price i {font-size: 13px;}
	.goods__item .detail { font-size: 9.5px; margin-top: 11px; line-height: 1.6;}
	.goods__item .text { font-size: 12px; line-height: 1.5; margin-top: 11px; letter-spacing: normal;}
	._wide .goods__item {  margin-bottom: 58px; padding-bottom: 58px; display: block; width: calc(100% - 20px)}
	._wide .goods__item .photo { width: 55%; max-width: 380px; margin-left: auto; margin-right: auto;}
	._wide .goods__item .textarea { padding-left: 0; padding-top: 28px;}
	._wide .goods__item .name { font-size: 19px; }
	._wide .goods__item .price { margin-top: 8px; }
	._wide .goods__item .price span { font-size: 23px; }
	._wide .goods__item .price small { font-size: 11px; }
	._wide .goods__item .detail { font-size: 10px; margin-top: 16px; }
	._wide .goods__item .text { font-size: 13px; margin-top: 26px; 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 .article { margin-top:60px;}
	.page-goods .title-box { font-size: 17px; line-height: 40px;}
	.page-goods .contents-nav { margin-top: 24px; }
	.page-goods .contents-nav a { height: 40px; padding-bottom: 6px; font-size: 11.5px; letter-spacing: normal;}
	.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: 0px; }
	.goods__item:nth-child(n) { width: calc(50% - 9px); margin-bottom:40px; margin-right:18px  }
	.goods__item:nth-child(2n) { margin-right: 0}
	.goods__item .nav p,
	.nav p.arw {width: 16px; height: 16px; top: calc(50% - 20px);}
	.goods__item .textarea { margin-top: 7px; line-height: 1; }
	.goods__item .name { font-size: 12px; }
	.goods__item .name._s { font-size: 12px;}
	.goods__item .name small { font-size: 7.5px; margin-top: 2.5px; padding-bottom: 1px;}
	.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; line-height: 1; }
	.goods__item .price span { font-size: 14px; }
	.goods__item .price small { font-size:6px; }
	.goods__item .price i {font-size: 11px; margin: 0;}
	.goods__item .detail { font-size: 7px; margin-top: 11px; line-height: 1.45;}
	.goods__item .text { font-size: 9px; line-height: 1.45; margin-top: 9.5px;}
	._wide .goods__item {  margin-bottom: 42px; padding-bottom: 42px; width: calc(100% - 0px)}
	._wide .goods__item .photo { width: calc(100% - 80px); max-width: 260px; }
	._wide .goods__item .textarea { padding-left: 0; padding-top: 19px;}
	._wide .goods__item .name { font-size: 16px; }
	._wide .goods__item .price { margin-top: 7px; }
	._wide .goods__item .price span { font-size: 20px; }
	._wide .goods__item .price small { font-size: 8px; }
	._wide .goods__item .detail { font-size: 9px; margin-top: 18px; letter-spacing: normal;}
	._wide .goods__item .text { font-size: 11.5px; margin-top: 21px; line-height: 1.45;}
	._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}
}





/* english */
._english .index-works { margin-bottom: 120px;}

@media screen and (max-width:768px){
	._english .index-works { margin-bottom: 100px;}
}
@media screen and (max-width:480px){
	._english .index-works { margin-bottom: 85px;}
}


.fadein { opacity: 0;-webkit-transition:all 1s; transition:all 1s; -webkit-transform: translateY(15px); transform: translateY(15px);}
.fadein.scrollin { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
._delay1 { transition-delay:0.1s;}
._delay2 { transition-delay:0.2s;}
._delay3 { transition-delay:0.3s;}

@media screen and (max-width:480px){
    .fadein { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px);}
}