@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://fonts.googleapis.com/css2?family=Averia+Gruesa+Libre&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

html,body{
	overflow-x:hidden;
	background:#fff;
}

.home .article h1,.page .date-tags,.author-info,.home .entry-title{
	display:none;
}

#container{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight:500;
	background:#FFFCEF;
	color:#2D1D02;
}


/* 【初期】 */
.home .entry-content{
	margin-top:0;
}
.flexslider,
.metaslider .flexslider,
.home .content,
.home .entry-content,
.home .article,
.footer,
.copyright{
	padding:0!important;
	margin:0!important;
}
.footer-bottom,
.tagline,
.widget-content-bottom,
.content-bottom{
	margin:0!important;
}

.page .article h2,.page .article h3,.page .article h4{
	margin:0;
	padding:0;
	background:none;
	border:none;
}
.article p{
	margin:0;
}

.content{
	margin-top:0!important;
}


/* 【リンクタグ設定】 */
.main a{
	display:block;
	text-decoration:none;
}
.single .entry-content a{
	display:inline-block;
}
.breadcrumb a{
	display:inline-block;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post{
	display:flex;
}

a{
	outline:none;
}
/* ※↑firefoxリンククリックでボーダー削除 */


/* 【テーブルスタイル：初期】 */
.container table tr,
.container table tr:nth-of-type(2n+1),
.container table tr th,
.container table tr td{
	background:none;
	border:none;
}


/* 【ウジェット：コンテンツ下部】 */
.content-bottom-in{
	width:100%;
}


/* 【投稿ページ：アイキャッチ・P】 */
.eye-catch{
	margin: auto;
}
.eye-catch img{
	width:100%;
	max-width: 800px;
}
.single p{
	margin-bottom:1em;
}


/* 【問い合わせ等送信ボタン】 */
.wpcf7-form p{
	margin-bottom:1em;
}
.wpcf7 .wpcf7-submit:disabled{
	background-color: #eee;
	color:#303030;
}

input[type="submit"]{
	background-color:#40924F;
	color:#fff;
}


/* 【共通css】********************************************* */
.width-1200{
	max-width:1200px;
	margin:auto;
}
.width-1000{
	max-width:1000px;
	margin:auto;
}
.wrap-padding{
	padding:0 1em;
}
.fl{
	display:flex;
	flex-wrap:wrap;
}
.fl-R{
	flex-direction:row-reverse;
}
.fl-margin{
	margin:0;
}
.fl-item{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
}
.fl-item_2kotei{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
}

.hissu{
	color:red;
	font-size:.8em;
}

.mini{
	font-size:.7em;
}
/* 2024/8/29 根廻追記 */
.f-insta{
	padding: 3rem;
}
/* 追記ここまで　----------- */

/* 【本文の幅調節】 */
@media screen and (min-width: 1023px) {
/* 	.page .article {
		width: 1200px;
		margin: 0 auto;
	}
	.home .article{
		width:auto;
	} */
}
/* 【本文の幅調節：画面幅に合わせる】 */
/* .home  */
.page .content-in{
	width:100%;
}
.home main{
	background:transparent;
}
/* .home  */
.page .main{
	padding:0!important;
	border:none;
}

.single article,
.single .under-entry-content{
	max-width:1000px;
	margin:auto;
}



/* モバイル：スライドインを右側から */
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* モバイルの際の設定：ヘッダー・フッター */
.mobile-header-menu-buttons .menu-close-button{
	color:#2D1D02;
}
.mobile-header-menu-buttons #navi-menu-content{
	background:#F8F3EA;
}
#navi-menu-content .menu-item{
	padding-bottom:1em;
}

.Mobile-menu-main a{
	color:#2D1D02;
	border-bottom: solid 2px #40924F;
	position:relative;
	padding-left: 2em;
}
.Mobile-menu-main a::before{
	content: "";
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/menu-icon.png) center no-repeat;
	background-size:contain;
	width: 8%;
	height: 0;
	padding-top:10.18181%;
	position: absolute;
	top: 0;
	left: 0;
}
.Mobile-menu-main a:hover{
	background:#F8F3EA;
}
.Mobile-menu-reserve a{
	background:#FD8E00;
	border-radius:50px;
	text-align:center;
/* 	color:#fff; */
	padding:0.5em 0;
}
.Mobile-menu-reserve a:hover{
	background:#F9C03C;
}
.Mobile-menu-access a{
	background:#40924F;
	border-radius:50px;
	text-align:center;
/* 	color:#fff; */
	padding:0.5em 0;
}
.Mobile-menu-access a:hover{
	background:#40924F;
}

.Mobile-menu-logo{
	position:relative;
	padding:0;
}
.Mobile-menu-logo a{
	color:#F8F3EA;
	position:relative;
	padding:2em 0;
}
.Mobile-menu-logo a::before{
	content:"";
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/gen_logo.png) center no-repeat;
	background-size: contain;
	width: 80%;
	height: 0;
	padding-top: 24.8%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.Mobile-menu-logo a:hover{
	color:#F8F3EA;
	background:#F8F3EA;
}

.mobile-header-menu-buttons li.menu-button:nth-of-type(2){
	background: #f8f3ea;
}
.mobile-header-menu-buttons li.menu-button:nth-of-type(3){
	background: #40924F;
	color:#fff;
}

.mobile-footer-menu-buttons .navi-menu-button:nth-of-type(1){
	background: #FD8E00;
}
.mobile-footer-menu-buttons .navi-menu-button:nth-of-type(2){
	background:#40924F;
}
.mobile-footer-menu-buttons .navi-menu-button a{
	color:#fff;
}

/* TOP-ヘッダー部分*************************************** */
@media screen and (min-width: 1023px){
	.home #header-container{
		display:none;
	}
	#header-container-in{
		width:90%;
	}
}
.H-web{
	background:#FD8E00;
}
.H-access{
	background:#40924F;
}
.H-web,
.H-access{
	border-radius:50px;
}
.menu-item{
	margin:0.2em;
}
.navi-in > ul li{
	width: 160px;
	height: 50px;
	line-height: 50px;
}
.H-web a,
.H-access a{
	color:#fff!important;
}

/* -TOPページ- */
#H-view-area{
	display:flex;
	position: relative;
}
#H-view-area a{
	display:block;
	text-decoration:none;
	color:#2D1D02;
}
#H-view-area #main-nav{
	width: 20%;
	padding: 1em 0 0;
	position: relative;
	font-size: 1.1vw;
}
#H-view-area #main-nav .nav-logo{
	width:90%;
	margin:auto;
}
#H-view-area #main-nav .nav-logo img{
	display:block;
	width:50%;
	margin:auto;
}
#H-view-area #main-nav .nav-01{
	display: flex;
/* 	height: 30%; */
	flex-flow: column;
	width: fit-content;
	margin: 1.5em auto;
	gap: 1.5vw;
	font-weight:bold;
}
#H-view-area #main-nav .nav-02 .nav-tel{
	background: #795416;
	width: 80%;
	margin: auto;
	border-radius: 20px;
	text-align: center;
	padding: 1em 0.3em 1.2em;
}
#H-view-area #main-nav .nav-02 .nav-tel .txt01{
	color:#fff;
	font-size:1.1em;
}
#H-view-area #main-nav .nav-02 .nav-tel .txt02{
	background: #fff;
	border-radius: 50px;
	width: 80%;
	margin: auto;
	padding: 0.2em;
	font-size: 0.8em;
	line-height:1.3em;
}
#H-view-area #main-image-area{
	width:80%;
	padding:.5em 1em 0 0;
}
#H-view-area #main-image-area .main-header-area{
	justify-content:end;
	margin: 0.5em 0 .8em;
}
#H-view-area #main-image-area .main-header-area .hreder-but{
	background: #FD8E00;
	padding: 0.5em 1.5em;
	margin: 0 .3em 0 0;
	border-radius: 50px;
	text-align: center;
	/* width: 200px から→width: 14vw */
	width: 14vw;
	font-size: 1vw;
	color:#fff;
	transition:.6s;
	box-shadow: 2px 2px 8px #fff inset;
}
/* 2024/8/28　根廻追記 */
#H-view-area #main-image-area .main-header-area .hreder-but i{
	margin-right: 8px;
}
/* 追記ここまで　---------------- */
#H-view-area #main-image-area .main-header-area .hreder-but:nth-of-type(2n){
	background:#40924F;
}
@media screen and (max-width: 1023px){
	#H-view-area #main-nav,
	#H-view-area #main-image-area .main-header-area{
		display:none;
	}
	#H-view-area #main-image-area{
		width:100%;
		padding:1em;
	}
}

.sp-main{
	display:none;
}
@media screen and (max-width: 600px){
	.pc-main{
		display:none;
	}
	.sp-main{
		display:block;
	}
}
#H-view-area #main-nav .nav-01 .but-nav{
	transition:.6s;
	position:relative;
	left:0;
}
#H-view-area #main-nav .nav-01 .but-nav:hover{
	left:-0.5em;
}


/* フッター部分*************************************** */
.F-nav{
	position:relative;
	z-index:0;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500;
	color: #2D1D02;
}
.F-nav .f-link-area a {
	background: #FD8E00;
	padding: 1.5em 0.5em;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	box-shadow: 2px 2px 10px #fff inset;
	transition:.6s;
}
.F-nav .f-link-area a:nth-of-type(2){
	background:#40924F;
}

.F-nav .f-logo-area{
	background: #fff;
	border-radius: 50px 50px 0 0;
	width: 95%;
	padding: 5em 0 0;
	margin: 5em auto 0;
	position:relative;
}
.F-nav .f-logo-area img,
.F-nav .f-logo-area .fab {
	display: block;
	margin: auto;
	width: 70%;
	max-width: 500px;
}
.F-nav .f-logo-area .fab {
	color: #FF0033;
}
a.l-fab {
    text-decoration: none;
}
.F-nav .f-logo-area .footer-leaf{
	background: url(https://yu-shinsalon.com/wp-content/uploads/2023/03/footer-leaf.png) center no-repeat;
	background-size: contain;
	position: absolute;
	top: -2em;
	left: -3.5em;
	width: 30%;
	height: 0;
	padding-top: 24.24499%;
	pointer-events: none;
}

.F-nav .sns-area{
	display:flex;
	justify-content:center;
	margin-top: 1.5rem;
}
.F-nav .sns-area a{
	width:calc((100% / 3) - 1rem);
	margin:0.5rem;
	max-width: 50px;
}

.F-nav .f-address-area{
	position:relative;
	padding: 2.5em 0 1em;
}
.F-nav .f-address-area::before{
	content: "";
	background: #fff;
	width: 95%;
	height: 110%;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50px 50px 0 0;
}
.F-nav .f-address-area .item{
	margin:auto;
}
.F-nav .f-address-area table{
	margin:auto;
	width:100%;
	max-width:450px;
}
.F-nav .f-address-area table th{
	width:25%;
	background:#2D1D02;
	border-bottom: solid 3px #fff;
	color: #fff;
	border-radius: 8px;
}
.F-nav .f-address-area table tr:not(:last-child){
	border-bottom:solid 2px #2D1D02;
}
.F-nav .f-address-area table td{
	padding:0.5em 0.3em 0.5em 1em;
}
.F-nav .f-address-area .sns-area{
	justify-content:center;
}
.F-nav .f-address-area .sns-area a{
	width:60px;
}

.F-nav .f-address-area .map-area iframe{
	border-radius:30px;
}

@media screen and (max-width:770px){
	.F-nav .f-logo-area .footer-leaf{
		top: -1.5em;
		left: -1em;
		width: 40%;
		padding-top: 32.32665%;
	}
}

@media screen and (max-width:834px){
	.F-nav .f-logo-area{
		padding: 3em 0 0;
		margin: 3em auto 0;
	}
	.F-nav .f-address-area {
  		padding: 1em 0 1em;
	}
	.F-nav .f-address-area .item{
		width:90%!important;
	}
	.F-nav .f-address-area .item-top{
		margin:1em;
	}
}


#H-view-area #main-image-area .main-header-area .hreder-but:hover,
.F-nav .f-link-area a:hover{
	background:#e37f00;
}
#H-view-area #main-image-area .main-header-area .hreder-but:nth-of-type(2):hover,
.F-nav .f-link-area a:nth-of-type(2):hover{
	background:#217731;
}


/* ボタン ***********************************************************/
.main-but{
	width:45%;
}
.main-but a{
	width: 200px;
	background: #795416;
	color:#fff;
	padding: 0.5em;
	text-align: center;
	margin: 0.5em 0 0 auto;
	border-radius: 50px;
	box-shadow: 2px 2px 5px #fff inset;
	transition:.6s;
}
.main-but.right{
	margin: 0 0 0 auto;
}

.main-but a:hover{
	background: #2D1D02;
}
@media screen and (max-width: 1023px){
  .main-but{
	  width:100%;
	  margin:0 0 0 auto;
	}
}

/* テーブル ***********************************************************/
table td{
	line-height:1.2em;
}



/* 丸******************************************************************** */
.maru{
	background:rgba(255,227,72,0.5);
	width: 120px;
	height: 120px;
	border-radius: 54% 46% 62% 38% / 42% 37% 63% 58%;
}
@media screen and (min-width: 480px){
	.maru{
		width: 150px;
		height: 150px;
	}
}
@media screen and (min-width: 600px){
	.maru{
		width: 200px;
		height: 200px;
	}
}


/* ==================================================
TOP
================================================== */

.home h2{
	color:#2D1D02;
}

.top-sec01,
.top-sec02,
.top-sec03,
.top-sec04,
.top-sec05{
	position:relative;
	margin-bottom:0;
}

.home .Title-area{
	margin-bottom:1em;
}
.home .Title-area .sub{
	font-size: 2.5em;
	color: #F9C03C;
	font-family: 'Averia Gruesa Libre', cursive;
}

.Title-area._first-title {
	text-align: center;
}

.top-sec01{
	padding:2em 2em 5em;
}

.top-sec01 .Image-area{
	position:relative;
	margin-top:3em;
}
.top-sec01 .Image-area::after {
  content: "";
  width: 100vw;
  position: absolute;
  height: 100%;
  background: #40924F;
  z-index: -1;
  top: -2em;
  left: -1.5em;
  border-radius: 30px 0 0 30px;
}

.top-sec01 .Image-area .maru {
  position: absolute;
  top: -5em;
  right: -4em;
}

.top-sec01 .top-notice-area .news-list {
	list-style: none;
	padding-left: 0;
}

.top-sec01 section#wpsp-398 a {
	color: #2D1D02;
	transition: opacity .3s;
}

.top-sec01 section#wpsp-398 a:hover {
	opacity: .6;
}

.top-sec01 .main-but.right {
	margin: 0.5rem auto;
}

.top-sec01 .main-but.right a {
	margin: 0.5rem auto;
}

p.call-text {
	font-size: 14px;
	margin-top: .5rem;
}

.problem-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    gap: 5rem 1rem;
	padding: 18px 18px 3rem;
	position: relative;
}

@media screen and (max-width: 768px) {
	.problem-boxes {
		grid-template-columns: repeat(2, 1fr);
	}
}

.problem-box {
	width: 100%;
	transition: all .3s ease-in;
}

.problem-box:hover {
	filter: brightness(70%);
}

.problem-icon {
	width: 150px;
	margin-inline: auto;
}

@media screen and (max-width: 768px) {
	.problem-icon {
		width: 120px; 
	}
}

p.problem-text {
    text-align: center;
    color: #40924F;
    margin-top: 1rem;
	font-weight: 700;
}

@media screen and (min-width: 600px) {
    .top-sec01 .bg-leaf-img02 {
        width: 80%;
        bottom: 2em;
        padding-top: 33.35143%;
    }
}

@media screen and (min-width: 1023px) {
    .top-sec01 .bg-leaf-img02 {
		display: none;
    }
}

.top-sec01 .bg-leaf-img02 {
    background: url(https://yu-shinsalon.com/wp-content/uploads/2023/03/image03.png) center no-repeat;
    background-size: contain;
    width: 98%;
    height: 0;
    position: absolute;
    bottom: 0em;
    right: 0;
    padding-top: 40.85550%;
    pointer-events: none;
}


/* -- */
.top-sec02{
	padding:3em 2em 3em;
}
.top-sec02::before{
	content: "";
	background: #fff;
	width: 100vw;
	height: 50%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 1em;
	border-radius: 30px 0 0 30px;
}
.top-sec02 .bg-leaf-img01{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/image02.png) center no-repeat;
	background-size:contain;
	width: 98%;
	height: 0;
	position: absolute;
	top: -2.5em;
	right: 0;
	padding-top: 40.47570%;
}

.top-bg-image{
	background: #fff;
	padding: 0 0 2em;
	position:relative;
/* 	border-radius: 30px; */
	margin-bottom:0;
}

/* -- */
.top-sec03,
.top-sec04{
	padding:1em 2em;
}

.top-sec03 .image-sec03,
.top-sec04 .image-sec04{
	position:relative;
	z-index:0;
}
.top-sec03 .image-sec03::before,
.top-sec04 .image-sec04::before{
	content:"";
	width:80%;
	height:90%;
	border-radius:30px;
	z-index:-1;
}
.top-sec03 .image-sec03::before{
	position:absolute;
	top:-1em;
	right:-1.3em;
	background:#40924F;
}
.top-sec04 .image-sec04::before{
	position:absolute;
	bottom:-0.8em;
	left:-1.3em;
	background:#F9C03C;
}

.top-sec03 .Image-area,
.top-sec04 .Image-area{
	position:relative;
}
.top-sec03 .Image-area .maru{
	position:absolute;
	top:-20%;
	right:-15%;
}
.top-sec04 .Image-area .maru{
	position:absolute;
	bottom:-20%;
	left:-15%;
}
.top-sec04 .Text-area .text{
	position:relative;
	z-index:1;
}

/* -- */
/* ※ブログページ含む */
.top-sec05{
	padding:0em 2em 8em;
}
.top-sec05 .top-blog-area .wp-show-posts,
#Blog-page .wp-show-posts{
	display: flex;
	flex-wrap:wrap;
}
.top-sec05 .top-blog-area .wp-show-posts .wp-show-posts-single,
#Blog-page .wp-show-posts .wp-show-posts-single{
	width: 100%;
	margin: 0.5em;
	background: #fff;
	padding: 1.5em;
	border-radius: 20px;
	box-shadow: 0px 0px 5px #c0c0c0;
}
.top-sec05 .top-blog-area .wp-show-posts .wp-show-posts-single .wp-show-posts-image img,
#Blog-page .wp-show-posts .wp-show-posts-single .wp-show-posts-image img{
/* 	box-shadow: 0px 0px 5px #c0c0c0; */
	border-radius: 20px;
}
.top-sec05 .top-blog-area .wp-show-posts .wp-show-posts-entry-title a,
#Blog-page .wp-show-posts .wp-show-posts-entry-title a,
#news-page .wp-show-posts .wp-show-posts-entry-title a {
	color:#2D1D02;
}
.top-sec05 .top-blog-area .wp-show-posts .wpsp-read-more,
#Blog-page .wp-show-posts .wpsp-read-more{
	display: block;
	width: fit-content;
	margin: 0 0 0 auto;
}
.top-sec05 .top-blog-area .wp-show-posts .wpsp-read-more a,
#Blog-page .wp-show-posts .wpsp-read-more a,
#news-page .wp-show-posts .wpsp-read-more a {
	border-radius: 50px;
	padding: 0.3em 1em;
	background: #2D1D02;
	color: #fff;
	border: none;
	box-shadow: 1px 1px 3px #fff inset;
}
.top-sec05 .main-but,
.top-sec05 .main-but a{
	margin:0.5em auto;
}

.top-sec05 .bg-leaf-img02{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/image03.png) center no-repeat;
	background-size:contain;
	width: 98%;
	height: 0;
	position: absolute;
	bottom: 0em;
	right: 0;
	padding-top: 40.85550%;
	pointer-events: none;
}
/* ※以下はブログページのみ */
#Blog-page .wp-show-posts::after,
#Blog-page .wp-show-posts::before{
	content: "";
	display: block;
	width: calc((100% / 3) - 1em);
	height: 0;
	margin:0.5em;
}
#Blog-page .wp-show-posts::before{
	order: 1;
}
#Blog-page .wpsp-load-more{
	display: flex;
	justify-content: center;
}
#Blog-page .next.page-numbers,
#Blog-page .prev.page-numbers{
	width: auto;
	padding: 0 0.5em;
}
#Blog-page .page-numbers{
	background:#fff;
	color:#2D1D02;
}
#Blog-page .page-numbers.current{
	background:#2D1D02;
	color:#fff;
}
#Blog-page .wp-show-posts-entry-title{
	font-size:1.2em;
}

@media screen and (max-width:1023px){
	.home section .Text-area{
		width:100%;
		max-width:700px;
		margin: 1.5em auto 1.5em;
	}
}


@media screen and (min-width:600px){
	.top-sec02 .bg-leaf-img01{
		width: 80%;
		top: -2.5em;
		padding-top: 33.04139%;
	}
	.top-sec05 {
  		padding: 0em 2em 12em;
	}
	.top-sec05 .bg-leaf-img02{
		width: 80%;
		bottom:2em;
		padding-top: 33.35143%;
	}
}

@media screen and (min-width: 770px){
	
	.top-sec05 .top-blog-area .wp-show-posts .wp-show-posts-single{
		width: 80%;
		margin:0.5em auto;
	}
	#Blog-page .wp-show-posts .wp-show-posts-single{
		width: calc((100% / 2) - 1em);
	}
}
@media screen and (min-width: 1023px){
	.top-sec01{
		padding:8em 1em 5em;
	}
	
	.top-sec01 .Image-area{
		position: absolute;
		top: 8em;
		right: 0;
		width: 55%;
		border-radius: 3.125rem 0 0 3.125rem;
		margin-top:0;
	}
	.top-sec01 .Image-area::before{
		display: block;
		content: "";
		padding-top:42.69822%;
	}
	.top-sec01 .Image-area::after{
		top: -2em;
		height: 100%;
		border-radius: 50px 0 0 50px;
	}
	.top-sec01 .Image-area .image-sec01 img{
		position: absolute;
		top: 0;
		left: 0;
		width: 80%;
		height: auto;
	}
	.top-sec01 .Text-area .text{
		width: 45%;
		padding: 1em 1em 0 1em;
		max-width: 28.75rem;
	}
	
	.top-sec01 .Image-area .maru{
		position:absolute;
		top:-6em;
		right:5em;
	}
	
	/* -- */
	.top-sec02 {
/*   		padding: 12em 2em 15em;
		margin-top: 8em; */
		padding: 12em 2em 5em;
	}
	.top-sec02::before {
		content: "";
		background: #fff;
		width: 100vw;
		height: 100%;
		position: absolute;
		z-index: -1;
		top: 8em;
		left: 45%;
		border-radius: 30px 0 0 30px;
	}
	.top-sec02 .bg-leaf-img01{
		width: 57%;
		top: -1em;
		padding-top: 23.54199%;
	}
	.top-sec02 .Title-area{
		width: 43%;
		margin: 3em 0 1em auto;
	}
	.top-sec02 .Image-area{
		position: absolute;
		top: 0;
		left: 1em;
		width: 50%;
		border-radius: 3.125rem 0 0 3.125rem;
		margin: 5em 0 0;
	}
	.top-sec02 .Image-area::before{
		display: block;
		content: "";
		padding-top: 98.45440%;
		top: 8em;
	}
	.top-sec02 .Image-area .image-sec02 img{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
		max-width:700px;
	}
	.top-sec02 .Text-area .text{
		width: 45%;
		padding: 1em 1em 1em 1em;
		max-width: 28.75rem;
		margin: 0 0 0 auto;
	}
	
	/* -- */
	.top-bg-image{
		background: #fff;
		padding: 5em 0;
		position:relative;
		border-radius:0;
		margin-top: -2em;
	}
	
	.top-bg-image._pt {
		padding-top: 0;
	}
	
	.top-bg-image::before{
		content:"";
		background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/image01.png) left no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		width: 30%;
		height: 100%;
	}
	
	@media screen and (max-width: 1350px) {
		.top-bg-image._problem-ver::before {
			left: -145px;
		}		
	}
	
	/* -- */
	.top-sec03{
		margin:5em 1em 5em 0;
	}
	.top-sec03 .Image-area{
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		border-radius: 3.125rem 0 0 3.125rem;
		margin-top:0;
	}
	.top-sec03 .Image-area::before{
		display: block;
		content: "";
	}
	
	.top-sec03 .Title-area {
		margin-bottom: 0;
		padding: 1em;
		background:rgba(255,255,255,0.7);
		border-radius:10px 10px 0 0;
	}
	.top-sec03 .Text-area{
		background:rgba(255,255,255,0.7);
		border-radius:0 0 10px 10px;
	}
	.top-sec03 .Text-area .text{
		width: 45%;
		padding: 1em 1em 1em 2em;
		max-width: 28.75rem;
		
	}
	
	
	.top-sec03 .image-sec03::before{
		right:-2em;
		border-radius:50px;
	}
	.top-sec04 .image-sec04::before{
		left:-2em;
		border-radius:50px;
	}
	/* -- */
	.top-sec04{
		margin:10em 0 5em 1em;
	}
	.top-sec04 .Title-area{
		width: 43%;
		margin: 0 0 1em auto;
	}
	.top-sec04 .Image-area{
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		border-radius: 3.125rem 0 0 3.125rem;
		margin-top:0;
	}
	.top-sec04 .Image-area::before{
		display: block;
		content: "";
	}
	.top-sec04 .Text-area .text{
		width: 45%;
		padding: 1em 1em 1em 1em;
		max-width: 28.75rem;
		margin: 0 0 0 auto;
	}
	
	/* -- */
	.top-sec05{
		padding:0 2em 15em;
	}
	.top-sec05 .top-blog-area .wp-show-posts .wp-show-posts-single,
	#Blog-page .wp-show-posts .wp-show-posts-single{
		width: calc((100% / 3) - 1em);
	}
	.top-sec05 .bg-leaf-img02{
		width: 57%;
		bottom:2em;
		padding-top: 23.76289%;
	}
	
}

@media screen and (min-width: 1500px){
	.top-sec02 {
   		padding: 12em 2em 15em;
		margin-top: 8em;
	}
}



/* -うねうねの仕切り線- */
.shapedividers_com-395{
overflow:hidden;
position:relative;
	height:150px;
	margin-bottom: 0;
	background:#fff;
}
.shapedividers_com-395::before{ 
	content:'';
	position: absolute;
	z-index: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 150px;
	background-position: 50% 100%;
	background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -0.1 35.28 2.17" preserveAspectRatio="none"><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" fill="%23fffcef"/></svg>'); 
}

/* -- */
.shapedividers_com-450{
	overflow:hidden;
	position:relative;
	height:100px;
	margin-bottom: 0;
	/* 	background:#fff; */
}
.shapedividers_com-450::before{ 
	content:'';
	position: absolute;
	z-index: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 100px;
	background-position: 50% 100%;
	background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -0.1 35.28 2.17" preserveAspectRatio="none"><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" fill="%23ffffff"/></svg>'); 
}

@media (min-width:2100px){
	.shapedividers_com-395::before,
	.shapedividers_com-450::before{
		background-size: 100% calc(2vw + 246px);
	}
}
 
@media screen and (max-width:600px){
	.shapedividers_com-395,
	.shapedividers_com-450{
		height:50px;
	}
	.shapedividers_com-395::before,
	.shapedividers_com-450::before{
		background-size: 100% 50px;
	}
}
 



/* ======================================================== */


.main{
	background:transparent;
}


.entry-title{
	position:relative;
	padding: 3em 0 1.5em 1em;
	width:100%;
	max-width:1200px;
	margin:auto;
}
.entry-title::before{
	content: "";
	font-size: 2em;
	position: absolute;
	top: 0.3em;
	left: 0.2em;
/* 	color: #FFB333; */
	color:#40924F;
	font-family: 'Averia Gruesa Libre', cursive;
}
.page-id-95 .entry-title::before{
	content: "Yu-Shin";
}
.page-id-97 .entry-title::before{
	content: "MENU";
}
.page-id-99 .entry-title::before{
	content: "STAFF";
}
.page-id-119 .entry-title::before{
	content: "RESERVE";
}
.page-id-101 .entry-title::before{
	content: "CONTACT";
}
.page-id-185 .entry-title::before{
	content: "BLOG";
}
.page-id-120 .entry-title::before{
	content: "Thank you";
}
.page-id-369 .entry-title::before{
	content: "PrivacyPolicy";
}
.page-id-1209 .entry-title::before{
	content: "Pelvic Correction";
}
.page-id-1704 .entry-title::before {
    content: "Beautiful legs";
}
.page-id-1879 .entry-title::before {
    content: "Content Page";
}
.page-id-1962 .entry-title::before {
    content: "lower back pain";
}

.page-id-2134 .entry-title::before {
    content: "symptoms";
}

.page-id-2264 .entry-title::before {
    content: "NEWS";
}

.page-id-2385 .entry-title::before {
    content: "cupping";
}

.page-id-2529 .entry-title::before {
    content: "reflexology";
}

.page-id-2797 .entry-title::before {
	content: "FAQ";
}

.page-id-3041 .entry-title::before {
	content: "For First Time Users";
}

.page-id-3177 .entry-title::before {
	content: "PMS";
}

.page-id-3459 .entry-title::before {
	content: "Cold sensitivity";
}

.page .article-header{
	position:relative;
	background:#D5E5D8;
	padding: 2.5em 0;
}
.page .article-header::before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	border-radius:150px 0 0 150px;
}

.page-id-95 .article-header::before{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/menu-img02.png) center no-repeat;
	background-size:cover;
}
.page-id-97 .article-header::before{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/17816504968454.jpg) top 20% left 25% no-repeat;
	background-size:cover;
}
.page-id-185 .article-header::before{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/17816504763423.jpg) center no-repeat;
	background-size:cover;
}
.page-id-99 .article-header::before{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/about-img01.png) center no-repeat;
	background-size:cover;
}
.page-id-101 .article-header::before{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/about-img02.png) top 20% center no-repeat;
	background-size:cover;
}
.page-id-119 .article-header::before{
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/menu-img01.png) center no-repeat;
	background-size:cover;
}

.page-id-2797 .article-header::before {
	background: url('https://yu-shinsalon.com/wp-content/uploads/2023/03/menu-img04.png') no-repeat center center / cover;
}

.page-id-3041 .article-header::before {
	background: url('https://yu-shinsalon.com/wp-content/uploads/2023/03/menu-img03.png') no-repeat center top / cover;
}

.page-id-3349 .article-header::before {
  background: url('https://yu-shinsalon.com/wp-content/uploads/2025/11/587474733268992036.jpg') no-repeat center bottom / cover;
}

.home .article-header{
	display:none;
}



/* -癒心の施術- */
.about-sec01 {
	margin-bottom:5em;
	position:relative;
}
.about-sec01 .text-top{
	text-align: center;
	font-size: 1.5em;
	margin: 5em 0 5em;
	font-weight: bold;
}
.about-sec01 .box{
	max-width:900px;
}
.about-sec01 .box:nth-of-type(odd){
	margin:0 auto 0 0;
}
.about-sec01 .box:nth-of-type(even){
	margin:0 0 0 auto;
}
.about-sec01 .Text-item{
	width: 55%;
	margin: auto;
}
.about-sec01 .Text-item p{
	background:rgba(255,252,239,0.8);
	border-radius:20px;
}
.about-sec01 .Image-item{
	width: 45%;
	padding: 1em;
}
.about-sec01 .Text-item h2{
	margin-bottom:.8em;
	color:#40924F;
}
.about-sec01 .Image-item img{
	border-radius:20px;
}

.about-sec02 h2{
	text-align:center;
	margin-bottom:2em;
}
.about-sec02 .box{
	justify-content:center;
	width:100%;
	max-width:900px;
	margin:auto;
}
.about-sec02 .box .item{
	width: calc((100% / 4) - 2em);
	margin: 1em;
	position: relative;
	padding: 1.5em 1.5em 2em;
	border-radius: 20px;
	box-shadow: 2px 4px 15px #fff inset;
}
.about-sec02 .box .item:nth-of-type(odd){
	background:#40924F;
}
.about-sec02 .box .item:nth-of-type(even){
	background:#F9C03C;
}
.about-sec02 .box .item img{
	display:block;
	width:95%;
	margin:auto;
}
.about-sec02 .box .item p{
	position: absolute;
	bottom: .8em;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
}
.about-sec02 .text-bottom{
	width:fit-content;
	margin:2em auto 5em;
}


.about-sec01 .about-image01{
	background: url(https://yu-shinsalon.com/wp-content/uploads/2023/03/about-leaf01.png) center no-repeat;
	background-size: contain;
	width: 25%;
	height: 0;
	position: absolute;
	top: 2em;
	right: 1em;
	padding-top: 25.34403%;
	z-index: -1;
}
.about-sec01 .about-image02{
	background: url(https://yu-shinsalon.com/wp-content/uploads/2023/03/about-leaf02.png) center no-repeat;
	background-size: contain;
	width: 25%;
	height: 0;
	position: absolute;
	top: 48%;
	left: 2.5em;
	padding-top: 26.59705%;
	z-index: -1;
}

.about-sec02 h2{
	color:#2D1D02;
}


/* -施術メニュー- */
.menu-sec{
	margin-bottom:6em;
}
.menu-sec:first-child{
	margin-top:3em;
}
.menu-sec h2{
	border-bottom:solid 3px #40924F!important;
	padding: 1em 0 1em 6%!important;
	position:relative;
	margin: 0 0 1.5em!important;
	color:#2D1D02;
}
.menu-sec h2::before{
	content:"";
	background:url(https://yu-shinsalon.com/wp-content/uploads/2023/03/menu-icon.png) center no-repeat;
	background-size:contain;
	position: absolute;
	bottom: 0.2em;
	left: 0;
	width: 5%;
	height: 0;
	padding-top: 6.36363%;
}
.menu-sec .menu-about{
	width:100%;
	max-width:800px;
	margin:0 auto 1.5em;
}
.menu-sec .box .menu-course{
	width:60%;
	padding:1em;
	margin:auto;
}
.menu-sec .box .menu-course table{
	width: 80%;
	margin: auto;
}
.menu-sec .box .menu-course table tr{
	border-bottom:solid 2px #40924F;
}
.menu-sec .box .menu-course table th{
	text-align:left;
	padding-left: 1em;
}
.menu-sec .box .menu-course table td{
	text-align:right;
	padding-right: 1em;
}
.menu-sec .box .menu-image{
	width:40%;
	position:relative;
}
.menu-image::before {
  content: "";
  background: #40924F;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1em;
  left: 1em;
  z-index: -1;
  border-radius: 20px;
}
.menu-sec .box .menu-image img{
	border-radius:20px;
	vertical-align:top;
}

.menu-sec .menu-sale{
	border:solid 3px #F9C03C;
	border-radius:30px;
	position:relative;
	padding: 6em 0 3.5em;
	margin: 7em 0 0;
}
.menu-sec .menu-sale h3 {
	width: 70%;
	margin: auto;
	max-width: 400px;
	position: absolute;
	top: -5%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #FFFCEF;
	padding: 0 0.5em;
}
.menu-sec .menu-sale .sale-price {
  	margin: auto;
  	width: fit-content;
	font-size:1.2em;
}
.menu-sec .menu-sale .sale-price:not(:last-child) {
	margin-bottom: .5em;
}
.menu-sec .menu-sale .sale-price .txt{
	line-height: 1em;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: end;
	margin: auto;
}
.menu-sec .menu-sale .sale-price i{
	margin: auto;
	padding: 0 0.5em;
}
.menu-sec .menu-sale .sale-price .price-txt{
	line-height: 1em;
	font-size: 2em;
	color: #d70000;
	font-weight: bold;
	padding: 0 0 0.3em 0;
}

.or-separator {
	display: block;
	text-align: center;
}

p.or-separator {
	margin-bottom: 1rem;
	font-size: 20px;
}

@media screen and (max-width: 770px) {
	p.or-separator {
		font-size: 17px;
	}
}

@media screen and (max-width: 480px) {
	p.or-separator {
		font-size: 13.5px;
	}
}



/* -スタッフ紹介- */
.staff-sec01{
	position:relative;
}
.staff-sec01 .staff-title{
	margin:5em 0;
}
.staff-sec01 .staff-title h2{
	color:#2D1D02;
}
.staff-sec01 .en-name{
	font-family: 'Averia Gruesa Libre', cursive;
	font-size:3.2em;
	font-weight:bold;
}
.staff-sec01 .en-name .color{
	color:#F9C03C;
}
.staff-sec01 .sub-name{
	font-size:1.2em;
	font-weight:bold;
}
.staff-sec01 h2{
	font-size:2em;
	font-weight:bold;
}
.staff-sec01 .box{
	margin:auto;
	max-width:900px;
}
.staff-sec01 .box .staff-image{
	width:40%;
}
.staff-sec01 .box .staff-image img{
	border-radius:20px;
}
.staff-sec01 .box .staff-prf{
	width:60%;
	margin:auto;
}
.staff-sec01 .box .staff-prf table{
	width:fit-content;
	margin:auto;
}
.staff-sec01 .box .staff-prf table th{
	text-align:left;
}
.staff-sec01 .image-01{
	background: url(https://yu-shinsalon.com/wp-content/uploads/2023/03/image02.png) center no-repeat;
	background-size: contain;
	width: 57%;
	height: 0;
	position: absolute;
	top: -1em;
	right: 0;
	padding-top: 23.54199%;
	z-index: -1;
}
.staff-sec02{
	margin:2em auto 5em;
}
.staff-sec02 .txt{
	width:100%;
	max-width:800px;
	margin:auto;
}
.staff-sec02 .txt:not(:last-child){
	margin-bottom:1em;
}


/* -予約- */
.Notes-title{
	color:#2D1D02!important;
}

/* -プライバシーポリシー- */
.page-id-369 .entry-content{
	width:100%;
	max-width:1200px;
	margin:2em auto;
	padding:0 1em;
}
.page-id-369 .entry-content p{
	margin-bottom:1.5em;
}

/* 肩こりと頭痛 */
.page-id-2134 .head-top {
	color: #FD8E00;
}

.page-id-2134 .head-title {
	margin-top: 1.8rem !important;
}

.page-id-2134 .l-title {
	margin-bottom: 0 !important;
	font-weight: 700;
}

.page-id-2134 .l-first__content {
	padding-bottom: 1.8rem;
	border-bottom: 1px dotted #333;
}

.page-id-2134 .l-content {
	border-bottom: 1px dotted #333;
	padding-block: 1.8rem;
}

.page-id-2134 .l-head__title {
	margin-top: 1.8rem !important;
}

.page-id-2134 .head-top._second {
	padding-top: 1.8rem;
	border-top: 1px dotted #333;
}
.page-id-2134 ul.l-style__items {
	padding-left: 0;
	margin: 0 !important;
}

.page-id-2134 li.l-style__item {
    list-style: none;
    position: relative;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	padding: 0.5rem 0.5rem 0.5rem 1rem !important;
	margin-left: 0;
}
@media (max-width: 480px) {
	.page-id-2134 li.l-style__item {
	  padding-left: .7rem !important;
	}
}

.page-id-2134 li.l-style__item::before {
  content: "•"; /* または希望のマーカー */
  position: absolute;
  left: 0; /* 必要に応じて調整 */
}

.page-id-2134 .l-text__last {
	margin-bottom: 1.8rem;
}

li.l-style__item.l-style__item-last {
    padding-bottom: 1.8rem !important;
}

/* faq */
.faq-answer-content.faq-item-content p {
	background: rgba(255, 252, 239, 0.8);
    border-radius: 20px;
	display: inline-block;
}

.is-style-square .faq-item-label {
	border-radius: 50%;
    width: 34px;
    height: 34px !important;
    line-height: 1;
    padding: 5px 10px !important;
}

dt.faq-question.faq-item .faq-question-label.faq-item-label {
	background: #FD8E00;
}

dd.faq-answer.faq-item .faq-answer-label.faq-item-label {
	background: #40924F;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	.staff-sec01 .image-01{
		width: 80%;
		top: -2.5em;
		padding-top: 33.04139%;
	}

/* -癒心の施術- */
	.about-sec01 .about-image01{
		width: 40%;
		top: 6em;
		padding-top: 40.55045%;
		right: -3em;
	}
	.about-sec01 .about-image02{
		width: 40%;
		top: 45%;
		padding-top: 42.55528%;
		left: -3em;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.fl-item{
		width:80%;
		margin:0.5em auto;
	}
	
/*　肩こりと頭痛 */
	 .page-id-2134 .content-bottom p:not(:last-of-type) {
        margin-bottom: 1.8rem;
    }
	.page-id-2134 .article h3 {
        padding-bottom: 1rem;
    }
}

@media screen and (max-width: 770px){
	
/* -癒心の施術- */
	.about-sec01 .text-top{
		margin:3.5em 0;
	}
	.about-sec01 .box{
		margin:0 0 1.5em!important;
	}
	.about-sec01 .Text-item {
		width: 100%;
		margin: auto;
		max-width: 600px;
	}
	.about-sec01 .Image-item {
		width: 80%;
		padding: 1em 0;
		margin: auto;
		max-width: 500px;
	}
	.about-sec02 .box .item {
		width: calc((100% / 3) - 2em);
	}
	.about-sec01 .about-image01,
	.about-sec01 .about-image02{
		display:none;
	}
/* 	.about-sec01 .about-image01{
		width: 50%;
		top: 2em;
		padding-top: 50.68807%;
		right: -5em;
		transform: rotate(-30deg);
	}
	.about-sec01 .about-image02 {
		width: 55%;
		top: 96%;
		padding-top: 58.51351%;
		left: -2em;
		transform: rotate(35deg);
	} */
	

/* -施術メニュー- */
	.menu-sec h2{
		padding: 1em 0 0.5em 6%;
	}
	.menu-sec .box .menu-course,
	.menu-sec .box .menu-course table{
		width: 100%;
		max-width: 500px;
		margin: auto;
	}
	.menu-sec .box .menu-image{
		width: 80%;
		padding: 0;
		margin: 1em auto;
		max-width: 500px;
	}
	.menu-sec .menu-sale .sale-price{
		font-size: 1em;
	}
	
	
/* -スタッフ紹介- */
	.staff-sec01 .staff-title {
  		margin: 5em 0 1.5em;
	}
	.staff-sec01 .box .staff-image{
		width: 80%;
		padding: 1em 0 0;
		margin: auto;
		max-width: 500px;
	}
	.staff-sec01 .box .staff-prf {
		width: 100%;
		margin: 1.5em auto 0;
	}
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/* -癒心の施術- */
	.about-sec01 .text-top{
		font-size:1.1em;
/* 		margin:4em 0 6em; */
	}
	.about-sec02 .box .item {
  		width: calc((100% / 3) - 1em);
		margin: 0.5em;
	}
/* 	.about-sec01 .about-image01{
		right: -2em;
		top: 3em;
	} */
	
/* -施術メニュー- */
	.menu-sec {
  		margin-bottom: 3em;
	}
	.menu-sec h2 {
  		padding: 1em 0 0.5em 35px!important;
	}
	.menu-sec h2::before{
		width: 30px;
		height: 30px;
		bottom: -.2em;
	}
	.menu-sec .menu-about{
		margin: 0 auto 0em;
	}
	.menu-sec .menu-sale {
  		padding: 4.5em 0 3em;
  		margin: 6em 0 0;
	}
	.menu-sec .menu-sale .sale-price .txt{
		font-size:.9em;
	}
	.menu-sec .menu-sale .sale-price .price-txt{
		font-size:1.6em;
	}
	
	
/* -スタッフ紹介- */
	.staff-sec01 .en-name{
		font-size: 2.8em;
	}
	.staff-sec01 h2 {
		font-size: 1.6em;
	}
	.staff-sec01 .image-01{
		width: 98%;
/* 		top: -2.5em; */
		top: -4.5em;
		padding-top: 40.47570%;
	}
	
	p.content-color.head-top {
		font-size: 19px !important;
	}
}

@media screen and (min-width: 480px){
	.sp-480{
		display:none;
	}
}








/* Web予約フォーム************************************************ */
#sln-salon{
	border: solid 2px #40924F!important;
	border-radius: 20px;
/* 	background: rgba(255,255,255,0.6); */
/* 	color: #2D1D02!important; */
	margin:auto;
}
#sln-salon .sln-salon-title{
	text-align:center;
	color: #2D1D02!important;
}
#sln-salon .sln-service {
  margin: 1em 0!important;
  padding: 0.5em!important;
/*   background: #eee; */
  border-radius: 10px;
}
/* #sln-salon .sln-panel-heading .sln-btn, */
#sln-salon .sln-panel-heading{
/* 	background:pink!important; */
	background:#40924F!important;
	color:#fff!important;
}
#sln-salon .sln-panel-heading .sln-btn{
	color:#fff!important;
}
/* #sln-salon .sln-panel-heading.collapsed .sln-btn, */
#sln-salon .sln-panel-heading.collapsed{
	background:transparent!important;
	color:#40924F;
}
#sln-salon .sln-panel-heading.collapsed .sln-btn{
	color:#40924F!important;
}
@media only screen and (min-width: 1000px){
	#sln-salon.sln-salon--l {
		width:100%;
  		max-width: 1000px!important;
	}
}
#sln-salon .col-sm-6{
	width:100%!important;
}
@media (min-width: 768px){
	#sln-salon .col-sm-1{
		width:9%!important;
	}
	#sln-salon .col-sm-5{
		width: 45%!important;
	}
	#sln-salon .col-sm-6{
		width:46%!important;
	}
}
@media screen and (max-width: 480px){
	#sln-salon h3 {
  		font-size: 1em!important;
	}
}




/* 文字の出現**************************************************** */

.eachTextAnime span{
	opacity: 0;
}
.eachTextAnime.appeartext span{
	animation:text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}





/* TOP：お知らせ追加************************************************** */
.news-area {
  width: 100%;
  max-width: 1000px;
  margin: 0.5em 0 0 auto;
	padding:0 0.5em;
}

.news-area .wp-show-posts-inner {
  display: flex;
}

.news-area header.wp-show-posts-entry-header:nth-child(1) {
  display: flex;
  flex-direction: row-reverse;
  width: 80%;
  margin: auto 0;
	justify-content: left;
}

.news-area .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child){
	margin-bottom:0;
}

.news-area .wp-show-posts-entry-meta {
  font-size: .9em;
  padding: 0 0.5em;
  white-space: nowrap;
	color:#2D1D02;
}
.news-area .wp-show-posts-entry-meta a,
.news-area .wp-show-posts .wp-show-posts-entry-title a{
	color:#2D1D02;
}

.news-area .wp-show-posts .wp-show-posts-entry-title{
  font-size: .9em;
  margin: auto;
  display: contents;
	color:#2D1D02;
}

.news-area div.wpsp-read-more:nth-child(2) {
  padding: 0.5em;
}

.news-area .wp-show-posts-read-more {
  padding: 0.3em 1em;
  border-radius: 50px;
  background:#2D1D02;
  font-size: .8em;
  border: none!important;
  white-space: nowrap;
	color:#fff!important;
}

.news-area .wp-show-posts-single:not(:last-child){
  border-bottom: solid 1px #000;
}

.news-area a:hover{
  	color:#2D1D02;
	
}
.news-area .wp-show-posts-read-more:hover{
	color:#fff;
}





/* ********************************************************* */
.Notes-title{
	text-align:center;
	margin-top:3em!important;
	margin-bottom:1.5em!important;
}
.Notes{
	padding:1.5em 1em;
	border:solid 2px #FD8E00;
	border-radius:20px;
}
.Notes ul{
	margin-bottom:0;
}




/* ---------------------- */
.single .blogcard-wrap{
	width:100%;
}
.marker {
	background: linear-gradient(transparent 70%,#E3D3AD 70%,#E3D3AD 100%,transparent 100%);
	font-weight: bold;
	padding:0 0.5rem;
}

@media screen and (min-width:600px){
	.br600none{
		display:none;
	}
} 



/* 2024/03/22 */
/* 骨盤矯正 */
.pelvic h2{
	margin-bottom:.8em!important;
	color:#40924F;
}

.pelvic-01{
	padding:3rem 0;
}
.pelvic-01 .txt01{
	text-align:center;
	font-size:1.2rem;
	margin-bottom:3rem;
	font-weight:bold;
}
.pelvic-01 .box .image-area img{
	border-radius:20px;
}


.pelvic-02{
	background:#E3D3AD;
	padding:5rem 0;
}
.pelvic-02 .box-wrap{
	background:#FFFCEF;
	padding:5rem 1rem;
	border-radius:30px;
	width:95%;
	margin:auto;
}
.pelvic-02 h2{
	text-align:center;
	margin-bottom:1.5rem;
}
.pelvic-02 .box{
	margin-bottom:2rem;
}
.pelvic-02 .box ul{
	width:fit-content;
	margin:auto;
	list-style:none;
}
.new-page .box ul{
	padding-left: 0;
}
.pelvic-02 .box ul li {
	background-image: url(https://yu-shinsalon.com/wp-content/uploads/2024/03/check01.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size:  auto 20px;
	padding-left: 30px !important;
	line-height:35px;
	
}
.new-page .box ul li {
	background-image: none!important;
}
.pelvic-02 .box .image-area img{
	width:50%;
	margin:auto;
	display: block;
}
.pelvic-02 .text-01{
	text-align:center;
	font-size:1.2rem;
	margin-bottom:2rem;
}
.pelvic-02 picture{
	width:100%;
	max-width:1000px;
	margin:auto;
	display:block;
}
.pelvic-02 .text-02{
	width:100%;
	max-width:800px;
	margin:auto;
}


.pelvic-03{
	padding:5rem 0;
}
.pelvic-03 .txt01{
	margin-bottom:1.5rem;
}
.pelvic-03 .item{
	display:grid;
	grid-column-gap:1rem;
}
.pelvic-03 .item:not(:last-child){
	margin-bottom:2rem;
}
.pelvic-03 .item .item-title .cause{
	line-height: 1rem;
	color:#F9C03C;
}
.pelvic-03 .item .item-title h3{
	position:relative;
}
.pelvic-03 .item .item-title h3::before{
	content:attr(data-number)"";
	font-size: 5rem;
	position: absolute;
	top: -3rem;
	left: 3rem;
	z-index: -1;
	color: rgba(249,192,60,0.6);
}

.pelvic-03 .item .item-title{
	grid-column:1/2;
	grid-row:1/2;
	margin: auto 0;
}
.pelvic-03 .item .item-image{
	grid-column:2/4;
	grid-row:1/2;
}
.pelvic-03 .item .item-text{
	grid-column:1/4;
	grid-row:2/3;
}


.pelvic-04{
	padding:0 0 5rem;
}
.pelvic-04 .item{
	display:flex;
	justify-content:space-between;
	margin:0 auto 1.5rem;
}
.pelvic-04 .item h3{
	width:50%;
}
.pelvic-04 .item ul{
	width:45%;
	margin:auto;
}

.pelvic-05 h2{
	color:#fff;
	background:#F9C03C!important;
	text-align:center;
	padding:2rem 0!important;
	margin-bottom:0!important;
}
.pelvic-05 .box{
	background:#FDEAB9;
	padding-bottom:2rem;
	position:relative;
}
.pelvic-05 .box::before{
	content:"";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgb(253, 234, 185)),url(https://yu-shinsalon.com/wp-content/uploads/2024/03/pelvic05.jpg);
	background-size:cover;
	width: 100%;
	height: 250px;
	margin-bottom: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
}
.pelvic-05 .box .text-area{
	padding-top:250px;
	width:fit-content;
	margin:auto;
}
.pelvic-05 .box .text-area ul{
	margin-bottom:0;
	list-style:none;
}
.pelvic-05 .box .text-area ul li {
	background-image: url(https://yu-shinsalon.com/wp-content/uploads/2024/03/check02.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: auto 40px;
	padding-left: 45px;
	line-height: 45px;
}

.pelvic-06 h2{
	text-align:center;
}
.pelvic-06 p{
	width:100%;
	max-width:800px;
	margin:auto;
}


.pelvic-07{
	padding:5rem 1rem 0;
}
.pelvic-07 .box-wrap{
	border: solid 5px #f9c03c;
	max-width: 1200px;
	padding: 3rem 1rem;
	border-radius:30px;
}
.pelvic-07 h2{
	text-align:center;
}
.pelvic-07 .txt01,
.pelvic-07 .txt02,
.pelvic-07 blockquote{
	width:100%;
	max-width:1000px;
	margin:auto;
}
.pelvic-07 .txt02{
	margin-top:2rem;
	text-align:center;
}


.balloon{
	position: relative;
	height: 50px;
	padding:3rem 0;
}
.balloon:after{
	content: "";
	position: absolute;
	right: 0;
	top:50%;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #F9C03C transparent transparent transparent;
	border-width: 50px 150px 0 150px;
	transform: translateY(-50%);
}


@media screen and (min-width:834px){
	.pelvic-01 .txt01{
		font-size:1.6rem;
		margin:3rem auto 3rem;
	}
	.pelvic-01 .box{
		display:flex;
		justify-content:space-between;
		align-items: center;
	}
	.pelvic-01 .box .image-area{
		width:45%;
	}
	.pelvic-01 .box .text-area{
		width:50%;
		margin:auto;
	}
	
	.pelvic-02 .box{
		display:flex;
		justify-content:space-between;
	}
	.pelvic-02 .box,
	.content-title{
		width:100%;
		max-width:700px;
		margin:0 auto 3rem;
	}
	.pelvic-02 .box ul,
	.pelvic-02 .box .image-area{
		width:50%;
		margin:auto;
	}
	.pelvic-02 .box .image-area img{
		width: 80%;
  		max-width: 250px;
	}
	.pelvic-02 .text-01{
		font-size:1.5rem;
	}
	
	.pelvic-03 .item .item-title{
		grid-column:2/5;
		grid-row:1/2;
		margin: auto 0;
	}
	.pelvic-03 .item .item-image{
		grid-column:1/2;
		grid-row:1/3;
	}
	.pelvic-03 .item .item-text{
		grid-column:2/5;
		grid-row:2/3;
	}
	.pelvic-04 .item-box{
		display:flex;
		width:100%;
		max-width:1000px;
		margin:auto;
	}
	.pelvic-04 .item{
		width:calc((100% / 3) - 1rem);
		margin:0.5rem;
		display:block;
	}
	.pelvic-04 .item h3{
		width:100%;
	}
	.pelvic-04 .item ul{
		width:fit-content;
		margin:auto;
	}
	
	.pelvic-05 .box{
/* 		display:flex; */
		margin-bottom:0;
		padding-bottom:0;
		position:relative;
	}
	.pelvic-05 .box::before{
		content:"";
		background:linear-gradient(90deg, rgba(255, 255, 255, 0) 60%, rgba(253, 234, 185, 1)),url(https://yu-shinsalon.com/wp-content/uploads/2024/03/pelvic05.jpg);
		background-size:cover;
		background-position: center;
		width:50%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
	.pelvic-05 .box .text-area {
		width: 50%;
		margin: 0 0 0 auto;
		padding: 1rem;
		display: flex;
		align-items: center;
		min-height: 600px;
	}
	.pelvic-05 .box .text-area ul{
		margin-left: 3.5rem;
	}
	/* =================
	 * 追加下層ページ 
	 * =================　 */
	/* 整体で美脚に　 */
	.pelvic-02 .box ul{
		width:100%;
		margin:auto;
	}
	.pelvic-02.new-page .box ul li {
/* 		background-image: none!important; */
		padding: 0 0 3rem 0;
        margin-bottom: 3rem;
        border-bottom: 1px dotted #333;
	}
	.page-id-1704 .article h3,
	.page-id-1879 .article h3 {
		padding-bottom: 2rem;
	}
	
	.page-id-2134 .article h3 {
		padding-bottom: 1rem;
	}
	
	.page-id-1962 .content-bottom p:not(:last-of-type),
	.page-id-2134 .content-bottom p:not(:last-of-type) {
		margin-bottom: 1.8rem;
	}
	.pelvic-02.new-page .box ul li {
		padding: 3rem 0;
	}
	.pelvic-02 .box ul li {
		padding: 1rem 0;
	}
}

/* -- */
.naibu-link-area{
	margin-top: 2.5rem;
}
.naibu-link-area .naibu-link{
	padding: 1.5rem 1rem;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	width: 100%;
	max-width: 700px;
	margin: auto;
	background: #2D1D02;
	box-shadow: 2px 2px 10px #6F624C inset;
	transition:0.6s;
}
.naibu-link-area .naibu-link:hover{
	opacity:0.8;
}

/* ***************
 * 各追加個別ページ 
 * ****************/
.page-id-2134 .toc,
.page-id-2385 .toc {
	display: none;
}
.new-page .br-sp-block,
.page-id-2023 .br-sp-block{
	display: none;
}

/* 整体で美脚ページ */
.text-red{
	color: #dc2b2b;
}
.page-id-1704 .pelvic-03{
	padding: 0;
}
.page-id-1704 .pelvic-06{
	margin-bottom: 5rem;
}
/*  ハミ肉とお腹周り、腰痛の原因と対策 */
.hami,
.youtuu{
	display: flex;
	justify-content: space-evenly;
	margin: 0 auto 5rem;
}
.hami{
	margin: 0 auto 5rem;
}
.youtuu{
	margin: 3rem auto;
}
.hami-img,
.youtuu-img{
	max-width: 320px;
	width: 100%;
	display: block;
}
/*  腰痛の原因と対策 */
.content-color{
	color: #795416;
	margin-bottom: 0.8rem!important;
}

p.content-color.head-top {
	font-size: 30px;
	color: #FD8E00;
    margin-top: 10px;
}

/*  カッピング */
.box .l-content {
	margin-top: .8rem;
}

.l-style__items {
	padding-top: 1rem;
	padding-bottom: 3rem;
}

.l-style__items.l-border {
	border-bottom: 1px dotted #333;
}

strong.l-color {
    color: #FF0000;
}

@media screen and (min-width: 834px) {
    .box .l-content ul li:first-child {
        padding-top: 0;
    }
}

@media screen and (max-width: 833px) {
    .box .l-content ul li:first-child {
        padding-top: 0;
    }
}

.youtuu-img.l-size {
	max-width: 450px;
}

.qa__boxes {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 900px) {
  .qa__boxes {
    margin-top: 40px;
    gap: 23px;
  }
}

.qa__box {
  border-radius: 8px;
  border: 2px solid #2D1D02;
  background: #fff;
}
@media screen and (min-width: 900px) {
  .qa__box {
    border-radius: 10px;
  }
}

/* .qa__box.is-open .qa-box__head-toggle::before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
} */

.qa-box__head {
  padding: 10px 14px;
  position: relative;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 900px) {
  .qa-box__head {
    padding: 23px;
    gap: 20px;
  }
}

.qa-box__head-icon {
  color: #E37F00;
  font-size: 24px;
  line-height: 125%;
}
@media screen and (min-width: 900px) {
  .qa-box__head-icon {
    font-size: 32px;
  }
}

.qa-box__head-text {
  font-size: 16px;
  font-weight: 700;
  color: #2D1D02;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (min-width: 900px) {
  .qa-box__head-text {
    font-size: 18px;
  }
}

/* .qa-box__head-toggle {
  width: 26.182px;
  height: 26.182px;
  display: block;
  position: relative;
  background-color: #9ed0e0;
  border-radius: 50%;
}
@media screen and (min-width: 900px) {
  .qa-box__head-toggle {
    width: 48px;
    height: 48px;
  }
}
.qa-box__head-toggle::before, .qa-box__head-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 50px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 900px) {
  .qa-box__head-toggle::before, .qa-box__head-toggle::after {
    width: 19px;
    height: 3px;
  }
}
.qa-box__head-toggle::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
} */
.qa-box__body {
  padding: 13px;
  background: #f5f5f5;
  border-radius: 0 0 8px 8px;
/*   display: none; */
}
@media screen and (min-width: 900px) {
  .qa-box__body {
    padding: 23px;
    border-radius: 0 0 10px 10px;
  }
}

.qa-box__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 900px) {
  .qa-box__a {
    gap: 20px;
  }
}

.qa-box__a-icon {
  color: #40924F;
  font-size: 24px;
  line-height: 125%;
  display: grid;
  place-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 900px) {
  .qa-box__a-icon {
    font-size: 32px;
  }
}

.qa-box__a-text {
  font-size: 16px;
}
@media screen and (min-width: 900px) {
  .qa-box__a-text {
    font-size: 18px;
  }
}
/*  リフレクソロジー */
.l-margin {
	margin-bottom: 0;
}
/* *********************
 * topページ再構築 
 * **********************/
#post-2023 .entry-content{
	position: relative;
}
#post-2023 .entry-content::before,
#post-2023 .entry-content::after{
	content: "";
	position: absolute;
	background-image: url(https://yu-shinsalon.com/wp-content/uploads/2024/11/asirai-left.png);
	width: 100vw;
	height: 100%;
	background-size: contain; 
	background-repeat: repeat-y;
	display: block;
	z-index: -10;
}
#post-2023 .entry-content::before{
	background-image: url(https://yu-shinsalon.com/wp-content/uploads/2024/11/asirai-left.png);
	left: -15%;
	transform: translateX(-50%);
}
#post-2023 .entry-content::after{
	background-image: url(https://yu-shinsalon.com/wp-content/uploads/2024/11/asirai-right.png);
	top: -5%;
	right: -15%;
	transform: translateX(50%);
}
.top-content-img{
	max-width: 1000px;
	width: 100vw;
}
.top-content-img,
.img-center{
	margin: 0 auto;
}
#post-2023 .cta{
	margin: 5rem;
}
#post-2023 .cta-wrap{
	display: flex;
	justify-content: space-around;
}
#post-2023 .contact,
#post-2023 .reserve{
	padding: 2rem 3rem;
	border-radius: 10px;
	font-size: 24px;
}

#post-2023 .contact{
	background-color: #429253;
	color: #fcfcfc;
}
#post-2023 .reserve{
	background-color: #F9BA3D;
	color: #393017;
}
#post-2023 .fs-64{
	font-size: 3rem;
	margin-bottom: 1.6rem;
}
#post-2023 .corlo-text{
	font-size: 5.9rem;
	color: #F9BA3D;
}
.sp-contents-img{
	display: none!important;
}


/*====================
 *  レスポンシブ記述  
 * =================== */
@media screen and (max-width:834px){
	.new-page .br-sp-block,
	.page-id-2023 .br-sp-block{
		display: block;
	}
	
/* 整体で美脚に　 */
	.page-id-1704 .pelvic-02 .box ul,
	.page-id-1704 .pelvic-02 .box .image-area{
		width:100%;
		margin: 0 auto;
	}
	.page-id-1704 .article h3{
		padding-bottom: 1rem;
	}
	.page-id-1704 .pelvic-03 .text-01{
		padding-bottom: 2rem;
	}
	.page-id-1704 ul{
		padding: 0;
	}
	
	/*  ハミ肉とお腹周り */
	.hami,
	.youtuu{
		display: block;
		max-width: 320px;
		width: 100%;
/* 		margin: 2rem 0 auto; */
	}
	.page-id-1879 .article h3{
		margin-bottom: 1rem;
	}
 	.new-page .box ul li,
    .page-id-2134 .pelvic-02 .box ul li {
		background-image: none;
		padding: 2rem 0;
		border-bottom: 1px dotted #333;
	}
	.page-id-1879 .article ul,
	.page-id-1962 .article ul{
		padding-left: 0;
	}
	.pelvic-02 .box-wrap{
		padding: 5rem 1rem 1rem;
	}
	.page-id-1879 .page-content-padding{
		padding: 3rem 1rem; 
	}
	.page-id-1879 .pelvic-02 .text-01{
		font-size: 1.6rem;
	}
	/*  腰痛の原因と対策 */
	.page-id-1962 .content-bottom p:not(:last-of-type) {
		margin-bottom: 1rem;
    }

	/* ******************
	 * topページ再構築 
	 * *******************/
	#post-2023 .cta-wrap{
		display: block;
		text-align: center;
		margin-bottom: 3rem;
	}
	#post-2023 .contact{
		margin-bottom: 3rem;
	}
	#post-2023 .contact,
	#post-2023 .reserve{
		padding: 1rem 2rem;
		font-size: 1.1rem;
	}
	.pc-contents-img{
		display: none!important;
	}
	.sp-contents-img{
		display: block!important;
		margin: 0 auto;
	}
	.top-content-img{
		max-width: 500px;
	}
}
@media screen and (max-width:480px){
	#post-2023 .fs-64{
		font-size: 1.7rem;
	}
	#post-2023 .corlo-text{
		font-size: 4.9rem;
	}
	.midashi-block{
		max-width: 350px;
		width: 100%;
		margin: 0 auto;
	}
	#post-2023 .cta,
	#post-2023 .container-5{
		margin: 5rem 2rem;
	}
	#post-2023 .container-5 .top-content-img{
		max-width: 300px;
	}
}

/* 予約カッピングレイアウト */
label.sln-list__item.sln-service.sln-service--2475 {
    place-content: space-around;
}

/* 初めての方へ */
.fl.aic {
	align-items: center;
	margin-bottom: 1.8em;
	gap: 1.5rem;
	flex-wrap: nowrap;
}

@media screen and (max-width: 770px) {
	.fl.aic {
		flex-wrap: wrap;
	}
}

.menu-sec .menu-image.l-container {
	width: 50%;
	height: 100%;
}

.menu-sec .menu-image.l-container::before {
	display: none;
}

@media screen and (max-width: 770px) {
	.menu-sec .menu-image.l-container {
		width: 80%;
	}
}

.menu-sec .menu-course.l-container {
	width: 50%;
	height: 100%;
	padding: 0;
}

@media screen and (max-width: 770px) {
	.menu-sec .menu-course.l-container {
		width: 100%;
	}
}

ul.list-items {
	margin-bottom: 0;
}

p.menu-about.l-text {
	margin-top: 1.5em;
	position: relative;
	max-width: 100%;
	padding-left: 8%;
}

@media screen and (max-width: 480px) {
	p.menu-about.l-text {
		margin-bottom: 1.5em;
	}
}

p.menu-about.l-text::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 10px;
	height: 100%;
	background: #D5E5D8;
}

p.menu-about.l-text.l-before-none::before {
	display: none;
}

.text-bottom__content {
	text-align: center;
    font-size: 1.5em;
    margin: 5em 0 1.5em;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
	.text-bottom__content {
		font-size: 1.1em;
		margin: 3.5em 0 1.5em;
	}
}

.main-but.center {
	margin-inline: auto;
}

.main-but.center a {
	margin-inline: auto;
	width: 300px;
}

/* 予約文章 */
#sln-salon.sln-customcolors .sln-summary .sln-data-desc .label,
.sln-summary__reminder {
	display: none;
}

p.text-bottom {
	margin-bottom: 1.5rem;
}

/*お客様の声*/
.voice-page {
  padding: 60px 20px;
}

.voice-inner {
  max-width: 900px;
  margin: 0 auto;
}

.voice-read {
	margin-bottom: 2em;
}

.voice-item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  padding: 25px 25px;
  margin-bottom: 30px;
  line-height: 1.8;
  position: relative;
}

.voice-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.voice-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
}

/* 女性アイコン（ピンク系） */
.female-icon {
  background-color: #f8d8df;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23d26c88' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E<circle cx='12' cy='8' r='4'/%3E<path d='M12 12c-3.31 0-6 2.69-6 6h12c0-3.31-2.69-6-6-6z'/%3E%3C/svg%3E");
}

/* 男性アイコン（ブルー系） */
.male-icon {
  background-color: #d7e6f8;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23507dc2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E<circle cx='12' cy='8' r='4'/%3E<path d='M12 12c-3.31 0-6 2.69-6 6h12c0-3.31-2.69-6-6-6z'/%3E%3C/svg%3E");
}

.voice-text {
  color: #333;
  font-size: 1em;
}

.voice-meta {
  font-size: 0.9em;
  color: #777;
}