/****************************************

保守管理用CSS

*****************************************/

/* =============================================
トップ
============================================= */
/* 注意事項 */
.ly_front_attention{
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 40px;
	border: 1px solid #8E7D4F;
	text-align: center;
}
.ly_front_attention p{
	font-size: 85%;
	color: #8E7D4F;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
	.ly_front_attention{
		padding: 0 15px;
		text-align: left;
	}
}

/* =============================================
インスタグラム
============================================= */
.un_instagram{
	padding: 100px 0;
	background-color: #f7f6f4;
}
.un_instagram .sp_only{
	display: none;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
	.un_instagram{
		padding: 40px 0;
	}
	.un_instagram .sp_only{
		display: block;
	}
}

.un_instagram_cont{
	max-width: 800px;
	margin: 0 auto;
}
.un_instagram_item{
	margin-top: 100px;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
	.un_instagram_item{
		margin-top: 50px;
	}
}
.un_instagram_item_ttl{
	margin-bottom: 30px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	color: #8E7D4F;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
	.un_instagram_item_ttl{
		padding-bottom: 1px;
		margin-bottom: 10px;
	}
}
.un_instagram_item_ttl::before,
.un_instagram_item_ttl::after{
	content: "";
	position: absolute;
}
.un_instagram_item_ttl::before{
	width: 100%;
	height: 1px;
	background-color: #756A57;
	bottom: 0px;
	left: 0px;
}
.un_instagram_item_ttl::after{
	width: 14px;
	height: 14px;
	background-color: #f7f6f4;
	border-bottom: 1px solid #756A57;
	border-left: 1px solid #756A57;
	transform: translateX(-50%) rotate(-45deg);
	bottom: -7px;
	left: 50%;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
	.un_instagram_item_ttl::after{
		width: 10px;
		height: 10px;
		bottom: -5px;
	}
}
.sb_instagram_header{
	display: none !important;
}

/* =============================================
ブログ
============================================= */
.post_date,.modified_date{
	padding-left: 20px;
	margin-right: 20px;
	position: relative;
	color: #bbb;
	font-size: 0.8rem;
}
.post_date::before,
.modified_date::before{
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: center center no-repeat;
	background-size: contain;
}
.post_date::before{
	background-image: url(../assets/images/icon/post_date.svg);
	/* background-image: url(/wp-content/themes/jin/assets/images/icon/post_date.svg); */
}
.modified_date::before{
	background-image: url(../assets/images/icon/post_modified.svg);
	/* background-image: url(/wp-content/themes/jin/assets/images/icon/post_modified.svg); */
}

.post-list-thumb{
	padding-top: 56.25%;
    position: relative;
    overflow: hidden;
}
.post-list-thumb > img{
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 767px) {
 .post-list-thumb{
  padding-top: 0;
 }
}
@media screen and (max-width: 560px) {
}

/* =============================================
治療内容詳細
============================================= */
.case_ttl{
 padding-left: 30px;
 margin-bottom: 0;
 font-size: 20px;
 color: #8E7D4F;
 position: relative;
}
.case_ttl::before{
 content: "";
 width: 15px;
 height: 15px;
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 background: center center no-repeat;
 background-image: url(https://prism-perio.com/blog/wp-content/themes/jin/assets/images/case/case_icon.jpeg);
 background-size: contain;
}
.case_cap{
 max-width: 620px;
 display: flex;
 justify-content: space-between;
}
.case_cap li{
 width: 44%;
 text-align: center;
 color: #8E7D4F;
}
.bl_truble_case img{
 max-width: 100%;
}

/* =============================================
翻訳ボタン
============================================= */
.bl_translation{
	margin-left: 10px;
}

.bl_translation__sp{
	margin-top: 30px;
	display: none;
	text-align: center;
}

@media screen and (max-width: 1300px) {
	.bl_translation__sp{
		display: flex;
		justify-content: center;
		gap: 30px;
	}
}
@media screen and (max-width: 560px) {
}

.bl_translation a{
		font-size: 14px;
		transition: all .3s;
}
.bl_translation a:first-child{
	/* margin-right: 10px; */
}
.bl_translation a:hover{
	
}
.bl_translation a.active{
	/* color: #000;
	border: none; */
}

/* =============================================
子テーマ適用時追加CSS
============================================= */
body, a, a:link, a:visited, .my-profile, .widgettitle, .tabBtn-mag label{
	color: #000000;
}
.h2-style01 h2, .h2-style02 h2:before, .h2-style03 h2, .h2-style04 h2:before, .h2-style05 h2, .h2-style07 h2:before, .h2-style07 h2:after, .h3-style03 h3:before, .h3-style02 h3:before, .h3-style05 h3:before, .h3-style07 h3:before, .h2-style08 h2:after, .h2-style10 h2:before, .h2-style10 h2:after, .h3-style02 h3:after, .h4-style02 h4:before {
    background-color: #8e7d4f !important;
}
#drawernav a:hover, .post-list-title, #prev-next p, #toc_container .toc_list li a {
    color: #000000 !important;
}
#breadcrumb.footer_type1{
	display: none;
}
.ly_main #contents .swiper-slide .post-list-cat {
    position: absolute;
    letter-spacing: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 1;
    color: #5c5c5c !important;
    border: 1px solid #eaeaea;
    border-radius: 30px;
    background-color: #fff !important;
}
.swiper-slide .post-list-cat, .post-list-mag .post-list-cat, .post-list-mag3col .post-list-cat, .post-list-mag-sp1col .post-list-cat, .swiper-pagination-bullet-active, .pickup-cat, .post-list .post-list-cat, #breadcrumb .bcHome a:hover span:before, .popular-item:nth-child(1) .pop-num, .popular-item:nth-child(2) .pop-num, .popular-item:nth-child(3) .pop-num{
	background-color: #8e7d4f !important;
}
@media screen and (max-width: 767px) {
 .single .post-list-thumb{
  padding-top: 56.25%;
 }
}