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

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

html,body{
	overflow-x:hidden;
}

.home .entry-title{
	display:none;
}

.main{
	background:none;
}

p,a,li,td,div,span{
	font-family: 'Kosugi', sans-serif;
}

.content-bottom {
	margin: 0 0;
}
#custom_html-2{
	margin-bottom:0!important;
}
.footer{
	margin-top:0;
}

.new-entry-card-link{
	border-bottom:1px solid #e6bed6;
}
.date-tags{
	display:none;
}
.new-entry-card .new-entry-card-content .display-none{
	display: block!important;
}
.no-post-date .post-date{
	display:block;
}

/* ヘッダー---------------- */
.logo-header{
	display:none;
}
.headeritem{
	width:1024px;
	margin:0 auto;
	display:flex;
	align-items:center;
}
.h-logo{
	width:20%;
}
.h-btn{
	display:flex;
	width:80%;
	justify-content:end;
}
.h-btn a{
	display:block;
	padding:10px;
	background:#3aabd2;
	margin:0 10px;
	text-decoration:none;
	color:#fff;
	box-shadow:0 3px 5px #c4c4c4;
	transition:0.3s;
	border-radius:10px;
}
a.b-mail{
	background:#df5656;
}
a.b-line{
	background:#06c755;
}
.h-btn a:hover{
	color:#fff;
	transform: scale(1.1);
	box-shadow:0 3px 10px #adadad;
}

#navi{
	background:#df4661;
	padding:10px 0;
}
#navi .wrap,#header-container .wrap{
	width:100%!important;
}
#navi .navi-in > ul > li > a {
/* 	padding: 0 0.8em; */
	padding:0;
	font-size:0.8em!important;
	display:flex;
	padding-right:10px;
	color:#fff;
}
#navi .navi-in > ul > li:last-child a{
	background:#fff;
	border-radius:15px;
	color:#df4661;
}
#navi .navi-in > ul > li:last-child a:hover{
	opacity:0.8;
}
#navi .navi-in ul li a:before{
	content:"|";
	margin-right:10px;
}
#navi .navi-in ul li:last-child a:before{
	content:'';
}

#navi .navi-in a:hover {
	background-color:initial;
}
#navi .navi-in a:hover .caption-wrap{
	color:#570b19;
	transition:all 0.3s;
	transform:scale(1.1);
}

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

#menu-header-1 li a:hover{
	color:#ff8297;
}

#menu-footer li a:hover{
	color:#ff8297;
}

.footer-left, .footer-center, .footer-right {
	width:auto;
}
.footer-center{
	width:80%;
	margin:0 auto;
}
.footer-item,.sns_link{
	display:flex;
	align-items:center;
}
.footer-item div{
	width:50%;
	text-align:center;
}
.footer-item .f-item-inr{
	padding:20px;
}
.footer-item .f-item-inr img{
	box-shadow: 0 3px 10px rgba(30, 4, 0,0.5);
	transition: 0.3s;
	width: 100% !important;
}
.sns_link{
	list-style:none;
	padding-left:0!important;

	width:80%;
/* 	margin: 0 auto; */
	justify-content: center!important;
	/* 	justify-content: space-between */
}
.sns_link li{
	padding:0 20px 20px;
}
.sns_link li a{
	display: block;
	width: 40%;
}
.sns_link li img,.pokepara img{
	transition: 0.3s;
}
.footer-item .f-item-inr img:hover{
	box-shadow: 0 3px 20px rgba(30, 4, 0,0.5);
	opacity: 0.6;
}
.sns_link li img:hover,.pokepara img:hover{
	opacity: 0.4;
}

.sns{
	display:flex;
	justify-content:space-between;
	padding:10px 0;
	list-style:none;
	background:#fff;
	border-radius:10px;
	padding:30px 0 20px;

	justify-content:center;
	align-items:center;
}
.sns a{
	padding:10px;
}

/* もばいる-------------------- */
.menu-drawer li a{
	padding:15px;
	margin-top:10px;
	color:#fff;
	border-radius:10px;
	background:#ff8297;
	border:solid 2px #ff8297;
}
.menu-drawer li a:hover{
	border:solid 2px #ff8297;
}
#menu-mobile .menu-button{
	background:#3aabd2;
}
#menu-mobile .menu-button a{
	color:#fff;
}
#menu-mobile .menu-button:nth-child(2){
	background:#df5656;
}
#menu-mobile .menu-button:nth-child(3){
	background:#06c755;
}

/* 見出し---------------------- */
.entry-title{
/* 	background:#ff8297; */
	padding:30px 20px;
	border-radius:10px;
	font-family: 'Mochiy Pop One', sans-serif;
	color: #ff8297;
}
.article h2,.article h3{
	border:initial;
	background:none;
}
.article h2{
	font-family: 'Mochiy Pop One', sans-serif;
	color: #fff;
	padding: 20px;
	font-size: 22px;
	background: #ff8297;
	border: 2px dashed #fff;
	border-radius: 10px;
	box-shadow: 0 0 0 7px #ff8297;
}
.article h3 {
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #f36191;
	border-radius:2px;
}
.article h3::before {
	position: absolute;
	top: 0;
	left: .3em;
	border-radius:50%;
	height: 11px;
	width: 12px;
	background: #f36191;
	content: '';
}
.article h3::after {
	position: absolute;
	border-radius:50%;
	top: .6em;
	left: 0;
	height: 8px;
	width: 8px;
	background: #f36191;
	content: '';
}

p.first {
	border-bottom: 1px solid #f0bdc4; /* 下線 */
	color: #f26884; /* 文字色 */
	padding: 10px 10px 10px 50px; /* 上・右・下・左の余白 */
	position: relative;
}
p.first:before {
	background-image: linear-gradient(180deg, #ff9a8b 0%, #ff6a88 55%, #ff99ac 100%); /* 円のグラデーション */
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 5px;
	width: 30px; /* 円の幅 */
	height: 30px; /* 円の高さ */
}
p.first:after {
	background-color: #fff; /* 白抜き円 */
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
	width: 20px; /* 白抜き円の幅 */
	height: 20px; /* 白抜き円の高さ */
}

.mensetu {
	position: relative;
	padding: .5em .7em .4em;
	border-bottom: 3px solid #f36191;
}
.mensetu::before,
.mensetu::after {
	position: absolute;
	left: 30px;
	bottom: -15px;
	width: 30px;
	height: 15px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
}
.mensetu::before {
	background-color: #f36191;
}
.mensetu::after {
	bottom: -11px;
	background-color: #fff;
}
.mensetu span{
	background:#f36191;
	padding:5px 10px;
	border-radius:50px;
	color:#fff;
	margin-right:15px;
}

/* 料金表---------- */
.price td{
	width:50%;
	background:#fad7dd;
	border:initial;
	border-bottom:#ff8297 1px solid;
}
.price tr td:first-child{
	background:#eee;
	border-bottom:#ccc 1px solid;
}

.about td{
	border:initial;
	border:solid 1px #d5d8db;
	/* 	border-bottom:1px #333 solid; */
}
table tr:nth-of-type(2n+1) {
	background-color: initial;
}
.about tr td:first-child{
	background:#f5dfe6;
	text-align:center;
}

.faq {
  line-height: 35px;
}
.is-style-accordion .faq-question{
	background:#fff;
}

.p_box {
   width: 100%;/* 紙の横幅 100%にすると全幅表示に */
   padding: 15px;
   margin: 2em auto;
   background: #fffbcc;/* 紙の色 */
   box-shadow: 4px 4px 4px rgba(0,0,0,0.03);transform:rotate(2deg);
   word-break: break-all;
}
.p_box p {
    margin: 0; 
    padding: 0;
	font-size: 0.9em;
}
.p_box_tape {
	width: 30px;
	height: 30px;
	border-radius:50px;
	/*     margin: -25px auto 0; */
	background: #f25e7e;
	transform: rotate(-3deg);
	opacity: 0.8;
	box-shadow:0 2px 5px rgba(148, 130, 138,0.8);
}
.p_box_title {
    text-align: center;
    font-size: 1.2em!important;
    margin-top: 10px!important;
}
.p_box_subtitle {
    text-align: center;
    font-size: 0.7em!important;
    margin-bottom: 1em!important;
}

/* テーブル------------------- */
.cast-info td{
	border:initial;
	border-bottom:dotted 2px #ff8297;
}

/* ボタン------------------------- */
.linkbtn{
	display:block;
	text-decoration:none;
	padding:10px;
	border-radius:10px;
	background:#ff9b0f;
	border:solid 2px #ff9b0f;
	color:#fff;
	font-weight:bold;
	text-align:center;
	transition:0.3s;
}
.linkbtn:hover{
/* 	opacity:0.7; */
	color:#fff;
	background:#ffc069;
}

.telbtn:before{
	display:block;
	content:url(https://feeage.co.jp/wp-content/uploads/2023/04/iPhone風のスマートフォンのアイコン素材.png);
}
.mailbtn:before{
	display:block;
	content:url(https://feeage.co.jp/wp-content/uploads/2023/04/メールの無料アイコンその8-1.png);
}
.linebtn:before{
	display:block;
	content:urlhttps://feeage.co.jp/wp-content/uploads/2023/04/吹き出しのアイコン12.png);
}

/* お問い合わせ----------------- */

.wpcf7 .wpcf7-submit:disabled{
	background:#fff;
	color:#707070;
	border:solid 1px #cfcfcf;
}
.wpcf7 .wpcf7-submit:disabled:hover{
	background:#fff;
	color:#707070;
	opacity:1;
	border:solid 1px #cfcfcf;
}
.wpcf7 .wpcf7-submit{
	font-family: 'Noto Serif JP', serif;
	margin:10px 0;
	background:#df4661;
	border:solid 2px #df4661;
	color:#fff;
	font-size:1.2rem;
	transition:0.3s;
	border-radius:5px;
}
.wpcf7 .wpcf7-submit:hover{
	border:solid 2px #e394a2;
	background:#fff;
	color:#e394a2;
}
.required,.optional{
	font-size:14px;
	margin-left:10px;
	padding:0px 5px 2px;
}
.formitem .required{
/* 	border-bottom:#f06565 solid 1px; */
	color:#f06565;
}
.formitem .optional{
/* 	border-bottom:#5e94db solid 1px; */
	color:#5e94db;
}
.formitem th p,.formitem td p{
	margin-bottom:0;
}
#booking-form .required{
	background:none;
}
.wpcf7-form-control{
	margin-top:5px;
}
input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a {
	padding: 16px;
}
.contact-btn{
	display:flex;
	align-items:center;
}
.contact-btn div{
	width:50%;
	padding:5px;
	margin-bottom:0;
}
.wpcf7-previous{
	background:#b0b0b0;
	border:solid 1px #b0b0b0;
	color:#222;
	font-size:1.2rem;
	transition:0.3s;
	border-radius:5px;
	cursor:pointer;
	display:block;
	width:100%;
	font-size:1.2rem;
	padding:16px;
	margin-bottom:30px;
	margin-top:0;
}
.wpcf7-previous:hover{
	opacity:0.7;
}
.formitem th,.formitem td{
	border:initial;
	border-top:solid 1px #707070;
	border-bottom:solid 1px #707070;
	background:initial;
}
.formitem th{
	text-align:left;
	width:35%;
	border-right:solid 1px #707070;
}

/* コンテンツ------------------- */
.sct{
	position:relative;
	padding:120px 0;
	margin-bottom:0!important;
}
.sct:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100vw;
	height:100%;
	z-index:-1;
	margin: 0 calc(50% - 50vw);
}

.sct1:before{
	background:url(https://feeage.co.jp/wp-content/uploads/2023/04/22320914-scaled.jpg);
	background-position:center;
	background-size:cover;
}
.sct1-inr{
	background:#fff;
	padding:10px;
	border-radius:10px;
}

.sct2:before{
	background: -moz-linear-gradient(top, #fff, #fff0fe);
	background: -webkit-linear-gradient(top, #fff, #fff0fe);
	background: linear-gradient(to bottom, #fff, #fff0fe);
}
.koe {
	position: relative;
	padding: 20px;
	background-color: #42acdd;
	color: #fff;
	border-radius: 10px;
}
.koe:before {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	bottom: -10px; left: 20px;
	margin-left: 0;
	background-color: #42acdd;
	border-radius: 0 50px 0 50px;
	z-index: -1;
}
.koe:after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	bottom: -5px; left: 30px;
	margin-left: 0;
	background-color: #fff;
	border-radius: 0 50px 0 50px;
	z-index: -1;
	transform: rotate(30deg);
}
.koe1 {
	position: relative;
	padding: 15px;
	background-color: #ffc170;
	border-radius: 15px;
	margin-right: 50px;
	border:solid 2px #000;
}
.koe1::before {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #ffc170;
	right: -35px;
	bottom: 15px;
	width: 20px;
	height: 20px;
	border:solid 2px #000;
}
.koe1::after {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #ffc170;
	right: -55px;
	bottom: 10px;
	width: 10px;
	height: 10px;
	border:solid 2px #000;
}
.koe2{
	position: relative;
	padding: 15px;
	background-color: #ffc170;
	border-radius: 15px;
	margin-left: 50px;
	border:solid 2px #000;
}
.koe2::before {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #ffc170;
	left: -35px;
	bottom: 15px;
	width: 20px;
	height: 20px;
	border:solid 2px #000;
}
.koe2::after {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #ffc170;
	left: -55px;
	bottom: 10px;
	width: 10px;
	height: 10px;
	border:solid 2px #000;
}

.sct3:before{
	 background: repeating-linear-gradient(#fff0fe, #fff0fe 40px, #fff 40px, #fff 60px);
}

.sct4:before{
	background:#faf8f5;
}
.sct4-inr{
	padding-bottom:20px;
	border-bottom:#ff7a92 2px dotted;
}
.sct4-1:before{
	background:#ffe6ea;
}
.sct4-1inr{
	background:#fff;
	padding:10px;
}

.sct7:before{
	background:#f5dfe6;
}
.sct7-inr{
	background:#fff;
	border-radius:20px;
	padding:10px;
}

.keisiki{
	border:solid #fcbd79 1px;
	padding:10px;
}

.num{
	text-align:center;
}
.num:before{
	content:'1';
	display:block;
	width:60px;
	padding:14px 0;
	background:#FF7A92;
	border-radius:50px;
	margin:0 auto 10px;
	font-weight:bold;
	color:#fff;
}
.num2:before{
	content:"2";
}
.num3:before{
	content:"3";
}

.sct6:before{
	background:url('https://feeage.love/wp-content/uploads/2023/04/22491236.jpg');
	background-size:cover;
	background-position:center;
}


.ct9img img{
	border-radius:10px;
}

.sct10:before{
	background: -moz-linear-gradient(top, #fff, #f5dfe3);
	background: -webkit-linear-gradient(top, #fff, #f5dfe3);
	background: linear-gradient(to bottom, #fff, #f5dfe3);
}
.sct10-inr{
	background:#fff;
	padding:10px;
	border-radius:10px;
	display: flex;
	flex-direction: column;
}
.sct10-inr .linkbtn{
	margin-top: auto;
}

.sct12-inr{
	padding-bottom:20px;
	border-bottom:#ff7a92 2px dotted;
}

.sct13:before{
	background:url(https://feeage.love/wp-content/uploads/2023/04/1011204.jpg);
}
.sct13-inr{
	background:#fff;
	padding:10px;
	border-radius:10px;
	border:solid 2px #ff7a92;
	box-shadow:0 2px 10px #bf7a87;
}

.sct15:before{
	background:#f7c1ca;
}
.sct15 .sct10-inr{
	margin:10px;
}


/* 区切------------------------- */
.shapedividers_com-6433,.shapedividers_com-8201,.shapedividers_com-9001,.shapedividers_com-8006{
	overflow:hidden;
	position:relative;
	height:100px;
	margin: 0 calc(50% - 55vw);
}
.shapedividers_com-6433::before{ 
	content:'';
	font-family:'shape divider from ShapeDividers.com';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 90px;
	background-position: 50% 0%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23ffe6ea"/></svg>'); 
}
.shapedividers_com-8201::before{ 
	content:'';
	font-family:'shape divider from ShapeDividers.com';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 90px;
	background-position: 50% 100%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path fill="%23f5dfe6" d="M0 288l1440-128v160H0z"/><path fill="%23f5dfe6" opacity=".66" d="M0 192l1440-96v224H0z"/></svg>'); 
}
.shapedividers_com-9001::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
background-size: 100% 90px;
background-position: 50% 0%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 59.27" preserveAspectRatio="none"><g fill="%23f5dfe6"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".66"/></g></svg>'); 
}
.shapedividers_com-8006::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
background-size: 100% 90px;
background-position: 50% 0%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1134.63 158.42"><g fill="%23f5dfe3"><path d="M0 0h1134.63L565.17 111.32Z"/><path d="M0 0v51.38l565.17 107.04 569.46-115.6V0Z" opacity=".66"/></g></svg>'); 
}

@media (min-width:2100px){
	.shapedividers_com-6433,.shapedividers_com-8201,.shapedividers_com-9001,.shapedividers_com-8006{
		background-size: 100% calc(2vw + 90px);
	}
}

.sp{
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

	.headeritem{
		display:none;
	}


}

/*834px以下*/
@media screen and (max-width: 834px){
	/*必要ならばここにコードを書く*/



	.sns{
		flex-wrap:wrap;
	}
	.sns li{
		text-align:center;
		width:30%;
	}
	.sns a{
		padding:10px;
	}

}

@media screen and (max-width: 768px){
	/*必要ならばここにコードを書く*/
	.pc{
		display:none!important;
	}
	.sp{
		display:block;
	}

	.formitem td,.formitem th{
		display:block;
		width:100%;
		border:initial;
	}

	.formitem td p{
		margin-bottom:20px;
	}


	.sct15 .sct10-inr .linkbtn{
		margin-top:10px;
	}


	.menu-footer li{
		display:block!important;
		width:100%!important;
		text-align:left!important;
	}
	.menu-footer li a{
		padding:5px 0!important;
		border-bottom:1px dotted #fff;
		transition:0.2s;
	}
	.menu-footer li a:hover{
		color:#fff!important;
		background:#ffb3c4;
	}


}


/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/

	.about td{
		display:block;
		width:100%;
		font-size:1em;
	}
}