@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.editor-styles-wrapper::before,
.br-sp{
	display:none;
}

.movie-box{
	padding-bottom:30px;
}

.osirase{
	background:#fff;
	padding:20px;
}

.thai-list {
	border: solid 2px #63400d;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
	background:#fff;
}
.thai-list li {
/* 	line-height: 1.5; */
	padding: 0.5em 0;
	list-style-type: none!important;/*ポチ消す*/
}
.thai-list li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f00c";
	position: absolute;
	left : 1em; /*左端からのアイコンまで*/
	color: #63400d; /*アイコン色*/
}


.grecaptcha-badge { visibility: hidden; }

.tai{
	border:dotted 1px #361f03;
	padding:20px 0 30px;
}

.video-container {
max-width: 100%;
margin: 0px auto;
	box-shadow:0 3px 15px #361f03;
}


.white-box{
	background:#fff;
	border-radius:5px;
	padding:15px;
}

.blogbtn{
	position:relative;
	display:block;
	background:#361f03;
	padding:20px 30px;
	border-radius:5px;
	transition:0.3s;

	text-decoration:none;
	color:#fff;
	overflow:hidden;
}
.blogbtn:after{
	content:'のブログ';
	margin-left:10px;
}
.blogbtn:before{
	content:'';
	position:absolute;

	content: '';
	display: inline-block;
	width: 100px;
	height: 100px;
	right:0;
	top:-13px;
	background-image: url(https://recure.life/wp-content/uploads/2022/09/recure_fabi2_touka-01.png);
	background-size: contain;
	vertical-align: middle;
}
.blogbtn:hover{
	color:#fff;
	opacity:0.6;
	box-shadow: 0 3px 10px rgba(51, 38, 38,0.5);
	transform: translateY(-4px);
}

.staff{
	border: solid 2px #782F06;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
/* 	background: #fff; */
	padding:20px;
	border-image: linear-gradient(to right, #d2614e 0%, #845d1e 70%,#68470d 80%);
	border-image-slice: 100%;
	border-image-slice: 1;
}




#container{
	overflow-x:hidden;
}
.home .content {
	margin-top: 0;
}
.home .entry-content{
	margin-top:0;
}
.main{
	background:initial;
	padding: 0 29px 20px;
}
.home .entry-title,.page .date-tags{
	display:none;
}
.new-entry-card-content .display-none{
	display:block!important;
	text-align: right
}
.new-entry-card-content {
	display: flex;
	flex-direction: column-reverse !important;
}
.new-entry-card{
	border-bottom:dotted 1px #68470d;
}
.date-tags{
	margin-bottom:0;
}
.eye-catch{
	margin:0 auto;
}
#author_box-2{
	background:#fff;
	border-radius:10px;
}
.author-box{
	border:#fff 1px solid;
	border-radius:10px;
}
body:before{
	content:'';
	position:fixed;
	top:0;
	left:0;
	margin: 0 calc(60% - 50vw);
	width: 100vw;
	height:100vh;
	background:url('https://recure.life/wp-content/uploads/2022/08/333.png');
	z-index:-1;
	opacity:0.3;
	background-position: right top; 
	background-repeat: repeat-y;
}

/* 予約システムの周りの2重線（囲み線） */
#sln-salon {
	border: 7px double #900;	
}

/* 予約者の名前に「様」をつける */
p[class="sln-text--dark"] ::after  {
	content: " 様";
}

/* 固定ボタン---------------------------------- */
#btn-fixed{
	position:fixed;
	top:300px;
	right:0;
	width:35px;
	opacity: 0;
	transition:0.4s;
}
#btn-fixed div{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height:150px;
	margin-bottom:10px;
	width:50px;
	transition:0.3s;
	box-shadow:0 0 7px #fff;
}
#btn-fixed div:hover{
	opacity:0.8;
}
#btn-fixed div a{
	text-decoration:none;

	padding-right:15px;
	padding-top:10px;
	color:#fff;
	display:block;
	font-weight:bold;
}
.reseve-btn{
	background:#DA401E;
}
.contact-btn{
	background:#471C1C;
}

.pagination-next-link{
	background:#471C1C;
	border-radius:5px;
	border:solid 1px #471C1C;
	color:#fff;
}
.pagination-next-link:hover{
	background:#471C1C;
	color:#fff;
	opacity:0.7;
}
.page-numbers{
	border-radius:50%;
	border:solid 1px #7a3737;
	color:#361f03;
}
.pagination .current {
	background-color: #7a3737;
	color:#fff;
}
.pagination a:hover{
	background-color: #cca7a5;
}
@media screen and (max-width: 420px) {
.wp-block-cocoon-blocks-button-1.campaign-btn a {
	padding-inline: 15px;
}	
}

/* フォント---------------------------- */
p,a,li,th,td,div,span,h1,h2,h3,h4,::placeholder,select{
	font-family: 'Noto Serif JP', serif;
}
#sln-salon h2,#sln-salon h3,#sln-step-submit,input[type=submit]{
	font-family: 'Noto Serif JP', serif!important;
}
input[type=submit]{
	font-size:1.1em!important;
}
.text-center{
	text-align:center;
}
.text-center p{
	display:inline-block;
	text-align:left;
}
.article h2,.article h3{
	background:none;
	border:none;
}
.article h1{
	position:relative;
	height:200px;
	display:flex;
	align-items:center;
	justify-content: center;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.article h1:before{
	content:'';
	position:absolute;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	background:url('https://recure.life/wp-content/uploads/2022/08/rikyua-sozai-11.png') no-repeat;
	display:inline-block;
	background-size: contain;
	width:250px;
	height:250px;
	z-index:-2;
	opacity:0.5;
}
.article h2{
	display:flex;
	align-items:center;
	justify-content: center;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.sct2 h2,
.sct4 h2{
	text-shadow:initial;
}
.article h2:before,
.article h2:after{
	content:'';
	width:100px;
	height:85px;
}
.article h2:before{
	background:url('https://recure.life/wp-content/uploads/2022/08/rikyua-sozai-04.png') no-repeat;
	display:inline-block;
	background-size: contain;
}
.article h2:after{
	background:url('https://recure.life/wp-content/uploads/2022/08/rikyua-sozai-05.png') no-repeat;
	display:inline-block;
	background-size: contain;
}
.sct2 h2:before,
.sct4 h2:before{
	background:url('https://recure.life/wp-content/uploads/2022/08/rikyua-sozai-06.png') no-repeat;
	display:inline-block;
	background-size: contain;
}
.sct2 h2:after,
.sct4 h2:after{
	background:url('https://recure.life/wp-content/uploads/2022/08/rikyua-sozai-07.png') no-repeat;
	display:inline-block;
	background-size: contain;
}
.article h3{
	position:relative;
	/* 2024/4/2 important追記	 */
	margin-left:50px!important;
	border-bottom:#331f0b 1px solid;
}
.article h3:before{
	position:absolute;
	content:'';
	top:10px;
	left:-60px;
	width:80px;
	height:60px;
	background:url('https://recure.life/wp-content/uploads/2023/01/item1.png') no-repeat;
	display:inline-block;
	background-size: contain;
}
.article h4{
	position:relative;
	display:flex;
	align-items:center;
	border:none;
}
.article h4:before{
	content:'';
	background:url('https://recure.life/wp-content/uploads/2022/08/220715ReCure-13.png') no-repeat;
	display:inline-block;
	background-size: contain;
	width:70px;
	height:50px;
}

#sln-salon h2:before,#sln-salon h2:after{
	width:0;
	height:0;
}

#sln-salon h3{
	margin-left:0;
}
#sln-salon h3:before{
	width:0;
	height:0;
}
h3.sln-service-name{
	font-size:1rem;
}

/* ヘッダー------------------------- */
.pc-header{
	display:flex;
	align-items:center;
}
.logo{
	width:80%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.logo img,.car-btn{
	transition:0.3s;
}
.logo img:hover,.car-btn:hover{
	opacity:0.7;
}
.topwebbtn{
	width:20%;	
}
.topwebbtn a{
	text-decoration:none;

	padding:1em 2em;
	font-weight:bold;
	color:#fff;
	background:#DA401E;
	border-radius:50px;
	transition:0.3s;
}
.topwebbtn a:hover{
	box-shadow:0 0 10px #fff;
}
#header,.sp-header{
	display:none;
}
.pc-header{
	position:relative;
	width:100%;
	background-image:url(https://recure.life/wp-content/uploads/2022/08/head2_haikei.png);
	background-size:cover;
}
.pc-header img{
	display:block;
	margin:0 auto;
}
/* 2024/6/20 項目増の為、幅調整 */
#navi-in{
	width: 103%;
}

/* ボタン----------------------------- */
.btn-center{
	text-align:center;
}
.pagebtn{
	margin:0 auto;
	position:relative;

	text-align:center;
	display:block;
	text-decoration:none;
	background:#DA401E;
	color:#fff;
	max-width:500px;
	padding:20px 40px;
	box-shadow:0 6px 10px rgba(51, 38, 38,0.6);
	border-radius:6px;
	transition: all .3s;
}
.pagebtn_link{
	background:#471C1C;
	margin-bottom:20px;
}
.pagebtn1{
	margin-top:20px;
}
.pagebtn2{
	margin-bottom:20px;
}
.linkbtn{
	margin-left:auto;
	position:relative;

	text-align:center;
	display:block;
	text-decoration:none;
	background:#471C1C;
	color:#fff;
	max-width:300px;
	padding:15px 30px;
	box-shadow:0 6px 10px rgba(51, 38, 38,0.6);
	border-radius:6px;
	transition: all .3s;
}

.pagebtn:hover,.linkbtn:hover{
	transform: translateY(-4px);
	box-shadow:0 6px 20px rgba(51, 38, 38,0.8);
	color:#fff;
}

.web-reseve{
	box-shadow:0 2px 10px rgba(51, 38, 38,0.7);
	transition:0.3s;
	margin-bottom:30px;
	border:solid 2px #361f03;
}
.web-reseve:hover{
	box-shadow:0 2px 20px rgba(51, 38, 38,0.7);
	opacity:0.8;
}

.menu-btn{
	position:relative;
	background:url(https://recure.life/wp-content/uploads/2022/08/head1_haikei_sp.png);
	background-size:cover;
	display:flex;
	align-items:center;
	text-decoration:none;
	color:#361f03;
	padding:30px 10px;
	font-weight:bold;
	border:solid 3px #782F06;
	border-image: linear-gradient(to right, #782F06 0%,#361f03 100%);
	border-image-slice: 1;
	font-size:1.1em;
	box-shadow:0 6px 10px rgba(51, 38, 38,0.6);
	transition:0.3s;
}
.menu-btn-inr{
	width:30%;
	height:100%;
	color:#fff;
	margin-left:auto;
	z-index:2;
}
.menu-btn-inr:before{
	position:absolute;
	content:'';
	right:0;
	top:0;
	width:40%;
	height:100%;
	background:#361f03;
	z-index:-1;
}
.menu-btn:hover{
	transform: translateY(-4px);
	box-shadow:0 6px 20px rgba(51, 38, 38,0.8);
	color:#361f03;
}

.a-wrap:hover{
	box-shadow: 0 6px 10px rgba(51, 38, 38,0.3);
}

.sns{
	display:flex;
}
.sns a{
	padding-top:20px;
}
.sns img{
	width:30px;
	transition:0.3s;
}
.sns img:hover{
	opacity:0.6;
}

.sns{
	display:flex;
	justify-content:space-between;
	padding:20px 0;
	list-style:none;
}
.sns{
	padding-bottom:40px;
}
.sns a{
	padding:10px;
}

.sns img{
	width:40px;
}

.sns li a{
	transition:0.3s;
}
.sns li a:hover{
	opacity:0.5;
}

/* スタッフブログ--------------------------------- */
.new-entry-cards{
	/*! display:flex; */
}
.new-entry-card-link{
	width:100%;
}
.new-entry-card-thumb{
	position:relative;
	border:solid 6px #782F06;
	background:#fff;
	border-image: linear-gradient(to right, #d2614e 0%, #845d1e 70%,#68470d 80%);
	border-image-slice: 1;
}

.blog-block {
	display:flex;
}



.large-thumb{
  display:flex;
}

/* マップ-------------------------------------------- */
.map iframe{
	border:solid 2px #845d1e!important;
}

/* トップ--------------------------------------- */
.newsbox{
	padding:20px 0 100px;
}

.kugiri-ue {
	background: url(https://recure.life/wp-content/uploads/2022/08/mokume-1.png) repeat-x bottom center;
	padding-bottom: 23px;
	width: 100vw;
	z-index: 0;
	margin: 0 calc(50% - 50vw);
	position: absolute;
	top: 0;
	height: 30px;
}
.kugiri-sita {
	background: url(https://recure.life/wp-content/uploads/2022/08/mokume-2.png) repeat-x bottom center;
	padding-bottom: 23px;
	width: 100vw;
	z-index: 0;
	margin: 0 calc(50% - 50vw);
	position: absolute;
	bottom: 0;
	height: 30px;
}

/* フッター------------------------ */


.footer-item a img {
	margin:0 auto;
	display: block;
	padding-bottom:20px;
}

#custom_html-4{
	margin-bottom:0;
}
.content-bottom{
	position:relative;
	margin: 0!important;
}
.content-bottom:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height:100%;
	background:url('https://recure.life/wp-content/uploads/2022/08/recure_door_5.png');
	z-index:-1;
	background:cover;
	background-position: center center !important;
	background-size: cover !important;
}
.footer-widgets .footer-left,.footer-widgets .footer-right{
	width:0;
}
.footer-widgets .footer-center{
	width:100%;
}
.footer-item,.footer-contact{
	display:flex;
	margin:0 auto;
}
.footer-item div,.footer-contact div{
	width:50%;
	margin:10px;
	color:#fff;
}
.footer-contact{
	padding-top:20px;
}
.footer-contact span{
	font-size:0.8em;
}
.footer-contact-title{
	padding:5px;
	margin-bottom:10px;
	border-bottom:solid 1px #fff;
}
.footer-contact-title2{
	padding-top:20px;
}

.footer-menu{
	list-style:none;
}
.footer-menu li{
	padding:5px 0;
	border-bottom:1px #fff dotted;
}
.footer-menu li a{
	transition:0.3s;
	display:block;
	text-decoration:none;
}
.footer-menu li a:hover{
	opacity:0.3;
}
.footer-menu .togle{
	display:block;
	cursor:pointer;
}
.footer-menu ul{
	display:none;
}

.footer{
	margin-top:0;
	background:url(https://recure.life/wp-content/uploads/2022/08/22664380-1.png);
/* 	background-position: center center !important;
	background-size: cover !important; */
}

.bannerbox{
	padding:40px 0;
}
.banner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style:none;
}
.banner li{
	width: 30%;
	padding-top:20px;
	text-align:center;
}

/* トップコンテンツ-------------------------------- */
.top-ct{
	position:relative;
	margin-bottom:0!important;
	padding:60px 0;
}
.sct2 h2{
	margin-top:0!important;
	color:#fff;
}
.sct2-inr{
	border:solid 10px #782F06;
	padding:15px;
	background:rgba(255, 240, 207,0.7);
}
.sct2:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height:100%;
	background:url('https://recure.life/wp-content/uploads/2022/08/mokume.png');
	z-index:-1;
	background:cover;
	background-position: center center !important;
	background-size: cover !important;
}

.sct3:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height:100%;
	background:rgba(199, 112, 6,0.5);
	z-index:-1;
}

.sct4-inr{
	color:#fff;
	padding:10px 20px 40px;
	background:rgba(59, 36, 19,0.7);
}
.sct4:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height:100%;
	background:url('https://recure.life/wp-content/uploads/2022/08/22319206.jpg');
	z-index:-1;
	background:cover;
	background-position: center center !important;
	background-size: cover !important;
}
.stf-text{
	padding-bottom:30px;
	text-align:center;
}

/* アピール */
.apl{
	padding:100px 0;
	color:#fff;
}
.apl:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height:100%;
	background:url('https://recure.life/wp-content/uploads/2022/08/22521429.png');
	z-index:-2;
	background:cover;
	background-position: center center !important;
	background-size: cover !important;
}
.apl:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height:100%;
	background:linear-gradient(to right,#540A00,#793A00,#FFCB9A);
	opacity:0.6;
	z-index:-2;
}
.apl p{
	text-shadow:0 2px 6px #540A00;
}

/* お店について------------------------------------ */
.about td{
	background:#fff;
}
.about th{
	width:35%;
	background:#361f03;
	color:#fff;
}

/* スタッフ紹介------------------------------------- */
/* 2024/8/19 追記 */
.staff_box,
.staff-box td{
	font-size: 1em;
}
.staff-wrap {
    display: flex;
    gap: 1.5rem;
}
.staff-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
/*     height: 100%; */
	max-width: 355px;
	width: 100%;
	margin: 0 auto;
	border: solid 2px #782F06;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
/* 	background: #fff; */
	padding:20px;
	border-image: linear-gradient(to right, #d2614e 0%, #845d1e 70%,#68470d 80%);
	border-image-slice: 100%;
	border-image-slice: 1;
}
.staff-box td {
    border: none;
    border-top: dotted 1px #361f03;
    display: block; /* 各セルの内容をブロック表示に */
}
.ct-h1{
	height: 120px;
}
.ct-h2{
	height: 200px;
}
.ct-h3{
	height: 200px;
}
.ct-h4{
	height: 180px;
}
.ct-h5{
	height: 120px;
}
.ct-h6{
	height: 360px;
}

.staff-box td:first-child {
    font-weight: bold;
    width: 100%; /* セル幅を全体に */
    display: block;
	border: none;
	padding-bottom: 0!important;
}
.staff-box td:nth-child(2) {
    width: 100%; /* セル幅を全体に */
    display: block;
	padding-top: 0;
	padding-bottom: 1.5rem;
}
.staff-wrap:nth-of-type(2) .staff-container{
	margin: 0;
}
.staff-message{
	height: 285px;
}
.staff-message:nth-of-type(2) {
  height: 14%;
}
.staff-profile tr{
	display: block;
	padding-bottom: 1.5rem;
}
.blog-btn {
    margin-top: auto; /* ボタンをコンテナの底に固定 */
}
/*  */
.staff-wrap2.wp-block-column.btm-mv.staff{
	flex-basis: 33.33%;
}

.article .staff-box2 .staff-detaile-container p {
	margin-bottom: 0;
}

.staff-introduction {
	margin-bottom: 1.8em;
}


/*スタッフ紹介追記*/
.staff-box2 {
	display: flex;
	justify-content:space-around;
	border: solid 2px #000;
	border-radius: 18px;
	padding: 1em;
	position:relative;
	margin-bottom: 4em;
}

.staff-leftbox {
	width:30%;
}

.staff-leftbox img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: 50% 0;
	border-radius:18px;
}

.staff-rightbox {
	width:55%;
}

.staff-title {
	background-color: #513830;
	color: #fff;
	padding: 2px 10px;
	border-radius: 10px;
	display: inline-block;
	margin-right: 10px;
}

.staff-name {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom: 1em;
}

.kazari {
	width:15%;
	height:auto;
	position: absolute;
	right: -11px;
	/*! left: 38px; */
	/*! top: 212px; */
	bottom: -39px;
}

/* .kazari2{
	width: 12%;
} */

.staff-leftbox{
	max-width: 375px;
	width: 100%;
	margin-right: 2rem;
}
.zayu {
	font-size: 1.6rem; 
	font-weight: bold;
	color: #fff;
	text-shadow: 
        -1px -1px 0 #513830, /* 左上 */
        1px -1px 0 #513830,  /* 右上 */
        -1px 1px 0 #513830,  /* 左下 */
        1px 1px 0 #513830,   /* 右下 */
        2px 2px 3px #808080; /* 追加の影効果 */
	max-width: 375px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.staff-box2:nth-of-type(4) .staff-leftbox .zayu,
.staff-box2:nth-of-type(5) .staff-leftbox .zayu {
	bottom: 2rem;
}

.effect {
	padding: 3px;
	background-color: #FFFFFF;
	box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
}

.under-color{
	background: linear-gradient(transparent 60%, #e0401d66 20%);
}
/* 料金表----------------------------------- */
.position-center{
	text-align: center!important;
}
.taibox{
	border:solid 1px #4a2d0a;
	padding:10px 0;
	margin:0 10px;
}
.taibox2{
	padding:10px;
}

table tr:nth-of-type(2n+1) {
	background-color: initial;
}
.price table{
	width:80%!important;
	margin:0 auto;
}
.price td{
	background:;
	border:initial;
	border-bottom:#361f03 1px solid;
}
.price tr td:first-child{
	font-weight:bold;
	width:60%;
}
.price tr td:last-child{
	text-align:right;
}

.price-item{
	background:#fff;
	border-radius:5px;
	padding:0 10px 45px;
}
.price-item2{
	background:#fff;
	border-radius:5px;
	padding:40px 10px 45px;
}
.price-item3{
	background:#fff;
	border-radius:5px;
	padding:1px 10px 60px;
}

.caution-item{
	padding:25px 10px;
	background:#fff;
	border-radius:10px;
}

.wp-block-group.text-center {
	display: flex;
	flex-direction: column;
}

/* 2024/6/4 料金表ページ　カテゴリータブ */
.page-id-29 .wp-block-buttons>.wp-block-button {
    padding: 0;
}
.price_btn_wrap{
	margin-bottom: 4rem!important;	
}
.wp-element-button, .wp-block-button__link{
	background: none!important;
}
.price_tab_tai,
.price_tab_head,
.price_tab_oil,
.price_tab_reflexology,
.price_tab_datumou,
.price_tab_yomogi,
.price_tab_set{
	display: inline-block;
	position: relative;
	padding: .8rem 4rem;
	color: #FFF;
	border-radius: 10rem;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .4);
}
.price_tab_tai{
	background: -webkit-gradient(45deg, #2ca9e1 35%, #007bbb);
	background: #5F400C;
}
.price_tab_head {
	background: #722B11;
}
.price_tab_oil {
	background: #9A7C5D;
}
.price_tab_reflexology {
	background: #8A9A78;
}
.price_tab_datumou{
	background: -webkit-gradient(45deg, #2ca9e1 35%, #007bbb);
	background: linear-gradient(45deg,#e89b2d 35%, #5a1e00);
}
.price_tab_yomogi{
	background: -webkit-gradient(45deg, #2ca9e1 35%, #007bbb);
	background: linear-gradient(45deg, #4b5f3a, #677844, #4b5f3a);
}
.price_tab_set{
	background: -webkit-gradient(45deg, #2ca9e1 35%, #007bbb);
	background: linear-gradient(45deg, #c0c0c0, #858585,#c0c0c0);
}
.event-banner img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 横4px、縦8pxの影、少し薄め */
}
/* 口コミページ ----------------2024/6/5追記 */
/* ページネーション */
.nav-links {
	display: flex!important;
	align-items: center!important;
}
.glsr-review{
	background:#fff;
	padding:10px;
}
.glsr-summary-text{
	display:none!important;
}
.reviewbox{
	background:#fff;
	padding:10px 10px 30px;
}
.glsr-summary{
	margin:0 auto;
}
 
/* 画像--------------------------------- */
.wp-image-10680{
	border:solid 2px #361f03;
	transition:0.3s;
}
.wp-image-10680:hover{
	opacity:0.7;
}
.image-item img{
	position:absolute;
}
/* 鳥 */
.wp-image-8874{
	bottom:10px;
	left:0;
	z-index:-1;
	width:150px;
}
/* カエル */
.wp-image-8853{
	bottom:0;
	left:-120px;
	width:169px;
	height:256px;
}
.wp-image-8861{
	bottom:0;
	right:-120px;
	width:169px;
	height:256px;
}
.wp-image-8848{
	max-width:100px;
	bottom:0;
}
/* 華 */
.wp-image-8819{
	bottom:0;
	right:20px;
	width:256px;
	height:201px;
}
.wp-image-8820{
	width:200px;
	bottom:-40px;
	left:14%;
}
.wp-image-8821{
	bottom:-20px;
	left:0;
	width:256px;
	height:218px;
}

/* Q&A----------------------------------------------- */
.toggle-button{
	padding:15px 20px;
	box-shadow: 0 2px 5px rgba(51, 38, 38,0.7);
	transition: 0.3s;
	text-align:left;
}
.has-border-color .toggle-button::before {
	opacity: 1;
}

/* お問い合わせ------------------------------------ */
.wpcf7-form{
	background:#fff;
	padding:30px 15px;
	border-radius:10px;
	box-shadow: 0 2px 10px rgba(117, 95, 95,0.7);
}
.wp-block-contact-form-7-contact-form-selector{
	width:80%;
	margin:0 auto;
}
.required,.optional{
	margin-left:20px;
	padding:0px 5px 2px;
}
.required{
	border:solid 1px #f06565;
	color:#f06565;
}
.optional{
	border:solid 1px #5e94db;
	color:#5e94db;
}
#booking-form .required{
	background:none;
}
.wpcf7-form-control{
	margin-top:5px;
}
.wpcf7 .wpcf7-submit:disabled{
	background:#fff;
	color:#707070;
	border:solid 1px #cfcfcf;
	box-shadow:none;
}
.wpcf7 .wpcf7-submit:disabled:hover{
	background:#fff;
	color:#707070;
}
.wpcf7 .wpcf7-submit{
	background:#471C1C;
	border:solid 1px #471C1C;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1rem;
	transition:0.3s;
	border-radius:5px;
	box-shadow: 0 2px 10px rgba(51, 38, 38,0.7);
}
.wpcf7 .wpcf7-submit:hover{
	background:#fff;
	color:#471C1C;
}

.pc { display: block ; } 
.sp { display: none ; } 



/* WEB予約------------------------------------- */
#booking-package-locale-ja{
	color:#222!important;
}
#returnToCalendarButton,
.returnButton,
#returnToSchedules{
	display:block;
	padding:10px 30px;
	color:#fff;
	background:#222;
	border:solid 2px #222;
	border-radius:10px;
	cursor:pointer;
	transition:0.3s;
	font-family: 'Noto Serif JP', serif;
}
.returnButton{
	background:#9361FF;
	border:solid 2px #9361FF;
}
.returnButton:hover{
	background:#fff;
	color:#9361FF;
}
#returnToCalendarButton:hover,
#returnToSchedules:hover{
	background:#fff;
	color:#222;
}
.row .required {
	margin-left:0;
	margin-bottom:10px;
}

/* アクセスページ--------------------------------------- */
/* 2024/3/29　追記 */
.page-id-33 .content-bottom::before{
	width: 99.49vw;
}
/* 各ページ共通　------------------------------- */
/* 施術の流れ */
.page-id-14921 .timeline-box{
	margin-bottom: 6rem;
}
.page-id-14921 .timeline-item-snippet{
	display: flex;
	flex-direction: column-reverse;
}
.page-id-14921 .timeline .timeline-item{
	width: 55%;
	margin: 0 auto;
}

/* 腸活コース --------------------------------- */
.btn-position{
	margin: auto;
}
.sec1-container2,
.sec2-container2{
	max-width: 1200px;
}
.sec4-container2{
	max-width: 1000px;
	margin: 0 auto;
}
.sec1-container2,
.sec2-container2{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tyoukatu-text{
	max-width: 650px;
    width: 100%;
}
.tyoukatu-list{
	max-width: 350px;
}
.tyoukatu-list2{
	max-width: 400px;
}
.sec4-container2{
	display: flex;
	justify-content: center;
	align-items: center;
}
.tyoukatu-img{
	max-width: 400px;
	width: 100%;
	height: auto;
}
.tyoukatu-4{
	background: #fcfcfc;
	padding-bottom: 2rem;
}
.tyoukatu-sec4-mg{
	margin-bottom: 0!important;
}
.page-id-14921 .pagebtn{
	margin-bottom: 2rem;
}

.sec1-container1 {
  display: block!important;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* 要素が画面幅に収まらないときに折り返す */
}
.page-id-14921 .text-size{
	display: block;
	margin-top: -10px;
	font-size: 2rem;
}
.tyoukatu-title-container{
	text-align: center;
	align-items: center;
	display: flex;
}
.tyoukatu-title-container .sec-title p{
	margin-bottom: 0;
}
.unryudou{
	margin-bottom: 2rem;
	justify-content: space-evenly;
}

/* 新ファーストビュー　テスト -----------------------*/
.page-id-15048 .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-id-15048 .slide {
    max-width: 800px;
    width: 100%;
    height: auto;
}
.page-id-15048 .metaslider img {
    max-width: 700px !important;
    height: 580px !important; 
    object-fit: cover;
    width: 100%;
}
.page-id-15048 .hero-logo {
    max-width: 400px;
	width: 100%;
}
.hero-content {
    max-width: 400px;
    width: 100%;
}
.hero-inner-content {
    text-align: center;
}
.hero-section .left {
    text-align: center;
}

.swiper-wrap {
    margin: 0 calc(52% - 50vw);
    max-width: 57vw;
    position: relative;
    overflow: hidden;
}

.slide-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3vw;
    font-family: serif;
    font-weight: bold;
    text-shadow: 2px 2px 8px #000;
    color: #fff;
    transform: translate(-50%, -50%);
}

/* スライド全体にフェード効果を適用 */
.swiper-slide {
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

.swiper-slide-active {
    opacity: 1;
}

/* 画像の初期設定を統一 */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1);
}

/* アクティブなスライドの画像にズームインアニメーションを適用 */
.swiper-slide-active img {
    animation: zoom-in 12s linear forwards;
}

/* ズームインのキーフレーム */
@keyframes zoom-in {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.2);
    }
}
/* 非アクティブなスライドの画像のスケールをリセット */
.swiper-slide:not(.swiper-slide-active) img {
    transform: scale(1);
}
/* レスポンシブ--------------------------------------- */

@media (max-width: 5000px){
	h3[class="sln-steps-name sln-service-name"] {
		width: 100% !important;
		padding: 0em 0em 0em 0em !important;
		margin: 0em 0em 0em 0em !important;
		font-size: 1.0em !important;
	}
	h3[class="sln-steps-price sln-service-price"]{
		width: 100% !important;
		padding: 0em 0em 0em 0em !important;
		margin: 0em 0em 0em 0em !important;
		font-size: 1.0em !important;
	}
}

@media screen and (max-width: 1200px){
	.wp-image-8853{
		bottom:-100px;
		width:130px;
		left:0;
	}
	.wp-image-8861{
		bottom:-100px;
		width:130px;
		right:0;
	}

	#btn-fixed{
		top:200px;
	}
}

@media screen and (max-width: 1130px){
	.wp-image-8874{
		opacity:0.6;
	}
}

@media screen and (max-width: 1023px){
	#menu-footer_mobile{
		background:#361f03;
	}
	#menu-footer_mobile .menu-button-in{
		color:#fff;
	}
	#menu-footer_mobile .menu-button:last-child{
		background:#DA401E;
	}

	.mobile-menu-buttons .menu-caption {
		font-size: 15px;
		opacity: 1;
	}
/* 	2024/6/4 追記 */
	.navi-in .menu-pc {
		display: flex;
    }
}
@media screen and (max-width:900px){
/* 	.staff-message{
		height: 16%;
	}	 */
	.ct-h1,
	.ct-h2,
	.ct-h3,
	.ct-h4,
	.ct-h5,
	.ct-h6{
		height: auto;
	}

}
/* 2024/6/4 料金表ページ　カテゴリータブ */
@media screen and (max-width: 860px){
	.wp-block-buttons {
		display: flex;
		flex-direction: column;
	}
	.wp-block-button {
		width: 100% !important;
		margin-bottom: 1em; /* ボタン間のスペースを追加 */
		padding: 0 !important; /* 追加のパディングをリセット */
	}
	.wp-block-button:last-child {
		margin-bottom: 0; /* 最後のボタンのマージンをリセット */
	}
	
	/* 2024/9 新ファーストビュー */
	.page-id-15048 .wrapper{
		flex-direction: column-reverse;
	}
	.swiper-wrap{
		max-width: 100vw;
		margin-bottom: 6rem;
	}
	.hero-section .left{
		text-align: center;
	}
}

@media screen and (max-width: 834px){
	/* 	2024/6/4 追記 */
	.navi-in .menu-pc {
		display: none;
    }
	.sp-logo{
		transition:0.3s;
	}
	.sp-logo:hover{
		opacity:0.5;
	}
	body:before{
		margin: 0 calc(80% - 50vw);
	}
	.sp,.footer-widgets,.sp-header{
		display:block;
	}
	.pc{
		display:none;
	}
	.new-entry-card{
		border-bottom:initial;
	}
	.sp-header{
		position:relative;
		width:100%;
		padding:10px;
		background:#361f03;
	}
	.sp-header img{
		display:block;
		margin:0 auto;
	}
	#g-nav{
		position:fixed;
		z-index: 999;
		top:-200%;
		left:0;
		width:100%;
		height: 100vh;
		background:#361f03;
		transition: all 0.6s;
	}
	#g-nav.panelactive{
		top: 0;
	}
	#g-nav.panelactive #g-nav-list{
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#g-nav ul {
		position: absolute;
		z-index: 999;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		padding-left:0;
		width:95%;
	}
	#g-nav li{
		list-style: none;
		text-align: left;
		border-bottom:1px #fff dotted;
	}
	#g-nav li a{
		color: #fff;
		text-decoration: none;
		padding:10px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}
	.openbtn{
		position:fixed;
		z-index: 9999;
		top:10px;
		right: 10px;
		cursor: pointer;
		width: 50px;
		height:50px;
		background:#361f03;
	}
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		border-radius: 2px;
		background-color: #fff;
		width: 45%;
	}
	.openbtn span:nth-of-type(1) {
		top:15px; 
	}
	.openbtn span:nth-of-type(2) {
		top:23px;
	}
	.openbtn span:nth-of-type(3) {
		top:31px;
	}
	.openbtn.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}
	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	.main {
		padding:0 16px!important;
	}
	.wp-image-8819{
		right:-10px;
		max-width:200px!important;
	}
	.wp-image-8820{
		max-width:160px!important;
	}
	.wp-image-8821{
		max-width:180px!important;
	}
	.new-entry-cards{
		display:block;
	}
	.new-entry-card-link{
		width:100%;
		background:#fff;
		border:solid 3px #782F06;
		margin-bottom:20px!important;
		border-image: linear-gradient(to right, #d2614e 0%, #845d1e 70%,#68470d 80%);
		border-image-slice: 1;
	}
	.new-entry-card-thumb{
		position:relative;
		border: initial;
		background:#fff;
	}
	.new-entry-card-thumb:before{
		border:initial;
	}


	.footer-item div{
		margin:0!important;
	}

	/* 2024/9/4 追記 */
	.staff-box2{
		display: block;
	}
	.staff-rightbox{
		width: 100%;
	}
	.staff-leftbox{
		margin: 0 auto 3rem;
	}
	.kazari{
		width: 25%;
	}

	/* 2024/9/4	 */
	.zayu,
	.staff-box2:nth-of-type(4) .staff-leftbox .zayu,
	.staff-box2:nth-of-type(5) .staff-leftbox .zayu{
		bottom: -5rem;
	}
	.br-sp2{
		display: block;
	}
	/* 腸活テストページ　------------------ */
	/* 2024/9/4	 */
	.page-id-14921 .left-mv{
		margin-bottom: 8rem;
	}
	/* 各ページ共通　------------------------------- */
	/* 施術の流れ */
	.page-id-14921 .timeline .timeline-item{
		width: 100%;
	}
}
@media (max-width: 802px){
	/* 2024/9/19*/
	.sec1-container1 {
		flex-direction: column; /* 横並びから縦並びに変更 */
	}
	.tyoukatu-title-container{
		display: block;
	}
	.tyoukatu-title-container .sec-title{
		font-size: 1.3rem;
	}
	.page-id-14921 .article h2{
		font-size: 1.1rem;
		text-align: center;
	}
	.page-id-14921 .text-size{
		padding: 20px 0;
	}

}

@media screen and (max-width: 782px){
	.wp-image-8874{
		bottom:15px;
		z-index:2;
		opacity:1;
	}
	.footer-contact{
		display:block;
	}
	.footer-contact div{
		width:100%;
		margin:0;
		padding:20px;
		color:#fff;
	}
	.footer-contact span{
		font-size:0.8em;
	}
	.footer-contact-title{
		padding:5px;
		margin-bottom:10px;
		border-bottom:solid 1px #fff;
	}
	.bannerbox{
		padding:40px 0;
	}
	.banner{
		padding-left:0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style:none;
	}
	.banner li{
		width: 50%;
		padding:10px 5px;
		text-align:center;
	}
	.about th,.about td{
		font-size:1rem;
	}
	.about th{
		display:block;
		width:100%;
		padding:5px;
		border:solid 1px #361f03;
	}
	.about td{
		display:block;
		width:100%;
		padding:15px 10px;
	}
	h3[class="sln-steps-name sln-service-name"] {
		width: 100% !important;
		padding: 0em 0em 0em 0em !important;
		margin: 0em 0em 0em 2em !important;
		font-size: 1.0em !important;
		border-bottom:initial;
	}
	h3[class="sln-steps-price sln-service-price"]{
		width: 100% !important;
		padding: 0em 0em 0em 0em !important;
		margin: 0em 0em 0em -1em !important;
		font-size: 1.0em !important;
	}
	/* 2024/8/19　追記 */
	.staff-wrap{
		display: block;
	}
	.staff-container,
	.staff-wrap:nth-of-type(2) .staff-container{
		max-width: 550px;
		margin: 0 auto 3rem;
	}
	.staff-message{
		height: auto;
	}
	
	/* 2024/9/18 */
	.sec1-container2,
	.sec2-container2,
	.br-sp{
		display: block;
	}
	.tyoukatu-text,
	.tyoukatu-img{
		margin: 0 auto;
	}
	.tyoukatu-list{
		max-width: 250px;
	}
	.tyoukatu-list2{
		max-width: 350px;
	}
	.sec4-container2{
		display: grid;
		grid-template-columns: 1fr;	
	}
	.sec4-container2 .tyoukatu-list{
		order: 2;
	}
	.sec4-container2 .tyoukatu-img{
		order: 1;
	}
}


@media (max-width: 599px){
	h3[class="sln-steps-name sln-service-name"] {
		width: 100% !important;
		padding: 0em 0em 0em 0em !important;
		margin: 0em 0em 0em 0em !important;
		font-size: 0.84em !important;
	}
	h3[class="sln-steps-price sln-service-price"]{
		width: 100% !important;
		padding: 0em 0em 0em 0em !important;
		margin: 0em 0em 0em 0em !important;
		font-size: 0.84em !important;
	}
}
@media screen and (max-width: 650px){
	.br-sp{
		display: block;
	}
}


@media screen and (max-width: 480px){
	body:before{
		margin: 0 calc(100% - 50vw);
		background-position: initial;
		display:none;
	}
	.wp-image-8820{
		bottom:-45px;
		max-width:120px!important;
	}
	.wp-image-8821{
		left:-15px;
		max-width:150px!important;
	}
	.wp-image-8874{
		bottom:50px;
		width:120px;
	}
	.page-id-14921 .article h2{
		padding: 3.5rem 0 1rem;
	}
	.page-id-14921 .article h2:before,
	.page-id-14921 .article h2:after{
		width:70px;
		height:55px;
	}
	.article h3:before{
		content:'';
		top:15px;
		left:-40px;
		width:60px;
		height:40px;
	}

	.footer-item{
		display:block;
	}
	.footer-item div{
		width:100%;
	}

	.footer-item p,.footer-menu{
		font-size:0.8em;
	}
	.footer-menu{
		padding-left:0;
	}
	.footer-menu ul{
		padding-left:10px;
	}
	.menu-btn{
		padding:20px 5px;
		font-size:0.9em;
	}
	.menu-btn-inr{
		width:35%;
	}
	.menu-btn-inr:before{
		width:42%;
	}

	.price td{
		display:block;
		width:100%;
	}
	.price tr td:first-child{
		width:100%;
		border-bottom: #361f03 1px dotted;
	}

	.linkbtn{
		margin:0 auto;
	}
	
	
	.staff-box2 {
		display:block;
	}
	
	.staff-leftbox,.staff-rightbox {
		width:100%;
	}
/* 	2024/9/4 */
	.zayu{
		font-size: 1.4em;
	}
	.kazari{
		width: 31%;
	}
	.unryudou{
		padding: 1rem;
		margin-bottom: 0;
	}
	.unryudou-container{
		padding-bottom: 3rem;
	}
	/* 各ページ共通　------------------------------- */
	/* 施術の流れ */
	.page-id-14921 .timeline-box{
		margin-bottom: 6rem;
	}
	.page-id-14921 .timeline .timeline-item{
		width: 90%;
	}

}
/*****************************************************
 * 価格改定表
*****************************************************/
.price-table .price-text,
.price-table h3.wp-block-heading{
	max-width: 1440px;
}

.price-table table.has-fixed-layout {
	background: #fff;
}

.price-table thead {
	border-bottom: 1px solid  #361f03;
}

.price-table table thead tr th:last-child {
  border-right: 1px solid  #361f03 !important;
}

.price-table table th {
    background-color: #331F0B;
	color: #fff;
	border-right: 1px solid #fff !important;
}

.price-table table:not(.has-border-color) :where(th, td) {
	border: 1px solid #361f03;
}

@media (max-width: 480px) {
	.price-table h2.wp-block-heading {
		font-size: 18px;
	}
}

@media (max-width: 1023px) {
table.has-fixed-layout {
    width: 100%;
    min-width: 930px;
  }
}

@media (max-width: 767px) {
table.has-fixed-layout {
    width: 100%;
    min-width: 750px;
  }
}

.wp-block-table {
	white-space: nowrap;
}
.price-link__box p.price-link__text {
	margin-inline: initial !important;
}

.price-link__box figure.wp-block-image.size-full {
	margin-inline: initial !important;
}

.price-link__box a.line-link {
	transition: opacity .3s;
}

.price-link__box a.line-link:hover {
	opacity: .6;
}

@media (max-width: 767px) {
	.price-link__box a.line-link {
		width: 185px;
	}
}

@media (max-width: 915px) {
	.l-hidden__sp br {
		display: none;
	}
}

.l-link__btn a {
	transition: opacity .3s;
	color: #331F0A;
}

.l-link__btn a:hover {
	opacity: .6;
}

/*****************************************************
 * 母の日キャンペーン
*****************************************************/
@media screen and (max-width: 805px) {
	.hidden-sp {
		display: none;
	}
}





/* ----2026.08 キャンペーン------------------------------------------- */

.recure_campaign08 {
/* 	background: #fff0cf; */
	padding:3rem 0 2rem;
}
.recure_campaign08 h2::before,
.recure_campaign08 h2::after{
	display:none;
}
.recure_campaign08 p{
	margin:0;
  line-height: normal;
}

.recure_campaign08 .top_area .campaign_about{
	margin-bottom:1rem;
}
.recure_campaign08 .top_area .campaign_about h2 {
	font-size: 3rem;
	text-align: center;
	border-bottom: dashed 2px #72815d;
	display:block;
	margin: 0 1rem 1rem;
	padding:0 0 1rem;
}
.recure_campaign08 .top_area .campaign_about h2 span {
	font-size: 1.5rem;
}
.recure_campaign08 .top_area .campaign_about .campaign_price {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	place-items: center;
}

.recure_campaign08 .top_area .campaign_about .campaign_price .txt:nth-of-type(1) span {
	font-size: 2rem;
}
.recure_campaign08 .top_area .campaign_about .campaign_price .txt:nth-of-type(2) {
	grid-column-start: 2;
	grid-column-end: 5;
	color: #be4e1b;
	text-align: center;
	font-weight:bold;
}
.recure_campaign08 .top_area .campaign_about .campaign_price .txt:nth-of-type(2) span {
	font-size: 4rem;
}
.recure_campaign08 .top_area .campaign_about .campaign_price .txt:nth-of-type(3) {
	grid-column-start: 1;
	grid-column-end: 5;
	font-size:1.2rem;
}

.recure_campaign08 .top_area .campaign_image {
	display: grid;
	grid-template-columns:repeat(2 ,1fr);
	gap:0.8rem;
}
.recure_campaign08 .top_area .campaign_image .image_item:nth-of-type(1){
	grid-column: 1;
  grid-row: 1/3;
}
.recure_campaign08 .top_area .campaign_image .image_item img{
	width: 100%;
  height: 100%;
  object-fit: cover;
	border-radius:10px;
}

.recure_campaign08 .bottom_area{
	margin-top:2rem;
}
.recure_campaign08 .bottom_area .area_txt{
	text-align:center;
	font-size:1.2rem;
	margin-bottom:1rem;
}
.recure_campaign08 .bottom_area .regular_price {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	background:#fff;
	justify-content: space-between;
  padding: 1rem;
  border-radius: 10px;
  border: solid 1px #e5e5e5;
}

.recure_campaign08 .bottom_area .regular_price .r_item{
	text-align:center;
	padding:1rem;
	position: relative;
}
.recure_campaign08 .bottom_area .regular_price .r_item.is-right {
	border-right: dashed 2px #e5e5e5;
}
.recure_campaign08 .bottom_area .regular_price .r_item.is-bottom {
	border-bottom: dashed 2px #e5e5e5;
}


.recure_campaign08 .bottom_area .regular_price .r_item .r_price span{
	font-size:3rem;
	font-weight:bold;
}
.recure_campaign08 .bottom_area .regular_price .r_item:nth-of-type(2){
	color:#4E6932;
}
.recure_campaign08 .bottom_area .regular_price .r_item:nth-of-type(3){
	color:#be4e1b;
}

.recure_campaign08 .bottom_area .campaign_btn{
	background:#4E6932;
	color:#fff;
	border-radius:50px;
	padding:1rem 2rem;
	display: block;
  	width: fit-content;
  	margin: 1rem auto;
  	text-decoration: none;
	font-size:1rem;
}
.recure_campaign08 .bottom_area .campaign_btn span{
	font-size:1.3rem;
	padding-right:1rem;
}
.recure_campaign08 .bottom_area .campaign_btn.yomogi_btn{
	background:#be4e1b;
	margin-top:1.5rem;
}
.recure_campaign08 .bottom_area .campaign_btn:hover{
	opacity: .7;
	transition: .3s;
}

@media screen and (min-width:835px){
	.recure_campaign08 .top_area {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.recure_campaign08 .top_area .campaign_about .campaign_price .txt:nth-of-type(2) span {
		font-size: 6.5rem;
	}
	.recure_campaign08 .top_area .campaign_about .campaign_price .txt:nth-of-type(3){
		font-size:1.5rem;
	}
	.recure_campaign08 .bottom_area .campaign_btn br{
		display:none;
	}
}