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




.blog_index_section{
	width : 100% ;
	padding : 40px 0px 80px ;
}


.blog_index_back_flower{
	position: absolute;
	top : 0px ;
	left : 50% ;
	width : auto ;
	max-width : 100% ;
	transform: translate(-50%,0%);
	z-index : 3;
}



.blog_index_catebox{
	width : 100% ;
	max-width : 1220px ;
	padding : 0px 20px ;
	margin : 0px auto ;
	z-index : 4 ;
}


.blog_index_cate_item{
	width : 180px ;
	height : 32px ;
	line-height : 32px ;
	text-align : center ;
	margin : 0px 0px 20px ;
}
.blog_index_cate_item_dummy{
	width : 180px ;
	height : 1px ;
}

.blog_index_cate_item_wrap{
	width : 100% ;
	height : 100% ;
	background-color: #DCDCDC ;
	border-radius: 16px ;
}

.blog_index_item_user.kiyosu,
.blog_index_cate_item_wrap.kiyosu{
	background-color : #C49902 !important ;
	color : #FFFFFF !important ;
}

.blog_index_item_user.gojo,
.blog_index_cate_item_wrap.gojo{
	background-color : #609404 !important ;
	color : #FFFFFF !important ;
}

.blog_index_item_user.okazaki,
.blog_index_cate_item_wrap.okazaki{
	background-color : #D4527A !important ;
	color : #FFFFFF !important ;
}
.blog_index_item_user.houmon,
.blog_index_cate_item_wrap.houmon{
	background-color : #3CBC9F !important ;
	color : #FFFFFF !important ;
}



.blog_index_superbox{
	width : 100% ;
	max-width : 1300px ;
	padding : 0px 40px ;
	margin : 100px auto 0px ;
	z-index : 4 ;
}



.blog_index_itembox{
	width : 280px ;
	min-height : 320px ;
	border-radius: 16px ;
	overflow: hidden ;
	background-color: #F7F6F1 ;
	box-shadow: 0px 4px 2px rgba(218,217,210,1.0) ;
	margin : 0px 0px 56px ;
}
.blog_index_itembox_dummy{
	width : 280px ;
	height : 1px ;	
}

.blog_index_itembox_wrap{
	width : 100% ;
	height : 100% ;
	padding-bottom : 30px ;
}

.blog_index_item_image{
	width : 100% ;
	height : 200px ;
	overflow : hidden ;
	border-radius: 16px ;
	z-index : 6;
}
.blog_index_item_image img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.blog_index_item_right{

}

.blog_index_item_user{
	width : 150px ;
	height : 30px ;
	line-height : 24px ;
	border : 2px solid #FFFFFF ;
	background-color : #DCDCDC ;
	text-align : center ;
	margin : -15px auto 0px ;
	border-radius: 15px ;
	color : #585338 ;
	font-size : 14px ;
	z-index : 7 ;
}


.blog_index_item_title{
	padding : 12px  ;
	font-size : 18px ;
}

.top_blog_item_date{
	position: absolute;
	bottom : 6px ;
	right : 6px ;
	width : 100% ;
	height : 30px ;
	line-height : 30px ;
	padding-right : 12px ;
	text-align : right ;
	font-size : 13px ;
	opacity : 0.6 ;

}

.top_blog_item_cate{
	position: absolute;
	bottom : 6px ;
	left : 10px ;
	width : 128px  ;
	height : 30px ;
	line-height : 30px ;
	text-align : center ;
	font-size : 13px ;
	background-color: #FFFFFF ;
	border-radius: 15px ;
}



.blog_index_paging_superbox{
	width : 100% ;
	margin : 54px auto 0px ;
	display : flex ;
	justify-content: center;
	flex-wrap : wrap;
	z-index : 6 ;
}


.blog_index_paging_itembox{
	width : 60px ;
	height : 60px ;
	margin : 0px 7px 14px ;
}

.blog_index_paging_item_wrap{
	width : 60px ;
	height : 60px ;
	line-height : 60px ;
	border-radius: 16px ;
	background-color: #F7F6F1 ;
	text-align : center ;
	font-size : 20px ;
	font-weight : 700 ;
	box-shadow: 0px 4px 2px rgba(218,217,210,1.0) ;
}

.blog_index_paging_item_wrap:hover,
.blog_index_paging_item_wrap.active{
	color : #FFFFFF !important ;
	background-color: #E05656 ;
}









.blog_single_superbox{
	width : 100% ;
	max-width : 1100px ;
	padding : 40px 40px ;
	margin : 0px auto ;
	border-radius: 16px ;
	box-shadow: 0px 4px 2px rgba(218,217,210,1.0) ;
	background-color: #F7F6F1 ;
	z-index : 4 ;
}

.blog_single_catebox{
	width : 100% ;
}

.blog_single_date{
	width : 100% ;
	padding-bottom : 10px ;
}
.blog_single_title{
	width : 100% ;
	font-size : 24px ;
	padding-bottom : 20px ;
	border-bottom : 1px dashed #000000 ;
}

.blog_single_story{
	margin : 20px auto 0px ;
}
.blog_single_story p{
	margin-bottom : 20px ;
}
.blog_single_story img{
	width : auto ;
	max-width : 100% ;
	margin : 0px auto 20px ;
}
.blog_single_story strong,
.blog_single_story b,
.blog_single_story a{
	text-decoration: underline;
	font-weight : 700 ;
}


.blog_single_back{
	width : auto ;
	margin : 60px auto 0px ;
	z-index : 6 ;
}












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



}


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




.blog_index_section{
}


.blog_index_back_flower{
}



.blog_index_catebox{
	max-width : 700px ;
	padding : 0px 0px ;
}


.blog_index_cate_item{
	width : 220px ;
	height : 40px ;
	line-height : 40px ;
	margin : 0px 0px 24px ;
	font-size : 21px ;
}
.blog_index_cate_item_dummy{
	width : 220px ;
}

.blog_index_cate_item_wrap{
	border-radius: 20px ;
}

.blog_index_item_user.kiyosu,
.blog_index_cate_item_wrap.kiyosu{
}

.blog_index_item_user.gojo,
.blog_index_cate_item_wrap.gojo{
}

.blog_index_item_user.okazaki,
.blog_index_cate_item_wrap.okazaki{
}
.blog_index_item_user.houmon,
.blog_index_cate_item_wrap.houmon{
}



.blog_index_superbox{
	max-width : 700px ;
	padding : 0px 0px ;
	margin : 50px auto 0px ;
}



.blog_index_itembox{
	width : 100% ;
	min-height : 150px ;
	margin : 0px 0px 20px ;
}
.blog_index_itembox_dummy{
	width : 100% ;
}

.blog_index_itembox_wrap{
	padding : 10px 16px ;
}

.blog_index_item_image{
	float : left ;
	width : 164px ;
	height : 130px ;
	border-radius: 12px ;
	z-index : 6;
}
.blog_index_item_image img{
}

.blog_index_item_right{
	float : right ;
	width : 480px ;
	padding-bottom : 40px ;
}

.blog_index_item_user{
	width : 200px ;
	height : 36px ;
	line-height : 32px ;
	margin : 0px 0px 0px ;
	border-radius: 18px ;
	font-size : 20px ;
}


.blog_index_item_title{
	padding : 0px  ;
	font-size : 22px ;
	margin-top : 4px ;
}

.top_blog_item_date{
	bottom : 0px ;
	right : 0px ;
	padding-right : 0px ;
	font-size : 16px ;
}

.top_blog_item_cate{
	bottom : 0px ;
	left : 0px ;
	width : 160px  ;
	height : 32px ;
	line-height : 32px ;
	font-size : 16px ;
	border-radius: 16px ;
}



.blog_index_paging_superbox{
}


.blog_index_paging_itembox{
}

.blog_index_paging_item_wrap{
}

.blog_index_paging_item_wrap:hover,
.blog_index_paging_item_wrap.active{
}






.blog_single_superbox{
}

.blog_single_catebox{
}

.blog_single_date{
}
.blog_single_title{
	font-size : 36px ;
	line-height : 52px ;
	border-bottom : 2px dashed #000000 ;
}

.blog_single_story{
}
.blog_single_story p{
}
.blog_single_story img{
}
.blog_single_story strong,
.blog_single_story b,
.blog_single_story a{
}


.blog_single_back{
}







}