/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/


span.red{
	color : #ff0068 ;
}
span.blue{
	color : #10e5f1 ;
}
span.green{
	color : #0bcb00 ;
}
span.yellow{
	color : #ffce14 ;
}

.view_size_ol{
	position: fixed;
	top : 0% ;
	left: 0%;
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 63;
}


.fv_superbox{
	width: 100% ;
	height: 100vh ;
	/**
	background-color: #2B2B2B ;
	**/
}

.logobox{
	position: fixed ;
	top : 50% ;
	left : 50% ;
	width: 100% ;
	max-width: 800px ;
	transform: translate(-50%,-50%);
	z-index: 64;
	padding : 0px 20px ;
}
#logo{
	width: 100% ;
	filter : blur(32px);

}


.st0 {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
  }


.fv_logo{
	width: 100% ;
}
.fv_logo_k{
	width: 100% ;
}



.contact_titlebox{
	text-align: center ;
	margin-bottom : 40px ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}
.contact_title_small{
	font-size: 14px ;

}

.contact_titlebox h2{
	margin-bottom : 40px ;
}
.contact_titlebox p{
	margin-bottom : 10px ;
}

.contact_titlebox span.large{
	font-size: 24px ;
	font-weight: 900 ;
}


.form_section{
	padding : 100px 0px ;
	background-color: #2B2B2B ;
}
.form_superbox{
	width: 100% ;
	max-width: 640px ;
	margin: 0px auto ;
}

.form_superbox span.must{
	color : #DD0000 ;
}

.form_superbox p.contact_item_title{
	margin-top : 20px ;
}

.form_superbox select,
.form_superbox input{
	display: block ;
	box-sizing: border-box ;
	/**
	background-color : #FFFFFF ;
	**/
	background-color: #2B2B2B;
	border : 1px solid #FFFFFF ;
	width: 100% ;
	height: 40px ;
	border-radius: 20px ;
	padding : 0px 20px ;
	color : #FFFFFF ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}



.form_superbox textarea{
	display: block ;
	box-sizing: border-box ;
	background-color : transparent ;
	color : #FFFFFF ;
	border : 1px solid #FFFFFF ;
	width: 100% ;
	height: 160px ;
	border-radius: 20px ;
	padding : 20px 20px ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}

.form_submit{
	margin-top : 100px;
	height: 80px !important ;
	border-radius: 40px !important;
	box-shadow: 0px 4px 0px rgba(0,0,0,0.5);
	cursor: pointer ;
	font-size: 18px ;
	font-weight: 900 ;
}
.form_submit:hover{
	opacity: 0.75;
}





.guest_superbox{
	width: 100% ;
	padding-bottom : 200px ;
	background-image : url("../images/back_blackboard.jpg") ;
	background-attachment: fixed ;
	background-size: cover ;
	z-index:  4 ;
}

.guest_nagabuchi{
	width: 100% ;
	max-width: 1920px ;
	margin : 0px auto 100px ;
}

.guest_nagabuchi_photobox{
	width: 50% ;
	height: 100vh;
}
.guest_nagabuchi_photo{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	object-position: top center ;
}
.guest_nagabuchi_credit{
	position: absolute;
	bottom : 4px ;
	left : 10px ;
	font-size: 14px ;
	color : #FFFFFF ;
	z-index: 4 ;
}



.guest_nagabuchi_storybox{
	width: 50% ;
	height: 100vh ;
}


.guest_story{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	width: 100% ;
	max-width: 640px ;
	padding : 0px 20px 0px 40px ;
	transform: translate(0%,-50%);
}
.odd .guest_story{
	padding : 0px 40px 0px 20px ;
}


.guest_namebox{
	left : 20px ;
}

.guest_name_en{
	font-size: 14px ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}
.guest_name_jp{
	font-size: 60px ;
	font-weight: 900 ;
	line-height: 64px ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}

.guest_pos{
	display: none ;
	position: absolute;
	bottom : 0px ;
	right : 0px ;
	text-align: right ;
	font-size: 18px ;
	line-height: 18px ;
	font-weight: 900 ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}

.guest_name_bar{
	width: 0% ;
	height: 1px ;
	background-color: #FFFFFF ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	margin : 10px 0px 20px ;
}

.guest_message{
	left: 20px ;
	font-size: 14px ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}

.guest_message p{
	margin-bottom : 14px ;
}


.guest_moviebox{
	left: 20px ;
	cursor: pointer ;
	margin-top : 40px ;
}


.guest_movie_l{
	width: 320px ;
	height: 180px ;
}
.guest_movie_l img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.guest_movie_r{
	position: absolute ;
	top : 50% ;
	left: 320px ;
	padding : 0px 20px ;
	transform: translate(0%,-50%);
	text-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}


.guest_normalbox{
	width: 100% ;
	max-width: 1280PX ;
	margin : 0px auto ;
}

.guest_normal_r{
	width: 50% ;
	order: 2 ;
}

.guest_normal_l{
	width: 50% ;
	order: 1 ;
}



.guest_photobox_wrap{
	width: 420px ;
	height: 620px ;
	padding: 10px ;
	margin : 0px 0px 0px 20px ;
	top : 40px ;
}
.guest_photobox_wrap.megumi{
	height : 520px ;
}
.guest_photobox_wrap.sakoda{
	height : 554px ;
}
.guest_photobox_wrap.maezono{
	height : 420px ;
}

.guest_normal_l .guest_photobox_wrap{
	float : right ;
	margin : 0px 20px 0px 0px ;
}

.guest_photobox{
	width: 400px ;
	height: 600px ;
}
.guest_photobox img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}

.guest_photobox_wrap.megumi .guest_photobox{
	height: 500px ;
}
.guest_photobox_wrap.sakoda .guest_photobox{
	height: 534px ;
}
.guest_photobox_wrap.maezono .guest_photobox{
	height: 400px ;
}

.guest_photo_line_t{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 0% ;
	height: 1px ;
	background-color: #FFFFFF ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}
.guest_photo_line_r{
	position: absolute;
	top : 0% ;
	right : 0% ;
	width: 1px ;
	height: 0% ;
	background-color: #FFFFFF ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}
.guest_photo_line_b{
	position: absolute;
	bottom : 0% ;
	right : 0% ;
	width: 0% ;
	height: 1px ;
	background-color: #FFFFFF ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}
.guest_photo_line_l{
	position: absolute;
	bottom : 0% ;
	left : 0% ;
	width: 1px ;
	height: 0%; ;
	background-color: #FFFFFF ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}


.footer{
	width: 100% ;
	height: 100vh;
	padding : 200px 40px 20px ;
	/**
	background-color: #2B2B2B ;
	**/
	z-index: 1 ;
}


.footer_logo{
	position: absolute ;
	bottom : 40px ;
	left: 50%;
	width: 100% ;
	max-width: 320px ;
	transform: translate(-50%,0%);
}


.footer_copy{
	position: absolute;
	bottom : 0% ;
	left: 0%;
	width: 100% ;
	height: 40px ;
	line-height: 40px ;
	font-size: 12px ;
	text-align: center ;
}



.guest_movie{
	position: fixed ;
	top : 0% ;
	left: 100% ;
	width: 100% ;
	height: 100% ;
	z-index: 54 ;
}
.guest_movie_ol{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: rgba(0,0,0,0.8);
	z-index: 55 ;
	cursor: pointer;
}

.guest_movie_item{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width : 90% ;
	aspect-ratio: 16 / 9 ;
	z-index: 56 ;
}
.guest_movie_item iframe{
	width: 100% !important;
	height: 100% ;
}






.footer_infobox{
	position: fixed;
	bottom : 40px ;
	left: 40px ;
	width: 200px ;
	font-size: 12px ;
	font-weight: 900 ;
	color : #FFFFFF ;
	display: none ;
	z-index: 2 ;
}




.letter_section{
	width: 100% ;
	padding : 200px 0px 400px ;
}

.letter_message_superbox{
	width: 100% ;
	max-width: 720px ;
	margin : 0px auto ;
	/** background-color: rgba(255,255,255,0.9) ; **/
	/** box-shadow: 0px 4px 8px rgba(0,0,0,0.25); **/
}

.letter_border_wrap{
	width: calc( 100% - 40px );
	margin : 0px auto ;
	z-index:  1 ;
	opacity: 0.5;
}

.letter_message_wrap{
	/**
	position: absolute;
	top : 10px ;
	left: 50% ;
	width: calc( 100% - 40px );
	transform: translate(-50%,0%);
	z-index: 4;
	**/

}

.footer_info_logo{
	width: 100% ;
	max-width: 640px ;
	margin : 0px auto ;
}


.letter_img{
	top : 10px ;
	width: 100% ;
}

.letter_text_blank,
.letter_text{
	width: 100% ;
	height: auto ;
	min-height: 51px ;
	line-height: 51px ;
	font-size: 18px ;
	font-weight: 900 ;
	text-shadow: 0px 0px 4px rgba(255,255,255,255.25);
	padding-left : 20px ;
	padding-right : 20px ;
	
	color : #FFFFFF
}
.letter_text{
	top : 10px ;
}

.letter_text.first{
	padding-left : 0px ;
}
.letter_text.last{
	text-align: right ;
	padding-right : 20px ;
}


.letter_border{
	width: 100% ;
}


.contact_privacy_title{
	width: 100% ;
	text-align: center ;
	margin : 40px auto 40px ;
	cursor: pointer;
}

.contact_privacy_superbox{
	padding : 40px ;
	width: 100% ;
	background-color: #DDDDDD ;
	color : #2B2B2B ;
	margin : 0px auto 40px ;
	font-size: 12px ;
	display: none ;
}
.contact_privacy_p{
	margin-bottom : 20px ;
}

.contact_privacy_p_title{
	font-size: 14px ;
	font-weight: 900 ;
	border-bottom : 1px solid #2B2B2B ;
	margin-bottom : 10px ;
}




.header_link_superbox{
	position: fixed ;
	top : 0% ;
	right : 0% ;
	width: 100% ;
	height: 60px ;
	z-index: 44 ;
	padding-top : 10px ;
}

.header_link_item{
	float : right ;
	font-size: 12px ;
	width: 120px ; ;
	height: 40px ;
	border-radius: 20px ;
	line-height: 38px ;
	text-align: center ;
	margin-right : 10px ;
	border : 1px solid #FFFFFF ;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.25);
	background-color : rgba(0,0,0,0.25);
	cursor: pointer;
	z-index: 46 ;
}
.header_link_item:hover{
	background-color : rgba(0,0,0,0.75);
}

.header_link_item.long{
	width: 200px ;
}


.letter_contact_btn{
	width: 300px ;
	padding : 10px ; 
	border : 1px solid #FFFFFF ;
	color : #FFFFFF ;
	line-height: 20px ;
	text-align: center ;
	font-size: 14px ;
	font-weight: 900 ;
	margin : 100px auto 0px ;
	border-radius: 40px ;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.25);
	text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}





.contact_item_onegai{
	margin : 80px auto 0px ;
	font-size: 14px ;
}




.movie_boshu_wrap{
	top : 20px ;
	width: 100% ;
	max-width: 854px ;
	margin : 100px auto 0px ;
	background-color: #FFFFFF ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
}
.movie_boshu_wrap video{
	width: 100% ;
	display: block ;
	position: relative ;
}


.contact_job{
	display: none ;
}


.btn_totop{
	position: fixed;
	bottom : 8px ;
	right : 10px ;
	width: 128px ;
	height: 64px ;
	z-index: 41;
	cursor: pointer;
	display: none ;
}
.btn_totop img{
	width: 100% ;
}




.header_onair{
	float : left ;
	width: 400px ;
	height: 40px ;
	font-size: 18px ;
	font-weight: 900 ;
	line-height: 20px ;
	padding-left : 20px ;
	padding-top : 10px ;
	z-index: 46;
}

.header_link_superbox_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	/** background-color : #285ca7 ; **/
	background-color : #1A1A1A ;
	z-index: 45 ;
	display: none ;
}


.fv_onair{
	position: absolute;
	bottom : 40px ;
	right : 40px ;
	width: 160px ;
	height: 160px ;
	border-radius: 50% ;
	text-align: center ;
	background-color: rgba(255,255,255,0.75) ;
	color : #285ca7 ;
	font-weight: 900 ;
	padding-top : 40px ;
}





.gallery_section{
	width: 100% ;
	max-width: 1920px ;
	margin : 0px auto ;
	align-items: flex-start;
	z-index:  4;
}

.gallery_title{
	width: 100% ;
	height: 80px ;
	background-color: #1A1A1A ;
	color : #FFFFFF ;
}
/**
.gallery_title{
	width: 20% ;
	height: auto ;
	aspect-ratio: 1 / 1 ;
	background-color: #1A1A1A ;
	color : #FFFFFF ;
}
**/
.gallery_title_inner{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	padding : 0px 10px ;
	font-size: 20px ;
	text-align: center ;
}
.gallery_title_inner p{
	margin-bottom : 20px ;
}
.gallery_tn{
	aspect-ratio: 1 / 1 ;
	cursor: pointer ;
}
.gallery_tn:hover{
	opacity: 0.5 ;
}
.gallery_tn img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.gallery_l{
	width: 20% ;
}
.gallery_l_dummy{
	width: 50% ;
	aspect-ratio: 1 / 1 ;
	background-color: #1A1A1A ;
}
.gallery_ll{
	width: 40% ;
	aspect-ratio: 2 / 1 ;
}
.gallery_s{
	width: 50% ;
}

.gallery_midbox{
	width: 20% ;
	align-items: flex-start;

}

.tn{
	top : 10px ;
}


.gallery_itembox{
	position: fixed;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 54 ;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer ;
	display: none ;
	padding :24px ;
}
.gallery_itembox img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
	display: none ;
}





.footer_sakurajima{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index:  1 ;
}



.gallery_credit{
	width: 100% ;
	height: 80px ;
	line-height: 80px ;
	text-align: center ;
	font-size: 14px ;
	background-color: #1A1A1A;
}
.gallery_credit span{
	margin : 0px 10px ;
	display: inline-block;
}



































/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1000px) {



.fv_superbox{
}

.logobox{
}
#logo{
}


.st0 {
 }


.fv_logo{
}



.contact_titlebox{
}
.contact_titlebox h2{
	font-size: 20px ;
}
.contact_titlebox p{
	font-size: 14px ;
	margin-top :20px ;
}

.form_section{
	padding : 100px 20px 100px ;
}
.form_superbox{
}

.form_superbox span.must{
}

.form_superbox p.contact_item_title{
	font-size: 14px ;
}

.form_superbox input{
	font-size : 14px ;
}


.form_superbox textarea{
	font-size : 14px ;
}

.form_submit{
	font-size : 14px ;
}
.form_submit:hover{
}





.guest_superbox{
	padding-bottom : 100px ;
	background-image : url("../images/back_blackboard_sp.jpg") ;
	background-attachment: scroll ;
	background-size: auto auto  ;
}




.guest_nagabuchi{
	margin-bottom : 200px ;
}

.guest_nagabuchi_photobox{
	width: 100% ;
	height: 100Vh;
}
.guest_nagabuchi_photo{

}
.guest_nagabuchi_credit{
	bottom : auto ;
	top : 4px ;
	font-size: 10px ;
}

.guest_nagabuchi_storybox{
	margin-top : -160px ;
	width: 100% ;
	height: auto ;
}

.odd .guest_story,
.guest_story{
	position: relative ;
	top : auto ;
	left : auto ;
	width: 100% ;
	padding : 0px 24px ;
	margin-left : auto ;
	margin-right : auto ;
	transform: translate(0%,0%);
}


.guest_namebox{
	padding-top : 20px ;
}

.guest_name_en{
	font-size: 12px ;
}
.guest_name_jp{
	font-size: 50px ;
	line-height: 50px ;
}

.guest_pos{
	bottom : -20px ;
	font-size: 14px ;
}

.guest_name_bar{
	margin : 4px 0px 50px ;
}

.guest_message{
	font-size: 14px ;
}

.guest_message p{
}


.guest_moviebox{
}


.guest_movie_l{
	margin: 0px auto ;
}
.guest_movie_l img{
}

.guest_movie_r{
	position: relative ;
	top : auto ;
	left: auto ;
	padding : 10px 0px ;
	transform: translate(0%,0%);
	font-size: 14px ;
	text-align: center ;
}


.guest_normalbox{
	margin-bottom : 100px ;
}

.guest_normal_r{
	width: 100% ;
	order: 1 ;
}

.guest_normal_l{
	width: 100% ;
	order: 2 ;
}

.guest_normal_r.odd{
	order: 2 ;
}

.guest_normal_l.odd{
	order: 1 ;
}





.guest_photobox_wrap{
	width: 320px ;
	height: 470px ;
	margin : 0px auto  ;
}

.guest_normal_l .guest_photobox_wrap{
	float : none ;
	margin : 0px auto  ;
}

.guest_photobox{
	width: 300px ;
	height: 450px ;
}
.guest_photobox img{
}

.guest_photobox_wrap.maezono{
	height : 320px ;
}


.guest_photobox_wrap.megumi{
	height : 395px ;
}
.guest_photobox_wrap.sakoda{
	height : 421px ;
}


.guest_photobox_wrap.megumi .guest_photobox{
	height: 375px ;
}
.guest_photobox_wrap.sakoda .guest_photobox{
	height: 401px ;
}
.guest_photobox_wrap.maezono .guest_photobox{
	height: 300px ;
}




.guest_photo_line_t{
}
.guest_photo_line_r{
}
.guest_photo_line_b{
}
.guest_photo_line_l{
}


.footer{
	width: 100% ;
	height: 100vh;
	padding : 200px 40px 20px ;
	/**
	background-color: #2B2B2B ;
	**/
}


.footer_logo{
	position: absolute ;
	bottom : 140px ;
	left: 50%;
	width: 100% ;
	max-width: 320px ;
	transform: translate(-50%,0%);
}


.footer_copy{
	position: absolute;
	bottom : 16px ;
	left: 0%;
	width: 100% ;
	height: 40px ;
	line-height: 40px ;
	font-size: 12px ;
	text-align: center ;
}




.footer_infobox{
	position: absolute;
	bottom : 50px ;
	left: 50% ;
	width: 200px ;
	font-size: 12px ;
	font-weight: 900 ;
	color : #FFFFFF ;
	transform: translate(-50%,0%);
	text-align: center ;
}









.letter_section{
	padding : 100px 0px 200px ;
}

.letter_message_superbox{
	max-width: 340px ;
}

.letter_message_wrap{
	width: 100% ;
	max-width: 320px ;
}

.letter_border_wrap{
	width: 100% ;
	max-width: 320px ;
	top : 5px ;
}


.letter_img{
}

.letter_border{
}


.letter_text_blank,
.letter_text{
	height: auto ;
	min-height: 25.5px ;
	line-height: 25.5px ;
	font-size: 12px ;
	padding-right : 20px ;
}

.letter_text.first{
}
.letter_text.last{

}




.contact_privacy_title{
	font-size: 14px ;
}

.contact_privacy_superbox{
}
.contact_privacy_p{
}

.contact_privacy_p_title{
}



.header_link_item{
	font-size: 10px ;
	width: 70px ; ;
	height: 40px ;
	margin-right : 4px 
}


.header_link_item.long{
	width: 130px ;
}





.btn_totop{
	bottom : 4px ;
	right : 4px ;
	width: 96px ;
	height: 48px ;
}
.btn_totop img{
}





.header_onair{
	/**
	width: 140px ;
	**/
	width: calc( 100% - 230px );
	font-size: 12px ;
	padding-left : 16px ;
	padding-top : 0px; 
}

.header_link_superbox_back{
}






.fv_onair{
	position: absolute;
	bottom : 154px ;
	right : 20px ;
	width: 120px ;
	height: 120px ;
	padding-top : 32px ;
	font-size: 12px ;
}












.gallery_section{
}


.gallery_title{
	width: 50% ;
	height: auto ;
	aspect-ratio: 1 / 1 ;
}
/**
.gallery_title{
	width: 100% ;
	height: 80px ;
	aspect-ratio: auto ;
}
**/
.gallery_title_inner{
	font-size: 20px ;
}
.gallery_tn{
}
.gallery_tn:hover{
}
.gallery_tn img{
}

.gallery_l{
	width: 50% ;
}
.gallery_ll{
	width: 100% ;
}
.gallery_s{
}

.gallery_midbox{
	width: 50% ;
}

.tn{
}



.gallery_credit{
	width: 100% ;
	height: auto ;
	line-height: 1.8 ;
	padding : 20px 10px ;
}
.gallery_credit span{
}





































































} /** @media ====================================================== **/