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



.wd_totop{
	background-color: #444444 !important ;
}

.wd_blog_header{
	width: 100% ;
	
	background-color : #FFFFFF ;
	padding: 40px 40px 0px ;
	border-bottom : 2px solid #DDDDDD ;
}


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



.wd_blog_header_story{
	width: 100% ;
	text-align: center ;
	font-size: 14px ;
	color: #444444 ;
	font-weight: 400 ;
}

.wd_blog_header_title{
	width: 100% ;
	max-width: 700px ;
	margin : 0px auto ;
}

.wd_blog_header_title_l1{ display: block ; }
.wd_blog_header_title_l2{ display: none ; }
.wd_blog_header_title_l3{ display: none ; }


.wd_blog_container{
	width: 100% ;
	padding: 80px 0px 100px ;
	background-color: #F1F1F1 ;
}


.wd_blog_footer{
	width: 100% ;
	background-color: #999999 ;
	padding: 60px 20px 16px ;
}



.wd_blog_footer_title{
	width: 100% ;
	text-align: center ;
	color: #FFFFFF ;
	font-weight: 700 ;
	font-size: 30px ;
}

.wd_blog_footer_copy{
	width: 100% ;
	text-align: center ;
	color: #FFFFFF ;
	font-size: 12px ;
	line-height: 14px ;
	margin-top : 14px 
}









.wd_blog_inner1180{
	width: calc( 100% - 40px ) ;
	max-width: 1180px ;
	margin : 0px auto ;
}
.wd_blog_inner1180.wd_flex{
	align-items: flex-start ;
}

.wd_blog_tnarea{
	width: 100% ;
	max-width: 790px ;
}
.wd_blog_conttents{
	width: 100% ;
	max-width: 790px ;
}

.wd_blog_conttents_inner{
	width: 100% ;
	background-color: #FFFFFF ;
	border-radius: 4px ;
	padding: 75px ;
}

.wd_blog_naviarea{
	width: 100% ;
	max-width: 354px ;
}

.wd_blog_tnitem_wrap{
	width: 48% ;
	max-width: 380px ;
	margin-bottom: 30px ;
	background-color: #FFFFFF ;
	border-radius: 4px ;
}

.wd_blog_tnitem{
	width: 100% ;
	padding: 15px ;
}

.wd_blog_tn_imagebox{
	width: 100% ;
	aspect-ratio: 7 / 4 ;
	border-radius: 4px ;
	overflow: hidden ;
}
.wd_blog_tn_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.wd_blog_tn_infobox{
	width: 100% ;
	margin-top : 20px ;
}

.wd_blog_tn_datebox{
	float : left ;
	width: fit-content;
	padding-left:  18px ;
	font-size: 13px ;
	line-height: 22px ;
	color: #999999 ;
}
.wd_blog_tn_datebox img{
	position: absolute;
	top : 50% ;
	left: 0px ;
	width: 16px ;
	transform: translate(0%,-50%);
}

.wd_blog_tn_cate_wrap{
	float : right ;
	width: fit-content ;
	margin-left: 10px ;
}
.wd_blog_tn_cate{
	width: 100% ;
	height: 22px ;
	line-height: 20px ;
	padding: 0px 12px ;
	border : 1px solid #999999 ;
	color : #999999 ;
	font-size: 11px ;
	border-radius: 11px ;
	font-weight: 700 ;
	background-color: #FFFFFF ;
}

.wd_blog_tn_cate.wd_blog_single_cate_money{
	border : 1px solid #F9BA2F ;
	color: #F9BA2F ;
}
.wd_blog_tn_cate.wd_blog_single_cate_life{
	
	border : 1px solid #6EC878 ;
	color: #6EC878 ;
}

.wd_blog_tn_title{
	width: 100% ;
	font-size: 16px ;
	font-weight: 700 ;
	color: #444444 ;
	margin-top : 20px ;
	margin-bottom : 12px ;
}



.wd_pagination_superbox{
	width: 100% ;
	margin-top : 50px ;
	justify-content: center !important ;
}

.wd_pagination_prevbox{
	width: 40px ;
	height: 40px ;
	border-radius: 4px ;
	text-align: center ;
	line-height: 40px ;
	font-size: 16px ;
	font-weight: 700 ;
	margin: 4px ;
}

.wd_pagination_prevbox:hover,
.wd_pagination_prevbox.wd_active{
	background-color: #FFFFFF ;
}

.wd_pagenation_item_inner{
	width: 40px ;
	height: 40px ;
	color: #444444 ;
}

.wd_blog_searchbox{
	width: 100% ;
	max-width: 354px ;
	height: 48px ;
	border-radius: 4px ;
	background-color: #FFFFFF ;
	overflow: hidden ;
}

.wd_blog_search_textbox{
	position: relative ;
	box-sizing: border-box ;
	display: block ;
	float : left ;
	width: calc( 100% - 48px );
	height: 48px ;
	box-sizing: border-box ;
	padding: 0px 20px ;
	font-size: 14px ;
	border : none ;
	border-radius: 4px 0px 0px 4px ;
}

.wd_blog_search_btn{
	float : left ;
	position: relative ;
	box-sizing: border-box ;
	display: block ;
	width: 48px ;
	height: 48px ;
	background-color: #999999 ;
	border : none ;
	cursor: pointer ;
}

.wd_blog_search_btn img{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 46px ;
}


.wd_blog_navi_category{
	width: 100% ;
	max-width: 354px ;
	border-radius: 4px ;
	background-color: #FFFFFF ;
	margin-top : 30px ;
	padding: 20px 20px 30px ;
}

.wd_blog_navi_category.wd_blog_navi_ranking{
	padding-bottom: 0px ;
}

.wd_blog_navi_cate_title{
	font-size: 18px ;
	line-height: 20px ;
	font-weight: 700 ;
	color: #444444 ;
	border-bottom: 3px solid #999999 ;
	padding: 10px ;
}

.wd_blog_navi_cate_item{
	width: 100% ;
	padding: 20px 0px 20px 24px ;
	font-size: 15px ;
	color: #444444 ;
	line-height: 20px ;
	border-bottom : 1px solid #DDDDDD ;
}

.wd_blog_navi_cate_item_circle{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 16px ;
	height: 16px ;
	border-radius: 50% ;
	background-color: #DDDDDD ;
	transform: translate(0%,-50%);
}

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

.wd_blog_navi_tag_inner{
	width: 100% ;
	margin-top : 20px ;
	justify-content: left !important ;
}

.wd_blog_navi_tag_item_wrap{
	width: fit-content ;
	margin : 0px 6px 6px 0px ;
}
.wd_blog_navi_tag_item{
	width: fit-content ;
	height: 30px ;
	line-height: 28px ;
	border-radius: 15px ;
	border : 1px solid #999999 ;
	color: #999999 ;
	font-size: 14px ;
	font-weight: 700 ;
	padding: 0px 12px ;
}














.wd_blog_single_pnkzbox{
	width: calc( 100% - 40px ) ;
	max-width: 1180px ;
	margin : 0px auto 64px ;
}

.wd_blog_single_pnkz_arrow,
.wd_blog_single_pnkz_item{
	width: fit-content ;
	float : left ;
	font-size: 14px ;
	line-height: 20px ;
	color: #444444 ;
	margin-right: 8px ;
}
.wd_blog_single_pnkz_arrow img,
.wd_blog_single_pnkz_item img{
	display: inline-block ;
	width: 20px !important ;
	vertical-align: -4px ;
	margin: 0px !important ;
}

.wd_blog_single_pnkz_braket{
	width: fit-content ;
	float: left ;
	color: #444444 ;
	margin-right: 8px ;
	font-size: 14px ;
	line-height: 20px ;
}

.wd_blog_single_pnkz_item_myself{
	width: fit-content;
	float: left ;
	color: #444444 ;
	font-size: 14px ;
	line-height: 20px ;
	font-weight: 700 ;
}






.wd_blog_single_title{
	font-size: 26px ;
	font-weight: 700 ;
	margin-top : 64px ;
	margin-bottom: 20px ;
	line-height: 32px ;
	padding-bottom : 30px ;
	border-bottom : 3px solid #999999 ;
}

.wd_blog_single_date{
	float : left ;
	width: 200px ;
	padding-left:  20px ;
	font-size: 13px ;
	line-height: 22px ;
	color: #999999 ;
}
.wd_blog_single_date_img{
	position: absolute;
	top : 50% !important;
	left: 0px !important;
	width: 16px !important;
	transform: translate(0%,-50%) !important;
	margin : 0px !important ;
}



.wd_blog_single_cateitem{
	float : right ;
	width: fit-content ;
	height: 24px ;
	line-height: 22px ;
	border : 1px solid #999999 ;
	font-size: 11px ;
	color: #999999 ;
	border-radius: 12px ;
	margin-left: 6px ;
	padding : 0px 20px ;
}

.wd_blog_single_cate_money{
	border : 1px solid #6EC878 ;
	color: #6EC878 ;
}
.wd_blog_single_cate_life{
	border : 1px solid #F9BA2F ;
	color: #F9BA2F ;
}




.wd_blog_single_firstimage{
	width: auto ;
	max-width: 100% ;
	margin : 0px auto !important ;
}

.wd_blog_conttents p{
	margin-top : 30px ;
	font-size: 16px ;
	line-height: 32px ;
}
.wd_blog_conttents h1,h2,h3,h4,h5,h6{
	margin-top : 30px ;
}


.wd_blog_conttents img{
	margin : 40px auto 0px ;
	width: auto ;
	max-width: 100% ;
}

.wd_blog_conttents strong{
	font-weight: 700 ;
}

.wd_blog_conttents blockquote{
	background-color: #FEFEED ;
	padding: 1px 32px 32px ;
	margin : 32px auto 0px ;
}

.wd_blog_single_title_blockquote{
	font-size: 18px ;
	font-weight: 700 ;
	margin-top : 30px ;
}



.wd_blog_single_h3index_title{
	width: 100% ;
	height: 54px ;
	line-height: 54px ;
	font-size: 20px ;
	color: #444444 ;
	background-color: #F1F1F1 ;
	border-top : 1px solid #999999 ;
	border-bottom : 1px solid #999999 ;
	padding: 0px 16px ;
	margin-top : 74px ;
}

.wd_blog_single_h3index{
	width: 100% ;
	padding: 4px 0px 24px ;
	border-radius: 0px 0px 4px 4px ;
	/** background-color: #FEFEED ; **/
}

.wd_blog_single_h3index_h3{
	margin : 10px 0px 10px ;
	font-size: 16px ;
	cursor: pointer ;
	padding-left: 2rem ;
	text-indent: -1rem ;
}
.wd_blog_single_h3index_h3 span{
	margin-right: 1rem ;
}

.wd_blog_single_h3index_h4{
	font-size: 15px ;
	line-height: 20px ;
	padding-left: 24px ;
	margin-top : 10px ;
	cursor: pointer ;
}
.wd_blog_single_h3index_h4 img{
	position: absolute;
	top : 4px ;
	left: 5px ;
	width: 16px ;
	margin: 0px !important ;
}


.wd_blog_single_title_h3{
	width: 100% ;
	color: #444444 ;
	margin-top : 74px;
	padding: 10px 24px ;
	font-size: 20px ;
	line-height: 32px ;
	font-weight: 700 ;
	border-top : 1px solid #999999 ;
	border-right : 1px solid #999999 ;
	border-bottom : 1px solid #999999 ;
	border-left : 4px solid #999999 ;
}



.wd_blog_single_h4index{
	width: 100% ;
	border-radius: 4px ;
	border : 3px solid #6EC878 ;
	margin : 20px auto 0px ;
	padding: 21px ;
	background-color: #FEFEED ;
}


.wd_blog_single_h4index_title{
	font-size: 20px ;
	line-height: 36px ;
	font-weight: 700 ;
	color: #6EC878 ;
	padding-bottom : 20px ;
	border-bottom : 2px dashed #6EC878 ;
	margin-bottom : 20px ;
}


.wd_blog_single_h4index_h4{
	font-size: 16px ;
	font-weight: 700 ;
	line-height: 38px ;
	color: #618EC6 ;
	padding-left: 32px ;
}
.wd_blog_single_h4index_h4 a,
.wd_blog_single_h4index_h4 a:hover,
.wd_blog_single_h4index_h4 a:visited{
	color: #618EC6 ;
}

.wd_blog_single_h4index_h4_num{
	position: absolute;
	top : 9px ;
	left: 0px ;
	width: 24px ;
	height: 24px ;
	border-radius: 50% ;
	line-height: 24px ;
	text-align: center ;
	font-size: 16px ;
	font-weight: 700 ;
	background-color: #6EC878 ;
	color: #FFFFFF ;
	letter-spacing: -1px ;
}


.wd_blog_single_title_h4{
	margin-top : 70px ;
	font-size: 19px ;
	font-weight: 700 ;
	border-bottom : 2px dashed #6EC878 ;
	padding-bottom: 20px ;
}





.wd_blog_single_merittitle{
	margin-top : 70px ;
	font-size: 18px ;
	font-weight: 700 ;
	padding-left: 34px ;
}

.wd_blog_single_merittitle::before{
	content : "" ;
	display: block ;
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 26px ;
	height: 26px ;
	transform: translate(0%,-50%);
	background-color: #6EC878 ;
	border-radius: 50%;
}

.wd_blog_single_merittitle_circle{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 26px ;
	height: 26px ;
	transform: translate(0%,-50%);
	background-color: #6EC878 ;
	border-radius: 50%;
}


.wd_blog_single_meritbox{
	width: 100% ;
	margin : 20px auto 0px ;
	border-radius: 4px ;
	background-color: #FCF5F5 ;
	padding: 52px 32px 26px ;
}


.wd_blog_single_meritbox_title{
	position: absolute;
	top : 0px ;
	left: 0px ;
	width: 160px ;
	height: 36px ;
	line-height: 36px ;
	text-align: center ;
	background-color: #E3736F ;
	color: #FFFFFF ;
	font-size: 18px ;
	font-weight: 700 ;
	border-radius: 4px 0px 4px 0px ;
}


.wd_blog_single_meritbox_item{
	font-size: 16px ;
	font-weight: 700 ;
	margin : 5px 0px ;
	padding-left: 28px ;
}

.wd_blog_single_meritbox_item::before{
	display: block ;
	content : "" ;
	position: absolute; 
	top : 8px ;
	left: 0% ;
	width: 16px ;
	height: 16px ;
	background-image : url("../images/icon_check_rd.png") ;
	background-size : contain ;
}



.wd_blog_single_demeritbox{
	width: 100% ;
	margin : 20px auto 0px ;
	border-radius: 4px ;
	background-color: #E9F0F6 ;
	padding: 52px 32px 26px ;
}


.wd_blog_single_demeritbox_title{
	position: absolute;
	top : 0px ;
	left: 0px ;
	width: 160px ;
	height: 36px ;
	line-height: 36px ;
	text-align: center ;
	background-color: #619ed3 ;
	color: #FFFFFF ;
	font-size: 18px ;
	font-weight: 700 ;
	border-radius: 4px 0px 4px 0px ;
}


.wd_blog_single_demeritbox_item{
	font-size: 16px ;
	font-weight: 700 ;
	margin : 5px 0px ;
	padding-left: 28px ;
}

.wd_blog_single_demeritbox_item::before{
	display: block ;
	content : "" ;
	position: absolute; 
	top : 8px ;
	left: 0% ;
	width: 16px ;
	height: 16px ;
	background-image : url("../images/icon_check_lu.png") ;
	background-size : contain ;
}


.wd_blog_single_relpost{
	width: 100% ;
	margin : 62px auto 0px ;
	border : 3px solid #FF8A00 ;
	padding: 15px ;
	border-radius: 4px ;
}

.wd_blog_single_relpost_image{
	width: 168px ;
	aspect-ratio: 7 / 4 ;
}
.wd_blog_single_relpost_image img{
	margin : 0px 0px !important ;
}

.wd_blog_single_relpost_story{
	position: absolute;
	top : 50% ;
	left: 168px ;
	transform: translate(0%,-50%);
	width: calc( 100% - 168px ) ;
	padding : 0px 16px ;
	font-size: 16px ;
	font-weight: 700 ;
	line-height: 20px ;
}

.wd_blog_single_relpost_title{
	position: absolute ;
	top : 0px ;
	right: 0px ;
	width: 120px ;
	height: 30px ;
	font-size: 16px ;
	line-height: 30px ;
	text-align: center ;
	background-color: #FF8A00 ;
	color: #FFFFFF ;
}


.wd_blog_single_seealso_title{
	margin-top : 92px ;
	font-size: 19px ;
	font-weight: 700 ;
	background-color: #D5D5D5 ;
	padding: 12px ;
	text-align: center ;
	border-radius: 4px ;
}


.wd_blog_single_seealso_flex{
	width: 100% ;
	margin-top : 50px ;
}

.wd_blog_single_seealso_flex_item_wrap{
	width: 48% ;
	max-width: 342px ;
	margin-bottom : 24px ;
}

.wd_blog_single_seealso_flex_item{
	width: 100% ;
	background-color: #FFFFFF ;
	overflow: hidden ;
}

.wd_blog_single_seealso_flex_item_image{
	width: 100% ;
	width: 100% ;
	aspect-ratio: 7 / 4 ;
}

.wd_blog_single_seealso_flex_item_image img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
	margin: 0px !important ;
}

.wd_blog_single_seealso_flex_item_title{
	font-size: 14px; 
	font-weight: 700 ;
	line-height: 24px; 
	margin-top : 10px ;
	/** padding: 10px ; **/
}


.wd_blog_single_nextprev_superbox{
	width: 100% ;
	margin-top : 16px ;
	padding-bottom : 100px ;
}

.wd_blog_single_prevbox{
	width: 300px ;
}

.wd_blog_single_prevname{
	padding-left: 1em ;
	font-size: 14px ;
}
.wd_blog_single_nextname{
	padding-right: 1em ;
	font-size: 14px ;
	text-align: right;
}

.wd_blog_single_nextprev_item{
	width: 100% ;
	background-color: #FFFFFF ;
	border-radius: 4px ;
	padding: 8px ;
}

.wd_blog_single_nextprev_img{
	width: 100px ;
	height: 100px ;
	border-radius: 4px ;
	overflow: hidden ;
}
.wd_blog_single_nextprev_img img{
	margin: 0px !important ;
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}

.wd_blog_single_nextprev_title{
	width: calc( 100% - 110px );
	font-size: 14px ;
	line-height: 22px ;
}


.wd_blog_single_orangebox{
	width: 100% ;
	border-radius: 4px ;
	border : 3px solid #FF8A00 ;
	background-color: #FEFEED ;
	padding: 21px ;
	margin : 30px auto 0px ;
}
.wd_blog_single_orangebox_withnum{
	width: 100% ;
	border-radius: 4px ;
	border : 3px solid #FF8A00 ;
	background-color: #FEFEED ;
	padding: 21px ;
	margin : 30px auto 0px ;
}


.wd_blog_single_yellowbox{
	width: 100% ;
	border-radius: 4px ;
	background-color: #FEFEED ;
	padding: 24px ;
	margin : 30px auto 0px ;
	font-weight: 700 ;
}


.wd_blog_single_orange_title{
	font-size: 20px ;
	line-height: 36px ;
	font-weight: 700 ;
	color: #FF8A00 ;
	padding-bottom : 20px ;
	border-bottom : 2px dashed #FF8A00 ;
	margin-bottom : 20px ;
	padding-left : 36px ;
}
.wd_blog_single_orange_title::before{
	display: block ;
	content : "" ;
	position: absolute; 
	top : 6px ;
	left: 0% ;
	width: 28px ;
	height: 28px ;
	border-radius: 50% ;
	background : #FF8A00 url("../images/icon_check_wh.png") ;
	background-size : 16px ;
	background-repeat: no-repeat ;
	background-position: center center;
}

.wd_blog_single_orange_item{
	font-size: 16px ;
	font-weight: 700 ;
	margin : 5px 0px ;
	padding-left: 28px ;
}

.wd_blog_single_orange_item::before{
	display: block ;
	content : "" ;
	position: absolute; 
	top : 8px ;
	left: 0% ;
	width: 16px ;
	height: 16px ;
	background-image : url("../images/icon_check_or.png") ;
	background-size : contain ;
}


.wd_blog_single_orangebox_withnum_title{
	font-size: 20px ;
	line-height: 36px ;
	font-weight: 700 ;
	color: #FF8A00 ;
	padding-bottom : 20px ;
	border-bottom : 2px dashed #FF8A00 ;
	margin-bottom : 20px ;
	padding-left : 36px ;
}
.wd_blog_single_orangebox_withnum_title::before{
	display: block ;
	content : "" ;
	position: absolute; 
	top : 6px ;
	left: 0% ;
	width: 28px ;
	height: 28px ;
	border-radius: 50% ;
	background : #FF8A00 url("../images/icon_check_wh.png") ;
	background-size : 16px ;
	background-repeat: no-repeat ;
	background-position: center center;
}



.wd_blog_single_orangebox_withnum_item{
	font-size: 16px ;
	font-weight: 700 ;
	margin : 5px 0px ;
	padding-left: 28px ;
}

.wd_blog_single_orangebox_withnum_item_num{
	display: block ;
	position: absolute; 
	top : 4px ;
	left: 0% ;
	width: 24px ;
	height: 24px ;
	border-radius: 50% ;
	text-align: center ;
	line-height: 28px ;
	background-color: #FF8A00 ;
	color: #FFFFFF ;
	text-align: center ;
	line-height: 22px ;
	font-weight: 700 ;
	font-size: 16px ;
	letter-spacing: -1px ;
}


.wd_blog_header_cname{
	text-align: center ;
	padding: 0px 20px ;
	font-size: 16px ;
	font-weight: 700 ;
	color: #6EC878 ;
	margin-top : 20px ;
}





.wd_blog_header_catetab_superbox{
	width: 100% ;
	margin: 40px auto 0px ;
	justify-content: center !important ;
	z-index: 11 ;
	bottom: -2px ;
}


.wd_blog_header_catetab_item_wrap{
	width: 30%;
	max-width: 300px ;
	height: 60px ;
	margin : 0px 4px ;
}

.wd_blog_header_catetab_item_box{
	width: 100% ;
	height: 60px ;
	color: #999999 ;
	background-color: #EDEDED ;
	font-size: 18px ;
	text-align: center ;
	line-height: 56px ;
	border-top : 2px solid #EDEDED ;
	border-left : 2px solid #EDEDED ;
	border-right : 2px solid #EDEDED ;
	border-bottom : 2px solid #DDDDDD ;
	border-radius: 10px 10px 0px 0px ;
}

.wd_blog_header_catetab_item_box:hover,
.wd_blog_header_catetab_item_wrap.wd_active .wd_blog_header_catetab_item_box{
	color: #444444 ;
	background-color: #F1F1F1 ;
	border-top : 2px solid #DDDDDD ;
	border-left : 2px solid #DDDDDD ;
	border-right : 2px solid #DDDDDD ;
	border-bottom : 2px solid #F1F1F1 ;
	font-weight: 700 ;
}



.wd_blog_tn_tag{
	float : left ;
	width: fit-content ;
	margin-right: 12px ;
	font-size: 12px ;
	color: #B1B1B1 ;
}



.wd_blog_pagename{
	width: 100% ;
	font-size: 24px ;
	font-weight: 700 ;
	color: #444444 ;
	height: 48px ;
	line-height: 48px ;
	margin-bottom : 30px ;
}




.wd_blog_pickup_superbox{
	width: calc( 100% - 40px );
	max-width: 1180px ;
	margin: 0px auto 80px ;
	padding: 24px ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
}

.wd_blog_pickup_superbox .wd_blog_tnitem_wrap{
	background-color: #FFFCE6 ;
	margin-bottom: 0px ;
}


.wd_blog_pickup_iconbox{
	width: calc( 100% - 800px );
	max-width: 280px ;
}
.wd_blog_pickup_iconbox img{
	position: absolute;
	top : 50% ;
	left: 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
}


.wd_blog_ranking_itembox{
	padding: 32px 0px 32px 50px ;
	border-top : 1px solid #DDDDDD ;
}
.wd_blog_ranking_itembox.wd_first{
	border-top : none ;
}

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

.wd_blog_ranking_imagebox{
	width: 40% ;
	max-width: 100px ;
}

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

.wd_blog_ranking_title{
	width: 55% ;
	font-size: 12px ;
	color: #444444 ;
}


















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



.wd_blog_tnarea{
	margin : 0px auto ;
}
.wd_blog_conttents{
	margin : 0px auto ;
}


.wd_blog_naviarea{
	display: flex ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	max-width: 720px ;
	margin : 80px auto 0px ;
}



.wd_blog_searchbox{
	width: 100% ;
	max-width: 720px ;
	margin : 0px auto ;
}
.wd_blog_header_title{
	width: calc( 100% - 400px );
}

.wd_blog_header_title_l1{ display: none ; }
.wd_blog_header_title_l2{ display: block ; }
.wd_blog_header_title_l3{ display: none ; }





.wd_blog_pickup_superbox{
	max-width: 790px ;
}

.wd_blog_pickup_superbox .wd_blog_tnitem_wrap{
}


.wd_blog_pickup_iconbox{
	width: 100% ;
	max-width: 790px ;
	height: 160px ;
}
.wd_blog_pickup_iconbox img{
	position: relative ;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}






}

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


.wd_blog_header_logo{
	width: 120px ;
}
.wd_blog_header_title{
	width: calc( 100% - 200px );
}

.wd_blog_header_story{
}



}


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




.wd_blog_header_logo{
	position: relative ;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 180px ;
	margin: 0px auto 40px ;

}
.wd_blog_header_title{
	width: 100% ;
	margin-top : 40px ;
}
.wd_blog_header_title_l1{ display: none ; }
.wd_blog_header_title_l2{ display: none ; }
.wd_blog_header_title_l3{ display: block ; }

.wd_blog_header_story{
	padding: 0px 20px ;
}



.wd_blog_header{
	height: auto ;
	padding: 40px 0px 0px ;
}





.wd_blog_header_story{
}

.wd_blog_header_title{
}
.wd_blog_header_title span{
}

.wd_blog_container{
}


.wd_blog_footer{
	padding: 60px 20px 100px ;
}


.wd_blog_footer_title{
}

.wd_blog_footer_copy{
}









.wd_blog_inner1180{
}

.wd_blog_tnarea{
}

.wd_blog_naviarea{
}

.wd_blog_tnitem_wrap{
	width: 100% ;
	max-width: 800px ;
}

.wd_blog_tnitem{
}

.wd_blog_tn_imagebox{
}
.wd_blog_tn_imagebox img{
}

.wd_blog_tn_infobox{
}

.wd_blog_tn_datebox{
}
.wd_blog_tn_datebox img{
}

.wd_blog_tn_cate_wrap{
}
.wd_blog_tn_cate{
}

.wd_blog_tn_title{
}



.wd_pagination_superbox{
}

.wd_pagination_prevbox{
}

.wd_pagination_prevbox:hover,
.wd_pagination_prevbox.wd_active{
}

.wd_pagenation_item_inner{
}

.wd_blog_searchbox{
	max-width: 800px ;
}

.wd_blog_search_textbox{
}

.wd_blog_search_btn{
}

.wd_blog_search_btn img{
}


.wd_blog_navi_category{
	max-width: 800px ;
}

.wd_blog_navi_cate_title{
}

.wd_blog_navi_cate_item{
}

.wd_blog_navi_cate_item img{
}

.wd_blog_navi_tag_inner{
}

.wd_blog_navi_tag_item_wrap{
}
.wd_blog_navi_tag_item{
}












.wd_blog_conttents_inner{
	padding: 20px 20px 40px ;
}


.wd_blog_single_relpost{
	padding: 30px 15px 15px ;
}

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

.wd_blog_single_relpost_story{
	position: relative ;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 100% ;
	margin-top : 20px ;
}


.wd_blog_single_seealso_flex{
	width: 100% ;
	max-width: 400px ;
	margin : 50px auto ;
}

.wd_blog_single_seealso_flex_item_wrap{
	width: 100% ;
	max-width: 400px ;
	margin-bottom : 24px ;
}

.wd_blog_single_seealso_flex_item{
	width: 100% ;
}


.wd_blog_single_nextprev_superbox{
	max-width: 400px ;
	margin : 16px auto 0px ;
}

.wd_blog_single_prevbox{
	width: 100% ;
	margin-top : 10px ;
}





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


.wd_blog_header_catetab_item_wrap{
	width: 50%;
	max-width: 1200px ;
	height: 44px ;
	margin : 0px ;
	border-top : 1px solid #BBBBBB ;
	border-bottom : none ;
	border-right: none ;
	border-left: none ;
}
.wd_blog_header_catetab_item_wrap_home{
	width: 100% ;
}

.wd_blog_header_catetab_item_box{
	height: 44px ;
	color: #999999 ;
	background-color: #EDEDED ;
	font-size: 16px ;
	line-height: 44px ;
	border : none ;
	border-radius: 0px ;
}
.wd_blog_header_catetab_item_wrap_life{
	border-right : 1px solid #BBBBBB ;
}
.wd_blog_header_catetab_item_box:hover,
.wd_blog_header_catetab_item_wrap.wd_active .wd_blog_header_catetab_item_box{
	color: #444444 ;
	background-color: #FFFFFF ;
	border : none ;
}








.wd_blog_pickup_superbox{
	max-width: 790px ;
}

.wd_blog_pickup_superbox .wd_blog_tnitem_wrap{
	margin-top : 24px ;
}


.wd_blog_pickup_iconbox{
}
.wd_blog_pickup_iconbox img{
}







.wd_blog_ranking_itembox{
}
.wd_blog_ranking_itembox.wd_first{
}

.wd_blog_ranking_icon{
}

.wd_blog_ranking_imagebox{
	width: 100px ;
}

.wd_blog_ranking_imagebox img{
}

.wd_blog_ranking_title{
	width: calc( 100% - 120px ) ;
}











} /** sp **/