@charset "UTF-8";
/* CSS Document */
div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-family:Notosans,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #011525; overflow-x: hidden; overflow-y: scroll; line-height:1.8; overflow-x: hidden!important;}
body.open { overflow-y: scroll; height: 100vh;}
.f_hv,._en,.main-titlearea .subtitle,.index-topics__title,.index-topics__item dt,
.gnav__item> a { font-family: 'Hind Vadodara', sans-serif; }
.f_oz,.pricelist__item .price {font-family: 'Oswald', sans-serif;}
.all { overflow:hidden; position: relative; min-width: 1200px; overflow-x: hidden;}
.open .all { height: 100vh;}
.page-goods .price .en {font-family: 'Roboto', sans-serif; font-weight: 700;}
.v_sp { display:none; visibility:hidden;}
.v_pc { display:block; visibility:visible;}
.v_480 { display:none; visibility:hidden;}
.v_481 { display:block; visibility:visible;}
.focus { background: #FFEFF0 !important; color:#333 }
#page-top { position: fixed; bottom: -100px; right: 0px; z-index: 100}
#page-top a { width: 70px; height:70px; background: url("../img/btn_pagetop.png") no-repeat; background-size:contain; display:block;}
.hv-br { -webkit-transition:all 0.1s; transition:all 0.1s;}
.hv-br:hover,#page-top a:hover,.btn-info a:hover,.mainvisual__nav li a:hover,.header__logo a:hover,.sns-list a:hover,.header-bnr a:hover,.ticketinfo-close:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}
.sdw,.btn-info { box-shadow:0px 1px 5px rgba(0,0,3,0.15); -moz-box-shadow:0px 1px 5px rgba(0,0,3,0.15); -webkit-box-shadow:0px 1px 5px rgba(0,0,3,0.15); -ms-box-shadow:0px 1px 5px rgba(0,0,3,0.15); }
.sdw_s,.header-toggle div:before  { box-shadow:0px 1px 3px rgba(0,0,3,0.1); -moz-box-shadow:0px 1px 3px rgba(0,0,3,0.1); -webkit-box-shadow:0px 1px 3px rgba(0,0,3,0.1); -ms-box-shadow:0px 1px 3px rgba(0,0,3,0.1); }
.sdw2, .mainvisual,.lower .main__inr { box-shadow:0px 2px 8px rgb(0 0 3 / 4%); -webkit-box-shadow:0px 2px 8px rgb(0 0 3 / 4%);}
.sdw2_s,.gnav__item a,.header-toggle div:before,.header-bnr a { box-shadow:0px 1px 2px rgb(0 0 3 / 5%); -webkit-box-shadow:0px 1px 2px rgb(0 0 3 / 5%);}
.sdw_ss,.goods-list__item .photo,.pricelist__item,.ticket__itame,.schedule {box-shadow:0px 1px 2px rgba(0,0,3,0.065); -webkit-box-shadow:0px 1px 2px rgba(0,0,3,0.065); }
.loader_bg { background:#07bbd5; position: fixed; top: 0; left: 0; right: 0; bottom:0; min-height: 100vh!important; z-index: 9000; pointer-events: none; -webkit-transition:all 0.5s; transition:all 1s;}
@supports (-webkit-touch-callout: none) {.loader_bg { height: -webkit-fill-available;}}
.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;}
.mt24 { margin-top:24px;}
.mt36 { margin-top:36px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:48px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt80 { margin-top:80px;}
.mxw_s { max-width: 300px; width: 100%;}
.mxw_m { max-width: 600px; width: 100%;}
.rotate {-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.c_blue { color:#006EBE}
.c_blue2 { color:#3468d1}
.c_pink { color:#fe267c}
.c_red { color:#cb0a29}
.c_org { color:#f79b43}
.c_yellow { color:#ffea12;}
.d_ib { display: inline-block;}
.btn-info { position:absolute; right: 10px; top: 10px; width: 400px; z-index: 100;}
.btn-info a:hover { opacity: 0.97}
.tac { text-align:center}
.tal { text-align:left;}
.tar { text-align:right;}
.page-info .info-title { font-size:25px; font-weight: 600; text-align: center;}
.page-info .article__text { font-size: 14px;}
.dn {display:none;}
.bold { font-weight:700!important;}
.ic_sq { font-style:normal; font-size: 12px; margin-right: 3px;font-style: normal; position: relative; top: -1px;}
.line { letter-spacing:-0.04em; margin:0 0.1em; font-style: normal; display: inline-block}
._fsnm { font-style:normal!important;}

@media screen and (max-width:1300px){
	body { line-height:1.7;}
	.mt24 { margin-top:20px;}
	.mt36 { margin-top:24px;}
    .mt40 { margin-top:33px;}
	.mt50 { margin-top:36px;}
	.mt60 { margin-top:40px;}
    .mt70 { margin-top:54px;}
	.mt80 { margin-top:66px;}
	.mxw_s { max-width: 280px;}
	.mxw_m { max-width: 500px;}
	#page-top a { width: 68px; height:68px;}
	.loader_logo img { width: 300px;}
	.btn-info { width:360px; right: 8px; top: 8px;}
    .ic_sq { font-size: 11px; margin-right: 3px;}
}
@media screen and (max-width:768px){
	body { line-height:1.65;}
	.all { min-width:700px;}
	.mt24 { margin-top:15px;}
	.mt36 { margin-top:20px;}
    .mt40 { margin-top:28px;}
	.mt50 { margin-top:30px;}
	.mt60 { margin-top:36px;}
    .mt70 { margin-top:44px;}
	.mt80 { margin-top:50px;}
	.mxw_s { max-width: 240px;}
	.mxw_m { max-width: 400px;}
	.v_pc { display:none; visibility:hidden;}
	.v_sp { display:block; visibility:visible;}
	#page-top a { width: 64px; height:64px; }
	.rotate {-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
	.loader_logo img { width: 250px;}
	.btn-info { bottom: auto; top:  5px; right: auto; width: 300px; left: 5px;}
	.page-info .info-title { font-size:21px; }
	.page-info .article__text { font-size: 13px;}
     .ic_sq { font-size: 10px; margin-right: 2px;}
}
@media screen and (max-width:480px){
	.v_481 { display:none; visibility:hidden;}
	.v_480 { display:block; visibility:visible;}
	body { line-height:1.6;}
	.all { min-width:auto;}
	#page-top a { width: 54px; height:54px; }
	.mt24 { margin-top:12px;}
	.mt36 { margin-top:16px;}
    .mt40 { margin-top:20px;}
	.mt50 { margin-top:22px;}
	.mt60 { margin-top:28px;}
    .mt70 { margin-top:35px;}
	.mt80 { margin-top:40px;}
	.mxw_s { max-width: 200px;}
	.mxw_m { max-width: 360px;}
	.loader_logo img { width: 200px;}
	.btn-info { top: 3px; width: 210px; left: 3px;}
	.page-info .info-title { font-size:16px; }
	.page-info .article__text { font-size: 12px;} 
     .ic_sq { font-size: 9px; margin-right: 2px;}
}


/* index */
.index-topics { padding: 0; color:#fff}
.index-topics__title { font-size: 52px; font-weight: 600; text-align: center; letter-spacing:normal; line-height: 1; margin-bottom: 30px; color: white;}
.index-topics__list { max-height: 650px; overflow-y: auto;border-top: solid 2px rgba(255,255,255,1);}
.index-topics__item {}
.index-topics__item dl { display: flex; padding: 24px 10px 24px; border-bottom: solid 1px rgba(255,255,255,.8);}
.index-topics__item dt { font-size: 19px; font-weight: 600; min-width: 98px; padding-top: 0px; position: relative; top: 3px; letter-spacing: normal; line-height: 1;}
.index-topics__item dd { font-size: 15px; font-weight: 500; flex-grow: 2; flex-basis: auto; }
.index-topics__item dd a { color: #fff; text-decoration: underline;}
.index-topics__item dd a:hover {text-decoration: none;}
.footer { padding: 95px 0 55px;}
.copyright { font-size:10px; text-align: center; font-weight: 200; letter-spacing: 0.08em}
.ic_tri { position: absolute; content: ""; width: 11px; height:11px; background: url("https://www.musical-cmiyc2022.jp/img/ic_tri_yellow.png") no-repeat center bottom; background-size: 100% auto; bottom: 5px; right: 5px;}
.page-index .main { background: none; display: block;}
.infoarea { position:relative;}
.infoarea__block { width: calc(50% - 30px); float: left}
.infoarea__title { color: #fff; text-align: center; font-size: 28px; line-height: 80px; font-weight: 600; padding-top: 2px;}
.infoarea__block._twitter { margin-left: 60px;}
._twitter .infoarea__title { background: rgba(29,161,242,98);}
.index-twitter { background:#fff; height: 650px; overflow-y: scroll;}
.index-twitter-btn { text-align: center; margin-top: 30px;}
.infoarea__list { margin-top:0px;}

@media screen and (max-width:1300px){
	.index-topics { padding:0;}
    .index-topics__title { font-size: 48px; margin-bottom: 28px;}
    .index-topics__item dl { padding: 24px 10px 24px; }
    .index-topics__item dt { font-size: 19px; min-width: 96px; top: 2px;}
    .index-topics__item dd { font-size: 15px; }
	.footer { padding: 90px 0 50px;}
	.infoarea__title { font-size: 22px; line-height: 58px; padding-top: 2px;}
	.infoarea__block { width: calc(50% - 25px); }
	.infoarea__block._twitter { margin-left: 50px;}
    .index-topics__list { max-height: 550px;}
	.index-twitter { height: 550px;}
	.index-twitter-btn {margin-top: 28px;}
}
@media screen and (max-width:768px){
    .index-movie ,
    .infoarea { padding: 0 35px;}
	.index-topics__title { font-size: 48px; margin-bottom: 30px; padding-top: 20px}
	.index-topics__item dl { padding: 24px 10px 24px; }
	.index-topics__item dt { font-size: 19px; min-width: 96px; top: 2px;}
	.index-topics__item dd { font-size: 15px; }
	.footer { padding: 75px 0 40px;}
	.copyright { font-size:9px; }
	.ic_tri { width: 9px; height: 9px; bottom: 4px; right: 4px;}    
    .page-index .article { padding:50px 35px;}
	.infoarea__title { font-size: 20px; line-height: 54px; padding-top: 1px;}
	.infoarea__block { width: calc(100%);}
	.infoarea__block._twitter { margin-left: 0px; margin-top: 50px}
	.index-twitter { height: 700px; padding: 4px 12px; }
	.index-twitter-btn {margin-top: 28px;}
}
@media screen and (max-width:600px){
	.index-topics__item dl { display:block}
}
@media screen and (max-width:480px){
    .index-movie ,
    .infoarea { padding: 0 15px;}
	.index-topics { padding:0;}
	.index-topics__title { font-size: 42px; margin-bottom: 23px; padding-top: 10px;}
	.index-topics__list { max-height:480px;}
	.index-topics__item dl { padding: 18px 5px 19px;}
	.index-topics__item dt { font-size: 17px; min-width: 90px; line-height: 1;  padding-top: 0px; top: 1px}
	.index-topics__item dd { font-size: 13px; margin-top: 9px; line-height: 1.6; }
	.footer { padding: 56px 0 32px;}
	.copyright { font-size:9px; }
	.ic_tri { width: 6px; height: 6px; bottom: 3px; right: 3px;}
    .infoarea { width: calc(100% + 00px); left: -0px; }
	.infoarea__title { font-size: 18px; line-height: 50px; padding-top: 1.5px;}
	.page-index .article { padding:20px 20px 25px;;}
	.infoarea__block._twitter { margin-top: 40px;}
	.index-twitter { height: 480px; padding: 3px 8px;}
	.index-twitter-btn {margin-top: 10px;}
}


/* contents */
.bg1 { background:url("../img/bg.jpg") repeat center right; background-size: cover; position: fixed; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition:all 0.05s; transition:all 0.05s;}
.contents { max-width: 1480px; width: 100%; position: relative; padding: 0px 50px 0 350px; margin-left: auto; margin-right: auto; min-height: 100vh;}
.main { width: 100%; position: relative; z-index: 20; padding-bottom: 220px;}
.main-titlearea { text-align: center; color: #fff; padding: 80px 0 50px;}
.main-titlearea .subtitle { font-weight: 600; letter-spacing: 0.02em; font-size: 17px; line-height: 1; color: #fff; font-style: italic;}
.main-titlearea .title { font-size: 46px; letter-spacing: normal; line-height: 1; font-weight: 600; margin-top: 10px}
.main-titlearea .title._m { font-size:44px;}
.main-titlearea .title._s { font-size: 38px; letter-spacing: 0.02em; margin-top: 15px;}
.main__inr { padding:73px 60px 60px; min-height: 750px; background: rgba(255,255,255,0.95); position: relative; }
.article__title { font-size: 30px; text-align: center; font-weight: 600; line-height: 1.4;}
.article__text { font-size: 17px; line-height: 2.1; text-align: justify;}
.article__text ._s { font-size:74%;}
.article__text strong { font-weight: 700; color:#fe267c}
.article__text strong.c_blue,
.c_blue { color:#006EBE;}
.article__image { text-align: center;}
.page-story .main__inr { padding: 90px 0px 68px;}
.page-story .article__text { font-size: 18px; text-align: center; line-height: 2.35; font-weight:500}
.lower-contents { border-radius:4px; overflow: hidden;}

@media screen and (max-width:1300px){
	.contents { padding: 0px 25px 0 260px;}
    .main { padding-bottom: 190px;}
	.main-titlearea { padding: 60px 0 44px;}
	.main-titlearea .subtitle { font-size: 16px;}
	.main-titlearea .title { font-size: 42px; margin-top: 6px}
	.main-titlearea .title._m { font-size: 40px;}
	.main-titlearea .title._s { font-size: 34px; margin-top: 12px;}
	.main__inr { padding:55px 55px 55px; min-height: 650px;}
	.article__title { font-size: 24px;}
	.article__text { font-size: 16px; line-height: 2;}
	.page-story .main__inr { padding: 85px 15px 55px;}
	.page-story .article__text { font-size: 17px; line-height: 2.1; }
}
@media screen and (max-width:768px){
	.bg1 { background-size: 1000px auto;}
	.contents { padding: 0; position: static;}
    .main { padding-bottom: 180px;}
	.main-titlearea { padding: 0px 0px; height: 108px;}
	.main-titlearea .subtitle { font-size: 16px;}
	.main-titlearea .title { font-size: 39px; margin-top: 6px}
	.main-titlearea .title._m { font-size: 37px;}
	.main-titlearea .title._s { font-size: 28px; line-height: 1.1; margin-top: 10px;}
	.main__inr { padding:50px 38px 52px; min-height: 550px; margin: 0px; }
	.article__title { font-size: 18px; line-height: 1.36 }
	.article__text { font-size: 15px; line-height: 1.75;}
	.page-index .contents { padding-top: 0;}
	.lower .main { padding-top: 88px;}
	.page-story .main__inr { padding: 65px 0px 42px;}
	.page-story .article__text { font-size: 15px; line-height: 2; }
	.lower-contents { border-radius:3px; margin: 0 10px }
}
@media screen and (max-width:480px){
	.bg1 { background:url("../img/bg.jpg") no-repeat center top right; background-size: 800px auto;}
	.contents { padding: 0; }
    .main { padding-bottom: 140px;}
	.main-titlearea { padding: 0px 0 0px; height: 80px;}
	.main-titlearea .subtitle { font-size: 13px;}
	.main-titlearea .title { font-size: 30px; margin-top: 6px}
	.main-titlearea .title._m { font-size: 28px;}
	.main-titlearea .title._s { font-size: 22px; margin-top: 4px; line-height: 1.2;}
	.main__inr { padding:28px 18px 33px; min-height: 400px; margin: 0px; }
	.article__title { font-size: 15px; line-height: 1.33; text-align: left;}
	.article__title br { display: none }
	.article__text { font-size: 13px; line-height: 1.7;}
	.lower .main { padding-top: 70px;}
	.page-info .main__inr { padding:20px 12px 26px;}
	.page-story .main__inr { padding:28px 15px 15px;}
	.page-story .article__text { font-size: 14px; line-height: 1.7; text-align: left;}
	.lower-contents { margin: 0 6px }
}


/*header*/
.header { max-width: 1480px; width: calc(100%); margin: 0 auto; left: 0px; right: 0; top: 50px; position: fixed; z-index: 1000; pointer-events: none; padding-left: 40px;}
.header-inr { max-width: 260px; }
.header__logo { width: 100%; position: relative; left:0;  z-index: 10; pointer-events: all; -webkit-transition: all .5s ease-out; transition: all .5s }
.gnav { margin-top: 33px;}
.gnav__item { width: 100%; height: 56px; margin-bottom: 7px;}
.gnav__item> a { background: rgba(255,255,255,0.98); color: #fe267c; pointer-events: all; display:table; text-align: center; height: 100%; width: 100%;  padding-right: 0px; font-weight: 700; font-size:17px; position: relative; padding-top: 1px; vertical-align: middle; border-radius: 3px;}
.gnav__item._fs> a { font-size: 16px;}
.gnav__item> a span { display: table-cell; vertical-align: middle;}
.gnav__item> a:after { background: url("../img/ic_arw_red.png") no-repeat center; background-size: 100% auto!important; position: absolute; width: 15px; top: 0; bottom: 0; right: 11px; content: ""; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.gnav__item> a:hover:after { right: 6px;}
.gnav__item.current> a,
.gnav__item> a:hover { background: #fe267c; color: #f6f1e9;}
.gnav__item.current> a:after,
.gnav__item> a:hover:after { background: url("../img/ic_arw.png") no-repeat center;}
.menubg { position: fixed; background: rgba(18,34,46,.95); background:url("https://www.musical-cmiyc2022.jp/img/bg_menu.jpg") repeat-y top center; background-size: cover; top: 0; right: 0%; bottom: 0; width: 100%; z-index: 1000; opacity: 0; pointer-events: none; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; }
.header-toggle { display: none;}
.page-index .header__logo a,
.gnav__item.current a { pointer-events:none!important;}
.gnav__item._outline.current a { pointer-events: all!important;}
.header-bnr { margin-top:18px; pointer-events: all}
.header-bnr a{display: block;}
.sns-list { text-align: center; margin-top: 27px;}
.sns-list a { display: inline-block; width: 38px; margin: 0 4px; pointer-events: all; position: fixed; left: 20px; bottom: 20px;}
.dropmenu-btn {perspective: 400px; z-index: 1; pointer-events: all;}
.dropmenu-btn._outline { z-index: 100;}
.dropmenu-btn a { cursor: pointer;}
.dropmenu-box { position: absolute; top: 100%; right: 0; background:rgba(1,8,13,.90); width: 230px; z-index: 1000; visibility:hidden; opacity: 0.8; -moz-transform: scale(0,1); -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); transform-origin: 0% 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; left: 100%; top: 0px; z-index: -1;}
.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;}
.dropmenu-box-li a { display: block; line-height:50px; border-bottom: 1px solid rgba(235,223,255,.10); color: #f6f1e9; text-align: center; font-size: 15px; font-weight: 600}
.dropmenu-box-li:last-child a { border: none!important;} 
.dropmenu-box-li a:hover,
.dropmenu-box-li.current a { background: #006EBE;}
.gnav__item .dropmenu-box-li.current a { pointer-events: none!important;}
.dropmenu-box-li a small { display: block; font-size: 10px; line-height: 1.12;}

@media screen and (max-width:1300px){
	.header { padding-left: 25px; top: 42px}
	.header-inr { max-width: 210px; }
	.gnav { margin-top: 25px}
	.gnav__item { height: 48px; margin-bottom: 6px;}
	.gnav__item a { font-size:14px; padding-bottom: 0px;}
	.gnav__item> a:after { width: 14px; right: 10px;}
	.gnav__item._fs a { font-size: 14px;}
    .header-bnr { margin-top:14px; }
    .sns-list { margin-top: 23px;}
    .sns-list a { width: 36px; margin: 0 4px; left: 17px; bottom: 16px;}
    .dropmenu-box { width: 200px; }
	.dropmenu-box-li a { line-height:44px; font-size: 13px;}
}
@media screen and (max-width:768px){
	.header { width: 100%; z-index: 1010; position: absolute; padding-left: 0; top: 0;}
	.header-inr { max-width: none; }
	.header__logo { width: 172px; margin: 0; left: 14px; top: 14px; }
	.gnav { position: absolute; top: 110px!important; right: 0; left: 0; width: 260px; margin: 0 auto; }
	.page-index .header__logo { opacity: 0}
	.open.page-index .header__logo { opacity: 1;}
	.gnav__item { float:none; width: 100%; margin-bottom: 7px; height: 52px;}
	.gnav__item a { writing-mode:horizontal-tb; height: 100%; width: 100%; padding-right: 0px; padding: 0px; font-size:15px; letter-spacing: 0.02em;}
	.gnav__item._fs a { font-size: 15px;}
	.gnav__item a:after { width: 15px; right: 12px; }
	.gnav__item a { font-size: 16px; }
	.gnav__item a p { line-height: 1.2em; display: inline}
	.gnav__item,.sns-list,.header-bnr{ opacity: 0; -webkit-transform: scaleX(0) translateX(-260px); transform: scaleX(0) translateX(-260px); -webkit-transition: none; transition: none; display: block; margin-bottom: 7px;}
	.open .gnav__item,.open .sns-list,.open .header-bnr { opacity: 1; -webkit-transform: scaleX(1) translateX(0); transform: scaleX(1) translateX(0); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition-delay: .1s; transition-delay: .1s; }
	.open .gnav__item:nth-child(2) { -webkit-transition-delay: .15s; transition-delay: .15s; }
	.open .gnav__item:nth-child(3) { -webkit-transition-delay: .2s; transition-delay: .2s; }
	.open .gnav__item:nth-child(4) { -webkit-transition-delay: .2.5s; transition-delay: .25s; position: relative;}
	.open .gnav__item:nth-child(5) { -webkit-transition-delay: .3s; transition-delay: .3s; }
	.open .gnav__item:nth-child(6) { -webkit-transition-delay: .3.5s; transition-delay: .35s; }
	.open .gnav__item:nth-child(7) { -webkit-transition-delay: .4s; transition-delay: .4s; }
	.open .header-bnr { -webkit-transition-delay: .35s; transition-delay: .35s; }
	.open .sns-list  { -webkit-transition-delay: .35s; transition-delay: .35s; }
	.open .gnav__item:nth-child(10) { -webkit-transition-delay: .5s; transition-delay: .5s; }
	.header-toggle { display: block; position: absolute; right: 22px; top: 23px; width: 36px; height:32px; cursor: pointer; padding: 0px 0px; z-index: 1020; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
	.header-toggle div { position: relative; }
	.header-toggle span { display: block; position: absolute; height: 2px; border-radius: 1px; width: 100%; background: #fff; left: 0; zoom: 1; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; }
	.header-toggle span:nth-child(1) { top: 0; }
	.header-toggle span:nth-child(2) { top: 10px; }
	.header-toggle span:nth-child(3) { top: 20px; }
	.open .header-toggle { background: transparent; width: 40px; top: 28px;}
	.open .header-toggle span { background: #f6f1e9; }
	.open .header-toggle span:nth-child(1) { top: 8px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); zoom: 1; }
	.open .header-toggle span:nth-child(2) { width: 0; left: 50%; }
	.open .header-toggle span:nth-child(3) { top: 8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); zoom: 1; }
	.open .menubg { opacity: 0.98; pointer-events: all; right: 0; background: rgba(0,16,30,.7);}
	.sns-list { margin-top: 22px;}
	.sns-list a { width: 38px; margin: 0 4px; position: static;}
	.dropmenu-box { position: relative; width: 100%; left: 0; -moz-transform: scale(1,0); -webkit-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0); z-index: 1000;}
	.dropmenu-box-li a { display: block; line-height:50px; font-size: 15px; }
	.dropmenu-box-li a small { font-size: 10px; line-height: 1.12;}
}
@media screen and (max-width:480px){
	.header__logo { width: 114px; left: 12px; top: 11px;}
	.gnav { top: 102px!important; right: 0; left: 0; width: 240px;}
	.gnav__item { margin-bottom: 6px; height: 48px; }
	.gnav__item a { font-size:15px; }
	.gnav__item._fs a { font-size: 14px;}
	.gnav__item a:after { width: 14px; right: 10px; }
	.header-toggle { right: 11px; top: 15px; width: 28px; height:28px; }
	.header-toggle div:before { height: 33px; width: 33px; left: -8px; top: -9px; }
	.header-toggle span { height: 2px; } 
	.header-toggle span:nth-child(2) { top: 8px; }
	.header-toggle span:nth-child(3) { top: 16px; }
	.open .header-toggle { width: 30px; top: 16px;}
	.open .header-toggle span:nth-child(1) { top: 6.5px; }
	.open .header-toggle span:nth-child(3) { top: 6.5px; }
	.sns-list { margin-top: 20px;}
	.sns-list a { width: 36px; margin: 0 4px; }
	.dropmenu-box-li a { line-height:44px; font-size: 14px; }
}


/* lower */
.footer { padding: 100px 0 0px; color: #fff; z-index: 10; position: absolute; left:0 ; right: 0; bottom: 36px; text-align: center;}
.footer .list li { font-size: 14px; line-height: 1; margin-top: 11px;}
.footer .list li:first-child { margin-top: 0px;}
.footer .list small { font-size: 9px; display: inline-block; margin-right: 10px; position: relative; top: -1px;}
.footer .copyrignt { font-size: 12px; line-height: 1; font-weight: 300; margin-top: 24px; letter-spacing: 0.05em; opacity: 0.95}
.footer .sponcer { margin-bottom: 50px; text-align: center;}
.footer .sponcer li { display: inline-block; margin: 0 8px;}

@media screen and (max-width:1300px){
	.footer .list li { font-size: 13px; }
	.footer .copyrignt { font-size: 11px; margin-top: 20px; }
}
@media screen and (max-width:768px){
	.footer {  padding: 65px 0 0; width: 100%; left: 0; text-align: center}
	.footer .list li { font-size: 11px; margin-top: 10px;}
	.footer .list small { font-size: 9px; margin-right: 8px;}
	.footer .copyrignt { font-size: 10px; margin-top: 16px; }
	.footer .sponcer { margin-bottom: 40px;}
	.footer .sponcer li { margin: 0 6px;}
}
@media screen and (max-width:480px){
	.footer {  padding: 45px 0 0; bottom: 25px;}
	.footer .list li { font-size: 10px; margin-top: 9px; }
	.footer .list small { font-size: 8px; margin-right: 6px;}
	.footer .copyrignt { font-size: 9px; margin-top: 15px; }
	.footer .sponcer { margin-bottom: 32px;}
	.footer .sponcer li { margin: 0 5px;}
}

/* story */
 .story-cast,
.block-border { background: #f0f0f0; border: solid 5px #006EBE; border-radius: 14px; padding: 42px 36px 38px;}
.block-border { border-width:4px;} 
.story-cast h3 {font-size: 30px; font-weight: 600;}
.story-cast .article__text { font-size: 17px; font-weight: 600; margin:24px 0 36px; text-align: center;}
.story-cast .list li { background: white; float: left; width: calc(25% - 7.5px); margin-right: 10px; float: left; min-height: 150px; padding: 15px 15px 20px; border-radius: 4px;}
.story-cast .list li:nth-child(4n) { margin-right:0;}
.story-cast .list li:nth-child(n + 5) { margin-top:10px;}
.story-cast .list .name { background: #006EBE; color: white; text-align: center; font-size: 13px; font-weight: 700;line-height: 26px;}
.story-cast .list .name._wmen { background:#fe267c;}
.story-cast .list .name._s { font-size: 12px;}
.story-cast .list dd { font-size:13px; margin-top: 10px; font-weight: 500; line-height: 1.6;}
.story-cast__link { text-align: right; font-size: 13px; }
.article__title_box { background:linear-gradient(45deg, #006EBE, #006EBE); text-align: center; color: white; line-height: 75px; font-size: 27px; }
.article__title_box._en { font-size:50px; font-weight: 600; font-style: italic; line-height: 98px; }
.h4-title { font-size:22px; text-align: center; color: #006EBE; margin-bottom: 12px; font-weight: 700; letter-spacing: 0.02em;}
.block-border .title { text-align: center; color: #006EBE; font-size: 28px; line-height: 1.5; padding-top: 5px;}
.block-border .name { text-align: center; color: #006EBE; font-size: 19px; font-weight: 600;}
.block-border .name small { font-size: 12px; font-weight: 500; position: relative; top: -2px;}
.block-border .text { font-size:16px; padding-bottom: 4px;}

@media screen and (max-width:1300px){
    .story-cast,
    .block-border { border-radius: 12px; padding: 34px 24px 24px;}
    .block-border { border-width:4px;} 
    .story-cast h3 {font-size: 27px; }
    .story-cast .article__text { font-size: 15px; margin:18px 0 27px; }
    .story-cast .list li { width: calc(25% - 6px); margin-right: 8px; min-height: 136px; padding: 10px 10px 12px; }
    .story-cast .list li:nth-child(n + 5) { margin-top:8px;}
    .story-cast .list .name { font-size: 12px; line-height: 24px;} 
    .story-cast .list .name._s { font-size: 11px;}
    .story-cast .list dd { font-size:12px; margin-top: 9px; line-height: 1.55}
    .story-cast__link { font-size: 12px; }
    .article__title_box { line-height: 66px; font-size: 24px; }
    .article__title_box._en { font-size:44px; padding-top: 0px; line-height: 80px; padding-bottom: 1px; }
    .h4-title { font-size:20px; margin-bottom: 10px; }
    .block-border .title { font-size: 25px; padding-top: 4px;}
    .block-border .name { font-size: 16px; }
    .block-border .name small { font-size: 11px;}
    .block-border .text { font-size:13px; padding-bottom: 5px;}
}
@media screen and (max-width:768px){
    .story-cast { border-radius: 12px; padding: 25px 14px 14px; border-width: 4px;}
    .story-cast h3 {font-size: 22px; }
    .story-cast .article__text { font-size: 13px; margin:14px 0 21px; }
    .story-cast .list li { width: calc(25% - 4.5px); margin-right: 6px; min-height: 120px; padding: 8px 8px 10px; }
    .story-cast .list li:nth-child(n + 5) { margin-top:6px;}
    .story-cast .list .name { font-size: 11px; line-height: 22px;} 
    .story-cast .list .name._s { font-size: 10px;}
    .story-cast .list dd { font-size:11px; margin-top: 7px; line-height: 1.5;}
    .story-cast__link { font-size: 11px; }
    .article__title_box { line-height: 60px; font-size: 23px; }
    .article__title_box._en { font-size:42px; padding-top: 0px; line-height: 77px; }
    .h4-title { font-size:19px; margin-bottom: 9px; }
    .block-border .title { font-size: 22px; padding-top: 3px;}
    .block-border .name { font-size: 14px; }
    .block-border .name small { font-size: 10px;}
    .block-border .text { font-size:13px;}
}
@media screen and (max-width:480px){
    .story-cast,
    .block-border { border-radius: 10px; padding: 23px 12px 12px; border-width: 4px;}
    .block-border { border-width:3px;} 
    .story-cast h3 {font-size: 20px; text-align: center;}
    .story-cast .article__text { font-size: 12px; margin:12px 0 18px; }
    .story-cast .list li:nth-child(n) { width: calc(50% - 3px); margin-right: 6px; min-height: 100px; padding: 8px 8px 10px; border-radius: 4px}
    .story-cast .list li:nth-child(even) { margin-right:0;}
    .story-cast .list li:nth-child(n + 3) { margin-top:6px;}
    .story-cast .list .name { font-size: 11px; line-height: 20px;} 
    .story-cast .list .name._s { font-size: 10px;}
    .story-cast .list dd { font-size:11px; margin-top: 7px; line-height: 1.5;}
    .story-cast__link { font-size: 11px; }
    .article__title_box { line-height: 48px; font-size: 18px; }
    .article__title_box._en { font-size:30px; padding-top: 0px; line-height: 54px;}
    .h4-title { font-size:15px; margin-bottom: 7px; }
    .block-border .title { font-size: 19px; line-height: 1.4;padding-top: 3px;}
    .block-border .name { font-size: 13px; }
    .block-border .name small { font-size: 9px; top: -1px;}
    .block-border .text { font-size:12px; padding-bottom: 4px;}
}


/* cast */
.page-cast .article__title { width: 210px; margin: 0 auto; position: relative; left: 5px;}
.page-cast .main__inr {	text-align: center; padding:0 0 110px;}
.cast__item { text-align: center; display: inline-block; max-width: 400px; width: calc(50% - 100px); margin: 0 20px 75px; vertical-align: top;}
.cast__item figure { width: 100%; margin: 0 auto; box-shadow:0px 1px 2px rgba(0,0,3,0.06); -webkit-box-shadow:0px 1px 2px rgba(0,0,3,0.06); }
.cast__item .title { font-size: 14px; line-height: 1.5; font-weight: 700; margin-top: 27px;}
.cast__item .title small { font-size:11px; letter-spacing: normal; font-weight: 600}
.cast__item .title._none { padding-top: 1px; margin-top: 22px;}
.cast__item .name { font-size: 25px; font-weight: 700; line-height: 1; margin-top: 10px;}
.cast__item .name ._en { letter-spacing: 0.05em; font-size: 11px; display: block; font-weight: 400; margin-top: 14px;}
.cast__item .name small { display: block; font-size: 11px; margin-top: 9px; font-weight: 400;}
.cast__item .small {font-size: 13px; margin-top: 5px;}
.cast__item .text { font-size: 14px; text-align: left; margin-top: 28px; line-height: 1.6;}
.staff { text-align: center; }
.staff__title { font-size: 27px;}
.staff__list { width: 100%; margin-left: auto; margin-right: auto;}
.staff__list li { line-height: 1; font-size: 21px; display: inline-block; margin: 0 12px; margin-bottom: 15px; letter-spacing: 0.04em;text-align: center;}
.staff__list li:last-child { margin-bottom:0;}
.staff__list li small { font-size: 14px; display: inline-block; position: relative; top: -2px; margin-right: 12px; font-weight: 500;}
.staff__list li p { flex: 1; text-align: left; display: inline-block; font-weight: 700; letter-spacing: 0.04em;}
.staff__list._type2 {}
.staff__list._type2 li { font-size: 19px; margin: 0 12px; margin-bottom: 15px;}
.staff__list._type2 li small { font-size: 12px; top: -2px; margin-right: 7px; width:auto; text-align:left;}
.staff__list._type2 li p { width: auto; font-weight: 700;}
.page-cast .article__text { padding: 0 50px;}
.staff__list._type1 {}
.staff__list._type1 li { display: block;}
.staff__list._type1 li small {}
.staff__list._type1 li p { }

@media screen and (max-width:1300px){
	.cast__item { max-width: 330px; margin: 0 18px 70px; }
    .cast__item .title { font-size: 13px; margin-top: 24px;}
    .cast__item .name { font-size: 23px; margin-top: 9px;}
    .cast__item .small { font-size: 11px; margin-top: 9px; }
	.staff__list li { font-size: 19px; margin: 0 12px; margin-bottom: 17px; }
    .staff__list li small { font-size: 13px; top: -2px; margin-right: 10px;/* width: 120px;*/}
    /*.staff__list li p {width: 440px;}*/
	.staff__list li small { font-size: 12px;}
    .staff__list._type2 { margin-bottom: 0px}
    .staff__list._type2 li { font-size: 18px; margin: 0 9px; margin-bottom: 10px;}
    .staff__list._type2 li small { font-size: 12px;}
	.page-cast .article__text { padding: 0 45px;}
}
@media screen and (max-width:768px){ 
	.page-cast .article__title { width: 180px; left: 3px;}
	.cast__item { max-width: 270px; width: calc(50% - 30px); margin: 0 13px 60px; }
	.cast__item._s { max-width: 280px; width: calc(33.33% - 12px); } 
	.cast__item .title { font-size: 12px; margin-top: 19px;}
    .cast__item .title small { font-size:10px;}
	.cast__item .title._none { padding-top: 1px; margin-top: 20px;}
	.cast__item .name { margin-top: 9px; font-size: 21px;}
	.cast__item .name ._en { font-size: 11px; margin-top: 14px;}
	.cast__item .small { font-size: 11px; margin-top: 5px; }
	.cast__item .text { font-size: 14px; margin-top: 28px; }
	.staff__title { font-size: 27px;}
	.staff__list li { font-size: 19px; margin: 0 12px; margin-bottom: 12px;}
    .staff__list li p {/*width: 420px;*/}
	.staff__list li small { font-size: 11px; top: -2px; margin-right: 8px; /*width: 160px; */} 
    .staff__list._type2 { max-width: 560px; margin-left: auto; margin-right: auto;}
    .staff__list._type2 li { font-size: 17px; margin: 0 9px; margin-bottom: 10px;}
    .staff__list._type2 li small { font-size: 10px; margin-right: 6px;}
	.page-cast .article__text { padding: 0 35px;}
	.staff__list._type2 br { display:;}
	.page-cast .main__inr { padding: 0 0 90px;}
}
@media screen and (max-width:480px){
	.page-cast .article__title { width: 148px; left: 3px;}
	.cast__item { max-width: 270px; width: calc(50% - 12px); margin: 0 6px 36px; }
    .cast__item:nth-child(even) { margin-left: 2px;}
	.cast__item._s { max-width: 280px; width: calc(42% - 12px); } 
	.cast__item .title { font-size: 9px; white-space: nowrap; margin-top: 12px;}
    .cast__item .title small { font-size:8px;}
	.cast__item .title._none { padding-top: 1px; margin-top: 20px;}
	.cast__item .name { margin-top: 6px; font-size: 17px;}
	.cast__item._s .title { font-size: 10px;} 
	.cast__item._s .name { font-size: 14px;} 
	.cast__item .name ._en { font-size: 11px; margin-top: 14px;}
	.cast__item .small { font-size: 9px; margin-top: 5px; line-height: 1;}
	.cast__item .text { font-size: 14px; margin-top: 28px; }
	.staff__title { font-size: 27px;}
	.staff__list {max-width: 320px;}
	.staff__list li { font-size: 15px; margin: 0px; margin-bottom:7px;}
    .staff__list li p {/*width: 170px;*/ text-align: left; letter-spacing: 0.02em; line-height: 1.2}
    .staff__list li p .text_s { display:block; text-align: left; margin-top: 3px; font-size: 8px;}
	.staff__list li small { font-size: 10px; top: -1px; margin-right: 6px; /*width: 90px; */text-align: right;}
    .staff__list._type2 li small { margin-bottom: 0;}
	.staff__list._type2 { max-width:none; line-height: 1.4;}
    .staff__list._type2._wm { max-width:none; }
    .staff__list._type2 li { font-size: 13px; margin: 0 5px; margin-bottom: 3px;}
    .staff__list._type2 li._s { font-size:12px; letter-spacing: normal}
    .staff__list._type2 li small { font-size: 9px; margin-right: 4px; top: -1px;}
    .staff__list._type2 br { display:;}
	.page-cast .article__text { padding: 0 18px;}
	.page-cast .main__inr { padding: 0 0 60px;}
	.li-center { vertical-align: text-top;} 
}


/* outline */
.page-outline .main__inr { padding: 41px 40px 40px;}
.outline { border-top: solid 1px rgba(26,40,51,.12); border-bottom: none; border-right: none; width: 100%;}
.outline-th { font-size: 18px; width: 190px; vertical-align: middle; background: rgba(18,34,46,.98); color: #fff; font-weight: 300; letter-spacing: 0.06em; border-bottom: solid 1px rgba(255,255,255,.15); line-height: 1.45}
.outline-th._s { font-size: 15px; }
.outline-th h3 { font-weight: 600;} 
.outline-th small { font-size: 10px; display: block; line-height: 1.5; font-weight: 300;}
.outline-td { padding: 26px 26px;  border: solid 1px rgba(26,40,51,.12); border-top: none; border-left: none; font-size: 14px;}
.schedule { margin-top: 18px; margin-bottom: 10px; padding:27px 28px 26px; background: white; border-radius: 6px;}
._osaka .schedule { width:335px;}
.schedule_text { font-size: 13px; font-weight: 500;}
.schedule_text i { font-style:normal; font-size: 11px; margin-right: 2px; display: inline-block}
.map { min-height: 30px; background: rgba(0,0,0,.04); height: 360px;}
.map iframe { width: 100%; height: 100%;}
.map-link { text-align:right; }
.map-link i { position: relative; top: 2px; margin-right: 3px}
.pricelist__item { width: calc(33.33% - 2.7px); float: left; text-align: center; background: rgba(255,255,255,.6);}
.pricelist__item .title { color: #fff; background: #cb0a29; font-size: 18px; line-height: 44px;}
.pricelist__item:nth-child(n + 2) { margin-left: 4px; }
.pricelist__item:nth-child(2) .title { background: #006EBE; }
.pricelist__item:nth-child(3) .title { background: #1098bc; }
.pricelist__item:nth-child(4) .title { background: #f3c238; }
.pricelist__item .title small { font-size:11px; font-weight: 500; margin-left: 4px;}
.pricelist__item .price { font-size: 30px; padding: 16px 0 21px; line-height: 1; font-weight: 700; letter-spacing: normal;}
.ticket__itame:first-child { margin-top: 0;}
.ticket__itame { background: rgba(255,255,255,.6); position: relative; margin-top: 5px; padding: 20px 20px 16px;}
.ticket__itame:before { content: ""; width: 13px; height: 13px; background: url("../img/ic_tri_r.png") no-repeat; left: 0; top: 0; position: absolute; background-size: cover;}
.ticket__itame .name { font-size: 18px; line-height: 1;}
.ticket__itame .url { font-size: 15px; line-height: 1; padding:13px 0 6px}
.ticket__itame .url a { color: #25b5df; font-weight: 400; display: inline-block}
.ticket__itame .url a:hover { text-decoration: underline;}
.ticket__itame .url .text_s { top: -1px; }
.outline .tel { font-size: 26px; font-weight: 900; line-height: 1.38;}
.outline .tel .text_s { font-weight: 400; top: -4px; margin-left: 2px;}
.ticket__itame .text { font-weight: 500;}
.text_lll { font-size: 28px; font-weight: 700; line-height: 1.4;}
.text_ll { font-size: 22px; font-weight: 700; line-height: 1.4;}
.text_l { font-size: 18px; font-weight: 700; line-height: 1.45;}
.text_m { font-size: 17px; font-weight: 600;}
.text_s { font-size: 11px; position: relative; line-height: 1.6; font-weight: 400;}
.text_ss { font-size: 10px; line-height: 1.6; font-weight: 300;}
.note { opacity:0.7; text-align: left;}
._red { color:#cb0a29;}
.textlink { text-decoration: underline; color: #011525}
.textlink.c_blue { color:#006EBE}
.textlink:hover { text-decoration: none; }
.mt_ss { margin-top:5px;}
.mt_s { margin-top:8px;}
.mt_s { margin-top:12px;}
.mt_m { margin-top:15px;}
.mt_l { margin-top:20px;}
.mt_ll { margin-top:26px;}
.ib { display:inline-block;}
._4box .pricelist__item { width: calc(25% - 3px); }
._4box .pricelist__item .title { font-size: 17px; line-height: 42px; }
._4box .pricelist__item .price { font-size: 25px; padding: 14px 0 20px;}
.areanav { display: flex; width: 100%;}
.areanav__item { width: 50%; text-align: center; line-height: 82px; font-size: 26px; font-weight: 700; background: rgba(18,34,46,.95);}
.areanav__item a { display: table; text-align: center; color: #fff; width: 100%; position: relative; padding-top: 1px;}
.areanav__item a:hover,
.areanav__item.current a { background: #006EBE;}
.areanav__item.current a { pointer-events:none}
.areanav__item i { width: 10px; height: 10px; bottom: 4px; right: 4px;}
.areanav__item.current i {display:none;}
.attention li,.ls-list { text-indent:-1em; padding-left: 1em; letter-spacing: normal;}
.outline-toplink { position:absolute; right: 12px; top: 13px; font-size: 13px; color: #011525; font-weight: 500}
.outline-toplink:hover { color: #cb0a29; text-decoration: underline;}
.ic_arw { width: 10px; height: 10px; margin-left: 3px; display: inline-block; background-size: auto 100%; background-image: url("../img/ic_arw.png") ; background-repeat: no-repeat; position: relative; top: 0px;}
.sponcer span { display: inline-block; margin-right: 20px;}
.sponcer ._nestle { width: 120px;}
.ticket__table { width: 100%; margin-top: 12px;}
.ticket__table td { height: 52px; padding: 2px 0; vertical-align: middle; font-weight: 600;}
.ticket__table .title { position: relative; padding-left: 15px; font-weight: 700; line-height: 1.38; font-size: 13px; width: 156px;}
.ticket__table .title:before {  position: absolute; top:2px; bottom: 2px; left: 0; width: 3px; border-radius: 1px; background: #fe267c; content: "";}
.ticket__table td .url { padding-top:0;}
.ticket__table td .tel {line-height: 1;}
.ticket-label { background:#fe267c; color: white; font-size: 12px; padding: 0 9px; line-height: 21px; display: inline-block; position: relative; top: -3px; margin-right: 0.8em;}
.attention-title { font-size: 13px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1}

@media screen and (max-width:1300px){
	.page-outline .main__inr { padding: 31px 30px 30px;}
	.outline-th { font-size: 16px; width: 160px;}
	.outline-th._s { font-size: 14px; }
	.outline-th small { font-size: 9px; }
	.outline-td { padding: 22px; line-height: 1.65; font-size: 13px;}
	.schedule { margin-top: 16px; margin-bottom: 10px; padding:24px 24px 21px; }
    ._osaka .schedule { width:300px;}
    .schedule_text { font-size: 12px; }
    .schedule_text i { font-size: 10px; margin-right: 2px; }
	.map { height: 330px;}
	.pricelist__item .title { font-size: 16px; line-height: 38px}
    .pricelist__item .title small { font-size: 10px; margin-left: 4px;} 
	.pricelist__item .price { font-size: 28px; padding: 14px 0 18px; }
	.ticket__itame { margin-top: 5px; padding: 18px 19px 16px;}
	.ticket__itame:before { width: 12px; height: 12px; }
	.ticket__itame .name { font-size: 16px; }
	.ticket__itame .url { font-size: 14px; padding:12px 0 6px}
	.ticket__itame .url .text_s {  top: -1px; }
	.ticket__itame .text { font-size: 12px}
	.outline .tel { font-size: 24px; }
	.outline .tel .text_s { top: -3px; margin-left: 2px;}
    .text_lll { font-size: 25px;}
	.text_ll { font-size: 20px; line-height: 1.4;}
	.text_l { font-size: 18px; line-height: 1.45;}
	.text_m { font-size: 15px; }
	.text_s { font-size: 10px; }
	.text_ss { font-size: 9px; }
	.mt_ss { margin-top:4px;}
	.mt_s { margin-top:7px;}
	.mt_s { margin-top:11px;}
	.mt_m { margin-top:13px;}
	.mt_l { margin-top:18px;}
	.mt_ll { margin-top:24px;}
	._4box .pricelist__item .title { font-size: 16px; line-height: 38px; }
	._4box .pricelist__item .price { font-size: 22px; padding: 12px 0 17px;}
	.areanav__item { line-height: 72px; font-size: 24px; }
	.outline-toplink { right: 10px; top: 14px; font-size: 12px;}
	.sponcer span { margin-right: 18px;}
	.sponcer ._nestle { width: 100px;}
    .ticket-label { font-size: 11px; padding: 0 9px; line-height: 20px; top: -2px;}
    .ticket__table { margin-top: 10px;}
    .ticket__table td { height: 46px; padding: 2px 0; }
    .ticket__table .title { padding-left: 13px; font-size: 12px; width: 150px;}
}
@media screen and (max-width:768px){
	.page-outline .main__inr { padding: 0;}
    .outline { border-top: none;}
	.outline-th { font-size: 15px; width: 140px;}
	.outline-th._s { font-size: 14px; }
	.outline-th small { font-size: 9px; }
	.outline-td { padding: 20px; line-height: 1.6; border-right: none; font-size: 13px; }
    .schedule { margin-top: 14px; margin-bottom: 8px; padding:18px 20px 17px; }
    ._osaka .schedule { width:280px;}
    .schedule_text { font-size: 11px; }
    .schedule_text i { font-size: 9px; margin-right: 2px; }
	.map { height: 280px;}
	.pricelist__item { width: calc(33.33% - 1.4px);}
	.pricelist__item .title { font-size: 15px; line-height: 35px}
    .pricelist__item .title small { font-size: 9px; margin-left: 3px;} 
	.pricelist__item:nth-child(n + 2) { margin-left: 2px; }
	.pricelist__item .price { font-size: 26px; padding: 13px 0 17px; }
	.ticket__itame { margin-top: 3px; padding: 16px 16px 14px;}
	.ticket__itame:before { width: 12px; height: 12px; }
	.ticket__itame .name { font-size: 15px; }
	.ticket__itame .url { font-size: 13px; padding:9px 0 4px}
	.ticket__itame .url .text_s { top: -1px; }
	.ticket__itame .text { font-size: 12px}
	.outline .tel { font-size: 23px; line-height: 1.3; }
	.outline .tel .text_s { top: -3px; margin-left: 2px;}
    .text_lll { font-size: 24px;}
	.text_ll { font-size: 19px; line-height: 1.4;}
	.text_l { font-size: 16px; line-height: 1.45;}
	.text_m { font-size: 15px; }
	.text_s { font-size: 10px; }
	.text_ss { font-size: 9px; }
	.mt_ss { margin-top:4px;}
	.mt_s { margin-top:6px;}
	.mt_m { margin-top:12px;}
	.mt_l { margin-top:16px;}
	.mt_ll { margin-top:22px;}
	._4box .pricelist__item { width: calc(25% - 2px); }
	._4box .pricelist__item .title { font-size: 14px; line-height: 32px; }
	._4box .pricelist__item .price { font-size: 19px; padding: 10px 0 14px;}
	.areanav { padding:0 0px;}
	.areanav__item { line-height: 64px; font-size: 20px; }
	.areanav__item i { width: 9px; height: 9px; bottom: 3px; right: 3px;}
	.outline-toplink { right: 10px; top: 13px; font-size: 11px; } 
	.ic_arw { width: 9px; height: 9px; margin-left: 3px; }
	.sponcer span { margin-right: 16px;}
	.sponcer ._nestle { width: 90px;}
    .attention-title { font-size: 12px; margin-bottom: 9px; }
    .ticket-label { font-size: 10px; padding: 0 8px; line-height: 18px; top: -1px;}
    .ticket__table { margin-top: 8px;}
    .ticket__table td { height: 43px; padding: 2px 0; }
    .ticket__table .title { padding-left: 13px; font-size: 12px; width: 144px;}
    tr:last-child .outline-th,
    tr:last-child .outline-td { border-bottom: none;}
}
@media screen and (max-width:480px){
	.outline { border-top: none; border-bottom: solid 1px rgba(26,40,51,.12);}
	.outline-th { font-size: 13px; padding:9px 0 9px; display: block; width: 100%; border: none; font-weight: 700;}
	.outline-th._s { font-size: 13px; }
	.outline-th small { font-size: 8px; display: inline-block;}
	.outline-td { padding: 14px 10px 15px; line-height: 1.5; font-size: 13px; text-align: center; display: block; width: 100%; border: solid 1px rgba(26,40,51,.12); border-top: none; border-bottom: none;}
	.schedule { margin-top: 12px; margin-bottom: 7px; padding:15px 10px 14px; border-radius: 4px;}
    ._osaka .schedule { width:240px; margin-left: auto; margin-right: auto;}
    .schedule_text { font-size: 10px; }
    .schedule_text i { font-size: 9px; margin-right: 2px; }
	.map { height: 300px;}
	.pricelist__item { width: calc(33.33% - 1.4px); }
	.pricelist__item .title { font-size: 14px; line-height: 31px}
	.pricelist__item:nth-child(n + 2) { margin-left: 2px; }
	.pricelist__item .price { font-size: 22px; padding: 12px 0 15px; }
    .pricelist__item .title small { font-size: 8px; margin-left: 0px; display: block; line-height: 1;position: relative; top: -6px;}
	.ticket__itame { margin-top:3px; padding: 15px 5px 16px;}
	.ticket__itame:before { width: 12px; height: 12px; }
	.ticket__itame .name { font-size: 16px; }
	.ticket__itame .url { font-size: 13px; padding:10px 0 3px}
	.ticket__itame .url .text_s { top: 0px; display: block; margin-top: 5px;}
	.ticket__itame .text { font-size: 11px}
	.outline .tel { font-size: 22px; line-height: 1.6; }
	.outline .tel .text_s { top: 0px; display: block; margin-top: 0px; margin-bottom: 3px;}
    .text_lll { font-size: 20px;}
	.text_ll { font-size: 18px; line-height: 1.35;}
	.text_l { font-size: 15px; line-height: 1.40;}
	.text_m { font-size: 14px; }
	.text_s { font-size: 10px; }
	.text_ss { font-size: 9px; }
	.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;}
	._4box .pricelist__item { width: calc(25% - 1.5px);}
	._4box .pricelist__item .title { font-size: 11px; line-height: 26px; }
	._4box .pricelist__item .price { font-size: 15px; padding: 10px 0 11px;}
	.areanav { padding:0px;}
	.areanav__item { line-height: 43px; font-size: 15px; }
	.areanav__item i { width: 7px; height: 7px; bottom: 3px; right: 3px;}
	.outline-toplink { right: 8px; top: 11px; font-size: 10px; } 
	.ic_arw { width: 8px; height: 8px; margin-left: 2px; }
	.sponcer span { margin-right: 14px;}
	.sponcer ._nestle { width: 80px;}    
    .attention-title { font-size: 11px; text-align: left; margin-bottom: 9px; }
    .ticket-label { font-size: 10px; padding: 2px 8px; line-height: 12px; top: 0px; margin:0 auto 6px; min-width: 100px; display: inline-block;}
    .ticket__table { margin-top: 15px; width: 95%; margin: 15px auto 0;}
    .ticket__table tr { display: block; padding: 11px 0; /*border-top: solid 1px rgba(26,40,51,.12);*/ background: rgba(0,0,0,.03); margin-bottom: 3px}
    .ticket__table td { height: auto; padding: 2px 0; display: block; text-align: center;}
    .ticket__table .title { padding-left: 0; padding-top: 0px; font-size: 13px; width: 100%; padding-bottom: 5px; }
    .ticket__table .title br {display:none}
    .ticket__table td .tel .text_s,
    .ticket__table td .text_s { margin-top: 4px; margin-bottom: 0; font-size: 9px;}
    .ticket__table .title:before {display: none;}
    tr:last-child .outline-th,
    tr:last-child .outline-td { border-bottom: none;}
}


/* movie */
.page-movie .main__inr { padding: 0px 50px; background: transparent;}
.movie-list {padding-top: 10px;}
.movie-list__item { margin-bottom:60px; width: calc(100%); float: left; position: relative}
.movie-list__item:last-child { margin-bottom: 0;}
.movie-wrap { position: relative; padding-bottom: 55.8%; height: 0; overflow: hidden; margin: 0px auto 0px; width:100%;}
.movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:200;}
.movie-title { color: white; text-align: center; font-size: 22px; line-height: 1; margin-top: 26px; font-weight: 700; position: relative;}
.movie-title small { font-size:14px; padding-top: 12px; font-weight: 500; display: block;}
.new { color:rgba(232,64,145,1.00); font-weight: 600; position: absolute; top: 12px; font-size: 13px;}

@media screen and (max-width:1300px){
	.page-movie .main__inr { padding: 0px 44px; }
    .movie-list__item { margin-bottom:55px; } 
}
@media screen and (max-width:768px){
    .page-movie .main__inr { padding: 0px 15px; }
    .movie-list {padding-top: 6px;}
    .movie-list__item { margin-bottom:48px; } 
    .movie-title { font-size: 20px; margin-top: 24px; }
    .movie-title small { font-size:12px; padding-top: 11px; }
}
@media screen and (max-width:480px){
	.page-movie .main__inr { padding: 0px 10px; }
    .movie-list {padding-top: 3px;}
    .movie-list__item { margin-bottom:35px; } 
    .movie-title { font-size: 16px; margin-top: 17px; }
    .movie-title small { font-size:10px; padding-top: 9px; }
}


/*ticketinfo*/
.ticketinfo { position: fixed; bottom: -10px; left:12px; z-index: 5000; -webkit-transition:all .8s; transition:all .8s; opacity: 0; -webkit-transition-delay: .6s; transition-delay: 0.6s; }
.ticketinfo._view { bottom: 12px; opacity: 1}
.ticketinfo-inr { position: relative; z-index: 10;}
.ticketinfo-btn { width: 200px; display: inline-block;}
.ticketinfo-btn a { display: block;}
.ticketinfo-close {vertical-align: top; position: absolute; right: -5px; top: 4px; z-index: 1; width: 48px; cursor: pointer; }

@media screen and (max-width:768px){
	.ticketinfo { left:7px; }
	.ticketinfo._view { bottom: 8px;}
	.ticketinfo-btn { width: 170px;}
	.ticketinfo-close { width: 40px;}
}
@media screen and (max-width:480px){
	.ticketinfo { left:5px; }
	.ticketinfo._view { bottom: 6px;}
	.ticketinfo-btn { width: 130px;}
	.ticketinfo-close { width: 32px;}
}


/* goods */
.page-goods .main__inr { padding: 41px 40px 18px;}
.goods-list__item { text-align: center; width:calc( 50% - 10px); float: left; letter-spacing: 0.02em; margin-bottom: 55px;}
.goods-list__item:nth-child(n) { margin-left: 0px;}
.goods-list__item:nth-child(2n) { margin-left: 20px;}
.goods-list__item._2block { width:calc( 66.9% - 9px); margin-left: 0;}
.goods-list__item .photo { border-radius: 1px; overflow: hidden; cursor: zoom-in;}
.goods-list__item .photo:hover img { opacity: 0.9}
.goods-list__item .name { font-size: 18px; margin-top: 25px; line-height: 1.4; }
.goods-list__item .name._s { font-size: 18px;}
.goods-list__item .price { line-height: 1; margin-top: 9px; padding-left: 10px;}
.goods-list__item .price .jp { font-size: 14px; display: inline-block; margin-right: 4px; font-weight: 500;}
.goods-list__item .price .en { font-size: 29px; font-weight: 900; position: relative; top: 1px; letter-spacing: -0.01em;}
.goods-list__item .price .en i { font-style: normal; padding-right: 3px;}
.goods-list__item .price small { display: inline-block; font-size: 10px; font-weight: 400; position: relative; margin-left: -1px; letter-spacing: 0.06em;}
.goods-list__item .text { font-size: 13px; margin-top: 13px; line-height: 1.5;}
.goods-btnarea { text-align: center; margin: 30px auto 0px;}
.goods-btnarea__btn { margin: 0 9px; display: inline-block}
.goods-btnarea__btn a { color: white; display:flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; height: 84px; width: 380px; letter-spacing: 0.02em; border-radius: 7px; font-size: 20px; font-weight: 700; box-shadow:0px 1px 2px rgba(0,0,3,0.16); -moz-box-shadow:0px 1px 2px rgba(0,0,3,0.16); -webkit-box-shadow:0px 1px 2px rgba(0,0,3,0.16);  -ms-box-shadow:0px 1px 2px rgba(0,0,3,0.16); position: relative; padding-bottom: 1px; }
.goods-btnarea__btn a:hover {-webkit-filter: brightness(106%); filter: brightness(106%); top: 0px; box-shadow:0px 0px 0px rgba(0,0,3,0.16); -moz-box-shadow:0px 0px 0px rgba(0,0,3,0.16); -webkit-box-shadow:0px 0px 0px rgba(0,0,3,0.16);  -ms-box-shadow:0px 0px 0px rgba(0,0,3,0.16); position: relative;}
.goods-btnarea__btn a small { font-size:11px; font-weight: 400; display: block; line-height: 1;margin-top: 2px;}
.btn-type2 { position: relative; z-index: 10; overflow: hidden; color: white;}
.btn-type2:before { content: ""; width: 166%;; height: 100%; display: block; position: absolute; left: 0%; top: 0; z-index: -1; -webkit-transition: all .1s; transition: all 0.1s;}
.btn-type2._blue:before { background: linear-gradient(-45deg, #03bafa,#073ae8);}
.btn-type2._red:before { background: linear-gradient(-45deg, #ff5f44,#ff02c2);}
.btn-type2:hover:before {left: -60%;}
.goods-comingsoon { font-style: italic; font-weight: 700; font-size: 26px; text-align: center; margin-bottom: 41px; line-height: 1.5; clear: both; padding-top: 20px;}
._blank:after { background-image:url("https://www.musical-cmiyc2022.jp/img/icon_blank.svg"); background-size: 100% auto; content: ""; width: 17px; height: 100%; position: absolute; right: 17px; background-repeat: no-repeat; top: 0; background-position: center;}

@media screen and (max-width:768px){
	.page-goods .main__inr { padding: 31px 30px 15px;}
	.goods-list__item { width:calc( 50% - 6px); max-width: 620px; margin-left: auto; margin-bottom: 44px; }
    .goods-list__item:nth-child(2n) { margin-left: 12px;}
	.goods-list__item._2block { width:calc( 100%); margin-left: 0;}
	.goods-list__item .photo { border-radius: 1px;}
	.goods-list__item .name { font-size: 16px; margin-top: 19px; line-height: 1.35 }
	.goods-list__item .name._s { font-size: 17px;}
	.goods-list__item .price { margin-top: 7px; padding-left: 10px;}
	.goods-list__item .price .jp { font-size: 14px; margin-right: 4px;}
	.goods-list__item .price .en { font-size: 27px; top: 2px;}
	.goods-list__item .price .en i { padding-right: 3px;}
	.goods-list__item .price small { font-size: 10px; margin-left: -1px;}
	.goods-list__item .text { font-size: 12px; margin-top: 12px;}
	.goods-btnarea { width: 100%; margin: 25px auto 0px;}
	.goods-btnarea__btn { margin: 0 auto; }
	.goods-btnarea__btn:last-child { margin-left: 8px;}
	.goods-btnarea__btn a { height: 72px; width: 300px; border-radius: 5px; font-size: 17px; }
	.goods-btnarea__btn a small { font-size:10px; margin-top: 3px;}
	.goods-comingsoon { font-size: 22px; margin-bottom:36px; }
	._blank:after { width: 13px; right: 12px;}
}
@media screen and (max-width:480px){
	.page-goods .main__inr { padding: 25px 24px 17px;}
	.goods-list__item { margin-bottom: 42px; width: 100%; float: none}
	.goods-list__item:nth-child(2n) { margin-left: 0px;}
	.goods-list__item._2block { width:calc( 100%); margin-left: 0;}
	.goods-list__item .photo { border-radius: 0px;}
	.goods-list__item .name._s { font-size: 13px;}
	.goods-list__item .name { font-size: 15px; margin-top: 19px; }
	.goods-list__item .price { margin-top: 8px; padding-left: 7px;}
	.goods-list__item .price .jp { font-size: 12px; margin-right: 3px;}
	.goods-list__item .price .en { font-size: 28px; top: 1px;}
	.goods-list__item .price .en i { padding-right: 3px;}
	.goods-list__item .price small { font-size: 10px; margin-left: -1px;}
	.goods-list__item .text { font-size: 10px; margin-top: 7px;}
	.goods-btnarea { max-width: 320px; margin: 15px auto 0px;}
	.goods-btnarea__btn { margin: 0 auto 10px; display: block;}
	.goods-btnarea__btn:last-child { margin-left: auto;}
	.goods-btnarea__btn a { height: 64px; width: 300px; font-size: 16px; margin: auto;}
	.goods-btnarea__btn a small { font-size:10px; margin-top: 3px;}
	.goods-comingsoon { font-size: 16px; margin-bottom: 20px; padding-top: 24px; }
}

.fadein { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .6s; transition: all .6s; -webkit-transition-delay: .1s; transition-delay: .1s;}
.fadein.scrollin { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
._delay1 { -webkit-transition-delay: .2s; transition-delay: .2s; }
@media screen and (max-width:768px){    
}
@media screen and (max-width:480px){
    .fadein { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}



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