@charset "utf-8";

body{width: 100%;
	min-width: 1200px;
	overflow-y: scroll;
	text-align: center;}

.spacer1{width: 100%;
	font-size: 1.0vw;
	line-height: 100%;}
	
	
.font-goth1{font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;}

.font-goth2{font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;}

.font-goth3{font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;}

.font-en1{font-family: prometo, sans-serif;
font-weight: 400;
font-style: normal;}

.font-en2{font-family: prometo, sans-serif;
font-weight: 400;
font-style: italic;}


.font-en3{font-family: prometo, sans-serif;
font-weight: 500;
font-style: italic;}


.font-en4{font-family: prometo, sans-serif;
font-weight: 700;
font-style: normal;}


.font-en5{font-family: prometo, sans-serif;
font-weight: 700;
font-style: italic;}




.start_filter{width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	background:rgba(255,255,255,1.00);
	z-index: 9999;}

.loading_block{width: 300px;
	height: 150px;
	text-align: center;
	position: fixed; top: 50%; left: 50%;
	margin: -75px 0 0 -150px;}



@-webkit-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-ms-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-o-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}

.loading_img1 img,.loading_img2 img{
	height: 100%;}

.bg_box{width: 100%;
	height: 100vh;
	background: url("../img/bg1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: fixed; top: 0; left: 0;
	z-index: 0;}
	
.bg_box2{width: 100%;
	height: 100vh;
	background: url("../img/bg2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: fixed; top: 0; left: 0;
	z-index: 0;}
	

#container{ display: flex;
      flex-direction: column;
      min-height: 100vh;
	  position: relative;}


.header{width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 5;}
	

	
.header img{width: 10%;
	padding: 10px;
	float: left;}
	
.pc_menu{width: 50%;
	padding-right: 10px;
	float: right;
	overflow: hidden;}
	
.pc_menu_btn1{padding: 0 0.5%;
	font-size: max(1.6vw,16px);
	line-height: 200%;
	float: right;
	transition:0.3s all;}

.pc_menu_btn1 a{display: block;
	color: rgba(0,0,0,1.00);
	transition:0.3s all;}
	
.pc_menu_btn1 a:hover{color:rgba(255,152,0,1.00);}

.page_current{background: url("../img/page1_btn_bg1.svg");
	background-size: auto 100%;
	background-repeat: no-repeat;}

.main_img_inner{position: relative;}

.main_img_inner img{width: 100%;}

.dvd_link{width: 30%;
	position: absolute; top: 83%; left: 19%;
	transition:0.3s all;}
	
.dvd_link:hover{transform:scale(1.1,1.1);}

.link_btn1{width: 40%;
	margin: 0 auto;
	font-size: max(1.2vw,18px);
	text-align: center;
	background: rgba(0,163,255,1.00);
	border-radius: 100px;
	transition:0.3s all;}
	
.link_btn1:hover{opacity: 0.7;}

.link_btn1 a{display: block;
	padding: 5px 0;
	color: rgba(255,255,255,1.00);}

.con_title{font-size: max(5vw,72px);
	line-height: 180%;
	text-align: center;}
	
.title_bar{width: 60%;
	min-width: 900px;
	margin: 0 auto;}
	
.title_bar img{width: 100%;}

/* cast */
.cast_gname1{width: 20%;
	margin: 0 auto;
	font-size: max(1.6vw,24px);
	line-height: 180%;
	background: rgba(255,0,4,1.00);
	color: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 100px;}
	
.cast_gname2{width: 20%;
	margin: 0 auto;
	font-size: max(1.0vw,16px);
	line-height: 150%;
	background: rgba(255,0,4,1.00);
	color: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 100px;}

.cast_box1{display: inline-block;
	margin: 0 auto;
	overflow: hidden;}
	
.cast_block1{width: 12.8vw;
	min-width: 190px;
	padding: 0 1vw;
	float: left;}
	
.cast_block2{width: 10vw;
	min-width: 95px;
	padding: 0 0.5vw;
	float: left;}
	
.cast_img{width: 90%;
	margin: 0 auto 5px;}
	
.cast_img2{width: 100%;
	margin-bottom: 5px;}

.cast_img img,.cast_img2 img{width: 100%;}

.cast_name_box1{width: 100%;
	overflow: hidden;}
	
.character_img1{width: 40%;
	float: left;}
	
.character_img1 img{width: 100%;}

.cast_name_block1{width: 60%;
	height: 80%;
	padding-top: 10%;
	float: left;}

.character_name1{width: 90%;
	margin: 0 auto;
	font-size: max(1.0vw,14px);
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	text-align: center;}
	
.cast_name2{width: 90%;
	margin: 0 auto;
	font-size: max(1.2vw,18px);
	line-height: 150%;
	text-align: center;}
	
.cast_name3{width: 90%;
	margin: 0 auto;
	font-size: max(0.9vw,14px);
	line-height: 150%;
	text-align: center;}

.guest_date{width: 100%;
	font-size: max(0.9vw,12px);
	line-height: 180%;
	color: rgba(255,255,255,1.00);
	background: rgba(102,45,145,1.00);}
	
.guest_name{font-size: max(1.1vw,16px);}	



.cast_name1{font-size: max(1.4vw,20px);
	line-height: 140%;
	text-align: center;}

/* schedule */
.con_box1{width: 60%;
	min-width: 800px;
	margin: 0 auto;}

.text1{font-size: max(1.6vw,24px);}

.text2{display: inline-block;
	font-size: max(0.9vw,14px);
	line-height: 150%;
	text-align: left;}

.text3{display: inline-block;
	font-size: max(1.1vw,18px);
	line-height: 150%;
	text-align: left;}

.bg_gray{background: rgba(100,100,100,1.00);}

.bg_blue{background: rgba(0,179,255,1.00);}

.bg_pink{background: rgba(255,80,150,1.00);}

.bg_orange{background: rgba(255,152,0,1.00);}

.bg_green{background: rgba(150,200,0,1.00);}


.table_box1{width: calc(60% - 40px);
	min-width: 760px;
	padding: 20px;
	margin: 0 auto;
	background: rgba(255,255,255,0.80);
	border-radius: 10px;}
	
.table_box1 table{width: 100%;}

.schedule_td1{font-size: max(1.4vw,18px);
	line-height: 200%;
	text-align: center;
	vertical-align: middle;
	color: rgba(255,255,255,1.00);
	background: rgba(50,50,50,1.00);}
	
.schedule_td2{font-size: max(1.4vw,18px);
	line-height: 200%;
	text-align: center;
	vertical-align: middle;
	border: rgba(0,0,0,0.20) solid 1px;}
	
.schedule_td3{font-size: max(1.2vw,14px);
	line-height: 150%;
	text-align: center;
	vertical-align: middle;
	color: rgba(255,255,255,1.00);}

.schedule_td4{font-size: max(2.0vw,22px);
	line-height: 150%;
	text-align: center;
	vertical-align: middle;}

.weekday_text{font-size: max(1.6vw,14px);}

.schedule_td5,.schedule_td6,.schedule_td7{font-size: max(1.2vw,14px);
	line-height: 150%;
	text-align: center;
	vertical-align: middle;
	color: rgba(255,255,255,1.00);}

.schedule_td5{width: 30%;}

.schedule_td8{font-size: max(1.8vw,24px);
	line-height: 200%;
	text-align: center;
	vertical-align: middle;
	border: rgba(0,0,0,0.20) solid 1px;}

.schedule_td9{font-size: max(1.4vw,18px);
	line-height: 200%;
	text-align: center;
	vertical-align: middle;
	border: rgba(0,0,0,0.20) solid 1px;}

.caution1{font-size: max(0.9vw,14px);
	line-height: 150%;
	text-align: left;}

.stage_text1{font-size: max(1.1vw,18px);
	line-height: 150%;
	text-align: left;}

.stage_text2{font-size: max(1.0vw,16px);
	line-height: 150%;
	text-align: left;}

/* map */
#wrapper {
    position: relative;
    width: 60%;
	min-width: 800px;
	margin: 0 auto;
}

#wrapper:before {
    content:"";
    display: block;
    padding-top: 28.12%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}

#content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ticket */
.ticket_table_box1{width: 70%;
	margin: 0 auto;}
	
.ticket_table_box1 table{width: 100%;}

.table_title1{padding: 10px;
	font-size: max(1.1vw,18px);
	text-align: center;
	color: rgba(255,255,255,1.00);}

.ticket_td1{width: 30%;
	padding: 10px;
	font-size: max(1.1vw,18px);
	color: rgba(255,255,255,1.00);
	background: rgba(50,50,50,1.00);
	vertical-align: middle;}

.ticket_td2{width: 70%;
	padding: 10px;
	font-size: max(1.1vw,18px);
	text-align: left;
	background: rgba(255,255,255,1.00);
	vertical-align: middle;}

.ticket_td3{width: 100%;
	padding: 10px 0;
	font-size: max(1.1vw,18px);
	line-height: 150%;
	text-align: center;
	background: rgba(255,255,255,1.00);
	vertical-align: middle;}

.ticket_btn{width: 25%;
	margin: 0 auto;
	line-height: 200%;
	border-radius: 5px;
	background:rgba(97,0,255,1.00);
	transition:0.3s all;}
	
.ticket_btn:hover{transform:scale(1.1,1.1);}
	
.ticket_btn a{display: block;
	color: rgba(255,255,255,1.00);}



footer{width: 100%;
	margin-top: auto;
	padding: 10px 0;
	color: rgba(255,255,255,1.00);
	text-align: center;
	background: rgba(255,80,150,1.00);}

	


ul.listmarker1 {
	list-style-type: none;
	margin-left:14px;
}

ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-14px; 
}

ul.listmarker2 {
	list-style-type: none;
	margin-left:16px;
}
	
ul.listmarker2 li:before {
	content: '・'; 
	margin-left:-16px; 
}

ul.listmarker_space{margin: 0;
	padding: 0;}
	
ul.listmarker_space li{list-style-type: none;
	padding-left: max(1.1vw,24px);
	padding-top: 10px;
	text-indent: max(-1.4vw,-48px);}

.inline{display: inline-block;
	text-align: left;}
	
/* 追従メニュー */
.nav{position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   border-radius: 0;
   background:rgba(255,255,255,0.90);
   /*border-bottom:rgba(216,12,24,0.50) 1px solid inset;*/
   z-index:4;
   overflow:hidden;}

.nav img{width: 6%;
	padding: 10px;
	float: left;}

 .nav_line{width: calc(100% - 2%);
	padding: 0 1%;
	font-size: 0.85vw;
	line-height: 150%;
	color: rgba(255,255,255,1.00);}






@media screen and ( max-width:736px )
{
body{width: 100%;
	min-width: 320px;}

.sp_menu_logo{width: 90%;
	padding-bottom: 20px;
	margin: 0 auto;}

.spacer1{width: 100%;
	font-size: 4.0vw;
	line-height: 100%;}

#conttainer{margin-top: 0;}

.dvd_link{width: 90%;
	margin: 0 auto;
	position: static;
	transition:0.3s all;}
	
.dvd_link:hover{transform:scale(1.0,1.0);}

.link_btn1{width: 80%;
	font-size: max(3.8vw,14px);}
	
.link_btn1:hover{opacity: 1.0;}

.con_title{font-size: 10.5vw;
	line-height: 180%;
	text-align: center;}
	
.title_bar{width: 90%;
	min-width: 0;
	margin: 0 auto;}

/* cast */
.cast_gname1{width: 70%;
	margin: 0 auto;
	font-size: max(4.2vw,18px);
	line-height: 180%;
	background: rgba(255,0,4,1.00);
	color: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 100px;}
	
.cast_gname2{width: 70%;
	margin: 0 auto;
	font-size: max(2.8vw,12px);
	line-height: 150%;
	background: rgba(255,0,4,1.00);
	color: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 100px;}

.cast_box1{display: inline-block;
	margin: 0 auto;
	overflow: hidden;}
	
.cast_block1{width: 60%;
	min-width: 0;
	margin: 0 auto 30px;
	float: none;}

.cast_block2{width: 40%;
	min-width: 0;
	padding: 0 5% 30px;
	float: left;}

.cast_name1{font-size: max(3.8vw,15px);
	line-height: 140%;
	text-align: center;}

.character_name1{font-size: max(4.2vw,14px);}
	
.cast_name2{font-size: max(5vw,18px);}

.guest_date{font-size: max(3.4vw,12px);
	line-height: 180%;}
	
.guest_name{font-size: max(4.2vw,16px);}	

/* schedule */
.con_box1{width: 90%;
	min-width: 0;
	margin: 0 auto;}

.text1{font-size: max(5vw,17px);}

.text2{display: inline-block;
	font-size: max(4.0vw,14px);
	line-height: 150%;
	text-align: left;}

.text3{display: inline-block;
	font-size: max(4.2vw,15px);
	line-height: 150%;
	text-align: left;}

.table_box1{width: calc(90% - 20px);
	min-width: 0;
	padding: 10px;
	margin: 0 auto;
	background: rgba(255,255,255,0.80);
	border-radius: 5px;}

.schedule_td1{font-size: max(5vw,18px);}
	
.schedule_td2{font-size: max(5vw,18px);}
	
.schedule_td3{font-size: max(4vw,14px);}

.schedule_td4{font-size: max(6vw,22px);}

.weekday_text{font-size: max(4vw,14px);}

.schedule_td5,.schedule_td6,.schedule_td7{font-size: max(4vw,12px);}

.schedule_td5{width: 20%;}

.schedule_td6{width: 30%;}

.schedule_td7{width: 50%;}

.schedule_td8{font-size: max(5vw,18px);}

.schedule_td9{font-size: max(4vw,14px);}

.caution1{font-size: max(3vw,10px);
	line-height: 150%;
	text-align: left;}

.stage_text1{font-size: max(3.8vw,14px);
	line-height: 150%;
	text-align: left;}

.stage_text2{font-size: max(3.4vw,11px);
	line-height: 150%;
	text-align: left;}
/* map */
#wrapper {
    position: relative;
    width: 90%;
	min-width: 0;
	margin: 0 auto;
}

#wrapper:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}

#content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ticket */
.ticket_table_box1{width: 100%;
	margin: 0 auto;}
	
.ticket_table_box1 table{width: 100%;}

.table_title1{font-size: max(4.2vw,16px);
	text-align: center;}

.ticket_td1{display: block;
	width: auto;
	padding: 10px;
	font-size: max(4.2vw,16px);
	text-align: center;}

.ticket_td2{display: block;
	width: auto;
	padding: 10px;
	font-size: max(4.2vw,16px);
	text-align: center;}
	
.ticket_td3{width: 100%;
	padding: 10px;
	font-size: max(4.2vw,16px);
	line-height: 150%;
	text-align: center;
	background: rgba(255,255,255,1.00);
	vertical-align: middle;}

.ticket_btn{width: 90%;
	margin: 0 auto;
	line-height: 200%;
	border-radius: 5px;
	background:rgba(97,0,255,1.00);
	transition:0.3s all;}
	
.ticket_btn:hover{transform:scale(1.0,1.0);}
	

.footer_text1{padding-bottom: 70px;
	font-size: 4.0vw;
	line-height: 150%;}
	
.copyright{font-size: 3.8vw;
	line-height: 150%;}
	
ul.listmarker1 {margin-left:12px;}
	
ul.listmarker1 li:before {margin-left:-12px;}

ul.listmarker_space{margin: 0;
	padding: 0;}
	
ul.listmarker_space li{list-style-type: none;
	padding-left: max(3.6vw,20px);
	padding-top: 10px;
	text-indent: max(-4.6vw,-20px);}


}