@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=Meddon&family=Noto+Serif+JP:wght@500&display=swap');

html,
body{
	overflow-x:hidden!important;
}
body .container{
	font-family: 'Noto Serif JP', serif;
	background:#fff;
}

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


/* 【初期】 */
.home .entry-content{
	margin-top:0;
}
.flexslider,
.metaslider .flexslider,
.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;
}



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

.page .main,
.category .main{
	padding:0 1em 3em 1em!important;
	border:none!important;
}


/* 【リンクタグ設定】 */
.container a{
	display:block;
	text-decoration:none;
	/*! justify-content: center; */
	/*! align-content: center; */
	/*! align-items: center; */
}
.breadcrumb a,
.admin-panel a{
	display:inline-block;
}
.go-to-top a{
	display:flex;
}
.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: #B82A1E;
	color:#fff;
}

/* 【モバイル時のheader色】 */
.mobile-header-menu-buttons .menu-button{
  color: #fff;
  background-color: #B82A1E;
	overflow:hidden;
}

/* 【mobileナビ】 */
.navi-menu-content .fa-close{
    color:#303030; 
}



.kazari {
/*! 　　　 height: 20px; */ 
width: 107px;
}

/* 雪の粒 */
.snowflake {
  position: fixed;
  top: -10px;
  color: #fff;
  font-size: 8px;
  pointer-events: none;
  animation: fall 10s linear infinite;
  opacity: 0.8;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.7));
}

@keyframes fall {
  0% { transform: translateY(-10vh) translateX(0); }
  100% { transform: translateY(110vh) translateX(20px); }
}

header {
  border-bottom: 3px solid #b30000; /* 赤 */
  box-shadow: 0 3px 0 0 #086c3a;     /* 緑の影 */
}

.header-logo img {
  filter: drop-shadow(0 0 6px rgba(255,215,0,0.6));
}



/* ヘッダー*********************************************************************** */
#header-container-in .header-in{
	display: flex;
	flex-direction: row;
	justify-content: none;
	align-items: center;
}
#header-container-in .logo-image{
	width:60%;
}
#header-container-in .H-right{
	width:40%;
	padding-right:1em;
}
#header-container-in .H-right div{
	width:fit-content;
	margin:0 0 0 auto;
}
#header-container-in .H-right .txt01{
/* 	background:#fff;
	padding:0.3em 0.5em;
	color:#303030;
	border-radius:50px; */
	
	text-align:center;
	margin-bottom: -0.5rem;
  	border-bottom: solid #fff 1px;
}
#header-container-in .H-right .txt02{
	font-size:1.7em;
	font-weight:bold;
}
#header-container-in .H-right .link{
	padding: 0.5rem;
	background: #C3A96C;
	border-radius: 50px;
	text-align: center;
	color: #303030;
	transition:.6s;
}
#header-container-in .H-right .link:hover{
	opacity:.8;
}

/* 【mobileナビ】 */
.menu-drawer .menu-item a{
    margin: 20px 5px;
    display: block;
	border-bottom:solid 2px #B82A1E;
	position:relative;
	padding-left:35px;
}
.menu-drawer > .menu-item > a{
	position:relative;
}
.menu-drawer > .menu-item > a::before{
	content:"";
	width:30px;
	height:30px;
	background:#880005;
	position:absolute;
	left:0;
	bottom:0;
}

.menu-drawer .sub-menu .menu-item a{
	position:relative;
}
.menu-drawer .sub-menu .menu-item a::before{
	content:"";
	width:25px;
	height:2px;
	background:#880005;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
/* .menu-drawer a{
    color:#文字色; 
} */

.navi-menu-content .fa-close{
    color:#000; 
}
.navi-menu-content{
/* 	background:#000; */
}

.mobile-header-menu-buttons .menu-button-in{
	color:#fff!important;
}



/* フッター*********************************************************************** */
.Footer-area{
	background:#fff;
	position:relative;
}
.Footer-area.F-top{
/* 	padding:0 0 1.5em; */
}
.Footer-area.F-top .f-name{
	background:#B82A1E;
	padding:2.5em 0;
	margin-bottom:1.5em;
}
.Footer-area.F-top .f-name img{
	width:100%;
	max-width:800px;
}
.Footer-area.F-top .f-address{
	padding:0 0 1.5em;
}
.Footer-area.F-top .f-address .txt-tel{
	font-size:2.2rem;
	font-weight:bold;
}
.Footer-area.F-top .f-address .f-contact{
	background:#303030;
	color:#fff;
	padding:1em 0.3em;
	border-radius:50px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:1.1em;
	margin:0 auto 0.5em;
}
.Footer-area.F-top .f-address .f-contact.f-web{
	background:#C3A96C;
	color:#303030;
}
.Footer-area.F-top .f-address .txt{
	font-size:.9em;
	margin-bottom:0.5em;
}

.Footer-area.F-bottom{
	padding:1.5em 0;
}
.Footer-area.F-bottom a{
	display:block;
	text-decoration:none;
	color:#303030;
}
.Footer-area.F-bottom .item{
	width:calc((100% / 3) - 1em);
	margin:0.5em;
}

.Footer-area a{
	transition:.6s;
}
.Footer-area a:hover{
	opacity:.7;
}

.Footer-area .item .f-but-banner{
	border: solid 1px #c0c0c0;
}
.Footer-area .item .f-but-banner img{
	vertical-align:top;
}

.Footer-area .item .link-ec{
	background: #c3a96c;
	width: fit-content;
	padding: 0.5rem 1.5rem;
	border-radius: 50px;
	margin-top: 1rem;	
}


/* フッターボタン */
.mobile-footer-menu-buttons .navi-menu-button:nth-of-type(1){
	background:#fdc1c3;
}
.mobile-footer-menu-buttons .navi-menu-button:nth-of-type(2){
	background:#C3A96C;
}



/* 【共通css】********************************************************************* */
.width-1200{
	max-width:1200px;
	margin:auto;
	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;
}


.arrow-icon,
.arrow-icon-W{
	position:relative;
}
.arrow-icon::before,
.arrow-icon-W::before{
	font-family: 'Font Awesome 6 Free';
  	font-weight: 900;
	content:"\f054";
	color:#303030;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	font-size: 1.5em;
	transition:.6s;
}
.arrow-icon-W::before{
	color:#fff;
}
.arrow-icon:hover::before,
.arrow-icon-W:hover::before{
	right:20px;
}

/* -見出し- */
.article h2{
/* 	background:linear-gradient(90deg, rgba(238, 29, 35, 1), rgba(255, 210, 221, 1)); */
	background: #B82A1E;
	padding:1em 0.5em 1em 1em;
	color:#fff;
	margin-bottom:1.5em;
}


/* -テーブル- */
.table-01 table{
	width:90%!important;
	max-width:800px;
	margin:auto;
}
.table-01 table tr,
.table-01 table tr:nth-of-type(2n+1){
	border-bottom:solid 2px #B82A1E;
}
.table-01 table tr td:nth-of-type(1){
	width:30%;
	text-align:center;
	padding:0.8em 0;
}
.table-01 table tr td:nth-of-type(2){
	padding:0.8em 0 0.8em 0.5em;
}


/* -ボタン- */
.reserve-but{
	background:#00B900;
/* 	background:#880005; */
	padding:1em 0.3em;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	border-radius:10px;
	margin:2em auto;
	/*! box-shadow:0px 3px 10px #303030; */
	transition:.6s;
	
	width:100%;
	max-width:1200px;
}
.reserve-but:hover{
	color:#fff;
	opacity:.7;
}

.reserve-but .txt02{
	font-size: .6em;
	background: #fff;
	width: fit-content;
	margin: auto;
	color: #303030;
	padding: 0 1em;
	border-radius: 50px;
	box-shadow: 2px 1px 3px #505050 inset;
}

.reserve-but.web-but{
	background: #c3a96c;
}


/* 【本文の幅調節】 */
@media screen and (min-width: 1024px) {
	.page .article,
	.category .content-in{
		width: 1000px;
		margin: 0 auto;
	}
	.home .article{
		width:auto;
	}
}


/* ======================================
TOP
====================================== */
/* 【本文の幅調節：画面幅に合わせる】 */
.home .content-in{
	width:100%;
}
.home main{
	background:#fff;
}
.home .main{
	padding:0!important;
	border:none;
}



.title-h2{
/* 	font-family: 'Meddon', cursive; */
	position:relative;
	text-align:center;
/* 	margin-bottom:3em!important; */
	background:none!important;
	padding:0!important;
	color:#303030!important;
/* 	font-size:3em!important; */
/*	text-shadow:0px 2px 3px #505050; */
	
	margin-bottom: 1.5em !important;
	font-size: 2.2em !important;
}

/* .title-h2::before{
	font-family: 'Noto Serif JP', serif;
	content:attr(data-title)"";
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	font-size:0.4em;
	text-shadow:none;
} */
.title-h2 .h2-01{
	color:#ee1d23;
}


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



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

/* カルーセル************************* */
.top-swiper{
/* 	border: solid 3px #C3A96C; */
	border: solid 1px #A7A7A7;
	padding: 1em 0;
	position: relative;
}
.swiper-container{
	width:95%;	
}
.C-slide{
/* 	border:solid 1px #A7A7A7; */
	border:solid 2px #C3A96C;
	padding:0.5em;
}
.C-slide a{
	color:#303030;
}
.C-slide .title{
/* 	background:#FFD2DD; */
/* 	background: #fdc1c3; */
/*	background:#EE1D23; */
background:#B82A1E;
	padding:1em 0.5em;	
	color:#fff;
}
.C-slide .about{
	padding:0.5em 0;
}
.C-slide .price{
	background:#D9D9D9;
	padding:0.8em 0.5em;
	text-align:right;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
	width: 60px!important;
    height:60px!important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    content: "";
    position: absolute;
    width: 60px; /* 背景画像の幅を必ず指定 */
    height:60px; /* 背景画像の高さを必ず指定 */
    top: 50%;
    transform: translateY(-50%);
  }

.swiper-button-next {
  right: 15px!important;
}
/* 次へ矢印の背景画像 */
.swiper-button-next::after {
	background: transparent url(https://salon-shin.com/wp-content/uploads/2023/02/next.png) no-repeat center / contain;
	
}

.swiper-button-prev {
  left: 15px!important;
}
 /* 前へ矢印の背景画像 */
.swiper-button-prev::after {
	background: transparent url(https://salon-shin.com/wp-content/uploads/2023/02/prev.png) no-repeat center / contain;
}


/* -- */
.top-sec02{
/*	background: #ee1d23; */
/* 	background: #880005; */
	background: #B82A1E;
	padding:3em 0;
}
.top-sec02 .box{
	
}

.top-sec02 .box .item{
	position:relative;
	width:calc((100% / 4) - 1em);
	margin:0.5em;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3em 0;
	border:solid 1px #A7A7A7;
	transition:.6s;
}
.top-sec02 .box .item::after{
	content:"";
	border:solid #C3A96C 2px;
	width:90%;
	height:90%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.top-sec02 .box .item img{
	display: block;
	width: 30%;
	max-width:84px;
}
.top-sec02 .box .item p{
	margin-top: 1em;
	color: #303030;
}
.top-sec02 .box .item:hover{
	background:#ffd4d4;
}


/* -- */
.top-sec03{
	padding:8em 0 5em;
}
.top-sec03 .box .item{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
/*	background:#ee1d23;*/
	background: #B82A1E;
	padding: 0.15em;
	color:#303030;
	transition:.6s;
}
.top-sec03 .box .item .wrap-item{
	background:#fff;
	border:solid 2px #c3a96c;
	padding:2.5em 1em;
	transition:.6s;
	
	text-align: center;
}
.top-sec03 .box .item .txt01{
/* 	font-size:.9em; */
	
	font-size: 1.2em;
}
.top-sec03 .box .item .txt02{
	font-family: 'Meddon', cursive;
	font-size:1.3em;
}
.top-sec03 .box .item .txt02 span{
	color:#c3a96c;
}
.top-sec03 .box .item:hover{
/* 	background:#ffd4d4; */
}
.top-sec03 .box .item:hover .wrap-item{
/* 	background: #eee; */
	background:#ffd4d4;
}

/* -- */
.top-sec04{
	padding:8em 0;
}
.top-sec04 .bx-wrapper img {
  max-width: 100%;
  display: inline-block;
  border: solid 1px #a1a1a1;
	vertical-align:top;
}


/* -- */
.top-sec05{
	background:#FAC888;
}
.top-sec05 .width-1300{
	width:100%;
	max-width:1300px;
	margin:auto;
}
.top-sec05 img{
	vertical-align:top;
}


/* -- */
.top-sec06{
	padding:5em 0;
	background: #B82A1E; 
/*	background: #ee1d23; */
/* 	background: #880005; */
}
.top-sec06 .box .item{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
	background:#fff;
	padding:0.8em;
	color:#303030;
	transition:.6s;
}
.top-sec06 .box .item img{
	display:block;
	width:30%;
	max-width:84px;
	margin:auto;
}
.top-sec06 .box .item .wrap-item{
	border:solid 2px #c3a96c;
	padding:2em 1em;
	transition:.6s;
}
.top-sec06 .box .item .txt{
	margin-top:0.5em;
	text-align:center;
}
.top-sec06 .box .item:hover{
	background:#ffd4d4;
}


/* -- */
.top-sec07{
	padding:8em 0 5em;
}

/* -投稿レイアウト- */
.blog-area{
	width: 85%;
	margin: 5em auto;
}
.blog-area .wp-show-posts-single{
  border: solid 1px #a1a1a1;
  padding: 1em;
}
.blog-area .wp-show-posts-image{
  	width: 40%;
	margin-bottom:0;
}
.blog-area .wpsp-read-more{
	float:right;
}
.blog-area a.wp-show-posts-read-more{
	border-radius: 50px;
	width: 150px;
	text-align: center;
	background: #303030;
	color: #fff;
	border: none;
	box-shadow: 0px 2px 3px #505050 !important;
	transition:.6s;
}
.blog-area a.wp-show-posts-read-more:hover{
	background:#606060;
}
.blog-area .wp-show-posts .wp-show-posts-entry-title a,
.blog-area .wp-show-posts-entry-meta a,
.blog-area .wp-show-posts-entry-summary{
	color:#303030;
}
.blog-area .wp-show-posts-image img{
	border: 1px solid #a1a1a1;
/* 	border-image: linear-gradient(134deg, rgba(215, 149, 35, 1), rgba(255, 249, 183, 1) 49%, rgba(215, 149, 35, 1))1; */
	
}

.blog-area .wp-show-posts-entry-header {
	margin: 0em 0 0.3em;
	padding-top:1em;
}
.blog-area .wp-show-posts-entry-summary {
  margin-bottom: 0.3em;
}

@media (max-width: 767px){
	.blog-area .wp-show-posts-image.wpsp-image-left,
	.blog-area .wp-show-posts-image.wpsp-image-right {
	  	float: left;
	  	margin-right: 1em;
	  	margin-left: 1em;
	}
}
@media (max-width: 600px){
	.blog-area .wp-show-posts-image.wpsp-image-left,
	.blog-area .wp-show-posts-image.wpsp-image-right {
	  	float: none;
		margin: auto;
	}
	.blog-area .wp-show-posts-image{
  		width: 100%;
		margin: auto;
	}
	.blog-area{
		margin:2em auto;
	}
}




/* ======================================
固定ページ
====================================== */

.entry-title, .archive-title{
	text-align: center;
	padding: 2.5em 0 2.5em;
	position:relative;
	margin-bottom:2em;
}
.entry-title::before, .archive-title::before{
/* 	content:"";
	background:url(https://salon-shin.com/wp-content/uploads/2023/02/title-image.png) center no-repeat;
	background-size:contain;
	width:80%;
	height:0;
	padding-top:7.4%;
	position:absolute;
	bottom:-1em;
	left:50%;
	transform:translateX(-50%); */
}
.entry-title::before, .archive-title::before{
	font-family: 'Meddon', cursive;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 2em;
	color: #DFCEA8;
	z-index: -1;
	text-shadow: 2px 3px 3px #c0c0c0;
	
	white-space:nowrap;
}

.archive-title .fa{
	display:none;
}

.margin-bottom{
	margin-bottom:5em;
}

.but-bottom-area a{
	border: solid 2px #C3A96C;
	padding: 1.5em 0.5em;
	text-align: center;
	color: #333;
}


/* -店舗案内- */
.page-id-118 .entry-title::before{
	content: "About";
}
.about-01 ul{
	list-style: none;
	padding: 0;
	width: fit-content;
	margin: auto;
}
.about-01 ul li{	
	padding-left: 30px;
/* 	line-height: 1.6em; */
	background: url(https://salon-shin.com/wp-content/uploads/2023/02/list-image.png) left 0px top 6px no-repeat;
	background-size: 20px auto;
	margin-bottom: 1em;
}


/* -キャンペーン- */
.page-id-323 .entry-title::before{
	content: "Greeting";
}
.greeting-wrap{
	width:100%;
	max-width:800px;
	margin:auto!important;
}
.greeting-main-image img{
	width: 80%;
	max-width: 500px;
	margin: auto;
}


/* -よくある質問- */
.page-id-120 .entry-title::before{
	content: "Faq";
}

.s_02 .accordion_one {
/*   max-width: 1024px; */
  margin: 0 auto 1.5em;
}
.s_02 .accordion_one .accordion_header {
	background: #B82A1E;
/*  background-color:#ee1d23;　*/
/* 	background-color: #880005; */
	color:#fff;
/*  font-weight: bold; */
  padding: 20px 15% 20px 5%;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header:hover {
  opacity: .8;
}
.s_02 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
/*   border: 1px solid #303030; */
	border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
/*   background-color: #303030; */
	background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_02 .accordion_one .accordion_inner {
  display: none;
  padding: 30px 30px;
  border-left: 2px solid #ee1d23;
  border-right: 2px solid #ee1d23;
  border-bottom: 2px solid #ee1d23;
/* 	border-left: 2px solid #880005;
  border-right: 2px solid #880005;
  border-bottom: 2px solid #880005; */
  box-sizing: border-box;
}

.s_02 .accordion_one .accordion_inner div.txt_a_ac {
  margin: 0;
}
.s_02 .accordion_one .accordion_inner div.txt_a_ac p:not(:last-child){
	margin-bottom:1em;
}
@media screen and (max-width: 1024px) {
  .s_02 .accordion_one .accordion_header {
    font-size: 18px;
  }
  .s_02 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .s_02 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}


/* -キャンペーン- */
.page-id-158 .entry-title::before{
	content: "Campaign";
}
.page-id-158 h2{
	background:none;
	margin-bottom: 0;
	padding:0;
}
.page-id-158 h3{
	text-align:center;
	
/* 	background: linear-gradient(90deg, rgba(238, 29, 35, 1), rgba(255, 210, 221, 1)); */
/*	background: #ee1d23; */
	background: #B82A1E;
	padding: 1em 0.5em;
	color: #fff;
	margin-bottom: 1.5em;
}
.campaign{
/*	border: 1px solid #EE1D23; */
	border: 1px solid #B82A1E;
}
.campaign h4{
	border-bottom: 3px solid #C3A96C;
	padding-bottom:0.5em;
	margin:2.5em 0 1em;
}
.campaign .box-padding{
	width:90%;
	margin:1em auto 3em;
}
.campaign .haikei{
	background:#C3A96C;
	padding:0.5em 1em;
	border-radius:50px;
	width:80%;
	max-width:250px;
	text-align:center;
	margin:auto;
}
.campaign .fl.other .haikei{
	width: calc((100% / 2) - 1em);
	margin: auto 0.5em;
}
.campaign .haikei.time{
	background: #797979;
	color: #fff;
}
.campaign-01 .haikei{
	background:#FFC700;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25), inset 2px 2px 15px #FFFAEA;
	font-size:1.5em;
	font-weight:bold;
	max-width: none;
	line-height: 1.5em;
}
.campaign-01 .haikei span{
	font-size:1.5em;
}

.campaign .price{
	text-align:center;
}
.campaign .price span{
	font-size:3em;
	font-weight:bold;
	color:#B82A1E;
}

.campaign .suuji{
	background:#eee;
	padding:0.5em;
	text-align:right;
	width:80%;
	margin:auto;
	text-align: center;
}

.campaign .text-about{
	width:fit-content;
	margin:1em auto 0.5em;
}
.campaign .text-about.center{
	text-align:center;
}
.campaign .text-about .p-border{
	font-size:1.3em;
/*	color: #FF7193; */
	color: #e6635e;
	background: linear-gradient(transparent 70%,#EBD407 70%,#EBD407 100%,transparent 100%);
	font-weight: bold;
}

.campaign .image-area{
	width:30%;
	margin:auto;
}
.campaign .text-area{
	width:70%;
	padding-left:1em;
	
	margin:auto;
}

@media screen and (max-width: 600px){
	.campaign .image-area{
		width:100%;
	}
	.campaign .image-area img{
		width:50%;
		display:block;
		margin:0 auto 1em;
	}
	.campaign .text-area{
		width:100%;
		padding-left:0;
		margin: 0 0.5em;
	}
	.campaign .text-about .p-border{
		font-size:1.2em;
	}
}



/* -お問い合わせ- */
.page-id-122 .entry-title::before{
	content: "Contact";
}


/* -ブログ- */
.category-blog .archive-title::before{
	content:"Blog";
}


/* -お得な情報- */
.category-information .archive-title::before{
	content:"Information";
}


/* -施術メニュー：共通- ****************/
.menu-box{
	border:solid 1px #a1a1a1;
	padding:1.5em;
	margin-bottom:1rem;
}
.menu-box .title{
	border-bottom:solid 3px #C3A96C;
	margin-bottom:0.2em;
	font-size:1.2em;
}
.menu-box .menu-about{
	width:90%;
	margin:auto;
}
.menu-box .menu-about .price{
	text-align: right;
	font-size: 1.2em;
}
.menu-box .menu-about .text{
/* 	margin-top:0.2em; */
	background: #eee;
	padding: 0.5em 0.5em;
	margin: 0.3em 0;
}
.menu-box .menu-about .text p:not(:last-child){
	margin-bottom:1em;
}
.menu-box .menu-about .time{
	width: fit-content;
	background: #303030;
	color: #fff;
	padding: 0.2em 1em;
	border-radius: 50px;
	font-size: .9em;
	margin-top:0.2em;
}
.menu-box .mini{
	font-size:0.8em;
}

.text-inner {
	display:flex;
}

.menu-img {
	width:200px;
}

.menu-text {
	margin-left:20px;
	width: 650px;
}


/* -施術メニュー：タブ- ****************/
.tab-list {
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-btween;
	padding:0!important;
	margin-bottom:0!important;
}
.tab-list-item {
  	text-align: center;
/*   flex: 0 0 33.33333%; */
  	width:calc(100% / 2);
  	background-color: #eee;
  	padding: 10px 0;
	margin:0!important;
	cursor:pointer;
}
.tab-list-item.active {
  background-color: #C3A96C;
}

.main .tab-contents-item {
  display: none;
	
	padding: 2em 0.5em;
	border-left: solid 3px #C3A96C;
	border-right: solid 3px #C3A96C;
	border-bottom: solid 3px #C3A96C;
	max-width: 100% !important;
	margin: 0 !important;
	border-top: solid 3px #C3A96C;
}
.tab-contents-item.show {
  display: block;
}

.mens h2{
/* 	background: linear-gradient(90deg, rgb(38, 30, 134), rgb(185, 219, 249))!important; */
	background: #271f87;
}


/* -脱毛- */
.page-id-186 .entry-title::before{
	content:"Hair removal";
}

/* -フェイシャルトリートメント- */
.page-id-226 .entry-title::before{
	content:"Facial treatment";
}

/* -ボディトリートメント- */
.page-id-248 .entry-title::before{
	content:"Body treatment";
}


/* -ボディトリートメント- */
.page-id-258 .entry-title::before{
	content:"Eyelash";
}


/* -ヘッドスパ- */
.page-id-268 .entry-title::before{
	content:"Head spa";
}

/* ブライダルメニュ- */
.page-id-951 .entry-title::before{
	content:"Bridal";
}


/* -スクールメニュー- */
.page-id-326 .entry-title::before{
	content:"Picture";
}


/* -スクールメニュー- */
.page-id-328 .entry-title::before{
	content:"School";
}


/* -プライバシーポリシー- */
.page-id-3 .entry-title::before{
	content:"Privacypolicy";
}





/* -初めての方へ- */
.page-id-321 .entry-title::before{
	content: "Beginner";
}

.beginner{
	margin-bottom:5em;
}

.beginner .beginner-title{
	position:relative;
	padding-left: 4.5em;
}
.beginner .beginner-title::before{
	content: attr(data-number)"";
	position: absolute;
	top: -0.5em;
	left: 0.3em;
	font-size: 3em;
	color: #C3A96C;
	font-weight: bold;
}
.beginner .box .text{
	margin:auto;
}

/* ===== ID:1019 専用スタイル ===== */
.page-id-1019{--red:#c32430;--gray:#f8f8f8;}

/* 汎用 */
.page-id-1019 .section{padding:60px 0;}
.page-id-1019 h2{text-align:center;margin-bottom:40px;font-size:2rem;}
.page-id-1019 .lead{text-align:center;font-size:1.1rem;margin-bottom:40px;}
.page-id-1019 .btn{display:inline-block;padding:12px 32px;border-radius:4px;text-decoration:none;font-weight:600;transition:.3s;}
.page-id-1019 .btn-primary{background:var(--red);color:#fff;}
.page-id-1019 .btn-outline{border:2px solid var(--red);color:var(--red);} 
.page-id-1019 .btn:hover{opacity:.8;}

/* 専用コンテナ */
.page-id-1019 .ep-container{width:95%;max-width:1100px;margin:0 auto;}

/* 特徴カード */
.page-id-1019 .features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.page-id-1019 .feature-card{flex:1 1 280px;background:#fff;border:1px solid #eee;border-radius:8px;padding:24px;text-align:center;}

/* テーブル */
.page-id-1019 .curriculum{width:100%;border-collapse:collapse;font-size:.95rem;}
.page-id-1019 .curriculum th,
.page-id-1019 .curriculum td{border:1px solid #ddd;padding:8px;text-align:center;}
.page-id-1019 .curriculum tbody tr:nth-child(odd){background:#fafafa;}
.page-id-1019 .curriculum td:first-child{font-weight:700;}

/* リスト */
.page-id-1019 .kit-list{columns:2 200px;margin:0 auto;max-width:600px;}

/* フロー */
.page-id-1019 .flow-step{display:flex;align-items:center;margin-bottom:24px;}
.page-id-1019 .flow-step-num{background:var(--red);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:16px;}

/* FAQ */
.page-id-1019 .faq-item{margin-bottom:16px;}
.page-id-1019 .faq-q{font-weight:700;}

/* 講師画像 */
.page-id-1019 .teacher-img{width:220px;height:auto;border-radius:50%;object-fit:cover;margin-bottom:24px;box-shadow:0 4px 10px rgba(0,0,0,.15);} 

/* SP 対応 */
@media(max-width:600px){
  .page-id-1019 .features{flex-direction:column;}
  .page-id-1019 .flow-step{flex-direction:column;align-items:flex-start;}
  .page-id-1019 .flow-step-num{margin-bottom:8px;}
  .page-id-1019 .curriculum{font-size:.85rem;}
}


/************************************
** 投稿
************************************/
.single .article h3{
	border-left: solid 5px #ee1d23 !important;
	padding-left:0.3em;
	margin-bottom:0.5em;
}


.single .article h4{
	border-bottom:2px solid #ee1d23;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}









.sp-600{
		display:none;
	}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#header-container-in .H-right{
		display:none;
	}
	
/* -TOP- */
	.top-sec03 .box .item{
		width: 100%;
		max-width: 800px;
		margin: 0.5em auto;
	}
	.top-sec03 .box .item .wrap-item{
		padding: 1.5em 1em;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.fl-item{
		width:100%;
	}
	.Footer-area .fl-item{
		width: 80%;
  		margin: 1em auto;
	}
	
/* -TOP- */
	.top-sec02 .width-1200{
		max-width:500px;
	}
	.top-sec02 .box .item{
		width: calc((100% / 2) - 1em);
		padding: 2em 0;
	}
	
}


@media screen and (max-width: 600px){
	.pc-600{
		display:none;
	}
	.sp-600{
		display:block;
	}
	
	.Footer-area.F-bottom .item {
  		width: 90%;
  		margin: 0.5em auto;
	}
	
/* -TOP- */
	.title-h2{
/* 		margin-bottom:2em!important; */
/* 		font-size:2.5em!important; */
		
		font-size:1.8em!important;
	}
/* 	.title-h2::before{
		font-size:0.5em;
	} */
	.top-sec04 {
  		padding: 3em 0;
	}
	.top-sec03,
	.top-sec07 {
  		padding: 5em 0;
	}
	
/* -- */
	.entry-title::before, .archive-title::before{
/* 		bottom:0; */
	}
	
/* -- */
	.beginner .beginner-title{
		padding-left: 1.5em;
	}
	.beginner .beginner-title::before{
		top: -0.8em;
		font-size: 2em;
	}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pc-main,
	.pc-480{
		display:none;
	}
	.sp-main,
	.sp-480{
		display:block;
	}
	
	.Footer-area.F-top .f-address .txt-tel {
		font-size: 1.8rem;
	}
	
/* -TOP- */
	.title-h2{
		text-shadow:0px 2px 3px #c0c0c0;
		
	}
	.swiper-button-next,
	.swiper-button-prev {
		width: 50px!important;
		height:50px!important;
	}
	.swiper-button-next::after, .swiper-button-prev::after{
		width: 50px;
		height: 50px;
	}
	.swiper-button-next {
  		right: -10px !important;
	}
	.swiper-button-prev {
  		left:-10px !important;
	}
	.top-sec06 .box .item{
		width:100%;
	}
	.top-sec06 .box .item img{
		max-width:60px;
	}
	.top-sec06 .box .item .wrap-item {
		padding:1em;
	}
	
	.top-sec03 .box .item .txt01 {
  		font-size: 1em;
	}
/* -- */
	.entry-title, .archive-title {
	  padding: 2em 0;
	  margin:0 auto 2em;
		font-size:1.5em!important;
	}
	.entry-title::before, .archive-title::before {
		font-size:1.5em;
/* 		width: 100%;
		padding-top: 9.25%;
  		bottom: 0.3em; */
	}
	
/* -- */
	.menu-box .title,
	.menu-box .menu-about .price{
		font-size:1em;
	}
	.menu-box .menu-about .text{
		font-size:.9em;
	}
	.menu-box .menu-about{
		width:100%;
	}
	
/* -- */
	.beginner {
  		margin-bottom: 3em;
	}
	
	.text-inner {
		display:block;
	}
	
	.menu-text {
		margin-left:0;
		width: auto;
	}
	
	.menu-img {
		width:90%;
		margin:0 auto;
	}
	
}