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




.works_cate_superbox{
	width : 100% ;
	max-width: 1100px ;
	margin : 50px auto 0px ;
}




.works_cate_table{
	width : 100% ;
	border-collapse: separate;
	border-spacing: 0px ;
	background-color: #FFFFFF;
	border : 1px solid #989898 ;
}
.works_cate_table th{
	box-sizing: border-box ;
	padding : 20px 10px 20px 40px ;
	width : 280px ;
	line-height: 30px ;
	border-bottom : 1px solid #989898 ;
	font-size: 20px ;
	font-weight: 700 ;
	text-align : left ;
	color : #333333 ;
}
.works_cate_table th a,
.works_cate_table th a:link,
.works_cate_table th a:visited{
	color : #333333 ;
}

.works_cate_table td{
	padding : 20px 40px 20px 0px ;
	line-height: 30px ;
	border-bottom : 1px solid #989898 ;
}

.works_cate_item{
	display: inline-block ;
	font-size : 16px ;
	font-weight: 700 ;
	padding-left : 28px ;
	margin-right : 20px ;
	color : #333333 ;
}

.works_cate_icon{
	position: absolute ;
	top : 50% ;
	left : 4px ;
	width : 8px ;
	height : 8px ;
	border-right : 1px solid #989898 ;
	border-bottom : 1px solid #989898 ;
	transform: translate(0%,-50%) rotate(45deg);
}



.works_index_section{
	width : 100% ;
	padding : 0px 40px 150px ;
}



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

.works_index_cate_sub{
	display: inline-block;
	font-size : 12px ;
	margin-left : 60px ;
}







.works_index_cate{
	font-size : 20px ;
	font-weight: 700 ;
	margin-top : 92px ;
	width : 100% ;
	height : 30px ;
	line-height: 30px ;
	z-index: 14 ;
	left : 20px ;
}

.works_index_catebar{
	position: absolute ;
	top : 50% ;
	right : calc( 100% + 20px );
	width : 1920px ;
	height : 1px ;
	background-color: #333333 ;
	z-index: 14 ;
}

.works_index_cate_num{
	font-size : 32px ;
	font-weight: 400 ;
	vertical-align: -6px ;
	margin : 0px 6px ;
}


.worsk_index_item{
	width : 24% ;
	max-width: 256px ;
	margin-bottom : 50px ;
	left : 20px ;
	padding-bottom : 64px ;
}
.worsk_index_item_dummy{
	width : 24% ;
	max-width: 256px ;
}

.worsk_index_item_image{
	width : 100% ;
	height : 164px ;
	margin-bottom : 20px ;
	overflow: hidden;
}

.worsk_index_item_image_wrap{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 100% ;
	height : 100% ;
	transform: translate(-50%,-50%);
}

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


.worsk_index_item_l{
	float : left ;
	width : 76px ;
	height : 24px ;
	line-height : 24px ;
	color : #B2B2B2 ;
	font-size : 13px ;
}
.worsk_index_item_r{
	float : left ;
	width : calc( 100% - 76px ) ;
	/** height : 24px ; **/
	line-height : 20px ;
	color : #333333 ;
	font-size : 13px ;
	margin-bottom : 4px ;
}


.works_index_more{
	position: absolute;
	bottom : 0px ;
	left : 50% ;
	transform: translate(-50% , 0% );
	width : 100% ;
	max-width: 146px ;
	height : 40px;
	line-height : 38px;
	text-align: center ;
	font-size : 11px ;
	
	background-color: #808080 ;
	border : 1px solid #808080 ;
}







.works_index_linkall{
	width : 100% ;
	max-width: 400px ;
	height : 50px ;
	line-height: 48px ;
	border : 1px solid #808080 ;
	background-color: #FFFFFF ;
	color: #808080 ;
	text-align: center ;
	font-size: 14px ;
	margin : 0px auto ;
	overflow: hidden ;
}

.works_index_linkall_wrap{
	width : 100% ;
	height : 48px ;
	z-index: 13 ;
}
.works_index_linkall_arrow{
	position: absolute ;
	top : 50% ;
	left : 20px;
	width : 8px ;
	height : 8px ;
	border-right : 1px solid #808080 ;
	border-bottom : 1px solid #808080 ;
	transform: translate(0%,-50%) rotate(45deg);
}


.works_index_linkall_back{
	position: absolute ;
	top : 100% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: #808080 ;
	z-index: 12 ;
}






.wd_titlebox{
	width : 100% ;
	height : 40px ;
	line-height : 40px ;
	max-width: 1080px ;
	margin : 52px auto 0px ;
	padding : 0px 0px 0px 200px ;
	font-size: 40px ;
	font-weight: 700 ;
}

.wd_title_genre{
	position: absolute ;
	top : 10px ;
	left : 0% ;
	font-size : 20px ;
	font-weight: 700 ;
	width : 200px ;
	height : 30px ;
	line-height : 30px ;
}
.wd_title_genre span{
	color :#CBCBCB ;
	font-size : 14px ;
	font-family: 'Cormorant Garamond', serif;
}

.wd_title_genre_bar{
	position: absolute;
	top : 50% ;
	left : -50px ;
	width : 40px ;
	height : 1px ;
	background-color: #333333 ;
}

.wd_fv_superbox{
	width : 100% ;
	height : 670px ;
	max-width : 1920px ;
	margin : 80px auto 40px ;
}

.wd_fv_box01{
	width : calc( 100% - 400px ) ;
	height : 670px ;
}
.wd_fv_box01 img{
	width: 100% ;
	height : 100% ;
	object-fit: cover;
}
.wd_fv_box02{
	position: absolute ;
	top : 0% ;
	right : 0% ;
	width : 400px ;
	height : 50% ;
	background-color: #333333 ;
	color : #FFFFFF ;
	padding : 40px 40px 40px 80px ;
}
.wd_fv_box03{
	position: absolute ;
	bottom : 0% ;
	right : 0% ;
	width : 400px ;
	height : 50% ;
	background-color: #F1F1F1 ;
	padding : 40px ;
	cursor: pointer;
}


.wd_fv_box02_title{
	font-size : 13px ;
	line-height: 16px ;
	margin-bottom : 16px ;
}

.wd_fv_box02_item_l{
	float : left ;
	width : 80px ;
	font-size: 13px ;
	line-height: 16px ;
	margin-bottom : 14px ;
	color : #B2B2B2 ;
}
.wd_fv_box02_item_r{
	float : left ;
	width : calc( 100% - 80px ) ;
	font-size: 13px ;
	line-height: 16px ;
	margin-bottom : 14px ;
}

.wd_fv_box03_wrap{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
}

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

.wd_fv_box03_icon{
	position: absolute ;
	bottom : 0% ;
	right : 0% ;
	width : 40px ;
	height : 40px ;
	background-color: #000000 ;
	z-index: 14;
}

.wd_fv_box03_icon img{
	width : 100% ;
}

.wd_zoom_bp{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 46 ;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer;
	display: none ;
}
.wd_zoom_bp_wrap{
	position: absolute ;
	top : 10% ;
	left : 10% ;
	width : 80% ;
	height : 80% ;
}

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


.wd_story{
	font-size: 16px ;
	line-height: 52px ;
	margin : 100px auto 72px ;
	left : 20px ;
}


.wd_imagebox{
	width : 100% ;
	height : 700px ;
	margin-bottom : 100px ;
	left : 20px ;
}

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



.wd_imagebox_titlebox{
	position: absolute ;
	top : calc( 100% - 36px ) ;
	left : -30px ;
	width : 100% ;
	z-index: 14 ;
}

.wd_imagebox_title{
	float : left ;
	width : 240px ;
	height : 76px ;
	line-height : 76px ;
	background-color: #333333 ;
	color: #FFFFFF ;
	padding : 0px 12px ;
	font-size: 12px ;

}

.wd_imagebox_caption{
	float : left ;
	width : calc( 100% - 240px ) ;
	font-size: 12px ;
	padding : 44px 0px 0px 20px ; ;
}




.wd_imagebox_s{
	width : 49% ;
	max-width : 480px ;
	height : 320px ;
	margin-bottom : 100px ;
	left : 20px ;
}
.wd_imagebox_s_dummy{
	width : 49% ;
	max-width : 480px ;
}

.wd_imagebox_s .wd_imagebox_title{
	width : 128px ;
}

.wd_imagebox_s .wd_imagebox_caption{
	width : calc( 100% - 140px ) ;
}


.wd_other_section{
	width : 100% ;
	padding : 140px 40px 90px ;
	background-color: #EDEDED;
}


.wd_other_title_en{
	text-align: center ;
	font-size : 13px ;
	color : #989898 ;
	left : 20px ;
}
.wd_other_title_jp{
	text-align: center ;
	font-size : 20px ;
	font-weight: 700 ;
	left : 20px ;
	margin-top : 10px ;
}

.wd_other_formbox{
	width : 100% ;
	max-width : 1000px ;
	background-color: #FFFFFF ;
	margin : 80px auto 0px ;
	padding : 26px 64px 26px ;
	left : 20px ;
}


.wd_other_form_left{
	float : left ;
	width : calc( 100% - 240px ) ;
}


.wd_other_form_submit{
	position: relative;
	float : right ;
	display: block ;
	width : 224px ;
	height : 50px ;
	font-size: 20px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	background-color: #808080 ;
	border : 1px solid #808080 ;
	cursor: pointer;
	overflow: hidden ;
	margin-top : 0px ;
}
.wd_other_form_submit p{
	z-index: 14 ;
}

.wd_other_form_submit_back{
	position: absolute;
	top : 100% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: #FFFFFF ;
	z-index: 12 ;
}


.wd_other_form_line{
	font-size: 16px ;
	padding-left : 160px ;
	line-height : 50px ;
	margin-bottom : 0px ;
}
.wd_other_form_line label{
	margin-right : 20px ;
}

.wd_other_form_line_title{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width : 120px ;
	height : 26px ;
	line-height: 24px ;
	text-align: center ;
	font-size: 14px ;
	border: 1px solid #333333 ;
}


.wd_other_list_flex{
	width : 100% ;
	max-width: 1000px ;
	margin : 64px auto 0px ;
}



.wd_slide_count{
	float : right ;
	width : 300px; 
	height : 52px ;
	line-height: 52px ;
	text-align: right ;
	font-size : 12px ;
	margin-top : 64px ;
	left : 20px ;
}
.wd_slide_count span{
	font-size : 42px ;
	font-weight: 700 ;
	color : #C09932 ;
	vertical-align: -10px ;
	margin : 0px 4px ;
}



.wd_zoom_bp_notice{
	position: absolute;
	bottom : 5%;
	left: 0% ;
	width: 100% ;
	font-size: 13px ;
	color: #B2B2B2 ;
	text-align: center ;
	padding : 0px 20px ;
}





































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



}


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








.works_cate_superbox{
	margin : 100px auto 0px ;
}




.works_cate_table{
	border : 2px solid #989898 ;
}
.works_cate_table th{
	display: block ;
	width : 100% ;
	line-height: 30px ;
	border-bottom : none ;
	font-size: 26px ;
}
.works_cate_table th a,
.works_cate_table th a:link,
.works_cate_table th a:visited{
}

.works_cate_table td{
	box-sizing: border-box;
	display: block ;
	width : 100% ;
	border-bottom : 2px solid #989898 ;
	padding : 0px 40px ;
}

.works_cate_item{
	display: inline-block ;
	font-size : 24px ;
	padding-left : 28px ;
	margin-right : 20px ;
	margin-bottom : 20px ;
}

.works_cate_icon{
	border-right : 2px solid #989898 ;
	border-bottom : 2px solid #989898 ;
}



.works_index_section{
}



.works_index_flex{
	max-width: 640px ;
}

.works_index_cate_sub{
	font-size : 16px ;
	vertical-align: 2px ;
}


.works_index_cate{
	font-size : 26px ;
	padding-top : 150px ;
	padding-bottom : 50px ;
	width : 100% ;
	height : auto ;
}

.works_index_catebar{
	top : 166px ;
}

.works_index_cate_num{
	font-size : 36px ;
	vertical-align: -10px ;
}


.worsk_index_item{
	width : 49% ;
	max-width: 340px ;
	margin-bottom : 50px ;
	padding-bottom: 84px ;
}
.worsk_index_item_dummy{
	width : 49% ;
	max-width: 340px ;
}

.worsk_index_item_image{
	height : 240px ;
}

.worsk_index_item_image_wrap{
}

.worsk_index_item_image_wrap img{
}


.worsk_index_item_l{
}
.worsk_index_item_r{
}


.works_index_more{
	max-width: 320px ;
	height : 60px;
	line-height : 56px;
	font-size : 14px ;
	border : 2px solid #808080 ;
}







.works_index_linkall{
	max-width: 640px ;
	height : 80px ;
	line-height: 76px ;
	border : 2px solid #808080 ;
	font-size: 16px ;
}

.works_index_linkall_wrap{
	height : 76px ;
}
.works_index_linkall_arrow{
	left : 20px;
	border-right : 2px solid #808080 ;
	border-bottom : 2px solid #808080 ;
}


.works_index_linkall_back{
}














.wd_titlebox{
}

.wd_title_genre{
	left : 40px ;
	width : 160px ;
}


.wd_title_genre_bar{
	height : 2px ;
}

.wd_fv_superbox{
	height : 990px ;
}

.wd_fv_box01{
	width : 100% ;
	height : 670px ;
}
.wd_fv_box01 img{
}
.wd_fv_box02{
	top : auto ;
	bottom : 0% ;
	right : auto ;
	left : 0% ;
	width : 50% ;
	height : 320px ;
	padding : 30px 20px 20px 40px ;
}
.wd_fv_box03{
	width : 50% ;
	height : 320px ;
}


.wd_fv_box02_title{
	font-size : 16px ;
	line-height: 16px ;
	margin-bottom : 16px ;
}

.wd_fv_box02_item_l{
	font-size: 13px ;
}
.wd_fv_box02_item_r{
	font-size: 16px ;
}

.wd_fv_box03_wrap{
}

.wd_fv_box03_wrap img{
}

.wd_fv_box03_icon{
	width : 64px ;
	height : 64px ;
}

.wd_fv_box03_icon img{
	width : 100% ;
}

.wd_zoom_bp{
}
.wd_zoom_bp_wrap{
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 90% ;
}

.wd_zoom_bpimage{
}


.wd_story{
	font-size: 24px ;
	line-height: 64px ;
	margin : 100px auto 72px ;
	padding : 0px 40px ;
}


.wd_imagebox{
	margin-bottom : 160px ;
	height : auto ;
}

.wd_image{
}



.wd_imagebox_titlebox{
	top : calc( 100% - 36px ) ;
	left : 40px ;
}

.wd_imagebox_title{
	width : 200px ;
	height : 76px ;
	line-height : 76px ;
	font-size: 16px ;

}

.wd_imagebox_caption{
	width : calc( 100% - 240px ) ;
	font-size: 16px ;
	padding : 44px 40px 0px 20px ; ;
}




.wd_imagebox_s{
	width : 100% ;
	max-width : 1000px ;
	margin-bottom : 160px ;
	left : 20px ;
}
.wd_imagebox_s_dummy{
	width : 100% ;
	max-width : 1000px ;
}

.wd_imagebox_s .wd_imagebox_title{
	width : 200px ;
}

.wd_imagebox_s .wd_imagebox_caption{
	width : calc( 100% - 240px ) ;
}


.wd_other_section{
}


.wd_other_title_en{
	font-size : 16px ;
}
.wd_other_title_jp{
	font-size : 26px ;
}

.wd_other_formbox{
	padding : 40px 40px 40px ;
}


.wd_other_form_left{
	float : none ;
	width : 100%  ;
}


.wd_other_form_submit{
	float : none ;
	width : 400px ;
	height : 80px ;
	font-size: 26px ;
	border : 2px solid #808080 ;
	margin : 40px auto 0px 
}
.wd_other_form_submit p{
}

.wd_other_form_submit_back{
}


.wd_other_form_line{

	font-size: 26px ;
	line-height: 60px ;
	padding-left : 0px ;
}
.wd_other_form_line label{
	display: inline-block;
	text-align: center ;
	margin-bottom: 20px ;
	width: 100% ;
}

.wd_other_form_line_title{
	position: relative;
	top : auto ;
	left : auto ;
	transform: translate(0%,0%);
	width : 160px ;
	height : 60px ;
	line-height: 56px ;
	font-size: 24px ;
	border: 2px solid #333333 ;
	margin : 0px auto 20px ;
}


.wd_other_list_flex{
}



.wd_slide_count{
	font-size : 16px ;
}
.wd_slide_count span{
}










.wd_zoom_bp_notice{
	font-size: 16px ;
}






















}