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



.wd_m1{
	font-family: "M PLUS 1p", sans-serif;
}

.wd_fv_superbox{
	width: 100% ;
	background: #2B2B2B url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 80px 40px 32px ;
}

.wd_fv_title{
	width: fit-content ;
	margin : 20px auto 0px ;
	color: #99D32D ;
	font-weight: 900 ;
	font-size: 48px ;
	line-height: 60px ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	text-align: center ;
}

.wd_fv_title span{
	font-size: 72px ;
}

.wd_fv_title_bar{
	width: 100% ;
	height: 2px ;
	background-color: #99D32D ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	margin : 10px 0px ;
}

.wd_fv_cover{
	width: 320px ;
	margin: 0px auto 0px ;
}

.wd_fv_info_superbox{
	width: calc( 100% - 80px );
	max-width: 960px ;
	margin: 80px auto 0px ;
	border-bottom : 2px solid #99D32D
}

.wd_fv_info_item{
	width: 100% ;
	padding: 10px 0px ;
	color: #99D32D ;
	font-size: 14px ;
	font-weight: 900 ;
}

.wd_fv_info_date{
	float : left;
	width: 120px ;
}
.wd_fv_info_title{
	float : left;
	width: calc( 100% - 200px ) ;
}


.wd_fv_amazon{
	width: 240px ;
	height: 40px ;
	line-height: 40px ;
	text-align: center ;
	font-size: 20px ;
	font-weight: 900 ;
	background: #99D32D ;
	color: #2B2B2B ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	margin : 10px auto 0px ;
	border-radius: 20px ;
}




.wd_sampledata_superbox{
	width: 100% ;
	background: #FFD600 url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 80px 0px 80px ;
}


.wd_title_superbox{
	width: calc( 100% - 80px );
	max-width: 960px ;
	margin: 0px auto ;
	padding: 0px 0px 8px ;
	border-bottom: 2px solid #2B2B2B ;
}

.wd_titlebox{
	float: left ;
	width: 220px ;
	height: 32px ;
	line-height: 32px ;
	background: #2B2B2B ;
	border-radius: 16px ;
	font-size: 20px ;
	font-weight: 900 ;
	color: #FFFFFF ;
	text-align: center ;
	margin-right: 20px ;
}

.wd_title_story{
	float: left;
	width: calc( 100% - 240px );
	font-size: 14px ;
	padding : 4px 0px 0px ;
}

.wd_sampledata_flex{
	width: calc( 100% - 80px );
	max-width: 960px ;
	margin : 20px auto 0px ;
	justify-content: center ;
	gap: 20px ;
}

.wd_sampledata_flex_item_wrap{
	width: 240px ;
}

.wd_sampledata_flex_item{
	width: 240px ;
	height: 32px ;
	line-height: 32px ;
	text-align: center ;
	background-color: #FF40AC ;
	font-size: 20px ;
	font-weight: 900 ;
	color: #FFFFFF ;
	border-radius: 16px ;
}





.wd_tflist_superbox{
	width: 100% ;
	background: #EEEEEE url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 80px 0px 80px ;
}

.wd_tflist_itembox{
	width: calc( 100% - 80px );
	max-width: 960px;
	margin: 20px auto 0px ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
	padding : 20px ;
}

.wd_tflist_itembox_ng{
	padding: 10px 10px 10px 60px ;
	background-color: #CCCCCC ;
	color: #666666 ;

}
.wd_tflist_itembox_ok{
	padding: 10px 10px 10px 60px ;
	background-color: #FFD600 ;
	margin-top : 10px ;
}
.wd_tflist_itembox_ok span{
	font-weight: 900 ;
}

.wd_tflist_itembox_ngicon{
	position: absolute;
	top : 50% ;
	left: 10px ;
	transform: translate(0%,-50%);
	width: 32px ;
	height: 32px ;
	line-height: 32px ;
	text-align: center ;
	font-size: 20px ;
	font-weight: 900 ;
	background-color: #FFFFFF ;
	border-radius: 50% ;
}

.wd_tflist_itembox_story{
	margin-top: 10px ;
}



.wd_movie_superbox{
	width: 100% ;
	background: #FFFFFF url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 80px 0px 80px ;
}


.wd_index_superbox{
	width: 100% ;
	background: #94D600 url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 80px 0px 80px ;
}

.wd_index_flex{
	width: calc( 100% - 80px );
	max-width: 960px;
	margin: 20px auto 0px ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
	padding : 20px ;
}

.wd_index_itembox{
	width: 50% ;
	padding : 6px 0px ;
	border-bottom : 1px dotted #2B2B2B ;
}

.wd_index_item_title{
	float : left ;
	font-size: 20px ;
	color: #2B2B2B ;
	width: 140px ;
	font-weight: 900 ;
}

.wd_index_item_story{
	float : left ;
	color: #2B2B2B;
	padding : 4px 20px 0px 0px ;

}


.wd_pagesample_superbox{
	width: 100% ;
	background: #3EC4FF url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 80px 0px 80px ;
}


.wd_pagesample_flex{
	width: calc( 100% - 80px );
	margin: 20px auto 0px ;
	justify-content: center ;
}

.wd_pagesample_flex_item{
	width: 320px;
	cursor: pointer;
}
.wd_pagesample_flex_item img{
	width: 100% ;
}


.wd_pagesample_flex_item_ol{
	position: fixed ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	padding: 40px ;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer ;
	z-index: 44 ;
	display: none ;
}

.wd_pagesample_flex_item_ol img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}


.wd_faq_superbox{
	width: 100% ;
	background: #99D32D url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 80px 0px 80px ;
}

.wd_faq_itembox{
	width: calc( 100% - 80px );
	max-width: 960px ;
	margin: 20px auto ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
	padding: 20px ;
}

.wd_faq_item_q{
	padding-bottom: 10px ;
	border-bottom: 2px solid #2B2B2B ;
	font-size: 20px ;
	font-weight: 900 ;
}

.wd_faq_item_a{
	margin-top : 10px ;
}


.wd_contact_superbox{
	width: 100% ;
	background: #EEEEEE url("../images/common/back_slash.png");
	background-size: 62px 125px  ;
	padding : 160px 0px ;
}


.wd_contact_firestorage{
	width: 240px ;
	height: 32px ;
	line-height: 32px ;
	text-align: center ;
	background-color: #FF40AC ;
	font-size: 20px ;
	font-weight: 900 ;
	color: #FFFFFF ;
	border-radius: 16px ;
	margin-top : 10px ;
}

.wd_logo_ryu{
	position: absolute;
	top : 100px ;
	left: -20px ;
	width: 300px ;
	height: 32px ;
	line-height: 32px ;
	font-size: 16px ;
	font-weight: 900 ;
	background: #99D32D ;
	text-align: right ;
	padding: 0px 20px 0px 0px ;
	border-radius: 0px 16px 16px 0px  ;
}

.wd_logo_superbox{
	position: fixed ;
	top : 10px ;
	left: 20px ;
	width: 240px ;
	z-index: 41 ;
}

.wd_logo{
	width: 160px ;
}

.wd_logo_story{
	font-size: 14px ;
	margin-top : 10px ;
	color: #99D32D ;
}


.wd_footer{
	width: 100% ;
	background: #2B2B2B ;
	background-size: 62px 125px  ;
	padding : 600px 0px 20px ;
}

.wd_footer_logo{
	width: 160px ;
	margin: 0px auto ;
}

.wd_footer_copy{
	text-align: center ;
	font-size: 10px ;
	color: #99D32D;
}


.wd_totop{
	position: fixed ;
	bottom : 20px ;
	right: 20px ;
	width: 64px ;
	height: 64px ;
	z-index: 41 ;
	cursor: pointer;
}

.wd_totop_image{
	width: 100% ;
}

.wd_totop_shot{
	position: absolute;
	bottom : 2000px ;
	left: 0px ;
	width: 100% ;
}


.wd_contact_itembox{
	width: calc( 100% - 80px );
	max-width: 960px ;
	margin : 20px auto 0px ;
}
.wd_contact_itembox.wd_first{
	margin-top : 80px 
}

.wd_contact_item_name{
	width: 230px ;
	font-size: 20px ;
	font-weight: 900 ;
	text-align: right ;
}
.wd_contact_item_form{
	width: calc( 100% - 240px );
}

.mailform_input{
	display: block ;
	box-sizing : border-box ;
	width : 100% ;
	height : 40px ;
	padding : 0px 20px  ;
	color : #2B2B2B ;
	border : 1px solid #FFFFFF ;
	background-color : #FFFFFF ;
	border-radius: 20px ;
	font-weight: 700 ;
}

.mailform_textarea{
	display: block ;
	box-sizing : border-box ;
	width : 100% ;
	height : 400px ;
	padding : 20px  ;
	color : #2B2B2B ;
	border : 1px solid #FFFFFF ;
	background-color : #FFFFFF ;
	border-radius: 20px ;
	font-weight: 700 ;
}


.mailform_submit{
	display : block ;
	position: relative ;
	box-sizing : border-box ;
	width : 100% ;
	max-width : 320px ;
	height : 40px ;
	text-align : center ;
	background-color: #2B2B2B ;
	border : 1px solid #2B2B2B ;
	color : #FFFFFF ;
	font-size : 20px ;
	font-weight : 900 ;
	margin : 60px auto 0px ;
	border-radius: 20px ;
	box-shadow: 0px 4px 0px rgba(0,0,0,0.25) ;
	cursor: pointer ;
}




.mailform_result_superbox{
	position: fixed;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 51 ;
	display : none ;
}

.mailform_result_background{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: rgba(0,0,0,0.8);
	z-index : 52 ;
	cursor: pointer ;
}

.mailform_result_contents{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform : translate( -50% , -50% );
	width : 600px ;
	height : auto ;
	padding : 40px ;
	background-color: #E0E0E0 ;
	border-radius: 16px ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25) ;
	z-index : 54 ;
	color : #2B2B2B ;
}


.mailform_result_title{
	font-size: 20px ;
	font-weight: 900 ;
	padding-bottom : 10px ;
	border-bottom : 2px solid #2B2B2B ;
}

.mailform_result_story{
	margin-top : 20px ;
}

#mailform_name_notice,
#mailform_mail_notice,
#mailform_q_notice{
	font-size: 14px ;
	color: #FF40AC ;
	font-weight: 900 ;
}


.mailform_result_close{
	width: 240px ;
	height: 40px ;
	line-height: 40px ;
	cursor: pointer;
	text-align: center ;
	font-size: 20px ;
	font-weight: 900 ;
	background-color: #FF40AC ;
	border-radius: 20px ;
	margin: 20px auto 0px ;
	color: #FFFFFF ;
}

.wd_yt_itembox{
	width: 100% ;
	max-width: 640px ;
	aspect-ratio: 16 / 9;
}
.wd_yt_itembox iframe{
	width: 100% ;
	height: 100% ;
}







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



}


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






.wd_m1{
}

.wd_fv_superbox{
}

.wd_fv_title{
	font-size: 24px ;
	line-height: 30px ;
}

.wd_fv_title span{
	font-size: 36px ;
}

.wd_fv_title_bar{
}

.wd_fv_cover{
}

.wd_fv_info_superbox{
	width: 100%;
	margin: 80px auto 0px ;
}

.wd_fv_info_item{
}

.wd_fv_info_date{
	float : none;
	width: 100% ;
}
.wd_fv_info_title{
	float : none;
	width: 100% ;
}


.wd_fv_amazon{
}




.wd_sampledata_superbox{
}


.wd_title_superbox{
}

.wd_titlebox{
	float: none ;
	width: 100% ;
	max-width: 400px ;
	margin-right: 0px ;
	margin-bottom : 10px ;
}

.wd_title_story{
	width: 100% ;
}

.wd_sampledata_flex{
	justify-content: center ;
	gap: 20px ;
}

.wd_sampledata_flex_item_wrap{
}

.wd_sampledata_flex_item{
}





.wd_tflist_superbox{
}



.wd_movie_superbox{
}


.wd_index_superbox{
}

.wd_index_flex{
	justify-content: center ;
	max-width: 400px ;
}

.wd_index_itembox{
	width: 100% ;
}

.wd_index_item_title{
	float : none ;
	font-size: 14px ;
	width: 100% ;
}

.wd_index_item_story{
	float : none ;
	padding : 0px 0px 0px 20px ;
	font-size: 12px ;

}


.wd_pagesample_superbox{
}


.wd_pagesample_flex{
}

.wd_pagesample_flex_item{
	width: 120px;
}
.wd_pagesample_flex_item img{
}


.wd_pagesample_flex_item_ol{
}

.wd_pagesample_flex_item_ol img{
}


.wd_faq_superbox{
}

.wd_faq_itembox{
}

.wd_faq_item_q{
	font-size: 14px ;
}

.wd_faq_item_a{
	font-size: 14px;
}


.wd_contact_superbox{
}


.wd_contact_firestorage{
}

.wd_logo_ryu{
	position: relative;
	top : auto ;
	left: auto ;
	width: 300px ;
	height: 32px ;
	line-height: 32px ;
	font-size: 16px ;
	font-weight: 900 ;
	background: #99D32D ;
	text-align: right ;
	padding: 0px 20px 0px 0px ;
	border-radius: 0px 16px 16px 0px  ;
}

.wd_logo_superbox{
	position: relative ;
	top : auto ;
	left: auto ;
	width: 100% ;
	padding: 20px 0px 20px ;
	background-color: #2B2B2B;
}

.wd_logo{
	width: 160px ;
	margin: 0px auto ;
}

.wd_logo_story{
	margin-top : 20px ;
	padding: 0px 20px ;
}


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

.wd_footer_logo{
}

.wd_footer_copy{
}


.wd_totop{
	bottom : 10px ;
	right: 10px ;
}

.wd_totop_image{
}

.wd_totop_shot{
}


.wd_contact_itembox{
}
.wd_contact_itembox.wd_first{
}

.wd_contact_item_name{
	width: 100% ;
	font-size: 14px ;
	text-align: left ;
}
.wd_contact_item_form{
	width: 100%;
}

.mailform_input{
}

.mailform_textarea{
}


.mailform_submit{
}




.mailform_result_superbox{
}

.mailform_result_background{
}

.mailform_result_contents{
}


.mailform_result_title{
}

.mailform_result_story{
}

#mailform_name_notice,
#mailform_mail_notice,
#mailform_q_notice{
}


.mailform_result_close{
}













}