@charset "utf-8";



:root{
    /* --staff-role-color:#c12604;
    --hover-color:#cd5a40;
    --accent-color:#c83e20; */
    --staff-role-color:#A37500;
    --hover-color:#ab862b;
}

.comingsoon{ line-height: 1.4em; padding: 4em 0;color: var(--accent-color);font-size: 44px;letter-spacing: 3.52px;text-align: center;}

.pop_block{ background-color: #000; color: #fff; border: 8px double #fff; padding: 50px;}
.pop_block .tit{ font-size: 26px; font-weight: bold; line-height: 1.5em; color: #f8b16b; margin-bottom: 40px;}
.pop_block .info_box{ text-align: center; margin-bottom: 40px; border: 2px solid #fff; padding: 24px 20px 30px;}
.pop_block .info_box .stit{ font-size: 16px; line-height: 1.5em; background-color: #d60e19;; color: #fff; padding: 5px 12px 8px;}
.pop_block .info_box p{ font-size: 18px; font-weight: bold; line-height: 1.8em;}
.pop_block .info_box p:last-child{ margin-bottom:0;}
.pop_block .txt_box{ text-align: left; margin-bottom: 40px;}
.pop_block .txt_box .stit{ font-size: 18px; font-weight: bold; margin-bottom: 8px;}
.pop_block .txt_box p{ font-size: 15px; font-weight: 500; line-height: 1.7em; text-align: center;}
.pop_block .txt_box p strong{ font-size: 2.2em; line-height: 2em;}
.pop_block .end_txt{ font-size: 14px; font-weight: bold; line-height: 1.5em;}

@media only screen and (max-width: 769px){
.comingsoon{ font-size: 24px;}
    
.pop_block{ border: 6px double #fff; padding: 20px 12px;}
.pop_block .tit{ font-size: 18px; margin-bottom: 20px;}
.pop_block .info_box{ text-align: left; padding: 8px; margin-bottom:24px; border: 1px solid #fff;}
.pop_block .info_box .stit{ font-size: 14px; padding: 2px 8px;}
.pop_block .info_box p{ font-size: 14px; line-height: 1.5em;}
.pop_block .txt_box{ margin-bottom: 28px;}
.pop_block .txt_box .stit{ font-size: 16px; margin-bottom : 4px;}
.pop_block .txt_box p{ font-size: 14px; line-height: 1.5em; text-align: left;}
.pop_block .txt_box p strong{ font-size: 1.5em;}
}



/********************** top *******************************/
#top main{ }

#top .container{max-width: 600px;width: 94%;margin:0 auto;}
.in_container{ max-width:1000px; margin:0 auto;}
/*
.top_catch{mix-blend-mode: overlay; }
.top_catch span{position: fixed; left: 0; bottom: 5vh; width: 100%; background-image: url("../images/main_catch.png"); z-index: 1; height: 100vh; background-repeat: no-repeat; background-position: bottom left; background-size: 50%; }
*/
@media only screen and (max-width: 768px){
.top_catch span{background-size: 100%; bottom: 5vw; }
}

#top .top_main{width:100%;height:70.8vw ; max-height: 884px; margin: 0 0 2.5vw;position:relative;max-width: 1250px;margin: 50px auto 100px;
background-image: url("../images/sekaneko2025_kv.jpg"); 
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 50%;
}
.top_main img{ width:100%;}
.top_main .top_main_left{width: 50%;position: relative;height: 100%;}

.top_main .main_tit{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;width: 70%;z-index: 80;opacity: 0;}
.top_main .main_tit h2{ margin-bottom: 6px;}
.top_main .main_tit p{ margin: 0;}
.top_main .main_tit a{ display: block; background-color: var(--accent-color); color: #fff; font-size: 20px; font-weight: bold; line-height: 1.5em; padding: 30px 0; margin: 20px auto 0;}
.top_main .main_tit a:hover{ opacity:0.8;}
.top_main .top_cast{ position: relative; top: 0; right: 0; margin-left:auto; width: 70vw; z-index:70; opacity:0;}

.top #news{ width: 94%; max-width: 1169px; margin: 0 auto; display: flex; justify-content: space-between; padding: 0;flex-direction: column;}
.top #news .block{width: 100%;display: flex;justify-content: space-between;}
.top #news .block .heading{max-width: 30px;margin-right: 56px;}
.top #news .block .inner-content{width: calc(100% - 86px);}
.top #news .block .inner-content .news_li dl{display: flex;}
.top #news .block .inner-content .news_li dl dt{max-width: 70px;margin-right: 40px;padding-left: inherit;margin-top: 3px;}
.top #news .block .inner-content .news_li dl dt{width: calc(100% - 110px);}

.top #news .block .inner-content 

.top #news .twt_area {display: block;}



.top_main .modal_pop{ position: absolute; width: 16vw; top: 33vw; right: 3vw; z-index: 90; opacity:0;}
.pop_box{ background-color: #fff; padding: 3vw 4vw 2vw; color: #000; text-align: left; border: 10px solid #1a7cad; background-image:url(../images/foot_bg.jpg); background-repeat:no-repeat; background-size:contain; background-position:center;}
.pop_box h3{ text-align: center; font-size: 20px; font-weight: bold; line-height: 1.4em; margin-bottom: 40px;}
.pop_box .txt_box{ margin-bottom: 40px;}
.pop_box .txt_box p{ font-size: 16px; line-height: 1.9em; font-weight: 400;}
.pop_box .txt_box p span{}
.pop_box .comment_box{ border: 1px solid #1a7cad; padding: 30px; background-color:#fff; margin-bottom: 20px;}
.pop_box .comment_box h4{ font-size: 20px; line-height: 1.5em; margin-bottom: 20px;}
.pop_box .comment_box p{ font-size: 16px; line-height: 2em; font-weight: 400;}

.movie_wrap{ width: 100%; margin: 0 auto;}
.movie_wrap .iframe_box{ position: relative; height: 0px; width: 100%; padding-bottom: 56.25%;}
.movie_wrap .iframe_box iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/* アニメーション */
.intro_loader{ overflow:hidden; height:100vh;}
.loader_bg{ background-color:#fff; width:50%; height:100vh; position:absolute; top:0; z-index: 1000;}
.loader_bg.left{ left:0;}
.loader_bg.right{ right:0;}
.loader{background-image:url("../images/logo25.png");background-repeat : no-repeat; background-size:16%; background-position : 50% 46%; z-index:9999; position:absolute; top:0; left:0; width: 100%; height: 100vh; opacity:0; animation: anime_loader 0.4s;  animation-fill-mode:both;}

#news{ opacity:0; transition: 1s;}

@keyframes anime_loader {
0%  { opacity:0;}
100%  { opacity:1;}
}
.intro_r_fo .loader{ animation-fill-mode: inherit;}

.intro00{}
.intro00 .loader_bg{ transition: 0.5s ease-out; width:0;}
.intro00 main{ left:0; transition: 0.4s ease-out; opacity:1;}

.intro01{}
.intro01 .main_tit{ animation: anime_fade 2s; animation-delay:0.3s; opacity:0; animation-fill-mode: both;}
@keyframes anime_fade {
0%  { opacity:0;}
100%  { opacity:1;}
}

.intro02{}
.intro02 .top_cast,
.intro02 .main_tit,
.intro02 header.top,
.intro02 #news,
.intro02 .modal_pop{ opacity:1;}

.in .top_main{ height: auto; margin-top:95px;}
.in .top_main h2{ width: 60%;  opacity:1; position: inherit; top: inherit; right: inherit; margin: 0 auto; padding: 4vw 0 4vw;}

.twt_area {width: 94%; max-width: 1169px; margin: 0 auto; padding: 0;}
.twt_area iframe{ height:600px!important; }


.twt_area .footer_sns a{display: block; width: 230px; margin: 0 auto;}
.twt_area .footer_sns img{width:100%;}

.mainvisual{ display:table; overflow:hidden; width:100%;}
.mainvisual figure{  display:table-cell; line-height:0; max-height:90vh; max-width:50%; background-color:#3485c5;}
.mainvisual img{ max-height:90vh; max-width:100%; }
.mainvisual .txtarea{  width:50%; padding:3%; display:table-cell; vertical-align:middle;}

.mainvisual h2{ font-size:24px; margin-bottom:25px; font-weight:bold;}
.mainvisual h3{ font-size:18px; line-height:1em; font-weight:bold;}
.mainvisual h3:after{content:"."; font-size:0; line-height:0; border-bottom:1px solid #003366; display:block; width:36px; padding-top:15px; margin:0 auto 15px;}
.mainvisual .txt{ font-size:16px; line-height:1.6em; text-align:left;}


@media only screen and (max-width: 768px){
.loader{ background-size:40%;}

#top main{ width: 100%;}
#top .top_main{ }
    
#top .top_main{width: 100%;max-height: inherit;min-height: 142vw; height: inherit;background: url(../images/sekaneko2025_kv.jpg);  background-size: 100%; background-repeat: no-repeat;margin: 0 auto 10vw;}
.top_main h2{  width: 92%; position:inherit; margin:0 auto; }
.top_main .top_cast{ top: 0; left: 0; right: inherit; margin-left: inherit; width: 100%;}
.top_main .main_tit{display: none; width: 88%;margin: 0 auto; position: inherit; right: 0; transform: inherit; padding-top: 80vw;}
.top_main .main_tit p{ width: 94%; margin: 0 auto;}
.top_main .main_tit a{ width: 94%; font-size: 16px; padding: 12px 0; margin: 12px auto 0;}

.top #news .block .heading{margin-right: 26px;}
.top #news .block .inner-content{width: calc(100% - 56px);}
.top #news .block .inner-content .news_li dl{display: block;}

.top_main .modal_pop{ top:195.1vw; left:3vw; width:94vw;}

.pop_box{ border: 4px solid #1a7cad; padding: 20px 12px;}
.pop_box h3{ text-align:left; font-size:17px; margin-bottom: 20px;}
.pop_box .txt_box{ margin-bottom: 24px;}
.pop_box .txt_box p{ font-size: 14px; line-height: 1.6em;}
.pop_box .comment_box{ padding: 12px; margin-bottom:12px;}
.pop_box .comment_box h4{ font-size:16px; font-weight:bold; margin-bottom:12px;}
.pop_box .comment_box p{ font-size: 14px; line-height: 1.7em;}

.in .top_main{ margin-bottom:10px; margin-top: 80px; background: none;}
.in .top_main h1{ width:76%; padding:26px 0 0; }
.in .top_main h2{ width: 76%; margin:0 auto;}

.in h3{ line-height:1em;}
.in h3 img{ max-height:20vw;}
.in h3.cast{ text-align:left;}

.twt_area iframe{ height:250px!important; width:94vw !important;}
.twt_area .footer_sns a {width: 200px;}

    .top #news{ display: inherit;}
    .top #news div.block{ width: 100%; }    

}




/********************** movie *******************************/
#movie{ max-width:1100px; width:95%; text-align:left; margin:0 auto 4vw;}
#movie h3{ margin-bottom:10px; text-align:left;}
#movie h3 img{ width:auto;}
#movie p{  font-size:18px; font-weight:bold; line-height:1.5em;}
#movie .movie_wrap{ width: 80%; margin:0 auto;}
#movie .movie_wrap .iframe_box{ position: relative; height: 0px; width: 100%; padding-bottom: 56.25%;}
#movie iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


@media only screen and (max-width: 768px){
#movie h3{ margin-bottom:10px;}
#movie h3 img{ height: 8vw !important;}
#movie p{ margin-bottom:6px; font-size:16px;}
#movie .movie_wrap{ width:100%; margin-right:0; float:none; margin-bottom:5px;}
}



.cs{ padding:100px 0 200px; width:50%;}
@media only screen and (max-width: 768px){
.cs{ padding:100px 0; width:70%;}
}

/********************** 下層NEWS *******************************/
#news_in{ width:95%; max-width:1000px; margin:0 auto 3vw; text-align:left; position:relative; }

#news_in .news_area{ width:100%; margin-bottom:100px;}
#news_in .news_area dl{ border-bottom:1px solid #646464; padding-bottom:30px; margin-bottom:30px;}
#news_in .news_area dt{ font-weight:bold; position:relative; padding-left:6.5em; font-size:20px; line-height:1.4em; margin-bottom:15px; }
#news_in .news_area dt span{ display:block; color: var(--accent-color); width: 6.4em; letter-spacing: 0.02em; text-align: left; position: absolute; left: 0; top: 2px;}
#news_in .news_area dd{ font-size: 14px; line-height: 1.8em;}
#news_in .news_area a{ color:#000; font-weight: bold; display:block; transition:0.2s;}
#news_in .news_area a:hover{ background-color:rgba(255,255,255,0.1); transition:0.2s;}

#news_in .twt_area{ border:1px solid #2cabd4; border-radius:5px;width:36%;}
#news_in .twt_area h2{ background-color:#2cabd4; color:#fff; padding:0 20px; font-size:26px;}

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 文字色 */
	background: #2cabd4; /* 背景色 */
}
.pagination a:hover{
	color: #2cabd4; /* マウスホバー時の文字色 */
	background: #fff; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	/*background: #F9D635; /* 現在のページの文字色 */
	/*color: #47BEA0; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}


@media only screen and (max-width: 768px){
#news_in{ width:100%;}
#news_in h2{ margin-bottom:5px}
#news_in .news_area{ margin-bottom:25px;}
#news_in .news_area dl{ padding-bottom:15px; margin-bottom:15px;}
#news_in .news_area dt{ padding-left:0; font-size:16px; line-height:1.3em; margin-bottom:5px;}
#news_in .news_area dt span{  width:6.4em; letter-spacing:0.02em; position:relative; left:0; top:0; font-size:16px; margin-bottom:8px;}
}




/********************** ABOUT *******************************/
#about{ margin-bottom:120px;}

#about{ font-size: 20px;  line-height: 2.2em;}
#about h3{ width: 30%; margin: 0 auto 20px;}
#about h3 img{ width:100%;}
#about p{ margin-bottom: 30px;}
#about .intro_link{ display: block; color: #000; border: 1px solid; font-size: 24px; line-height: 1.5em; padding: 24px 0; margin-top: 60px; transition: 0.2s ease; text-align: center;}
#about .intro_link:hover{ color: #1eba88; border-color: #1eba88; transition: 0.2s ease;}

@media only screen and (max-width: 768px){
#about{ margin-bottom:60px; text-align: left;}
#story{ margin-bottom:0;}

#about,
#story{ font-size:16px; font-weight:bold; line-height:1.7em;}
#about h3,
#story h3{ width: 50%; margin: 0 auto 16px;}
#story p.strong{ font-size:16px;}
#story p.strong span{ font-size:32px;}

#story .story_wrap .txt{ float: none;  font-size: 16px; line-height: 1.7em; width:100%; margin-bottom: 24px; padding-right: 0;}

#about .intro_link{ font-size: 14px; padding: 18px 0; margin-top: 0;}

}


/********************** CAST&STAFF *******************************/
.container.cast{ max-width:inherit;}

#cast{ padding-bottom:200px; font-size:24px; line-height:1.6em;}
/* #cast h3{ margin: 0 auto 26px; font-size: 30px; line-height: 1.5em;} */
#cast .in_heading img{ width:100%;}

#cast .cast_wrap{ margin-bottom: 140px;}
#cast .cast_list{     margin-bottom: 1.1em;}
#cast .cast_list li,
#cast .cast_list2 li{ display: inline-block; vertical-align: top; width: 30.1%; margin: 0 1%;}
#cast .cast_list2 li{ width: 23%;}
#cast .cast_list li figure{ width:100%; line-height: 0; margin-bottom: 16px; padding:8px; border:2px solid var(--accent-color); position:relative;}
#cast .cast_list li figure:hover img{ transform:translateX(-50%); transition: 0.2s ease;}
#cast .cast_list li figure div{ overflow:hidden;}
#cast .cast_list li img{ width:200%; transition: 0.2s ease;}
#cast .cast_list li .cast{font-size: 16px;line-height:1.6em;color: #000;padding: 0.4em 0 0.6em;letter-spacing: 1.24px;}
#cast .cast_list li .cast .role{ display:block;  font-size:1em; font-weight: bold; line-height:1em; margin-bottom:0.8em;}

#cast .cast_list li.parts figure:before,
#cast .cast_list li.parts figure:after{ content:""; position:absolute; background-size:contain; background-repeat:no-repeat; width: 100%; z-index: 50;}
#cast .cast_list li.parts figure:before{/* background-image:url(../images/cast_before.png); */height: 30.4%;top: -12px;left: -12px;}
#cast .cast_list li.parts figure:after{/* background-image:url(../images/cast_after.png); */height: 23%;bottom: -13.6px;right: -16px;background-position: right;}

#cast .cast_list li.single{width: 90%;}
#cast .cast_list li.single figure img{ width:100%; transition:none;}
#cast .cast_list li.single figure:hover img{ transform:none; transition:none;}

#cast .other{ max-width: 700px; width: 100%; margin: 0 auto;}
#cast .other p{ font-size: 16px; margin-bottom: 8px; line-height: 2em;}
#cast .other p span{ color: var(--accent-color); margin-right: 0.5em;}

#cast .cast_list_txt{ margin-bottom:2em;}
#cast .cast_list_txt.last{ margin-bottom:100px;}
#cast .cast_list_txt dl{ display:table; width: 100%; margin: 0 auto 0.5em;}
#cast .cast_list_txt dt{ display:table-cell; text-align: right; width: 50%; font-size: 18px;padding-right: 20px;}
#cast .cast_list_txt dd{ display:table-cell; width: 50%; text-align: left;  font-size: 18px;}

#cast .staff_wrap{ margin: 0 auto 30px;}
#cast .staff_wrap p{ font-size: 18px; line-height:1.5em; margin-bottom: 8px;}
#cast .staff_wrap span{ color:var(--staff-role-color); font-size:15px; display: inline-block; margin-right: 3px; }

#cast .staff_wrap img{width:80px; vertical-align: middle;}

#cast .cast_list.ver2 li{ width: 22%;}

#cast .sub_character{ line-height:2em;}
#cast .sub_character .sname{color: var(--accent-color); font-size:0.8em;}

#cast .another_cast{ margin-bottom:20px; padding-top:30px;}
#cast .another_cast dt{ font-weight: bold; line-height:1.5em; display: inline-block; width: 50%; color:var(--accent-color); margin-bottom: 12px;}
#cast .another_cast dd{ font-size: 16px; line-height: 1.5em;}

/*キャストテキスト表記*/
#cast .cast_wrap{ margin-bottom: 100px;}
#cast .cast_txt{ margin-bottom: 30px;}
#cast .cast_txt dl{ display: flex; width: 100%; align-items: center;}
#cast .cast_txt dt{ width: 50%; text-align: right; font-size: 14px; }
#cast .cast_txt dd{ width: 50%; text-align: left; padding-left: 1em; line-height: 2em;}

@media only screen and (max-width: 768px){
#cast{ padding-bottom: 20px;}
#cast .in_heading{ width: 100%; margin: 0 auto 30px; text-align: center;}
#cast p{ font-size:16px;}
#cast p span{ font-size:16px;}


/*キャストテキスト表記*/
#cast .cast_wrap{ margin-bottom: 100px;}
#cast .cast_txt{ margin-bottom: 30px;}
#cast .cast_txt dl{ display: flex; width: 100%; align-items: center; margin-bottom: 0.2em;}
#cast .cast_txt dt{ font-size: 12px; line-height: 1.3em; }
#cast .cast_txt dd{ padding-left: 1em;  font-size: 18px;}


#cast .cast_wrap{ margin-bottom: 80px;}
#cast .cast_list{ margin-bottom: 12px;}
#cast .cast_list li{ float: none; width: 80%; margin: 0 auto 16px; margin-right: auto;}
#cast .cast_list li figure{ margin-bottom:12px;}
#cast .cast_list li figure:hover img{ transform: inherit;}
#cast .cast_list li img{ width:100%;}
#cast .cast_list li .cast{ font-size:16px;  padding:0.4em 0;}

#cast .cast_list2{ font-size:0;}
#cast .cast_list2 li{ width:49%; display:inline-block;}
#cast .cast_list2 li img{ width:200%;}
#cast .cast_list2 li:nth-child(2n){ margin-left:2%;}

#cast .other{ padding-top:12px;}
#cast .other p{ font-size: 14px; margin-bottom: 16px;}

#cast .cast_list_txt{ margin-bottom:1em;}
#cast .cast_list_txt.last{ margin-bottom:100px;}
#cast .cast_list_txt dl{ display:block; margin: 0 auto; text-align:left; line-height: 1.3em;}
#cast .cast_list_txt dt{ display:inline; text-align: left; width: inherit; font-size: 14px;  padding-right:0;}
#cast .cast_list_txt dd{ display:inline; width: inherit; font-size: 14px;}

#cast .staff_wrap{}
#cast .staff_wrap p{ font-size: 14px; line-height: 1.5em; position: relative; margin-bottom: 6px;}
#cast .staff_wrap span{ font-size: 14px;}
    
#cast .cast_list.ver2 li{ width: 44%; margin: 0 2% 16px;}

#cast .another_cast{ margin-bottom:0;}
#cast .another_cast dt{ width: 80%; font-size:18px; margin-bottom: 8px;}
#cast .another_cast dd{ font-size: 14px;}
}

/********************** SCHEDULE *******************************/

#schedule{ padding-top: 50px;}
#schedule .sc_block{ margin-bottom: 120px;}
#schedule .all_date{}
#schedule .all_date .strong{}

#schedule .venue{ font-size:16px; line-height:1.4em; margin-bottom:30px;}
#schedule .place{ color: var(--accent-color); font-size: 42px; font-weight: bold; line-height: 1em; margin-bottom: 30px;}
#schedule .datetit{ font-size:40px; line-height:1.5em; margin-bottom:0.5em; }
#schedule .datetit strong{ font-size:1.5em;font-weight: 400;}
#schedule .datetit .venue{ font-size: 0.75em;}
#schedule .map{ display:inline-block; color:#000; margin-left:15px; padding:4px 0; width: 130px; transition:0.2s; font-size: 16px; position:relative; top:-1px;border: 1px solid #000;border-radius: 15px;}
#schedule .map:hover{background-color: var(--accent-color);transition:0.2s;}
#schedule .bar{ margin-bottom:16px;}
#schedule .bar img{ max-width: 735px; width: 100%;}

#schedule .in_heading{margin: 0 auto 70px;}

.schedule_table {margin-bottom: 30px;position:relative;}

.calendar01{ width:100%;  font-size:18px; line-height:1em; table-layout:fixed; }
.calendar01 th	{text-align: center;border: 1px solid #666;color: #000;padding:10px 0;font-size: 15px;font-weight: bold;background-color: #fff;}
.calendar01 th.wd{width: 10em;}
.calendar01 th.blue{background-color: #17317c;color: #fff;}
.calendar01 th.red{background-color: #7c1717;color: #fff;}
.calendar01 td{text-align: center;color: #000;border: 1px solid #666;/* background-color:rgba(0,0,0,0.3); */padding:15px 0;font-size: 16px;}
.calendar01 td.time{background-color: #fff;color: #000;}
.calendar01 td:first-child	{ text-align: center;}
.calendar01.pc_only{ display:table; margin-bottom: 6px;}


.cast_schedule table{border-collapse: collapse;width: 100%;table-layout:fixed;line-height: 1.4em;}
.cast_schedule th{width: 7%;background: var(--accent-color);text-align: center;padding: 18px;font-weight: 300;}
.cast_schedule th{border: 1px solid #E5D8C0;}
.cast_schedule .time{background: var(--accent-color);padding: 18px;line-height: 1.7em;}
.cast_schedule td{border: 1px solid #E5D8C0;}
.cast_schedule th:first-of-type{width: 150px;}
.cast_schedule th.head{width: calc((100% - 150px)/5);}

#schedule .note{ margin: 0; font-size: 14px; line-height: 1.5em;}
#schedule .text-list ul li{ font-size: 12px;}


_::-webkit-full-page-media, _:future, :root .cast_schedule th.head {
    width: 17%; 
}

@media only screen and (max-width: 768px) { 
    
    .cast_schedule table{font-size: 2.5vw;}
    .cast_schedule th:first-of-type{width: 40px;}
    .cast_schedule th.head{padding: 2vw;width: calc((100% - 40px)/5);}
    .cast_schedule .time{padding: 8px 0;font-size: min(2.5vw,14px);}
    .cast_schedule td{border: 1px solid #E5D8C0;font-weight: bold;}
#schedule{  margin:0 auto; padding-bottom:20px; }
#schedule .all_date{ margin-bottom:38px;}
#schedule .sc_block{ margin-bottom: 40px;}

#schedule .venue{ font-size: 12px; font-weight:bold; line-height: 1.4em; margin-bottom: 10px; text-align: left; position: relative;}
#schedule .place{ font-size: 32px; margin-bottom: 20px;}
#schedule .datetit{ font-size:20px;}
#schedule .map{ padding: 4px 15px; position: absolute; width: 20%; right: 0; text-align:center; font-size: 12px;    top: 50%;transform: translateY(-50%);}

.schedule_table{margin-bottom: 20px;}

.calendar01{ border-collapse: separate; font-size: 14px;}
.calendar01 th.wd{ width:5em; }
.calendar01 th{padding:8px 0; font-size: 14px;}
.calendar01 td{ padding:5px 0; font-size:14px;}
.calendar01 td img{ max-width: 18px;}
.calendar01.sp_only{ display:table; margin-bottom: 4px;}

#schedule .note{ font-size: 12px; text-align: left;}
}

#tickets{ /*margin-bottom: 120px;*/ margin-bottom:0;}
#tickets p.cs{ font-size:24px;}

#tickets .price{ max-width:485px; width:100%; margin:0 auto 50px;}
#tickets .price .text-list ul li{font-size: 14px;}
#tickets .price p{ font-size: 18px; line-height: 1.5em; padding-top: 12px;}

#tickets .info_box{ text-align:left; max-width: 720px; margin: 0 auto 80px; width:100%;font-size: 14px; line-height: 1.5em;}
#tickets .info_box .text-list ul li{font-size: 14px;}

.price dl{ display:table; width:100%; font-size:24px; font-weight:bold; text-align:left; padding: 20px 0;}
.price dt{ display:table-cell; vertical-align:text-top; width:40%; }
.price dd{ display:table-cell; vertical-align:text-top;text-align: right;}
.price dd span{ font-size:34px;font-weight: 400;}

#tickets .playguide{ text-align:left; margin-bottom:80px;}
#tickets .playguide li{ position:relative; margin-bottom: 60px; padding-right: 33%;}
#tickets .playguide li h3{ font-size:28px; font-weight:bold; line-height:1.6em; margin-bottom:18px; color:var(--accent-color);}
#tickets .playguide li h3 span{ font-size: 22px; color:#000;}
#tickets .playguide li .date_detail{}
#tickets .playguide li .start{ font-size:24px; line-height:1.6em; font-weight:bold; margin-bottom:25px;}
#tickets .playguide li .start strong{ font-size:2em;}
#tickets .playguide li .start span{ font-size:1.5em;}
#tickets .playguide li .end{ font-size:16px; line-height:1.5em; margin-bottom:20px;}
/* #tickets .playguide li .ticket_link a{ display: block; background-color: var(--accent-color); color: #fff; font-weight: bold; font-size: 16px; padding: 25px 0; line-height: 1em; width: 30%; position: absolute; text-align: center; top: calc(50% - 33px); right: 0;} */
#tickets .playguide li .ticket_link a:hover{ opacity:0.8;}
#tickets .playguide li .ticket_link a:after{ content:"\025b6"; position: absolute; right: 10px; font-size: 10px;}

/* プレイガイド四種 */
#tickets .playguide li.four{ padding-right: 0;}
#tickets .playguide li.four h4{}
#tickets .playguide li.four .ticket_link ul{}
#tickets .playguide li.four .ticket_link li{ width: 24%; float: left; margin-right: 1.33%; margin-bottom: 0; padding-right: 0; transition: 0.2s ease;}
#tickets .playguide li.four .ticket_link li:hover{ box-shadow: 0px 4px 23px -15px; transform: translateY(-2px); transition: 0.2s ease;}
#tickets .playguide li.four .ticket_link li:nth-child(4n){ margin-right:0;}
#tickets .playguide li.four .ticket_link li a{ position: relative; top: inherit; right: inherit; width: 100%; padding: 25px 12px 16px; transition: 0.2s ease;}
#tickets .playguide li.four .ticket_link li a:hover{ opacity:1; background-color:#d2965e; transition: 0.2s ease;}
#tickets .playguide li.four .ticket_link li h4{ margin-bottom: 26px; font-size: 18px; line-height: 1.5em;}
#tickets .playguide li.four .ticket_link li p{ background-color: #fff; color: #000; font-size: 16px; font-weight: bold; padding: 4px 0; line-height: 1.5em; margin-bottom: 0; position:relative;}
#tickets .playguide li.four .ticket_link li p:after{ content: "\025b6"; position: absolute; right: 10px; font-size: 10px; color:#000;}
#tickets .playguide li.four .ticket_link a:after{ display:none;}

/* プレイガイド四種以上 */
#tickets .playguide li.four.plus .ticket_link{ text-align:center;}
#tickets .playguide li.four.plus .ticket_link li{ float: none; width: 32%; display: inline-block; margin: 0 0.4% 1.2%;}

/* プレイガイド四種以上 二行 */
#tickets .playguide li.four .ticket_link li.two{}
#tickets .playguide li.four .ticket_link li.two a{ padding: 20px 12px 16px;}
#tickets .playguide li.four .ticket_link li.two h4{ margin-bottom: 14px; line-height: 1.2em;}
#tickets .playguide li.four .ticket_link li.two h4 span{ font-size: 14px;}

/* 受付前 */
#tickets .playguide li.dis{ border:1px solid #ccc; font-size:0.8em; padding:20px 30px; margin-bottom:10px;}
#tickets .playguide li.dis .ticket_link a{ background-color: #eee; color: #999;}
#tickets .playguide li.dis .ticket_link a:hover{ cursor:inherit; opacity:1;}
#tickets .playguide li.dis h3,
#tickets .playguide li.dis p{ color: #999; font-size:22px; margin:0; line-height:1.5em;}
#tickets .playguide li.dis a:after{ display:none;}
#tickets .playguide li.dis .arrow{ right:30px;}

/* 受付前 */
#tickets .playguide li{ border: 1px solid #BCB6B2; padding: 2em 360px 2em 5%; width: 100%; margin: 0px auto 20px; background-color: #FFECBE;}
#tickets .playguide li h3,
#tickets .playguide li p,
#tickets .playguide li p span{ font-size:22px; margin-bottom: 6px; color:#000000; }
#tickets .playguide li h3 span{ font-size:14px; color:#000000;}
#tickets .playguide li .start{ margin:0;}
#tickets .playguide li:after{ display:none;}
/* #tickets .playguide li .ticket_link a{ background-color: #fff; color:#000000; right: 12px; padding: 18px; top: calc(50% - 27px);border-radius: 29px;} */
#tickets .playguide li .ticket_link a:after{ display:none;}


#tickets .playguide .btn{right: 30px;top:50%;transform: translateY(-50%);font-size: 16px;max-width: 340px; position: absolute;background: #fff;padding: 18px 0;}

/* 受付終了 */
#tickets .playguide li.end{ border: 1px solid #555; padding: 14px 27% 10px 20px; width: 80%; margin: 20px auto 10px; background-color: rgba(0,0,0,0.3);}
#tickets .playguide li.end h3,
#tickets .playguide li.end p,
#tickets .playguide li.end p span{ font-size:18px; margin-bottom: 6px; color:#555; text-decoration: line-through;}
#tickets .playguide li.end h3 span{ font-size:14px; color:#555;}
#tickets .playguide li.end .start{ margin:0;}
#tickets .playguide li.end:after{ display:none;}
#tickets .playguide li.end .ticket_link a{ background-color: transparent; border: 1px solid #555; color:#555; right: 12px; padding: 18px;}
#tickets .playguide li.end .ticket_link a:hover{ cursor:inherit; opacity:1;}
#tickets .playguide li.end .ticket_link a:after{ display:none;}

#tickets .playguide li.end.four { padding: 14px 12px 10px 20px;}
#tickets .playguide li.end.four .ticket_link ul{ margin-top: 6px;}
#tickets .playguide li.end.four .ticket_link li:hover{ box-shadow: 0px 0 0 0; transform: translateY(0px);}
#tickets .playguide li.end.four .ticket_link li h4{ margin-bottom: 6px; font-size: 14px;}
#tickets .playguide li.end.four .ticket_link li a{ padding: 4px 8px 6px;}
#tickets .playguide li.end.four .ticket_link li a:hover{ cursor:inherit; opacity:1; background-color:transparent;}
#tickets .playguide li.end.four .ticket_link li p{ color: #555; font-size: 12px; border: 1px solid #555; padding: 2px; text-decoration: inherit; background-color: transparent;}
#tickets .playguide li.end.four .ticket_link li p:after{ display:none;}

@media only screen and (max-width: 768px) { 
#tickets{ margin-bottom:30px;}

#tickets p.cs{ font-size:16px;}

#tickets .price{ max-width:100%; margin:0 auto 10px;}
#tickets dl{  font-size:18px; line-height:1.5em;  padding: 10px 10px;}
#tickets dt{  width:30%; margin-bottom:5px; padding-left: 0;}
#tickets dd{  padding-left:0; text-align:right;}
#tickets dd span{ font-size:30px;}

#tickets .price p{ font-size: 14px; padding-top: 8px; text-align:left; }

#tickets .info_box{ margin-bottom:20px; font-size:14px; line-height:1.5em;}

#tickets .playguide li{ margin-bottom: 20px; padding: 16px;width: 100%;}
#tickets .playguide li .note{font-size: 14px;line-height: 1.6em;}
#tickets .playguide li h3{margin-bottom:10px;text-align: left;font-size: 16px;}
#tickets .playguide li h3 span{ font-size: 13px;}
#tickets .playguide li .start{ font-size:16px; margin-bottom:6px; line-height: 1.8em;}
#tickets .playguide li .start strong{ font-size:2em;}
#tickets .playguide li .start span{ font-size:1.5em;}
#tickets .playguide li .end{ font-size:16px; line-height:1.5em; margin-bottom:20px;}
#tickets .playguide li .ticket_link a:hover{ opacity:0.8;}
#tickets .playguide li:after{ background-size:100%; bottom:-66px; left:inherit;}

#tickets .playguide .btn{ font-size: 16px; line-height: 1em; width: 100%; max-width:initial; position: relative; top: inherit; right: inherit;transform: none;}
/* プレイガイド四種 */
#tickets .playguide li.four .ticket_link li{width: 49%; margin-right: 2%; margin-bottom: 6px;}
#tickets .playguide li.four .ticket_link li:nth-child(2n){ margin-right:0;}
#tickets .playguide li.four .ticket_link li h4{ margin-bottom: 20px; font-size:16px;}
#tickets .playguide li.four .ticket_link li a{ padding: 16px 8px 10px;}
#tickets .playguide li.four .ticket_link li p{ font-size: 14px; padding: 2px 0;}
#tickets .playguide li.four .ticket_link li p:after{ right: 6px; font-size: 8px;}

/* プレイガイド四種以上 */
#tickets .playguide li.four.plus .ticket_link li{ width: 48%; margin: 0 0.4% 1.8%;}

/* プレイガイド四種以上 二行 */
#tickets .playguide li.four .ticket_link li.two{ width: 76%;}
#tickets .playguide li.four .ticket_link li.two h4 span{ font-size: 12px;}


/* 受付前 */
#tickets .playguide{ margin-bottom:0; padding-bottom:20px;}
#tickets .playguide li .date_detail{ margin-bottom:0.5em;}
#tickets .playguide li.dis{ padding:10px; margin-bottom:10px;}
#tickets .playguide li.dis h3,
#tickets .playguide li.dis p{  font-size:14px; margin:0; line-height:1.5em;}
#tickets .playguide li.dis .arrow{ right:0px;}

/* 受付終了 */
#tickets .playguide li.end{ padding: 8px 12px 10px; margin: 8px auto 0; width: 100%;}
#tickets .playguide li.end h3,
#tickets .playguide li.end p,
#tickets .playguide li.end p span{ font-size:14px; margin-bottom: 5px; line-height:1.3em;}
#tickets .playguide li.end h3 span{ font-size:12px;}
#tickets .playguide li.end .start{ margin-bottom: 8px;}
#tickets .playguide li.end .ticket_link a{ right: inherit; padding: 6px; top: inherit; font-size: 12px;}

#tickets .playguide li.end.four { padding: 8px 12px 10px;}
}


#tickets .note_box{ box-shadow: 0px 4px 23px -15px #0e4434; background-color: #fff; padding: 50px; margin-bottom: 60px; text-align: left;}
#tickets .note_box .tit{ font-size: 24px; text-align: center; margin-bottom: 1.5em;}
#tickets .note_box .stit{ color: var(--accent-color); font-size: 1.3em; font-weight: bold; line-height: 2em; display: block;}
#tickets .note_box strong{ font-size: 17px; line-height: 2em;}
#tickets .note_box p{}
#tickets .note_box p.m_6px{ margin-bottom: 6px;}
#tickets .note_box a{ color: var(--accent-color); text-decoration: underline;}
#tickets .note_box ul{list-style: disc;padding-left: 18px;margin-bottom: 30px;}
#tickets .note_box ul.no_flex li{ display:block;}
#tickets .note_box ul.long{}
#tickets .note_box ul.m_6px{ margin-bottom: 6px;}
#tickets .note_box li{line-height: 1.5em;margin-bottom: 0.3em;display: flex;position: relative;}
#tickets .note_box li p:first-child{ width: 6em; margin: 0;}
#tickets .note_box ul.long li p:first-child{ width: 8em; margin: 0;}
#tickets .note_box li p:last-child{ width: calc(100% - 6em); margin: 0;}
#tickets .note_box li:before{content:"\025cf";position: absolute;font-size: 10px;left: -16px;}
#tickets .note_box figure{ line-height: 0; margin-bottom: 20px;}
#tickets .note_box figure img{ width:100%;}

@media only screen and (max-width: 768px) {
#tickets .note_box{ padding: 20px 12px; margin-bottom: 30px;}
#tickets .note_box .tit{ font-size: 17px;}
#tickets .note_box .stit{ font-size: 1.2em; line-height: 1.5em;}
#tickets .note_box strong{ font-size: 16px; line-height: 1.7em;}
#tickets .note_box p{}
#tickets .note_box ul{ padding-left: 17px; margin-bottom: 20px;}
#tickets .note_box li{ font-size: 14px; display: block;}
#tickets .note_box li p:first-child{ width: 100%;}
#tickets .note_box li p:last-child{ width: 100%;}
#tickets .note_box p{ font-size: 14px; line-height: 1.5em;}
#tickets .note_box figure{}
}


/********************** STREAM *******************************/
#stream{max-width: 460px;width: 92%;margin: 0 auto;}
#stream .tit{margin-bottom: 70px;line-height: 1.4em;}
#stream .cs_txt{text-align: center;font-size: 18px;margin-bottom: 60px;}
.stream-box {margin-bottom: 90px;}
.stream-box .in_heading{font-size: 18px;}
.stream-box .ticket-list li{display: flex;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #E8E8E8;font-weight: bold;align-items: center;}
.stream-box .date{font-size: 20px;letter-spacing: 1.6px;line-height: 1.5em;width: 20%;margin-right: 10%;margin-bottom: 0;}
.stream-box .perform{width: 70%;text-align: right;}
.stream-box .perform .button-block{display: flex; font-size: 17px;letter-spacing: 1.36px;line-height: 1.4em;align-items: center;margin: 0;justify-content: center;}
/* .stream-box .perform .button-block span{display: inline-block;width: calc(100% - 200px);} */
.stream-box .perform .button-block:not(:last-of-type){margin-bottom: 15px;}
.stream-box .perform .button-block .btn{display: inline-block;max-width: 200px;}


.ticket-box .in_heading{margin-bottom: 20px;}
.ticket-box .price{max-width: 300px;margin: 0 auto 120px;font-size: 24px;}
.ticket-box .price .ticket-txt{font-size: 20px;letter-spacing: 1.6px;line-height: 1.4em;}
.ticket-box .price dd{font-weight: normal;}

@media only screen and (max-width: 768px) {
    .stream-box .ticket-list li{display: block;}
    .stream-box .in_heading{margin: 0 auto 40px;}
    #stream .tit{margin-bottom: 40px;}
    .stream-box .date{width: 100%;margin-bottom: 1em;}
    .stream-box .perform{width: 100%;}
    .stream-box .perform .button-block .btn{width: 60%;}
}

/****アフターイベント****/
.after_btn{ border: 2px solid #de2e12; background-color: #fff; display: block; width: 70%; margin: 0 auto 100px; padding: 14px 0; font-size: 20px; line-height: 1.4em; color: #de2e12; position: relative; transition:0.2s;}
.after_btn:after{ content: "\025b6"; position: absolute; right: 10px; font-size: 10px; top: calc(50% - 12px);}
.after_btn:hover{ opacity:0.8; color:#de2e12; transition:0.2s;}

.after_eve{ text-align: left; padding: 3vw 4vw 2vw; border:10px solid #1a7cad;}
.after_eve h4{ color: #1a7cad; font-size: 28px; font-weight: bold; line-height: 1.5em; text-align:center; margin-bottom: 12px;}
.after_eve .eve_box{ margin-bottom: 30px;}
.after_eve .eve_box h4{ padding-bottom: 4px; margin-bottom: 12px; color: #1a7cad; font-size: 20px; font-weight: bold; line-height: 1.5em;}
.after_eve .eve_box p{ font-size: 15px; line-height: 1.5em; padding-left: 16px;}

.after_eve .eve_box.day_cast{}
.after_eve .eve_box.day_cast h4{}
.after_eve .eve_box.day_cast p{ margin-bottom: 22px;}
.after_eve .eve_box.day_cast p strong{ font-size: 22px; display: inline-block; width: 5.4em;}
.after_eve .eve_box.day_cast p span{}
.after_eve .eve_box.day_cast p span.place{ background-color: #0e4f7c; color: #fff; display: inline-block; text-align: center; line-height: 1.5em; margin: 0 12px 6px 0 !important; padding: 2px 18px 0; position: relative; top: -2px;}
.after_eve .eve_box.day_cast p span.place.fukuoka{ background-color: #7c0e32;}
.after_eve .eve_box.day_cast p span.place.osaka{ background-color: #7c6e0e;}
.after_eve .eve_box.day_cast p span.cat{ margin-left: 16px; font-size: 21px;}
.after_eve .eve_box.day_cast p span.cast{ background-color: #eee; display: block; padding: 4px 12px;}

.after_eve .eve_box.info{}
.after_eve .eve_box.info h4{}
.after_eve .eve_box.info p{ font-size: 14px;}

.after_eve .eve_box.note{}
.after_eve .eve_box.note h4{}
.after_eve .eve_box.note p{ font-size: 14px;}

@media only screen and (max-width: 768px) {
.after_btn{ width: 100%; font-size: 16px; font-weight: bold; margin-bottom: 0;}

.after_eve{ border: 4px solid #1a7cad; padding: 20px 12px;}
.after_eve h4{ font-size: 20px;}
.after_eve .eve_box h4{ padding-bottom: 0; margin-bottom: 8px; font-size: 18px;}
.after_eve .eve_box p{ font-size: 14px; line-height: 1.4em; padding-left: 0;}

.after_eve .eve_box.day_cast p{ margin-bottom: 28px;}
.after_eve .eve_box.day_cast p strong{ font-size:18px;}
.after_eve .eve_box.day_cast p span.place{ padding: 2px 8px 0;}
.after_eve .eve_box.day_cast p span.cat{ margin-left: 0; font-size: 16px;}
.after_eve .eve_box.day_cast p span.cast{ position: relative; top: 4px;}

.after_eve .eve_box.info p{ font-size: 13px; font-weight: bold;}

.after_eve .eve_box.note p{ font-size: 13px; font-weight: bold;}
}




/********************** GOODS *******************************/
#goods{ /*width:95%; /*max-width:1000px;*/ margin:0 auto; text-align:center;}

#goods .goods_info{ box-shadow: 0px 4px 23px -15px #0e4434; background-color: #fff; padding: 50px; margin-bottom: 40px; text-align: left;}
#goods .goods_info p{}
#goods .goods_info .tit{ font-size: 24px; text-align: center; margin-bottom: 1.5em;}
#goods .goods_info .note{ font-size: 0.9em; line-height: 1.5em;}
#goods .goods_btn{display: block;background-color: var(--accent-color);color: #fff;width: 80%;margin: 40px auto 0px;padding: 30px 0;font-size: 20px;line-height: 1.5em;transition: 0.2s;text-align: center;}
#goods .goods_btn:hover{ background-color: #20a77e; transition: 0.2s;}

#goods .goods_info .btn{max-width: 300px;font-size: 18px;margin: 0 auto;padding: 15px;}

#goods li.white-box{display: table;width:100%;margin-bottom:3%;padding:16px;background-color: #fff;position:relative;box-shadow: 0px 4px 23px -15px #0e4434;}
#goods li:nth-child(3n){ margin-right:0;}
#goods li figure{ display: table-cell; width: 40%;}
#goods li figure.coming-soon{ display: flex; width: 100%;}
#goods li figure.new{ position:relative;}
#goods li figure.new:after{content: "NEW";position: absolute;background-color: #1d9a75;color: #fff;width: 70px;height: 70px;line-height: 4.5em;font-size: 16px;border-radius: 50px;top: -35px;left: -35px;transform: rotate(-20deg);}
#goods li figure img{ width:100%;}
#goods li .right{ display: table-cell; vertical-align: top; padding-left: 24px;}
#goods li h3{color: var(--accent-color);font-size:20px;font-weight:bold;line-height:1.4em;margin-bottom:12px;text-align:left;}
#goods li h3 span{ display: block; font-size: 0.8em; line-height: 1.7em;}
#goods li p.txt{ font-size:13px; font-weight: 400; line-height:1.4em; text-align:left; margin:0;}
#goods li p.price{font-size:18px;margin-top:14px;padding-top: 14px;text-align:right;margin-bottom: 0;border-top: 1px solid #666;}

@media only screen and (max-width: 768px) { 
#goods .goods_info{ padding: 20px 12px; margin-bottom: 30px;}
#goods .goods_info p{ font-size: 14px; line-height: 1.5em;}
#goods .goods_info .tit{ font-size: 17px;}
#goods .goods_info .note{ font-size: 0.8em;}
#goods .goods_btn{ width: 100%; font-size: 16px; padding: 16px 0; margin-top: 20px;}

#goods .goods_info .btn{font-size: 15px;}

#goods li{ float:none; width: 100%; margin: 0 auto 4%; padding: 12px;}
#goods li:nth-child(3n){ margin-right:auto;}
#goods li figure{ display: block; width: 100%; margin-bottom:0;}
#goods li figure.new:after{ width: 40px; height: 40px; line-height: 3.5em; font-size: 12px; top: -25px; left: -25px;}
#goods li .right{ display: block; width: 100%; padding-left: 0;}
#goods li h3{ font-size:16px; line-height: 1.3em; margin-bottom: 6px;}
#goods li h3 span{ font-size: 12px;}
#goods li p.txt{ font-size:12px; line-height: 1.4em;}
#goods li p.price{ font-size: 16px; margin-top: 7px; padding-top: 10px;}
}





/********************** GUIDE *******************************/
#guide{ margin:0 auto 60px; text-align:left; }
#guide h2{ text-align:center;}
#guide h3{ padding:15px 0; font-weight:bold; font-size:22px; line-height:1.5em; color: var(--accent-color);}
#guide .guide_block{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
#guide .guide_block:last-child{ border-bottom:none; padding-top: 20px;}
#guide .guide_block strong{ color: var(--accent-color); font-size: 1.2em; display: block; line-height: 1.7em;}
#guide .guide_block p{ padding-left: 14px; line-height: 1.7em; margin-bottom: 18px;}

#guide .guide_block dl{ line-height:2em;}
#guide .guide_block dt{ font-weight: bold; color: var(--accent-color); font-size: 20px; line-height: 1.7em; margin-bottom: 0.5em; }
#guide .guide_block dd:before{content: "A."; display: block; position: absolute; left: 0;}
#guide .guide_block dd{ margin-bottom: 2em;  padding-left: 2em; position: relative;}
#guide .guide_block dd p{ font-size: 16px; padding-left: 0;}
#guide .guide_block dd ul{ list-style: disc;padding-left: 1.5em;}
#guide .guide_block dd li{ }

#guide .guide_block .guide_stit{ font-weight: bold; padding: 0; font-size: 20px; line-height: 1.7em; color: var(--accent-color); margin-bottom: 0.5em;}

#guide.covid{ padding-top: 100px;}
#guide .guide_end{ margin: 2em 0 1em;}

@media only screen and (max-width: 768px) { 
#guide h3{ padding:5px 0 10px; font-size: 20px; line-height: 1.5em;}
#guide .guide_block{ padding-bottom:0; word-break: break-all;}
#guide .guide_block:last-child{ padding-top: 8px;}
#guide .guide_block p{ padding-left: 0; font-size: 14px; margin-bottom: 12px;}
#guide .guide_block strong{ font-size: 1em;}
    

#guide .guide_block dl{ line-height:1.7em;}
#guide .guide_block dt{ font-weight: bold; color: var(--accent-color); font-size: 18px; line-height: 1.7em; margin-bottom: 0.5em; }
#guide .guide_block dd{ margin-bottom: 2em;  padding-left: 2em; position: relative; font-size: 14px;}
#guide .guide_block dd p{ font-size: inherit; padding-left: 0;}    
}


/********************** MOVIE *******************************/
#movie_in{}
#movie_in ul{max-width: 1400px;width: 94%;margin: 0 auto 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#movie_in li{width: 48%;position: relative;margin-bottom: 3vw;}
#movie_in .youtube{position:relative;width:100%;margin-bottom: 1vw;display: block;line-height: 0;background-color: #000;padding: 20px 0 6px;}
#movie_in .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
#movie_in img{ width:100%; transition: 0.2s ease;}
#movie_in a{position:relative;}
#movie_in a:hover{ opaxity:0.9; transition: 0.2s ease;}
#movie_in a .ro{position:absolute;visibility: hidden;opacity: 0;}
#movie_in a .ro{top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0.2s ease;}
#movie_in a:hover .ro{ visibility: visible; opacity: 1;}
#movie_in .tit{color: var(--accent-color);font-size: 1.3vw;font-weight: bold;line-height: 1.5em;position: relative;text-align: center;margin: 0;}

@media only screen and (max-width: 769px){
#movie_in ul{}
#movie_in .tit{ font-size: 12px;}
}


/*lightbox*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible; margin-bottom:0;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; position:relative; z-index:10000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(../images/controls2.png) no-repeat 0 0;}
		
        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        #cboxClose:hover{background-position:-40px 0;}


@media screen and (max-width: 768px) {
#cboxContent{ margin-right:0; margin-bottom:50px;}
#cboxClose{ right:0; top:inherit; bottom:-35px; height: 22px;}
}