@charset "UTF-8";
body {color: #000;background: #A7C4D8;background: linear-gradient(90deg, rgba(167, 196, 216, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(186, 188, 219, 1) 100%);font-family:"kinuta-maruminfuji-stdn","athelas", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-size:100%;font-weight:500;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;}

a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
a{text-decoration:none;color:#000;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

input[type="submit"]{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
input[type="submit"]:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
img{max-width:100%;vertical-align:middle;image-rendering: -webkit-optimize-contrast;}
.pcnone{display:none!important;}
.spnone{display:block!important;}

img[src$=".svg"] {width: 100%;}

*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
html {scroll-behavior: smooth;}


footer {text-align:center;background:#1a1a1a;color:#fff;font-size:13px;padding:5px 10px;}


header {background-color:rgba(235,235,235,0.9);position:sticky;top:0;z-index:10;letter-spacing: 1px;}


.kv{box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}
.kv img{width:100%;}

.con_in{max-width:1030px;margin:0 auto;padding:80px 15px 120px 15px;}
.con_in2{max-width:730px;margin:0 auto;padding:0 15px 100px 15px;}
.con_in3{max-width:730px;margin:0 auto;padding:80px 15px 100px 15px;}
.con_in4{max-width:700px;margin:0 auto;}


#gloval-nav {background: #A7C4D8;background: linear-gradient(90deg, rgba(167, 196, 216, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(186, 188, 219, 1) 100%);color: #000;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 990;text-align: center;display: flex;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity .6s ease, visibility .6s ease;}

#nav-toggle {display:block;position: fixed;top: 20px;right: 20px;width:50px;height:50px;cursor: pointer;background-color: rgba(255,255,255,0.8);padding:14px 11px 14px 11.5px;border-radius:50%;}
#nav-toggle > div {position: relative;width: 26px;}
#nav-toggle > div span {width: 100%;height: 1.5px;left: 0;display: block;background: #000;position: absolute;transition: transform .6s ease-in-out, top .5s ease;}
#nav-toggle > div span:nth-child(1) {top: 2px;}
#nav-toggle > div span:nth-child(2) {top: 10px;}
#nav-toggle > div span:nth-child(3) {top: 18px;}

.open #nav-toggle span {background: #000;}
.open #nav-toggle span:nth-child(1) {top: 10px;transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {top: 10px;width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 10px;transform: rotate(-45deg);}
#nav-toggle {z-index: 1000;}
#container {z-index: 900;}
.open {overflow: hidden;}
.open #gloval-nav {visibility: visible;opacity: 1;}
.open #gloval-nav li {opacity: 1;transform: translateX(0);transition:  transform 1s ease, opacity .9s ease;}
.open #gloval-nav li.x_ico a{width:34px;height:auto;display:block;margin:0 auto;}


#gloval-nav nav li {/*width:200px;*/margin:0 auto;padding:25px 0;text-align:center;opacity: 0;transition:  transform .6s ease, opacity .2s ease;}
#gloval-nav nav li a{transition: color .6s ease;letter-spacing: 2px;width:100%;display:block;font-size:18px;font-weight:700;line-height:1.7;}


.dlstyle {border-bottom:1px solid #808080;}
.dlstyle dl{border-top:1px solid #808080;display:flex;padding:10px;align-items: center;}
.dlstyle dl dt{width:305px;text-align:right;}
.dlstyle dl dd{width:100%;border-left:1px solid #808080;padding:0 0 0 20px;margin:0 0 0 20px;display:flex;align-items: center;}
.dlstyle dl dd .btn {padding:0 15px 0 0;}
.dlstyle dl dd .btn a{display:block;background:#fff;border:2px solid #c54c8b;color:#c54c8b;font-size:14px;padding:5px 20px;}
.dlstyle dl dd ul{overflow:hidden;margin:0 0 0 -20px;}
.dlstyle dl dd ul li{float:left;padding:0 0 0 20px;}


#about {padding:100px 20px 100px 20px;}
#about h2{font-size:65px;font-weight:bold;text-align:center;line-height:1.4;}
#about h2 span{font-size:28px;display:block;}
#about p{font-size:18px;text-align:center;font-weight:bold;padding:20px 0 0 0;}

.tistyle1{background:#040337;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);text-align:center;font-weight:normal;color:#fff;font-size:30px;padding:10px 20px;}
.tistyle2 {display: flex;align-items: center;font-size:30px;max-width:450px;margin:0 auto 30px auto;}
.tistyle2:before,.tistyle2:after {content: "";height: 1px;flex-grow: 1;background-color: #000;}
.tistyle2:before {margin-right: 1rem;}
.tistyle2:after {margin-left: 1rem;}
.tistyle3{font-weight:bold;font-size:20px;padding:0 0 10px 0;}
.tistyle4{background:#06012a;color:#fff;text-align:center;font-weight:bold;font-size:20px;padding:1px 10px;margin:0 0 25px 0;}
.tistyle5{border-left:5px solid #000;font-size:18px;padding:0 0 0 10px;margin:0 0 15px 0;line-height:1.4;}

#cms p{font-size:18px;text-align:center;line-height:2.6;}
#story p{font-size:18px;text-align:center;line-height:2.6;}

#cast .castbox{display:flex;justify-content: center;margin:0 0 0 -15px;}
#cast .castbox .castbox_in{text-align: center;padding:0 0 30px 15px;max-width:200px;}
#cast .castbox .castbox_in div{position:relative;}
#cast .castbox .castbox_in div .cate_ico{position:absolute;bottom:5px;right:5px;width:30px;filter: drop-shadow(0 0 1px #fff);}
#cast .castbox .role{line-height:1.4;padding:5px 0 3px 0;}
#cast .castbox .data{font-size:13px;}
#cast .name{font-size:22px;font-weight:bold;padding:20px 0 0 0;line-height:1.4;}
#cast .name span{font-size:12px;}
#cast .castbox_out{text-align: center;padding:0 0 30px 0;}

#cast .ensemble{text-align:center;padding:30px 0 25px 0;font-weight:bold;}

.shufflebox{padding:100px 0 0 0;}
.shufflebox .shufflecast{font-size:18px;font-weight:bold;text-align:center;}
.shufflebox .shuffletxt{text-align:center;padding:0 0 40px 0;}


.tbl {width:100%;max-width:700px;margin:0 auto;table-layout: fixed;}
.tbl th{background:#fff;border:1px solid #000;text-align:center;padding:5px;}
.tbl td{background:#fff;border:1px solid #000;text-align:center;padding:5px;font-size:14px;}
.tbl td img{display:table;margin:0 auto;width:22px;height:auto;}
.tbl td .multi{display:flex;align-items: center;justify-content: center;}
.tbl td .multi p{padding:0 0 0 7px;}

.schedule_txt{font-size:21px;text-align:center;padding:0 0 20px 0;}
.schedule_txt span{font-size:28px;}

.schedule_txt2{width:100%;max-width:700px;margin:0 auto;padding:10px 0 0 0;font-size:13px;}


.gmap iframe{width:100%;height:450px;}

.btn a{font-size:20px;background:#fff;color:#06012a;border:1px solid #06012a;text-align:center;padding:10px 15px;border-radius:50px;max-width:270px;width:100%;margin:30px auto 0 auto;display:block;}
.btn p{font-size:12px;text-align:center;padding:5px 0 0 0;}
.cap_txt{font-size:14px;}

.btn2 a{font-size:15px;background:#fff;color:#000;text-align:center;padding:5px 15px;border-radius:50px;max-width:270px;width:100%;margin:25px auto 0 auto;display:block;border:1.5px solid #000;}
.btn2 p{font-size:12px;text-align:center;padding:5px 0 0 0;}


.inv1{opacity:0;}
.inv2{opacity:0;}
.inv3{opacity:0;}


.annai{width: 100%;max-width: 600px;margin: 0 auto;}
.annai h5{background:#000;color:#fff;padding:10px 10px;line-height:1.4;margin:50px 0 0 0;text-align:center;font-size:15px;}
.annai h6{border-left:5px solid #000;padding:0 0 0 10px;margin:30px 0 10px 0;line-height:1.4;}
.annai .yoyakudtl a{background:#fff;border:1.5px solid #000;border-radius:20px;color:#000;display:block;text-align:center;max-width:200px;margin:15px 0 0 0;}

.annai .taisyou_ico img{width:30px;padding:0 0 4px 8px;}


.staff_txt{padding:40px 0 0 0;}

.ulstyle li{text-indent:-15px;padding:0 0 0 15px;}

.goodstxt1{padding:0 0 80px 0; text-align:center;font-size:22px;}
.close_delete{text-decoration:line-through;}
.redtxt{color:#dc143c;}


.subsidy_logo{display:flex;align-items: center;padding:20px 0 10px 0;}
.subsidy_logo .artscouncil-tokyo{max-width:74px;}
.subsidy_logo .awt{max-width:143px;margin:0 0 0 30px;}

.staff_in{max-width:800px;width:100%;margin:0 auto;}

.guest{display:flex;margin:0 auto;max-width: 700px;padding:50px 0 0 0;}
.guest h5 span{font-size:15px;}
.guest p span{font-size:12px;}
.guest .guest_r{padding:0 0 0 30px;}

.viewing_support{margin:20px 0 0 0;}
.viewing_support h6{background:#06012a;color:#fff;text-align:center;line-height:1.6;padding:7px 10px;}
.viewing_support .viewing_support_in{background:#fff;padding:20px;border:1px solid #06012a;text-align:center;}

.tdu{text-decoration:underline;}
.annotation{font-size:13px;}








@media only screen and (max-width:767px){

	.pcnone{display:block!important;}
	.spnone{display:none!important;}



	.dlstyle dl{display:block;padding:15px 10px;}
	.dlstyle dl dt{width:100%;text-align:center;padding:0 0 2px 0;}
	.dlstyle dl dd{width:100%;text-align:center;border-left:none;padding:0;margin:0;display:block;}
	.dlstyle dl dd .btn {padding:0 0 15px 0;max-width:70%;margin:0 auto;}
	.dlstyle dl dd ul{margin:0;}
	.dlstyle dl dd ul li{padding:0;float:none;}


	.con_in{padding:40px 15px 60px 15px;}
	.con_in2{padding:0 15px 60px 15px;}
	.con_in3{padding:40px 15px 60px 15px;}

	#about {padding:60px 15px 60px 15px;}

	.tistyle1{padding:10px 15px;}
	.tistyle2 {margin:0 auto 20px auto;}
	.tistyle2:before {margin-right: 0.5rem;}
	.tistyle2:after {margin-left: 0.5rem;}

	#cast .castbox{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 0 0 -10px;}
	#cast .castbox .castbox_in{width:50%;padding:0 0 25px 10px;}
	#cast .name{padding:15px 0 0 0;}

	#cast .ensemble{padding:20px 0 25px 0;}

	.shufflebox{padding:60px 0 0 0;}
	.shufflebox .shuffletxt{padding:0 0 20px 0;}

	.tbl td img{max-width:22px;}



	.gmap iframe{height:250px;}

	.btn a{padding:5px 10px;max-width:70%;}


	.subsidy_logo{justify-content: center;}


	.guest{display:block;padding:30px 0 0 0;}
	.guest .guest_r{padding:30px 0 0 0;}


}


/*　SmartPhone　*/
@media only screen and (max-width:480px){
	body{font-size:3.5vw;/*letter-spacing: 0;*/}

	#gloval-nav {font-size: 4.2vw;}
	#gloval-nav nav li a{font-size:4.2vw;}

	footer {font-size:3vw;}

	.dlstyle dl dt{font-weight:bold;}

	footer {font-size:3vw;}

	#about h2{font-size:7.8vw;}
	#about h2 span{font-size:5.5vw;}
	#about p{font-size:4vw;}

	.tistyle1{font-size:5.8vw;}
	.tistyle2 {font-size:5.5vw;}
	.tistyle3{font-size:4.2vw;}
	.tistyle4{font-size:4.2vw;}
	.tistyle5{font-size:4vw;}

	#cast .name{font-size:4.3vw;}
	#cast .name span{font-size:2.5vw;}

	.shufflebox .shufflecast{font-size:3.5vw;}

	.tbl th{padding:5px 2px;font-size:3vw;}
	.tbl td{padding:5px 2px;font-size:3vw;}
	.tbl td img{width:20px;}
	.tbl td .multi p{padding:0 0 0 5px;}

	.schedule_txt{font-size:4.1vw;}
	.schedule_txt span{font-size:5vw;}

	.schedule_txt2{font-size:3vw;}


	.btn a{font-size:4.2vw;}
	.btn p{font-size:2.5vw;}
	.btn2 p{font-size:2.5vw;}

	.btn2 a{font-size:3.5vw;}

	.cap_txt{font-size:3.2vw;}




	.annai h5{padding:8px 5px;font-size:3.5vw;margin:40px 0 0 0;}
	.annai h6{margin:30px 0 10px 0;}
	.annai .taisyou_ico img{width:25px;padding:0 0 4px 8px;}

	.goodstxt1{padding:0 0 40px 0; text-align:center;font-size:4.3vw;line-height:1.8;}


	#cms p{font-size:4vw;text-align:center;line-height:2.6;}
	#story p{font-size:4vw;text-align:center;line-height:2.6;}

	.guest h5 span{font-size:3.5vw;}
	.guest p span{font-size:3vw;}


/*
	13px　→　3vw
	14px　→　3.3vw
	16px　→　3.5vw
	18px　→　3.8vw
	20px　→　4.0vw
	22px　→　4.2vw
	23px　→　4.3vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/




}