
/**************************************************************************************/
/**************************************************************************************/
/* 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 ;
}
.terms_box {
	margin-top: 20px;
	padding-top: 25px;
	border-top: 2px solid #333;
}
.blog_index_catebox.b_single{
	margin-top : 60px ;
}

.blog_index_cate_item{
	float : left;
	min-width : 180px;
	height: 30px;
	line-height: 30px;
	text-align : center;
	margin : 0px 10px 10px 0px;
	font-size: 15px;
}
.blog_index_cate_item_dummy{
	width : 180px ;
	height : 1px ;
}

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


.blog_index_item_user.colorful,
.blog_index_cate_item_wrap.colorful {
	background-color : #737373 !important;
	color : #FFFFFF !important;
}
.blog_index_cate_item_wrap {
	color: #ffffff!important;
}
.blog_cat_bg_color-0 {background-color: #abcd03!important; color: #fff!important}
.blog_cat_bg_color-1 {background-color: #f6ab00!important; color: #fff!important}
.blog_cat_bg_color-2 {background-color: #ec6e56!important; color: #fff!important}
.blog_cat_bg_color-3 {background-color: #e85298!important; color: #fff!important}
.blog_cat_bg_color-4 {background-color: #00abeb!important; color: #fff!important}
.blog_cat_bg_color-5 {background-color: #00ac96!important; color: #fff!important}
.blog_cat_bg_color-6 {background-color: #54b883!important; color: #fff!important}

/* --------------------------- */
/* Old Colors */
/* .blog_index_item_user.gojo,
.blog_index_cate_item_wrap.gojo,
.blog_index_item_user.sukaguchi-sta,
.blog_index_cate_item_wrap.sukaguchi-sta,
.blog_index_item_user.nursing,
.blog_index_cate_item_wrap.nursing,
.blog_index_item_user.careplan,
.blog_index_cate_item_wrap.careplan {
	background-color : #f6ab00 !important;
	color : #FFFFFF !important;
}
.blog_index_item_user.kiyosu,
.blog_index_cate_item_wrap.kiyosu,
.blog_index_item_user.gifuhashima,
.blog_index_cate_item_wrap.gifuhashima,
.blog_index_item_user.day-kisogawa,
.blog_index_cate_item_wrap.day-kisogawa {
	background-color : #ec6e56 !important;
	color : #FFFFFF !important;
}
.blog_index_item_user.kakamigahara,
.blog_index_cate_item_wrap.kakamigahara,
.blog_index_item_user.kisogawa,
.blog_index_cate_item_wrap.kisogawa,
.blog_index_item_user.okazaki,
.blog_index_cate_item_wrap.okazaki {
	background-color : #e85298 !important;
	color : #FFFFFF !important;
}
.blog_index_item_user.sukaguchi,
.blog_index_cate_item_wrap.sukaguchi,
.blog_index_item_user.sanjo,
.blog_index_cate_item_wrap.sanjo,
.blog_index_item_user.toyota,
.blog_index_cate_item_wrap.toyota {
	background-color : #00abeb !important;
	color : #FFFFFF !important;
}
.blog_index_item_user.chiaki,
.blog_index_cate_item_wrap.chiaki,
.blog_index_item_user.konobunakashima,
.blog_index_cate_item_wrap.konobunakashima,
.blog_index_item_user.support-gojo,
.blog_index_cate_item_wrap.support-gojo {
	background-color : #00ac96 !important;
	color : #FFFFFF !important;
}
.blog_index_item_user.geino,
.blog_index_cate_item_wrap.geino,
.blog_index_item_user.okucho,
.blog_index_cate_item_wrap.okucho,
.blog_index_item_user.support-kiyosu,
.blog_index_cate_item_wrap.support-kiyosu {
	background-color : #54b883 !important;
	color : #FFFFFF !important;
}
.blog_index_item_user.imaise,
.blog_index_cate_item_wrap.imaise,
.blog_index_item_user.kaimei,
.blog_index_cate_item_wrap.kaimei,
.blog_index_item_user.rihabili,
.blog_index_cate_item_wrap.rihabili {
	background-color : #abcd03 !important;
	color : #FFFFFF !important;
} */
/* --------------------------- */














.blog_index_superbox{
	width : 100%;
	max-width : 1300px;
	padding : 0px 40px;
	margin: 50px 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% ;
}

.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{
	min-height : 135px;
	padding-bottom : 30px;
}

.blog_index_item_user{
	width : 240px ;
	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 : 1000px;
	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 ;
}

.terms_box {
	padding-top: 25px;
}

.blog_index_cate_item{
	width : 49% ;
	min-width : 220px ;
	height : 55px ;
	line-height : 55px ;
	margin : 0px 0.5% 24px;
	font-size : 21px ;
}
.blog_index_cate_item_dummy{
	width : 220px ;
}

.blog_index_cate_item_wrap{
	border-radius: 25px;
	padding: 0px 10px;
}

.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 40px;
}
.blog_index_itembox_dummy{
	width : 100% ;
}

.blog_index_itembox_wrap{
	padding: 16px;
}

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

.blog_index_item_right{
	float : right;
	width: 470px;
	padding-bottom : 40px;
	min-height: 180px;
}

.blog_index_item_user{
	width : 350px;
	height : 40px;
	line-height : 30px;
	margin : 0px 0px 0px;
	border-radius: 18px;
	font-size: 22px;
}


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

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

.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{
	width: 90%;
}

.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{
}







}