@charset "utf-8";
/*
extra css name: css-template
for template: page
Author: wp.theme.builder.01
*/
/* ---------- カスタムプロパティ宣言 ---------- */
:root	{
	--site-width: 1000px;
	--site-width-padding: 40px;
	--scroll-bar-width: 17px;
	--site-width-media-query: 1057px;
	--font-family-theme: "Noto Sans JP", sans-serif;
	--font-family-theme2: "Poppins", sans-serif;
	--semi-bold: 700;
	--extra-bold: 700;
	--bold: 700;
	--color-default: #555;
	--color-theme: #886c57;
	--color-theme2: #f86a84;
	--color-theme3: #886c57;
	--color-theme4: ;
	--bgcolor-theme: #fff8f0;
	--bgcolor-theme2: #f7f7f7;
	--color-white: #FFF;
	--color-red: #d93600;
	--color-gray: #999;
	--color-light-gray: #CCC;
	--color-extra-light-gray: #EEE;
}
/* ---------- フォントファミリー ---------- */
html, button, input, select, textarea	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, "Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-family: var( --font-family-theme );
}
.slug, .span-slug	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, sans-serif;
	font-family: 'Barlow', sans-serif;
}
.span-mincho	{
	font-family: "Yu Mincho", Yu Mincho, serif;
}
.font-family-theme	{
	font-family: var( --font-family-theme );
}
.font-family-theme2	{
	font-family: var( --font-family-theme2 );
}
/* ---------- ベースサイズ（rem % 指定） ---------- */
html	{
/* ---------- 
	font-size: 5.46875%;
	font-size: 6.25%;
 ---------- */
	font-size: 5.859375%;
}
body	{
	font-size: 16rem;
}
.sidebar	{
	font-size: 14rem;
}
@media (min-width: 769px)	{
	html	{
		font-size: 6.25%;
	}
}
/* ---------- 見出し ---------- */
.size-huge	{
	font-size: 28rem;
}
span.size-huge	{
	font-size: 200%;
}
h1, .size-h1	{
	font-size: 26rem;
}
h2, .size-h2	{
	font-size: 22rem;
}
h3, .size-h3	{
	font-size: 19rem;
}
h4, .size-h4	{
	font-size: 18rem;
}
h5, .size-h5	{
	font-size: 17rem;
}
h6, .size-h6	{
	font-size: 16rem;
}
@media (min-width: 769px)	{
	.size-huge	{
		font-size: 48rem;
	}
	h1, .size-h1	{
		font-size: 36rem;
	}
	h2, .size-h2	{
		font-size: 30rem;
	}
	h3, .size-h3	{
		font-size: 24rem;
	}
	h4, .size-h4	{
		font-size: 20rem;
	}
	h5, .size-h5	{
		font-size: 18rem;
	}
	h6, .size-h6	{
		font-size: 16rem;
	}
}
/* ---------- パートサイズ ---------- */
span.large	{
	font-size: 125%;
}
small, .small, span.notes, span.attention	{
	font-size: 12rem;
}
.breadcrumbs	{
	font-size: 12rem;
}
.page-type-title-container .page-type-title .slug	{
	font-size: 50%;
}
.loop-content p.date, .taglist	{
	font-size: 13rem;
}
.loop-content .entry-title	{
	font-size: 16rem;
}
.display-text .loop-content p.date, .display-text .loop-content .entry-title	{
	font-size: 16rem;
	line-height: 1.7;
}
.loop-content .archive-content	{
	font-size: 14rem;
}
.btn-m	{
	font-size: 16rem;
	border-radius: 30px;
}
.btn-l	{
	font-size: 18rem;
	border-radius: 30px;
}
.btn-xl	{
	font-size: 20rem;
	border-radius: 30px;
}
.taglist-container .taglist	{
	font-size: 14rem;
}
.wp-tag-cloud li a	{
	font-size: 12rem !important;
}
.site-footer > *	{
	font-size: 14rem;
}
#footer-copy, #footer-lp	{
	font-size: 13rem;
	text-align: center;
}
@media (max-width: 768px){
.btn-m	{
	font-size: 18rem;
}
.btn-l	{
	font-size: 20rem;
}
.btn-xl	{
	font-size: 22rem;
}
}

.slick-prev, .slick-next {
z-index: 2;
}

/* ---------- フォントウェイト ---------- */
html	{
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6	{
	font-weight: var( --bold );
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
/* ---------- 
	font-weight: 400;
 ---------- */
}
.loop-content .entry-title	{
	font-weight: var( --semi-bold );
}
.page-type-title-slug	{
	font-weight: var( --semi-bold );
}
.font-weight-semi-bold	{
	font-weight: var( --semi-bold );
}
/* ---------- 行間 ---------- */
body	{
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6	{
	margin-top: 30px;
}
header h1, header h2, header h3, header h4, header h5, header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6	{
	margin-top: 0;
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-top: 0;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6	{
	margin-top: 0;
}
h1 + .size-huge, h1 + .size-h1, h1 + .size-h2, h1 + .size-h3, h1 + .size-h4, h1 + .size-h5, h1 + .size-h6, h2 + .size-huge, h2 + .size-h1, h2 + .size-h2, h2 + .size-h3, h2 + .size-h4, h2 + .size-h5, h2 + .size-h6, h3 + .size-huge, h3 + .size-h1, h3 + .size-h2, h3 + .size-h3, h3 + .size-h4, h3 + .size-h5, h3 + .size-h6, h4 + .size-huge, h4 + .size-h1, h4 + .size-h2, h4 + .size-h3, h4 + .size-h4, h4 + .size-h5, h4 + .size-h6, h5 + .size-huge, h5 + .size-h1, h5 + .size-h2, h5 + .size-h3, h5 + .size-h4, h5 + .size-h5, h5 + .size-h6, h6 + .size-huge, h6 + .size-h1, h6 + .size-h2, h6 + .size-h3, h6 + .size-h4, h6 + .size-h5, h6 + .size-h6, .size-huge + h1, .size-huge + h2, .size-huge + h3, .size-huge + h4, .size-huge + h5, .size-huge + h6, .size-h1 + h1, .size-h1 + h2, .size-h1 + h3, .size-h1 + h4, .size-h1 + h5, .size-h1 + h6, .size-h2 + h1, .size-h2 + h2, .size-h2 + h3, .size-h2 + h4, .size-h2 + h5, .size-h2 + h6, .size-h3 + h1, .size-h3 + h2, .size-h3 + h3, .size-h3 + h4, .size-h3 + h5, .size-h3 + h6, .size-h4 + h1, .size-h4 + h2, .size-h4 + h3, .size-h4 + h4, .size-h4 + h5, .size-h4 + h6, .size-h5 + h1, .size-h5 + h2, .size-h5 + h3, .size-h5 + h4, .size-h5 + h5, .size-h5 + h6, .size-h6 + h1, .size-h6 + h2, .size-h6 + h3, .size-h6 + h4, .size-h6 + h5, .size-h6 + h6, .size-huge + .size-huge, .size-huge + .size-h1, .size-huge + .size-h2, .size-huge + .size-h3, .size-huge + .size-h4, .size-huge + .size-h5, .size-huge + .size-h6, .size-1 + .size-huge, .size-1 + .size-h1, .size-1 + .size-h2, .size-1 + .size-h3, .size-1 + .size-h4, .size-1 + .size-h5, .size-1 + .size-h6, .size-2 + .size-huge, .size-2 + .size-h1, .size-2 + .size-h2, .size-2 + .size-h3, .size-2 + .size-h4, .size-2 + .size-h5, .size-2 + .size-h6, .size-3 + .size-huge, .size-3 + .size-h1, .size-3 + .size-h2, .size-3 + .size-h3, .size-3 + .size-h4, .size-3 + .size-h5, .size-3 + .size-h6, .size-4 + .size-huge, .size-4 + .size-h1, .size-4 + .size-h2, .size-4 + .size-h3, .size-4 + .size-h4, .size-4 + .size-h5, .size-4 + .size-h6, .size-5 + .size-huge, .size-5 + .size-h1, .size-5 + .size-h2, .size-5 + .size-h3, .size-5 + .size-h4, .size-5 + .size-h5, .size-5 + .size-h6, .size-6 + .size-huge, .size-6 + .size-h1, .size-6 + .size-h2, .size-6 + .size-h3, .size-6 + .size-h4, .size-6 + .size-h5, .size-6 + .size-h6	{
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6, .size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-bottom: 8px;
}
p, ul, ol, dl, blockquote, table	{
	line-height: 2;
}
p	{
	margin: 0;
}
ul, ol, dl, blockquote, table	{
	margin: 0.5em 0 0.5em 0;
}
.loop-content .archive-content, .loop-content .archive-content p	{
	line-height: 1.5;
}
.taglist a, .wp-tag-cloud li	{
	margin: 0 0.5em 0.5em 0;
}
.loop-content .archive-content p	{
	margin-bottom: 0;
}
/* ---------- 先頭画像後 余白調整
p:first-child + h1, p:first-child + h2, p:first-child + h3, p:first-child + h4, p:first-child + h5, p:first-child + h6	{
	margin-top: 0;
	margin-bottom: 5px;
}
 ---------- */
/* ---------- カラー ---------- */
body, body a, .color-default	{
	color: var( --color-default );
}
.color-theme	{
	color: var( --color-theme );
}
.color-theme2	{
	color: var( --color-theme2 );
}
.color-theme3	{
	color: var( --color-theme3 );
}
.color-theme4	{
	color: var( --color-theme4 );
}
.section-theme	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme );
}
.section-theme2	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme2 );
}
.section-theme3	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme3 );
}
.section-theme4	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --color-theme4 );
}
.bgcolor-theme	{
	background-color: var( --bgcolor-theme );
}
.bgcolor-theme2	{
	background-color: var( --bgcolor-theme2 );
}
.color-in-bgcolor, .color-in-bgcolor a	{
	color: #FFF;
}
.color-in-bgcolor a	{
	text-decoration: underline;
}
.rounded-corners > img	{
	border-radius: 1em;
}
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
/* ---------- 表示／非表示 ---------- */
.page-type-title-icon	{
	display: none;
}
.banner-text .parent-title + .self-title	{
/* ----------  ---------- */
	display: none;

}
.page-child .parent-title	{
	display: none;
}
.banner-text .parent-slug + .self-slug	{
/* ----------  ---------- */
	display: none;

}
.page-child .parent-slug	{
	display: none;
}
body:not( .attachment ) .banner-text .archive-label	{
	display: none;
}
.page-type-title-container .parent-title	{
	display: none;
}
.page-type-title-container .parent-slug	{
	display: none;
}
.page-posttype .page-type-title-container .posttype-label	{
	display: none;
}
.page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: '：';
}
.single .page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: none;
}
.page-posttype-top .page-type-title-container .posttype-label, .page-posttype-single .page-type-title-container .posttype-label	{
	display: inline;
}
.page-posttype .site-main .content-area{
margin-bottom: 100px;
}
/* ---------- タグリスト ---------- */
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
.taglist-container .taglist a	{
	padding: 0.5em 0.75em;
	background-color: rgba(204, 204, 204, 0.2);
	background-color: var( --color-light-gray );
	border: none;
	border-radius: 0.5em;
}
.taglist-container .taglist a.current	{
	color: #FFF;
	background-color: var( --color-theme );
}
/* ---------- タグリストアイコン ---------- */
.taglist a:before	{
	font-family: dashicons;
	content: "\f464";
	margin-right: 0.2em;
}
.taglist a.term-all:before	{
	content: "\f480";
}
.taglist .tax-order-1 a:before	{
	content: "\f318";
}
.taglist .tax-order-2 a:before	{
	content: "\f323";
}
/* ---------- タグリスト（ショートコード） ---------- */
.taglist-container .taglist a, .wp-tag-cloud li a	{
	line-height: 1;
	padding: 0.5em;
	background-color: #FFF;
	border: solid 1px #EEE;	
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	border-radius: 0.2em;
}
.taglist-post-terms .taglist-tax + .taglist-tax	{
	margin-left: 0.5em;
}

/* ---------- Q&A ---------- */
.article-qa .entry-title:before, .article-qa .accordion-content .archive-content:before	{
	font-size: 16rem;
	color: #FFF;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	border-radius: 9999px;
}
.article-qa .entry-title:before	{
	content: 'Q';
	background-color: #D90000;
}
.article-qa .accordion-content .archive-content	{
	font-size: 16rem;
	padding-left: 2.5em;
	position: relative;
}
.article-qa .accordion-content .archive-content:before	{
	content: 'A';
	background-color: #006DD9;
	position: absolute;
	top: 0.2em;
	left: 0;
}
/* ---------- 表 ---------- */
table.table-plain th	{
	font-weight: var( --semi-bold );
	text-align: left;
}
/* ---------- 追加ルール ---------- */
.btn a, a.block-link .btn	{
	background-color: var( --color-theme );
}
.margin-top-row-0	{
	margin-top: 0;
}
.margin-top-row-1	{
	margin-top: 16rem;
}
.margin-bottom-row-0	{
	margin-bottom: 0;
}
.margin-bottom-row-1	{
	margin-bottom: 16rem;
}
.line-height-thin, .line-height-thin + p	{
	line-height: 1;
}
.have-margin-top	{
	margin-top: 16rem;
}
.have-margin-bottom	{
	margin-bottom: 16rem;
}
@media (min-width: 769px)	{
	.have-margin-top	{
		margin-top: 24rem;
	}
	.have-margin-bottom	{
		margin-bottom: 24rem;
	}
	
.btn a:before, a.block-link .btn:before	{
		margin-right: 2em;
	}
	.btn a:after, a.block-link .btn:after	{
		margin-left: 2em;
	}
}
/* ---------- ナビゲーション ---------- */
#navbar	{
background: #a99483;
}
.sub-menu.active	{
	display: block;
}
#navbar	a{
color: #fff;
font-size: 14rem;
}
#navbar #navbar-bg, #navbar-s #navbar-bg {
background: #a99483;
}
.view-wide .navbar-fixed.nav-fixed-height{
padding-top: 70px;
}
.view-wide .navbar-fixed #site-navigation,
.view-wide.device-horizontal #site-navigation{
height: 70px;
}
.navigation-logo{
background: #fff;
height: 100%;
padding:15px 20px;
}
#site-navigation .nav-menu > li:hover a{
	/*background-color: #fbfbfb;*/
	color: var(--color-theme);
}
#site-navigation .nav-plus{
display: flex;
align-items: center;
}
#site-navigation .nav-plus .nav-insta{
width: 40px;
margin-left: 10px;
margin-right: 10px;
}
#site-navigation .nav-plus .nav-contact{
width: 150px;
height: 70px;
margin-left: 10px;
}
#site-navigation .nav-plus .nav-contact a{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
background: var(--color-theme2);
color: #fff;
text-align: center;
line-height: 140%;
font-weight: bold;
letter-spacing: 2px;
}
#site-navigation .nav-plus .nav-contact span{
display: block;
font-size: 16rem;
}
#site-navigation .nav-plus .nav-contact span::after{
display: inline-block;
content: "";
background: url("../images/petsalon/search_icon.png") no-repeat;
background-size: cover;
height: 20px;
width: 16px;
position: relative;
top: 5px;
}

/* ---------- ハンバーガー ---------- */
#widget-header-logo-s{
background: #a99483;
}

#widget-header-logo-s .wp-root{
	background: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px;
}

#widget-header-logo-s img {
	width: 175px;
}

#site-navigation-s .nav-plus{
display: flex;
align-items: center;
margin-top: 10px;
}
#site-navigation-s .nav-plus .nav-insta a:before{
content: "";
}
#site-navigation-s .nav-plus .nav-contact a:before{
content: "";
}

#site-navigation-s .nav-plus .nav-insta{
width: 40px;
margin-left: 10px;
margin-right: 10px;
}
#site-navigation-s .nav-plus .nav-contact{
width: 150px;
height: 50px;
margin-left: 10px;
}
#site-navigation-s .nav-plus .nav-contact a{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
background: var(--color-theme2);
color: #fff;
text-align: center;
line-height: 140%;
font-weight: bold;
letter-spacing: 2px;
}
#site-navigation-s .nav-plus .nav-contact span{
display: block;
font-size: 16rem;
}
#site-navigation-s .nav-plus .nav-contact span::after{
display: inline-block;
content: "";
background: url("../images/petsalon/search_icon.png") no-repeat;
background-size: cover;
height: 20px;
width: 16px;
position: relative;
top: 5px;
}



/* ---------- ハンバーガーアイコン ---------- */
#site-navigation-s .menu-toggle, #site-navigation-s #hamburger-nav-toggle	{
	background-color: #a99483;
	background-image: url( ../images/XXX/icon-ham-white.png );
	background-image: url( ../images/icon-ham-white.png );
}
#site-navigation-s #hamburger-nav-toggle.open	{
	background-color: #a99483;
	background-image: url( ../images/XXX/icon-ham-white-x.png );
	background-image: url( ../images/icon-ham-white-x.png );
}
/* ---------- totop ---------- */
#page-top a	{
	background-image: url( ../images/XXX/totop.png );
	background-image: url( ../images/totop.png );
}
/* ---------- フッター ---------- */
.site-footer{
background: #a99483;
color: #fff;
}
.site-footer .footer-nav a{
color: #fff;
}

.site-footer #footer-logo{
margin-top: 50px;
}

@media (min-width: 769px)	{
	#footer-navigation.footer-nav-multi-item .inner	{
		justify-content: flex-end;
	}
	#footer-navigation #footer-menu	{
		margin-left: auto;
		margin-top: 50px;
		margin-bottom: 40px;
	}
	#footer-navigation #footer-menu + aside	{
		margin-left: 4em;
	}
	.footer-nav .menu > li > a:before	{
		content: none;
	}
	.footer-nav .sub-menu	{
		display: block !important;
		margin-left: 0;
	}
/* ---------- 段組み
	.footer-nav .menu	{
		display: block;
	}
	.footer-nav #menu-footer	{
		column-count: 2;
		column-gap: 4em;
	}
	.footer-nav .menu > li + li	{
		margin-left: 0;
	}
	.break-inside-avoid	{
		break-inside: avoid;
		display: flex;
	}
	.break-inside-avoid .sub-menu	{
		font-size: 13rem;
		margin-left: 1em;
	}
 ---------- */
}

/*--------------------トップ-------------------*/

#top #banner{
height: 70vh;
}

#top #banner .top_catch{
background: #fff;
padding: 10px 10px;
}

#top #banner .top_catch h1{
text-align: center;
font-size: 18rem;
line-height: 140%;
letter-spacing: 3px;
color: var(--color-theme);
}
#top #banner .top_catch .sub_catch{
font-size: 14rem;
text-align: center;
color: var(--color-theme);
opacity: 0.5;
font-weight: bold;
letter-spacing: 2px;
}

.site-main{
padding-bottom: 0;
}

#top h2{
font-family: var( --font-family-theme2 );
}
#top{
}

.top-about .fc-child-inner{
background-size: 100%;
background-position: center;
text-align: center;
}
.top-about .note{
margin: 0px auto 40px auto;
width: 94%;
}
.top-about .note p{
color: var(--color-theme);
font-weight: bold;
margin: 0px auto 30px auto;
background-image: linear-gradient(0deg, #cfc8c3 1px, transparent 1px); /* 罫線の色と太さ */
  background-size: 100% 3.5em; /* 行の高さ */
  line-height: 3.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
  font-size: 15rem;
  text-align: left;
}
@media (min-width: 769px){
#top #banner{
height: auto;
}
#top #banner .top_catch{
background: #fff;
padding: 30px 40px;
}
#top #banner .top_catch h1{
font-size: 24rem;
line-height: 140%;
letter-spacing: 3px;
color: var(--color-theme);
}

.top-about{
text-align: center;
}

.top-about .note{
margin: 0px auto 0px auto;
width: 80%;
text-align: center;
}
.top-about .note p{
 background-size: 100% 4.5em; /* 行の高さ */
line-height: 4.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
  font-size: 15rem;
  text-align: center;
}
}

.top-contents-list{
margin-bottom: 50px;
}
.top-contents-list .fc-grid-content.have-bg{
padding: 0;
}
.top-contents-list .grid-container{
grid-gap: 3em;
}
.top-contents-list h2 {
font-family: var( --font-family-theme2 );
font-size: 50rem;
font-weight: 200;
color: var(--color-theme2);
position: relative;
  display: inline-block;
  margin-top: 30rem;
  margin-bottom: 30rem;
  letter-spacing: 5rem;
}
.top-contents-list h2:before {
  content: '';
  position: absolute;
  bottom: -0px;
  display: inline-block;
  width: 120px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cfc8c3;
  border-radius: 0px;
}
.top-contents-list h3 {
color: var(--color-theme);
font-size: 20px;
margin:  0px auto 10px auto;
letter-spacing: 3px;
}
.top-contents-list h3 {
}
.top-contents-list .contents_thumb{
margin-top: 20px;
}
.top-contents-list .optionblock-main p{
font-size: 14rem;
color: #555;
font-weight: 500;
text-align: left;
margin-left: 20px;
margin-right: 20px;
}
.top-contents-list .btn-m{
margin: 20px auto;
max-width: 300px;
}
.top-contents-list .btn-m a{
border-radius: 30px;
}
@media (min-width: 769px){
.top-contents-list .optionblock-main p{
text-align: center;
}
.top-contents-list .btn-m{
margin:10px auto;
}
}

.top-news{
margin: 0px auto;
/*display: flex;
justify-content: center;*/
position: relative;
}
.top-news h2{
font-family: var( --font-family-theme2 );
font-size: 50rem;
font-weight: 200;
color: var(--color-theme2);
position: relative;
  display: inline-block;
  margin-top: 0rem;
  margin-bottom: 10rem;
  letter-spacing: 5rem;
}
.top-news h2:before {
  content: '';
  position: absolute;
  bottom: -0px;
  display: inline-block;
  width: 130px;
  height: 3px;
  left: 20%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cfc8c3;
  border-radius: 0px;
}
.top-news .article-post h2:before {
content: none;
}
.top-news .optionblock-main .container-parent{
border-top: 2px #cfc8c3 solid;
}
.top-news .optionblock-main .container-parent article{
border-bottom: 2px #cfc8c3 solid;
padding: 20px 0;
}
.top-news .top-news-flex{
display: flex;
width: 90%;
justify-content: space-between;
margin: 0px auto;
flex-wrap: wrap;
}

.top-news .news_hd{
width: 100%;
margin: 0 auto 20px auto;
display: flex;
flex-direction: column;
background: url( "../images/petsalon/news_bg01.png" ) bottom right no-repeat;
background-size: 40%;
}
.top-news .news_hd span{
color: var(--color-theme);
}
.top-news .news_inner{
width: 100%;
margin: 0;
position: relative;
overflow: hidden;
}
.top-news .news_inner article{
border-bottom: 2px #cfc8c3 solid;
padding: 20px 0;
display: flex;
justify-content: space-between;
margin: 0;
}
.top-news .news_inner article a{
display: block;
}

.top-news .news_inner article .post-thumbnail{
width: 25%;
}
.top-news .news_inner article .post-thumbnail img{
width: 100%;
}
.top-news .news_inner article .post-caption{
width: 100%;
}
.top-news .news_inner article .post-caption .post-date{
width: 50%;
position: relative;
float: left;
color: var(--color-theme);
font-size: 14rem;
font-weight: bold;
}
.top-news .news_inner article .post-caption .post-category{
float: right;
position: relative;
right: 0;
top: 0;
display: flex;
gap: 5px;
}
.top-news .news_inner article .post-caption .post-category a{
color: #fff;
padding: 5px 10px;
}
.top-news .news_inner article .post-caption .post-category .category-news,
.top-news .news_inner article .post-caption .post-category .category-menu,
.top-news .news_inner article .post-caption .post-category .category-campaign,
.top-news .news_inner article .post-caption .post-category .category-etc{
font-size: 12rem;
background-color: var(--color-theme2);
}
.top-news .news_inner article .post-caption .post-category .category-finish{
font-size: 12rem;
background-color: #ccc;
}
.top-news .news_inner article .post-caption .post-category .category-notice{
font-size: 12rem;
background-color: #F3A177;
}
.top-news .news_inner article .post-caption .post-category .category-session{
font-size: 12rem;
background-color: #FC6D53;
}

.top-news .news_inner article .post-caption .post-excerpt{
overflow: hidden;
position: relative;
width: 100%;
margin: 5px auto;
text-align: left;
line-height: 160%;
}
.top-news .news_inner article .post-caption .post-title{
overflow: hidden;
position: relative;
width: 100%;
margin: 5px auto;
text-align: left;
line-height: 160%;
}

.top-news .btn-m{
width: 80%;
}
.top-news .btn-m a{
border-radius: 30px;
}
@media (min-width: 769px){
.top-news h2:before {
  content: '';
  position: absolute;
  bottom: -0px;
  display: inline-block;
  width: 150px;
  height: 3px;
  left: 30%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cfc8c3;
  border-radius: 0px;
}
.top-news .top-news-flex{
display: flex;
flex-wrap: nowrap;
width: var(--site-width);
justify-content: space-between;
margin: 0px auto;
}
.top-news .news_hd{
width: 25%;
margin: 0;
display: flex;
flex-direction: column;
background: url( "../images/petsalon/news_bg01.png" ) bottom center no-repeat;
}
.top-news .news_inner{
width: 72%;
margin: 0;
position: relative;
overflow: hidden;
}
.top-news .news_inner article .post-caption{
width: 72%;
}
.top-news .news_inner article .post-caption .post-date{
width: 30%;
}
.top-news .btn-m{
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
}


.top-shop{
}
.top-shop h2{
font-family: var( --font-family-theme2 );
font-size: 50rem;
font-weight: 200;
color: var(--color-theme2);
position: relative;
  display: inline-block;
  margin-top: 0rem;
  margin-bottom: 10rem;
  letter-spacing: 5rem;
}
.top-shop h2:before {
  content: '';
  position: absolute;
  bottom: -0px;
  display: inline-block;
  width: 120px;
  height: 3px;
  left: 45%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cfc8c3;
  border-radius: 0px;
}
.top-shop .shop_hd span{
color: var(--color-theme);
}
.top-shop .shop_hd{
margin-bottom: 30rem;
}
.top-shop .shop-map{
margin-bottom: 30px;
}
.shop-map_flex{
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}

.top-shop .shop-map_flex .shop-map_link{
display: none;
}

.top-shop .shop-map_flex .shop-map_maps{
padding: 10px;
background: #fff;
position: relative;
}

.top-shop .shop-map_flex .shop-map_maps .shop-map_caption h4{
color: var(--color-theme);
}

#japan .cls-1 {
        fill: #e38093;
		padding: 10px;
      }
#japan .cls-2 {
        fill: #cfc8c3;
      }
#japan .cls-3,#japan .cls-4 {
        fill: #fff;
        font-family: NotoSansJP-Bold-83pv-RKSJ-H, 'Noto Sans JP';
        font-size: 16rem;
        font-weight: 700;
      }
#japan .cls-5 {
        letter-spacing: .1em;
      }
#japan .cls-6 {
        letter-spacing: -.15em;
      }
#japan .cls-7 {
        letter-spacing: .1em;
      }
#japan .maps:hover .cls-2{
fill: #f1c3cd;
}


@media (min-width: 769px){
.top-shop h2:before {
  content: '';
  position: absolute;
  bottom: -0px;
  display: inline-block;
  width: 150px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cfc8c3;
  border-radius: 0px;
}

.top-shop .shop-map_flex .shop-map_link{
display: block;
width: 20%;
list-style: none;
margin: 0 0 5px 0;
}
.top-shop .shop-map_flex .shop-map_link li{
background: #cfc8c3;
color: var(--color-theme);
margin: 0 auto 10px auto; 
text-align: center;
font-weight: bold;
}
.top-shop .shop-map_flex .shop-map_link li.all{
background: var(--color-theme);
}
.top-shop .shop-map_flex .shop-map_link li a{
display: block;
width: 100%;
height: 100%;
padding: 20px 0;
}
.top-shop .shop-map_flex .shop-map_link li.all a{
color: #fff;
}
.top-shop .shop-map_flex .shop-map_link li > a{
color: var(--color-theme);
}
.top-shop .shop-map_flex .shop-map_link li:last-of-type{
margin: 0 auto 0px auto;
}

.top-shop .shop-map_flex .shop-map_maps{
width: 78%;
margin: 0;
padding: 10px;
background: #fff;
position: relative;
}
.top-shop .shop-map_flex .shop-map_maps .shop-map_caption{
position: absolute;
top: 120px;
left: 50px;
width: 50%;
}
.top-shop .shop-map_flex .shop-map_maps #shop-map-img{
width: 85%;
max-width: 700px;
margin: 0px auto;
position: relative;
left: 7.5%;
top: 20px;
}
#japan .cls-1 {
		padding: 0px;
      }
#japan .cls-3,#japan .cls-4 {
        fill: #fff;
        font-family: NotoSansJP-Bold-83pv-RKSJ-H, 'Noto Sans JP';
        font-size: 14px;
        font-weight: 700;
      }
}

.top-shop .map-wrap {
width:78%;
padding: 1rem 0;
background: #fff;
}
.top-shop .caption { font-size: 14px; color: var(--color-theme);  margin: 10px 0 4px 15px; }
.top-shop .caption h4 { font-size: 18px; font-weight: 800; color: var(--color-theme); margin: 10px 0 4px 0px; }
.top-shop .maps { cursor: pointer; }
.top-shop .maps .cls-2 { fill: #cfc8c3; transition: fill 0.15s; }
.top-shop .maps .cls-1 { fill: #db6a82; transition: fill 0.15s; }
.top-shop .maps .cls-3, .top-shop .maps .cls-4, .top-shop .maps .cls-5, .top-shop .maps .cls-6, .top-shop .maps .cls-7 { fill: #fff; font-size: 13px; font-family: var(--font-sans); }
.top-shop .maps:hover .cls-2 { fill: #f2cbd3; }
.top-shop .maps:hover .cls-1 { fill: #c45570; }
.top-shop .maps.active .cls-2 { fill: #f2cbd3; }
.top-shop .maps.active .cls-1 { fill: #c45570; }

.top-shop #shop-map-img { width: 100%; max-width: 600px; display: block; margin: 0 auto; }

@media (max-width: 768px){
.top-shop .map-wrap {
width: 100%;
}
}

/*-----マップ------*/

.shop-map_flex .map-wrap {
width:78%;
padding: 1rem 0;
background: #fff;
}
.shop-map_flex .caption { font-size: 14px; color: var(--color-theme);  margin: 10px 0 4px 15px; }
.shop-map_flex .caption h4 { font-size: 18px; font-weight: 800; color: var(--color-theme); margin: 10px 0 4px 0px; }
.shop-map_flex .maps { cursor: pointer; }
.shop-map_flex .maps .cls-2 { fill: #cfc8c3; transition: fill 0.15s; }
.shop-map_flex .maps .cls-1 { fill: #db6a82; transition: fill 0.15s; }
.shop-map_flex .maps .cls-3, .shop-map_flex .maps .cls-4, .shop-map_flex .maps .cls-5, .shop-map_flex .maps .cls-6, .shop-map_flex .maps .cls-7 { fill: #fff; font-size: 13px; font-family: var(--font-sans); }
.shop-map_flex .maps:hover .cls-2 { fill: #f2cbd3; }
.shop-map_flex .maps:hover .cls-1 { fill: #c45570; }
.shop-map_flex .maps.active .cls-2 { fill: #f2cbd3; }
.shop-map_flex .maps.active .cls-1 { fill: #c45570; }

.shop-map_flex #shop-map-img { width: 100%; max-width: 600px; display: block; margin: 0 auto; }

.shop-map_flex .shop-map_link{
display: block;
width: 20%;
list-style: none;
margin: 0 0 5px 0;
}
.shop-map_flex .shop-map_link li{
background: #cfc8c3;
color: var(--color-theme);
margin: 0 auto 10px auto; 
text-align: center;
font-weight: bold;
}
.shop-map_flex .shop-map_link li.all{
background: var(--color-theme);
}
.shop-map_flex .shop-map_link li a{
display: block;
width: 100%;
height: 100%;
padding: 20px 0;
}
.shop-map_flex .shop-map_link li.all a{
color: #fff;
}
.shop-map_flex .shop-map_link li > a{
color: var(--color-theme);
}
.shop-map_flex .shop-map_link li:last-of-type{
margin: 0 auto 0px auto;
}

@media (max-width: 768px){
.shop-map_flex .map-wrap {
width: 100%;
}
.shop-map_flex .shop-map_link{
display: none;
}
}



/*----------------------bottom banner-------------------------*/

#bottom-banner + .site-footer, #bottom-banner + #location {
     margin-top: 0em;
}

#bottom-banner{
background: #fff8f0 url("../images/petsalon/recruit_bg_sp.png") no-repeat center;
background-size: cover;
}
.bottom-recruit .recruit_block{
background: hsla(0,0%,100%,0.90);
width: 90%;
padding: 30px 0;
margin: 100px auto;
text-align: center;
}
.bottom-recruit .recruit_block h2{
font-family: var( --font-family-theme2 );
font-size: 50rem;
font-weight: 200;
color: var(--color-theme);
margin: 0 auto;
padding: 0;
line-height: 100%;
}
.bottom-recruit .recruit_block p{
color: #545454;
letter-spacing: 5px;
}
.bottom-recruit .recruit_block .btn{
width: 80%;
margin-top: 0;
}
.bottom-recruit .recruit_block .btn a{
background: var(--color-theme2);
border-radius: 30px;
}
@media (min-width: 769px){
#bottom-banner{
background: #fff8f0 url("../images/petsalon/recruit_bg.png") no-repeat center;
background-size: cover;
}
.bottom-recruit .recruit_block{
width: 450px;
padding: 30px 0;
margin: 50px auto;
text-align: center;
}
.bottom-recruit .recruit_block h2{
font-size: 70rem;
margin: 0 auto;
padding: 0;
line-height: 100%;
}
.bottom-recruit .recruit_block .btn{
margin: 10px auto 0px auto;
}
}


/*---------------------------下層ヘッダー-----------------------------*/
#business #header-container .banner:before,
.blog #header-container .banner:before,
.single #header-container .banner:before,
.archive #header-container .banner:before,
.page:not(.home) #header-container .banner:before{
padding-top: 200px;
}
.home #header-container .banner:before{
padding-top: auto;
}

.content-area .page-type-title-container{
display: none;
}

.blog .container-parent,
.single .container-parent{
border-bottom: 1px solid #d5d5d5;
}

.page .container-parent{
border-bottom: 0px solid #d5d5d5;
}
.archive .container-parent{
border-bottom: 0px solid #d5d5d5;
}

.blog .container-parent article,
.single .container-parent article,
.archive .container-parent article,
.page .container-parent article{
    border-top: none;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px;
    margin: 0px auto;
}
/* 一番最初の記事だけ上線をつける */
.blog .container-parent article:first-child,
.single .container-parent article:first-child,
.archive .container-parent article:first-child,
.page .container-parent article:first-child{
   /* border-top: 1px solid #d5d5d5; */
}
.blog .container-parent article:last-of-type,
.single .container-parent article:last-of-type,
.archive .container-parent article:last-of-type,
.page .container-parent article:last-of-type{
padding-bottom: 20px;
}

.top .container-parent article,
.top article{
border: 0px solid #d5d5d5;
}

.banner-text h1.page-type-title.page-title{
font-family: var( --font-family-theme2 );
font-size: 60rem;
font-weight: 200;
color: var(--color-theme2);
line-height: 100%;
margin-top: 20px;
	text-transform: uppercase;
letter-spacing: 5px;	
}
.banner-text .page-type-title-slug{
font-size: 14rem;
letter-spacing: 2px;
color: var(--color-theme);
}

@media (min-width: 769px){
.banner-text .page-type-title-slug{
font-size: 20rem;
letter-spacing: 5px;
}
}

/*---------------------------page----------------------------*/
.page .container-parent{
margin-bottom: 50px;
padding-bottom: 30px;
}
.page:not(.home) h2{
  text-align: center;
  color: var(--color-theme);
  font-size: 28rem;
  letter-spacing: 5px;
  position: relative;
  margin: 30px auto 50px auto;
}
.page:not(.home) h2::after{
  content: "";
  display: block;
  width: 200px;          /* 線の長さ */
  height: 3px;          /* 線の太さ */
  background: #cfc8c3;
  margin: 10px auto 0;  /* 中央寄せ＋上に余白 */
}
.page:not(.home) h3{
  color: var(--color-theme2);
  font-size: 20rem;
  border-top: 2px solid #d5d5d5;
  border-bottom: 2px solid #d5d5d5;
  letter-spacing: 5px;
  padding: 10px 0;
  margin-bottom: 20px;
  position: relative;
}
.page:not(.home) h4{
  color: var(--color-theme);
  font-size: 20rem;
  letter-spacing: 2px;
  margin-bottom: 10px;
  position: relative;
}
.step_hd{
background: var(--color-theme2);
color: #fff;
padding:3rem 5rem;
margin-right: 10rem;
font-size: 12rem;
align-content: center;
align-items: center;
}
.page:not(.home) h5{
  color: var(--color-theme2);
  font-size: 18rem;
  margin-bottom: 10px;
}

.page:not(.home) p{
line-height: 150%;
}

.page:not(.home) .osusume_box{
border: 1px solid #d5d5d5;
padding:20px 30px;
}
.page:not(.home) .osusume_box h5{
font-size: 16rem;
}

.page:not(.home) .osusume_list{
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.page:not(.home) .osusume_list li{
margin: 0 0 3px 0;
padding: 0;
line-height: 160%;
}
.page:not(.home) .osusume_list li::before{
content: "▶︎";
color: var(--color-theme2);
position: relative;
left: 0;
margin-right: 10px;
font-size: 12rem;
}

.page:not(.home) .bg_color01{
background: hsla(343,39%,91%,0.30);
padding: 30px;
}
.page:not(.home) .bg_color02{
background: hsla(0,0%,84%,0.30);
padding: 30px;
}
.page:not(.home) .bg_color03{
background: hsla(32,100%,97%,0.30);
padding: 30px;
}

.span-slug{
font-family: Poppins;
font-weight: 200;
letter-spacing: 5px;
}
.en_hd{
font-family: Poppins;
color: var(--color-theme2);
font-weight: 200;
letter-spacing: 5px;
font-size: 60rem;
}

.anker_list{
border-top:1px dotted var(--color-theme);
border-bottom:1px dotted var(--color-theme);
padding: 20px 0;
margin-bottom: 30px;
}

/*---------------店舗情報---------------*/

.shop-template-default .entry-title.main-title.singular-title{
color: #806c59;
border-bottom: #d5d5d5 2px solid;
}

.shop-slider-wrap {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}
.shop-slider-main {
    width: 55%;
    flex: none;
}
.shop-slider-thumb {
    width: calc(45% - 10px);
    flex: none;
}
.shop-slider-main img {
    width: 100%;
    height: auto;
    display: block;
}
.shop-slider-thumb .slick-track {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    transform: none !important;
}

.shop-slider-thumb .slick-slide {
    width: calc(33.33% - 4px) !important;
    margin: 0 2px 4px 0;
}

.shop-slider-thumb .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.6;
}

.shop-slider-thumb .slick-current img {
    opacity: 1;
}
@media screen and (max-width: 768px) {
    .shop-slider-wrap {
        flex-direction: column;
    }

    .shop-slider-main,
    .shop-slider-thumb {
        width: 100%;
    }
}

.shop-template-default .cf-data-facility-summary .cf-data-title {
    text-align: center;
    color: #806c59;
    border: none;
    padding: 0;
	margin: 40px auto 30px auto;
	letter-spacing: 5px;
}

.shop-template-default .cf-data-facility-summary .cf-data-title::after {
    content: "";
    display: block;
    width: 140px;
    height: 2px;
    background-color: #cfc8c3;
    margin: 8px auto 0;
}

.shop-template-default .cf-data-facility-summary .cf-data-content .inner {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.shop-template-default .cf-data-facility-summary table {
    width: 55%;
    flex: none;
}

.shop-template-default .facility-map {
    width: calc(45% - 20px);
    flex: none;
}

.shop-template-default .facility-map iframe {
    width: 100% !important;
    height: 300px;
}

.shop-template-default .cf-data-facility-summary table th {
    color: #db6a82;
    background: none;
    border: none;
    border-bottom: solid 1px #eee;
    width: 8rem;
    font-weight: bold;
}

.shop-template-default .cf-data-facility-summary table td {
    border: none;
    border-bottom: solid 1px #eee;
    background: none;
}

.shop-template-default .cf-data-facility-summary table tr:last-of-type th,
.shop-template-default .cf-data-facility-summary table tr:last-of-type td {
    border-bottom: none;
}


.shop-template-default .shop-btns {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.shop-template-default .shop-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 15rem;
    font-weight: bold;
    text-decoration: none;
}

.shop-template-default .shop-btn-price {
	border: 3px solid var(--color-theme);
    color: var(--color-theme);
	border-radius: 30px;
	padding: 2px 15px;
}

.shop-template-default .shop-btn-insta {
    border: 3px solid var(--color-theme);
    color: var(--color-theme);
	border-radius: 30px;
	padding: 2px 15px;
}
.shop-template-default .shop-btn-insta::before{
position: relative;
top: 0px;
}


@media screen and (max-width: 768px) {
    .shop-template-default .cf-data-facility-summary .cf-data-content .inner {
        flex-direction: column;
    }
    .shop-template-default .cf-data-facility-summary table,
    .shop-template-default .facility-map {
        width: 100%;
    }
}

.shop-template-default .shop-contact-box {
    background-color: #fff5f0;
    padding: 30px 20px;
    text-align: center;
    margin-top: 30px;
    border-radius: 8px;
}

.shop-template-default .shop-contact-title {
text-align: center;
    color: #806c59;
    font-size: 18rem;
    margin-bottom: 20px;
}

.shop-template-default .shop-contact-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.shop-template-default .shop-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 14rem;
    font-weight: bold;
    text-decoration: none;
}

.shop-template-default .shop-btn-trimming {
    background-color: #f08080;
    color: #fff;
}

.shop-template-default .shop-btn-hotel {
    background-color: #806c59;
    color: #fff;
}

.shop-template-default .shop-btn-tel {
    background: #fff;
    border: solid 2px #806c59;
    color: #806c59;
}

@media screen and (max-width: 768px) {
    .shop-template-default .shop-contact-btns {
        flex-direction: column;
        align-items: center;
    }
    .shop-template-default .shop-contact-btn {
        width: 80%;
        justify-content: center;
    }
}


.shop-template-default .shop-rooms-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.shop-template-default .shop-room-item {
    border: solid 1px #eee;
    overflow: hidden;
}

.shop-template-default .shop-room-type {
    text-align: center;
    background-color: #db6a82;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.shop-template-default .shop-room-inner {
    position: relative;
    background: none;
    display: flex;
    align-items: center;
}

.shop-template-default .shop-room-image {
    width: 60%;
	padding: 0px 10px;
}

.shop-template-default .shop-room-image img {
    width: 100%;
    height: auto;
    display: block;
}

.shop-template-default .shop-room-recommend {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 245, 240, 0.9);
    padding: 10px 12% 10px 68%;
    border-radius: 4px;
	z-index: -1;
}

.shop-template-default .shop-room-recommend-title {
    color: #db6a82;
    font-weight: bold;
    font-size: 12rem;
    margin-bottom: 5px;
}

.shop-template-default .shop-room-recommend ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12rem;
}

.shop-template-default .shop-room-recommend ul li::before {
    content: "●";
    color: #db6a82;
    margin-right: 5px;
}

.shop-template-default .shop-room-detail {
    padding: 15px;
    font-size: 13rem;
    line-height: 1.8;
}

.shop-template-default .shop-rooms-subtitle {
    text-align: center;
    color: #db6a82;
    font-size: 14rem;
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
   .shop-template-default .shop-rooms-container {
        grid-template-columns: 1fr;
    }
}

/*---------店舗一覧---------*/

.container-parent article .loop-content .shop-area-label{
background: var(--color-theme2);
color: #fff;
display: inline-block;
padding: 2px 10px;
font-size: 12px;
align-self: flex-start;
}

.post-type-archive-shop .container-parent article .loop-content h2.entry-title a{
line-height: 140%;
color: var(--color-theme) !important;
font-size: 20rem;
}

.container-parent article .loop-content .loop-content-body{
}
.container-parent article .loop-content .loop-content-body .shop-meta{
display: block;
font-size: 13px;
line-height: 140%;
}
.container-parent article .loop-content .loop-content-body .shop-meta span{
color: var(--color-theme2);
}
.container-parent article .loop-content .loop-content-body .shop-contact-btns{
width: 85%;
margin: 8px auto;
display: flex;
flex-direction: column;
        align-items: center;
}
.container-parent article .loop-content .loop-content-body .shop-contact-btn {
    display: inline-flex;
    align-items: center;
	justify-content: center;
    gap: 8px;
    padding: 5px 24px;
    border-radius: 50px;
    font-size: 16rem;
    font-weight: bold;
    text-decoration: none;
}
.container-parent article .loop-content .loop-content-body .shop-btn-trimming {
width: 100%;
    background-color: var(--color-theme2);
    color: #fff;
	margin-bottom: 5px;
}
.container-parent article .loop-content .loop-content-body .shop-btn-hotel {
width: 100%;
background-color: var(--color-theme);
    color: #fff;
}
.container-parent article .loop-content .loop-content-body .shop-btns{
width: 85%;
margin: 0px auto;
display: flex;
justify-content: space-between;
}
.container-parent article .loop-content .loop-content-body .shop-btns .shop-btn-price,
.container-parent article .loop-content .loop-content-body .shop-btns .shop-btn-insta {
    border: 3px solid var(--color-theme);
    color: var(--color-theme);
	border-radius: 30px;
	padding: 2px 8px;
}
.post-type-archive-shop .taglist-container .taglist{
	font-size: 20rem;
}
.container-parent article .loop-content .taglist-tax[class*="-child"] {
    width: 100%;
    margin-top: 0px; /* 好みで調整 */
}

.shop-btn-trimming::before{
    content: "";
	width: 20px;
	height: 20px;
	background: url("../images/petsalon/icon_cut.webp") no-repeat center;
	background-size: 100%;
}

.shop-btn-hotel::before{
    content: "";
	width: 20px;
	height: 20px;
	background: url("../images/petsalon/icon_pethotel.webp") no-repeat center;
	background-size: 100%;
}

.shop-btn-price::before{
    content: "";
	width: 16px;
	height: 16px;
	background: url("../images/petsalon/icon_price.webp") no-repeat center center;
	background-size: auto 100%;
	position: relative;
	top: 0px;
}
.container-parent article .loop-content .loop-content-body .shop-btns .shop-btn-price::before{
	top: 6px;
}

.shop-btn-insta::before{
    content: "";
	width: 16px;
	height: 16px;
	background: url("../images/petsalon/icon_insta.webp") no-repeat center center;
	background-size: 100%;
	position: relative;
	top: 6px;
}

/*--------------モーダル---------------*/
.single-shop .reserve-modal{
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
}
.single-shop .reserve-modal{
    display:none;
}
.single-shop .reserve-modal.is-active{
    display:block;
}
.single-shop .reserve-modal__overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
}
.single-shop .reserve-modal__content{
    position: relative;
    max-width: 900px;
    width: calc(100% - 40px);
    margin: 100px auto;
    background: #fff;
    padding: 30px;
    z-index: 2;
	text-align: center;
}
.single-shop .reserve-modal__close{
    position: absolute;
    top: -80px;
    right: 0px;
    border: none;
    background: none;
    font-size: 40px;
    cursor: pointer;
}
.single-shop .reserve-modal__content .reserve-modal__sub{
text-align: center;
color: var(--color-theme2);
margin: 0px auto;
position: relative;
    display: inline-block;
    padding: 0 2em;
}
.single-shop .reserve-modal__content .reserve-modal__sub::before{
    content: "＼";
    position: absolute;
    left: 0;
}
.single-shop .reserve-modal__content .reserve-modal__sub::after{
    content: "／";
    position: absolute;
    right: 0;
}
.single-shop .reserve-modal__content h2.reserve-modal__title{
text-align: center;
color: var(--color-theme2);
margin: 0px auto 20px auto;
position: relative;
font-size: 24px;
letter-spacing: 5px;
}
.single-shop .reserve-modal__content h3{
text-align: center;
color: var(--color-theme);
position: relative;
font-size: 20px;
margin: 10px auto 10px auto;
}
.single-shop .reserve-modal__items{
    display: flex;
    gap: 20px;
    margin: 0px 0 20px 0;
}
.single-shop .reserve-item{
    flex: 1;
    background: #fbf5f7;
    padding: 10px;
    text-align: center;
	position: relative;
}
.single-shop .reserve-item .num{
color: var(--color-theme2);
font-size: 24px;
position: absolute;
top: 10px;
left: 15px;
font-family: "Poppins";
}
.single-shop .reserve-item h4{
color: var(--color-theme2);
font-size: 14px;
margin: 10px auto;
line-height: 120%;
}
.single-shop .reserve-item h4 span{
font-size: 12px;
}
.single-shop .reserve-item .yoyaku_icon{
width: 50px;
height: 50px;
margin: 10px auto 5px auto;
}
.single-shop .reserve-item .yoyaku_icon img {
width: 50px;
height: 50px;
object-fit: contain;
}
.single-shop .reserve-item .yoyaku_icon02{
width: 150px;
height: 50px;
margin: 10px auto 5px auto;
}
.single-shop .reserve-item .yoyaku_icon02 img {
width: 150px;
height: 50px;
object-fit: contain;
}
.single-shop .reserve-modal__content .pdf_icon{
font-size: 13px;
text-decoration: underline;
}
.single-shop .reserve-modal__content .pdf_icon::after{
content: "";
width: 13px;
height: 18px;
background: url("../images/petsalon/yoyaku_icon_pdf.png") no-repeat center center;
background-size: 100%;
}
.single-shop .reserve-modal__content .reserve-item p{
text-align: center;
font-size: 12px;
}
.single-shop .reserve-modal__content p{
text-align: left;
font-size: 14px;
line-height: 140%;
}
.single-shop .reserve-modal__content p.reserve-modal__note{
text-align: center;
font-size: 14px;
line-height: 140%;
}
.single-shop .reserve-modal__btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 320px;
    height: 60px;
    margin: 20px auto 10px auto;
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
}

@media screen and (max-width: 768px) {
.single-shop .reserve-modal__close {
        position: fixed;
        top: 25px;
        right: 25px;
        z-index: 10000;
        padding: 0;
        margin: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
.single-shop .reserve-modal__items{
        flex-direction: column;
        gap: 10px;
    }
.single-shop .reserve-item{
width: 100%;
display: flex;
align-content: center;
justify-content: space-between;
}
.single-shop .reserve-modal__content h3{
font-size: 18px;
}
.single-shop .reserve-modal__content {
    margin: 70px auto 0 auto;
	max-height: 80vh;
	overflow-y: scroll;
}
.single-shop .reserve-item .num{
position: relative;
left: 0;
top: 0;
}
.single-shop .reserve-item .yoyaku_icon{
width: 40px;
}
.single-shop .reserve-item .yoyaku_icon img {
width: 40px;
}
.single-shop .reserve-item .yoyaku_icon02{
width: 90px;
}
.single-shop .reserve-item .yoyaku_icon02 img {
width: 90px;
}
.single-shop .reserve-item .item_inner{
width: 70%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
}
}


/*---------採用---------*/
.recruit #header-container .banner:before{
    padding-top: 400px;
}
.recruit .site-header .banner{
height: 400px;
background-color: #fff6ed;
}
.recruit .site-header .banner .recruit_block{
background: rgba(255,255,255,0.9);
padding: 30px 50px;
text-align: center;
}
.recruit .site-header .banner .recruit_block h1.h1_en{
font-size: 60rem;
margin: 0 auto;
padding: 0;
line-height: 120%;
color: #f65f79;
font-weight: 100;
}
.recruit .site-header .banner .recruit_block h1.h1_ti{
font-size: 20rem;
color: #7d614d;
margin: 0;
padding: 0;
}
.recruit .site-header .fv-slider {
    overflow: hidden;
    width: 100%;
}
.recruit .site-header .fv-slider-row {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: max-content;
	gap: 15px;
}
.recruit .site-header .fv-slider-row li {
    flex-shrink: 0;
}
.recruit .site-header .fv-slider-row li img {
    display: block;
    height: 181px;
    width: auto;
}
/* 上段：右にスライド */
.recruit .site-header .fv-slider-row-top {
margin-bottom: 15px;
    animation: slide-right 60s linear infinite;
}
/* 下段：左にスライド */
.recruit .site-header .fv-slider-row-bottom {
    animation: slide-left 60s linear infinite;
}
@keyframes slide-right {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}

@keyframes slide-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.recruit h2::after,
.recruit h2.rc_h2::after,
.recruit h2.rc_h2_wh::after{
content: none;
}
.recruit h2.rc_h2{
text-align: center;
color: #f65f79;
letter-spacing: 3px;
font-size: 28rem;
position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 50px auto;
  font-weight: bold;
  z-index: 1;
}
.recruit h2.rc_h2 .en {
font-family: Poppins;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 120rem;
  color: #ffe3ec;         /* 薄いピンク */
  letter-spacing: 5px;
  white-space: nowrap;
  z-index: -1;
  line-height: 1;
  font-weight: 100;
}
.recruit h2.rc_h2_wh{
text-align: center;
color: #fff;
letter-spacing: 3px;
font-size: 28rem;
}
.recruit h2.rc_h2_wh .en{
font-family: Poppins;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 120rem;
  color: rgba(255,255,255,0.50);         /* 薄いピンク */
  letter-spacing: 5px;
  white-space: nowrap;
  z-index: 0;
  line-height: 1;
  font-weight: 100;
}
@media (max-width: 768px){
.recruit h2.rc_h2 .en,
.recruit h2.rc_h2_wh .en{
font-size: 80rem;
}

}

.recruit .recruit_about{
background: #ffdae0;
}
.recruit .recruit_about h2{
text-align: left;
line-height: 1.4;
color: #f65f79;
margin: 0 0 20px 0;
}
.recruit .recruit_about h2::after{
content: none;
}
.recruit .recruit_about .container-parent{
margin-bottom: 0;
padding-bottom: 0;
}

.recruit .recruit_works{
margin-top: 0;
}
.recruit .recruit_works .fc-child-inner{
position: relative;
}
.recruit .recruit_works h3.tr_tri{
background: #ffee00;
padding: 5px 20px;
display: inline-block;
border-top:0;
border-bottom:0;
font-size: 18rem;
letter-spacing: 0;
margin: 20px 0 0 20px;
}
.recruit .recruit_works .ja_en{
position: absolute;
right: 7%;
top: 10%;
color: #a88a78;
font-family: Poppins;
}
.recruit .recruit_works h3.tr_tx{
text-align: left;
line-height: 1.4;
color: #f65f79;
font-size: 27rem;
margin: 0 auto 20px 20px;
border-top:0;
border-bottom:0;
}
.recruit .recruit_works p{
margin: 20px;
line-height: 180%;
}
.recruit .recruit_works .btn a{
background: #f65f79;
font-weight: 800;
border-radius: 50px;
}

.recruit .recruit_com .recruit_anker{
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 40px auto 0px auto;
  padding: 0;
  gap: 16px; /* 項目間の余白をflexで管理（marginより安定） */
}

.recruit .recruit_com .recruit_anker li{
  background: #fff;
  border-radius: 30px;
  border: solid #f65f79 3px;
  margin: 0;
  flex: 1;              /* 幅を均等に分割 */
  display: flex;        /* 中の高さも揃える */
}

.recruit .recruit_com .recruit_anker li a{
color: #f65f79;
  display: flex;
  align-items: center;      /* 縦方向中央揃え */
  justify-content: center;  /* 横方向中央揃え */
  width: 100%;
  padding: 10px 10px;
  font-size: 18rem;
  text-align: center;
  box-sizing: border-box;   /* paddingを含めて幅計算 */
  font-weight: bold;
}
.recruit .recruit_com .container-child{
position: relative;
}
.recruit .recruit_com .container-child h3.tr_tri{
background: #ffee00;
padding: 15px 20px;
display: inline-block;
position: absolute;
left: 3%;
top: 0;
border-top:0;
border-bottom:0;
border-radius: 0 0px 10px 10px;
font-size: 18rem;
letter-spacing: 0;
}
.recruit .recruit_com .container-child:nth-child(even) h3.tr_tri{
  left: auto;
  right: 3%;
}
.recruit .recruit_com h3.tr_tx{
text-align: left;
line-height: 1.4;
color: #f65f79;
font-size: 27rem;
letter-spacing: 2px;
margin: 30px 0 20px 0;
border-top:0;
border-bottom:0;
}

.recruit .recruit_com .flex{
display: flex;
margin: 20px;
}
.recruit .recruit_com .flex .flex_left{
margin-right: 20px;
}
.recruit .recruit_com .flex .flex_right{
}
.recruit .recruit_com .flex .flex_right img{
width: 100%;
max-width: 100%;
}

/* スマホでは完全に縦積み・中央寄せにしたい場合 */
@media (max-width: 768px){
.recruit .recruit_com .recruit_anker{
	flex-wrap: wrap;
}
.recruit .recruit_com .recruit_anker li{
    flex: 0 0 calc(50% - 8px);  /* gap 16px の半分を引いて2列にする */
    min-width: 0;
  }
  .recruit .recruit_com .recruit_anker li a{
    padding: 8px;
  }

  .recruit .recruit_com .flex{
    flex-direction: column;
    margin: 20px 10px;
  }

  .recruit .recruit_com .flex .flex_left{
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.recruit .recruit_com .staff_block{
display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;              /* 縦横の余白。左右だけ変えたい場合は "縦 横" で指定 */
  list-style: none;
  margin: 20px auto 0 auto;
  padding: 0;
}
.recruit .recruit_com .staff_block li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #fff;
  margin: 0;
  padding: 20px;
}

.recruit .recruit_com .staff_block li .flex_left{
  flex: 1;              /* テキスト側が余白を埋める */
}

.recruit .recruit_com .staff_block li .flex_left h4{
  margin: 0 0 10px;
  font-size: 18rem;
  line-height: 1.2;
  color: #f65f79;
}
.recruit .recruit_com .staff_block li .flex_left p{
  font-size: 14rem;
}

.recruit .recruit_com .staff_block li img{
  flex-shrink: 0;        /* 画像が縮まないようにする */
  width: 120px;
  object-fit: cover;     /* 画像サイズが揃っていない場合の保険 */
}
.recruit .recruit_com .staff_block li .flex_mini{
display: flex;
font-size: 10rem;
margin-top: 10px;
}
.recruit .recruit_com .staff_block li .flex_mini p{
font-size: 10rem;
}
.recruit .recruit_com .staff_block li .flex_mini img{
width: 40px;
height: auto;
}
.recruit .recruit_com{
background-image: url(https://testskpl2.sakura.ne.jp/petplus-trimming/wp-content/uploads/2026/09/recruit_com_bg-scaled.png);
background-position: bottom;
background-size: 100%;
background-repeat: no-repeat;
padding-bottom: 20vw;
}
@media (max-width: 768px){
.recruit .recruit_com .staff_block{
    grid-template-columns: 1fr;
  }

  .recruit .recruit_com .staff_block li{
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
}
.recruit .recruit_data .container-parent{
margin-bottom: 10px;
padding-bottom: 0;
}
.recruit .recruit_data .data_list {
    margin: 0px auto;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px 29px;
}
.recruit .recruit_data .data_list li {
    margin: 0;
    padding: 0;
}
/* 1枚目：育児休暇取得率（348px相当 → 12分割中の約4） */
.recruit .recruit_data .data_list li:nth-child(1) {
    grid-column: span 4;
}
/* 2枚目：平均年齢（724px相当 → 12分割中の約8） */
.recruit .recruit_data .data_list li:nth-child(2) {
    grid-column: span 8;
}
/* 3枚目：全国店舗数（フル幅） */
.recruit .recruit_data .data_list li:nth-child(3) {
    grid-column: span 12;
}
.recruit .recruit_data .data_list li img {
    width: 100%;
    height: auto;
    display: block;
}

/* スマホは1列縦積み */
@media (max-width: 767px) {
.recruit .recruit_data .article-image img {
    width: 100%;
    height: auto;
    display: block;
}
    .recruit .recruit_data .data_list {
        grid-template-columns: 1fr;
    }
    .recruit .recruit_data .data_list li {
        grid-column: span 1 !important;
    }
}


.recruit .recruit_flow .tab_hd{
background: #ffee00;
padding: 15px 20px;
width: 200px;
position:relative;
text-align: center;
border-top:0;
border-bottom:0;
border-radius: 10px 10px 0px 0px;
font-size: 18rem;
letter-spacing: 0;
margin-bottom: 0;
}
.recruit .recruit_flow .optionblock-main{
margin-top: 0;
}
.recruit .recruit_flow .optionblock-main .inner.main-width{
border: 3px solid #f65f79;
padding: 30px;
}
.recruit .recruit_flow h3.tr_tx{
text-align: left;
line-height: 1.4;
color: #f65f79;
font-size: 20rem;
margin: 0 0 20px 0;
border-top:0;
border-bottom:0;
}
.recruit .recruit_flow .optionblock-main .container-parent .container-child{
display: flex;
justify-content: center;
align-content: center;
}
.recruit .recruit_flow .optionblock-main .container-parent .fc-lrset-left .fc-child-inner img{
  max-width: 70px;      /* 好きなサイズに調整 */
  width: 100%;
  height: auto;         /* 縦横比を保つ */
}
.recruit .recruit_flow .optionblock-main .container-parent .entry_list{
list-style: none;
margin: 0 0 10px 0;
}
.recruit .recruit_flow .optionblock-main .container-parent .entry_list li{
font-size: 14rem;
margin: 0 0;
}
.recruit .recruit_flow .optionblock-main .container-parent .entry_list li::first-letter{
color: #f65f79;
}
.recruit .recruit_flow .optionblock-main .fc-child-inner.force-img-padding{
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruit .recruit_flow .optionblock-main .fc-child-inner.force-img-padding p{
  margin: 0;
}
.recruit .recruit_flow .optionblock-main .container-parent.fc-child-row{
  position: relative;
  margin-bottom: 0px; /* 矢印分のスペースを確保 */
}
.recruit .recruit_flow .optionblock-main .container-parent.fc-child-row:last-child{
  margin-bottom: 0; /* 最後のブロックには余白不要 */
}
.recruit .recruit_flow .optionblock-main .container-parent.fc-child-row:not(:last-child)::after{
  content: "";
  display: block;
  width: 23px;
  height: 20px;
 background: url(https://testskpl2.sakura.ne.jp/petplus-trimming/wp-content/themes/P3/images/petsalon/arrow_bottom.png) no-repeat;
  margin: 25px auto 0;
  background-size: 100%;
}
.recruit .recruit_flow .optionblock-main .container-parent .entry_list + .flex{
width: 80%;
margin: 0px auto;
}
.recruit .recruit_flow .optionblock-main .container-parent .entry_list + .flex img,
.recruit .recruit_flow .optionblock-main .container-parent .flex img{
  max-width: 100%;
  height: auto;
  width: 310px;
}
.recruit .recruit_flow .optionblock-main .container-parent.container-parent.fc-lrset-row-container.fc-child-row{
padding-bottom: 0;
margin-bottom: 0;
}

@media (max-width: 768px){
.recruit .recruit_flow .optionblock-main .inner.main-width{
padding: 0px;
margin-top: 0;
}

.recruit .recruit_flow .container-parent{
padding-bottom: 0;
}
.recruit .recruit_flow .optionblock-main .fc-child-inner.force-img-padding{
padding: 10px 0 !important;
}
.recruit .recruit_flow.fc-lrset .optionblock-main .fc-lrset-row .fc-child-inner.force-img-padding{
margin-right: 0em !important;
margin-left: 0em !important;
padding: 10px 0;
}
.recruit .recruit_flow.fc-lrset .fc-lrset-row .fc-lrset-left + .fc-lrset-right{
margin: 0;
}
}

.recruit .recruit_interview .container-child .fc-child-inner{
position: relative;
}
.recruit .recruit_interview h3.tr_tri{
background: #ffee00;
padding: 15px 20px;
display: inline-block;
position: absolute;
left: 3%;
top: 0;
border-top:0;
border-bottom:0;
border-radius: 0 0px 10px 10px;
font-size: 18rem;
letter-spacing: 0;
}
.recruit .recruit_interview h2.rc_h2{
font-size: 28rem;
margin: 70px auto 50px auto;
}
.recruit .recruit_interview h2.rc_h2 .en {
font-family: Poppins;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80rem;
  color: #ffe3ec;         /* 薄いピンク */
  letter-spacing: 5px;
  white-space: nowrap;
  z-index: -1;
  line-height: 1;
  font-weight: 100;
}
.recruit .recruit_interview .fc-child-inner p{
  padding: 0 20px;   /* 上下左右まとめて。数値はお好みで調整 */
  box-sizing: border-box;
}
.recruit .recruit_interview .interview_btn{
display: block;        /* inline-block → block に変更 */
  width: fit-content;     /* 中身の幅だけにする（重要） */
  padding: 0px;
  text-align: center;
  background: #fff;
  border-radius: 30px;
  border: solid #f65f79 3px;
  margin: 30px auto ;
}
.recruit .recruit_interview .interview_btn a{
color: #f65f79;
  display: flex;
  align-items: center;      /* 縦方向中央揃え */
  justify-content: center;  /* 横方向中央揃え */
  width: 100%;
  padding: 5px 20px;
  font-size: 18rem;
  text-align: center;
  box-sizing: border-box;   /* paddingを含めて幅計算 */
  font-weight: bold;
}
.recruit .recruit_interview .interview_btn a::after{
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #f65f79;
  border-right: 2px solid #f65f79;
  transform: rotate(45deg);
}
.recruit .recruit_interview .btn a{
background: #f65f79;
font-weight: 800;
border-radius: 50px;
}
.recruit .recruit_interview .fc-lrset-row.flex-container {
  align-items: stretch; /* 通常はデフォルトのままでOK */
}
.recruit .recruit_interview .fc-lrset-row .flex-child img{
max-width: auto;
 width: 100%;
  height: 100%;
  object-fit: cover; /* 隙間なく埋める（はみ出し分はトリミング） */
  display: block;    /* img の下に出る数pxの隙間を消す */
}
.recruit .recruit_interview .fc-lrset-right .fc-child-inner.force-img-padding {
  flex: 1;            /* 縦方向に残りの高さを全部使う */
  display: flex;      /* 中の img も伸ばせるようにする */
  padding: 0;         /* force-img-padding の余白を消す場合 */
}

.recruit .recruit_interview .fc-lrset-right .fc-child-inner.force-img-padding img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* 隙間なく埋める（はみ出しはトリミング） */
  display: block;
}

.recruit .recruit_interview .container-parent.fc-lrset-row-container.fc-child-row{
margin-bottom: 0;
}

/* アコーディオンのラベル（見出しバー）*/
.recruit .recruit_faq .accordion-container label{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffee00;
  color: #f65f79;
  font-weight: bold;
  padding: 15px 20px;
  cursor: pointer;
  margin-top: 15px;
}

/* Q&Aブロック */
.recruit .recruit_faq .qa-block{
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
.recruit .recruit_faq .qa-block p{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 10px;
  line-height: 1.7;
}
.recruit .recruit_faq .qa-block p.a{
  margin-bottom: 0;
}
/* 丸アイコン共通 */
.recruit .recruit_faq .qa-icon{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  font-family: Poppins;
}
/* Qは濃いピンク、Aは黄色っぽいオレンジ */
.recruit .recruit_faq .qa-block p.q .qa-icon{
  background: #f65f79;
}
.recruit .recruit_faq .qa-block p.a .qa-icon{
  background: #ffb400;
}
.recruit .recruit_faq .qa-block p.q{
  color: #f65f79;
  font-weight: bold;
}

.recruit .recruit_outlink p{
color: #fff;
}
.recruit .recruit_outlink .link_btn{
  text-align: center;
  margin: 20px auto 0;
  width: 300px;
}
.recruit .recruit_outlink .link_btn a{
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffe234;
  color: #f65f79;
  font-weight: bold;
  font-size: 16px;
  padding: 14px 40px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 4px 0 rgba(0,0,0,0.1);
  transition: 0.2s;
  display: block;
}
.recruit .recruit_outlink .link_btn a:hover{
  opacity: 0.85;
}

/*
.recruit .recruit_outlink .link_btn a::after{
  content: "";
  width: 16px;
  height: 16px;
  background: url("https://testskpl2.sakura.ne.jp/petplus-trimming/wp-content/uploads/2026/09/アセット-31.png") no-repeat center/contain;
}
*/


/*--------------------インタビュー--------------------*/
/* ==========================================================
   Interview 個別ページ
   ========================================================== */

.interview-template-default.single .site-main-no-sidebar .entry-header-container.single-header-flex{
padding: 0;
border: 0;
}

/* タイトル（ピンク） */
.interview-template-default .entry-title.singular-title {
	color: var(--color-theme);
	line-height: 1.6;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	font-size: 24rem!important;
}
/* 名前・タグ */
.interview-meta {
	margin-top: 1em;
}
.interview-meta .interview-name {
	font-size: 24rem;
	font-weight: 700;
	color: var(--color-theme2);
	margin-bottom: 0.6em;
	text-align: left;
}
.interview-meta .interview-tag {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	margin: 0 0.5em 0.4em 0;
	font-size: 14rem;
}
.interview-meta .interview-tag dt {
	background: var(--color-theme2);
	color: #fff;
	padding: 0.1em 0.7em;
	margin: 0;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;  /* 追加：文字を中央寄せ */
	flex-shrink: 0;           /* 追加：横に縮まないようにする */
	white-space: nowrap;      /* 追加：「所属」を折り返さない */
	min-width: 3.5em;         /* 追加：「入社」「所属」の幅をそろえる */
}
.interview-meta .interview-tag dd {
	padding: 0.1em 0.8em;
	margin: 0;
	border-radius: 0 3px 3px 0;
	display: flex;
	align-items: center;
}
/* スマホ対応：縦積みに */
@media screen and (max-width: 767px) {
	.interview-template-default .single-header-flex {
		flex-direction: column;
	}
	.interview-template-default .entry-title.singular-title {
		font-size: 1.3rem;
	}
}
.interview-template-default h3{
color: var(--color-theme2);
}
.interview-template-default .optionblock .container-parent{
padding-bottom: 20px;
}

.interview-template-default.single .container-parent{
border-bottom: 0;
}
.interview-template-default .site-content{
margin-top: 1em;
}
.interview-back-link {
	text-align: center;
	margin: 3em 0;
}
.interview-back-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.5em 2.2em;
	border: 2px solid #a89680;
	border-radius: 999px;
	color: #6b5b45;
	font-weight: 700;
	text-decoration: none;
	transition: opacity 0.2s;
}
.interview-back-btn:hover {
	opacity: 0.7;
}
.interview-back-btn .arrow {
	font-size: 1.1em;
}

/*------archive----*/

.post-type-archive-interview .container-parent article{
border-top: 0;
border-bottom: 0;
}
.article-container-interview .entry-title.post-title a{
color: var(--color-theme);
}
.archive-interview-name {
	font-size: 18rem;
	font-weight: 700;
	color: var(--color-theme2);
}
.archive-interview-meta{
margin-top: 0;
}
.archive-interview-meta .interview-tag {
	font-size: 12rem;
}