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

.wd_flash_fv,
.wd_flash{
	position: absolute; 
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 40 ;
}


.wd_header{
	position: fixed ;
	top : 0px ;
	left: 0px ;
	z-index: 44 ;
	width: 100% ;
	height: 80px ;
	background: #EEEEEE ;
	padding : 20px ;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.25);
}

.wd_header_dummy{
	width: 100% ;
	height: 80px ;
}

.wd_header_inner{
	width: 100% ;
	max-width: 1920px ;
	margin: 0px auto ;
	height: 40px ;
	justify-content: center ;
	gap: 0px 40px ;
}
.wd_header_item{
	width: fit-content ;
	font-size: 20px ;
	font-weight: 900 ;
}


.wd_footer{
	width: 100% ;
	padding: 200px 40px 20px ;
	background: #2B2B2B ;
	color: #FFD600 ;
	text-align: center ;
	margin-top : 80px ;
}

.wd_footer_logobox{
	width: 100% ;
	max-width: 320px ;
	margin: 0px auto 200px ;
	text-align: center ;
	color: #FFD600 ;
}
.wd_footer_logo{
	width: 100% ;
}


.wd_footer_copy{
	text-align: center ;
	color: #FFFFFF ;
	font-size: 12px ;
}



.wd_fv_section{
	width : 100% ;
	height: auto ;
}

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

.wd_fv_back{
	position: relative ;
	width: 100% ;
	max-width: 1280px ;
	margin: 0px auto ;
	z-index: 4 ;
}

.wd_fv_logo{
	position: absolute ;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 100% ;
	max-width: 1280px ;
	z-index: 6 ;
	margin-top : 40px ;
}



.wd_nowonsale{
	width: 100% ;
	margin: 100px auto ;
	padding: 0px 40px ;
}

.wd_nowonsale_title_jp{
	font-size: 24px ;
	font-weight: 900 ;
	line-height: 30px ;
	text-align: center ;
	color: #2B2B2B ;
	border-bottom : 1px solid #2B2B2B ;
	width: fit-content ;
	margin: 0px auto ;
	padding : 0px 20px ;
}

.wd_nowonsale_title_en{
	font-size: 12px ;
	font-weight: 900 ;
	line-height: 14px ;
	text-align: center ;
	color: #2B2B2B ;
	width: fit-content ;
	margin: 0px auto ;
}

.nowonsale_waitbox{
	width: 100% ;
	max-width: 360px ;
	margin: 40px auto 0px ;
	padding-left: 132px ;
}

.nowonsale_wait_image{
	position: absolute ;
	top : 50% ;
	left: 0% ;
	width: 128px ;
	transform: translate(0%,-50%);
}


.wd_pv_section{
	width: 100% ;
	margin: 100px auto ;
	padding: 100px;
	background-color: #2B2B2B ;
}


.wd_pv_title_jp{
	font-size: 24px ;
	font-weight: 900 ;
	line-height: 30px ;
	text-align: center ;
	color: #FFFFFF ;
	border-bottom : 1px solid #FFFFFF ;
	width: fit-content ;
	margin: 0px auto ;
	padding : 0px 20px ;
}

.wd_pv_title_en{
	font-size: 12px ;
	font-weight: 900 ;
	line-height: 14px ;
	text-align: center ;
	color: #FFFFFF ;
	width: fit-content ;
	margin: 0px auto ;
}

#wd_pv_video{
	display: block ;
	width: 100% ;
	max-width: 960px ;
	margin: 40px auto 0px ;
}


.wd_about_section{
	width: 100% ;
	height: auto ;
	margin : 40px auto 0px ;
	background-color: #F0F0F0 ;
	overflow: hidden ;
}

.wd_about_section_inner{
	width: 100% ;
	max-width: 1920px ;
	height: auto ;
	margin : 0px auto 0px ;
	z-index: 4 ;
}
.wd_about_section_inner.wd_left{
	justify-content: right ;
}
.wd_about_section_inner.wd_right{
	justify-content: left ;
}


.wd_section_back{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
	opacity: 0.2 ;
	filter: blur(8px);
}

.wd_section_half{
	width: 50%;
	min-height: 400px ;
	padding: 80px 40px ;
	z-index: 4 ;
}

.wd_section_half.wd_left,
.wd_section_half.wd_right{
	max-width: 640px ;
}

.wd_section_half.wd_nopadding{
	padding : 0px ;
}

.wd_section_image{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.wd_section_titlebox{
	width: fit-content ;
	margin-bottom : 0px ;
	padding-bottom : 10px ;
	color: #2B2B2B ;
	
}

.wd_section_title_jp{
	font-size: 24px ;
	font-weight: 900 ;
	line-height: 32px ;
	border-bottom  : 1px solid #2B2B2B ;
	padding: 0px 0px ;
}

.wd_section_title_en{
	font-size: 12px ;
	font-weight: 900 ;
	line-height: 14px ;
	padding: 0px 0px ;
}


.wd_section_story{
	margin-top : 20px ;
}

.wd_section_half.wd_left .wd_section_titlebox{
	float : right ;
	text-align: right ;
}
.wd_section_half.wd_left .wd_section_story{
	text-align: right ;
}

.wd_section_half.wd_right .wd_section_titlebox{
	float : left ;
	text-align: left ;
}
.wd_section_half.wd_right .wd_section_story{
	text-align: left ;
}


.wd_chara_section{
	width: 100% ;
	margin: 100px auto 0px ;
	padding: 80px 40px ;
}

.wd_chara_back{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	/** filter: blur(8px); **/
	z-index: 1 ;
}

.wd_chara_inner{
	width: 100% ;
	max-width: 1280px ;
	margin: 0px auto 0px ;
	z-index: 4 ;
}

.wd_chara_explain{
	text-align: center ;
	color: #FFFFFF ;
	margin-top : 20px ;
}


.wd_chara_list_flex{
	width: 100% ;
	max-width: 1280px ;
	margin: 80px auto 0px ;
	justify-content: center ;
	gap: 40px ;
}


.wd_chara_itembox{
	width: 240px ;
	color: #FFFFFF ;
}

.wd_chara_item_face{
	width: 100% ;
	max-width: 128px ;
	margin : 0px auto 20px ;
}

.wd_chara_item_pos{
	font-size: 12px ;
}

.wd_chara_item_name{
	font-size: 20px ;
	line-height: 20px ;
}

.wd_chara_item_story{
	padding-top : 10px ;
	margin-top : 10px ;
	border-top : 1px solid #FFFFFF ;
}

.wd_section_half_system{

}

.wd_system_icon{
	position: absolute ;
	top : 50% ;
	left : 0%; 
	width: 100% ;
	transform: translate(20% , -50%);
}

.wd_system_itembox{
	border-bottom: 1px solid #2B2B2B ;
	padding: 10px 0px ;
}
.wd_system_itembox.wd_first{
	border-top: 1px solid #2B2B2B ;
	margin-top : 40px ;
}

.wd_system_item_l{
	width: 200px ;
	padding : 0px 10px ;
	font-size: 14px ;
	line-height: 20px ;
}
.wd_system_item_r{
	width: calc( 100% - 200px );
	font-size: 14px ;
	line-height: 20px ;
}

.wd_document_link{
	position: absolute ;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 100% ;
	max-width: 320px ;
	height: 80px ;
	line-height: 80px ;
	background: #FFD600 ;
	color: #2B2B2B ;
	text-align: center ;
	font-size: 20px ;
	font-weight: 700 ;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.25);
}












































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



}


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





.wd_flash_fv,
.wd_flash{
}


.wd_header{
	height: 60px ;
	padding : 20px 20px ;
}

.wd_header_dummy{
	width: 100% ;
	height: 60px ;
}

.wd_header_inner{
	height: 20px ;
	gap: 0px 20px ;
}
.wd_header_item{
	font-size: 14px ;
	line-height: 20px ;
}


.wd_footer{
	padding: 100px 40px 20px ;
	margin-top : 80px ;
}

.wd_footer_logobox{
	max-width: 320px ;
}
.wd_footer_logo{
}


.wd_footer_copy{
}



.wd_fv_section{
	height: 400px ;
}

.wd_fv_base{
}

.wd_fv_back{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	object-position: right center ;
}

.wd_fv_logo{
	width: 160% ;
}



.wd_nowonsale{
}

.wd_nowonsale_title_jp{
}

.wd_nowonsale_title_en{
}

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

.nowonsale_wait_image{
}

.wd_pv_section{
	padding: 100px 0px ;
}


.wd_pv_title_jp{
}

.wd_pv_title_en{
}

#wd_pv_video{
}


.wd_about_section{
}

.wd_about_section_inner{
}
.wd_about_section_inner.wd_left{
	justify-content: center ;
}
.wd_about_section_inner.wd_right{
	justify-content: center ;
}
.wd_about_section_inner.wd_right .wd_section_half{

}

.wd_section_back{
}

.wd_section_half{
	width: 100%;
	max-width: 640px ;
	min-height: auto ;
	height: auto ;
	padding: 80px 40px ;
	
	
}
.wd_section_half.wd_left{
	order: 1 ;
}
.wd_section_half.wd_left,
.wd_section_half.wd_right{
}

.wd_section_half.wd_nopadding{
	order : 4 ;
}

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

.wd_section_titlebox{
}

.wd_section_title_jp{
}

.wd_section_title_en{
}


.wd_section_story{
}

.wd_section_half.wd_left .wd_section_titlebox{
	float : none ;
	text-align: left ;
}
.wd_section_half.wd_left .wd_section_story{
	text-align: left ;
}

.wd_section_half.wd_right .wd_section_titlebox{
	float : left ;
}
.wd_section_half.wd_right .wd_section_story{
}


.wd_chara_section{
}

.wd_chara_back{
}

.wd_chara_inner{
}

.wd_chara_explain{
}


.wd_chara_list_flex{
	max-width: 640px ;
	gap: 80px 0px ;
}


.wd_chara_itembox{
	width: 100% ;
}

.wd_chara_item_face{
	width: 100% ;
	max-width: 128px ;
	margin : 0px auto 20px ;
}

.wd_chara_item_pos{
}

.wd_chara_item_name{
}

.wd_chara_item_story{
}

.wd_section_half_system{

}

.wd_system_icon{
	position: relative ;
	top : auto ;
	left : auto; 
	width: 100% ;
	height: 100% ;
	transform: translate(20% , -60px);
}


.wd_system_itembox{
}
.wd_system_itembox.wd_first{
}

.wd_system_item_l{
	width: 100% ;
	padding : 0px ;
	margin-bottom : 10px ;
}
.wd_system_item_r{
	width: 100%;
}

.wd_document_link{
	position: relative ;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 100% ;
	max-width: 320px ;
	height: 80px ;
	line-height: 80px ;
	margin: 0px auto 40px ;
}



















}