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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
 
}

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

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


:root {
	--black:#373a3d;
	--green: #578e83;
	--gold:#958324;
	--gold1:#c6a87e;
	--gold2:#eee3bd;
	--yellow:#fdfcf8;
	--yellow2:#f6f1de;
	--red:#b8454b;
	--radius:10px;
	--content-width:1280px;
}

#sidebar{
	display:none;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
	align-content
}

.e_font{
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-style: normal;
}

.btn_fade{
	transition:0.2s;
}

.btn_fade:hover{
	opacity:0.5;
}

section.content{
	max-width:calc(var(--content-width) + 80px + 80px);
	width:100%;
	margin:0 auto;
	padding:100px 80px;
}

.small{
	font-size:80%;
}

.red{
	color:var(--red);
}


p{
	margin-top:1em;
	line-height:2em;
}

.big{
	font-size:150%;
}

@media all and (max-width: 1023px) {
	section.content{
		max-width:calc(100% + 20px + 20px);
		padding:50px 20px;
	}
	p{
		line-height:1.5em;
	}
}

img.responsive{
	width:100%;
	height:100%;
}

img.thum{
	aspect-ratio:4 / 3;
	object-fit:contain;
}

hr{
	border:none;
	padding:40px 0;
}

#content{
	margin-top:0;
}

.text_center{
	text-align:center;
}

@media all and (min-width: 1024px) {
	.sp{
		display:none;
	}
	.pc{
		display:block;
	}
}

@media all and (max-width: 1023px) {
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}
	
}



/*------------------------------------
 * btn_p
 -----------------------------------*/
.btn_p a,
.btn_p a:visited{
	background:var(--green);
	color:#fff;
	border-radius:20px;
	padding:5px 40px 5px 20px;
	font-size:16px;
	border:var(--green) solid 1px;
	text-decoration:none;
	position:relative;
	transition:0.2s;
	line-height:2em;
}

.btn_p a:hover{
	background:#fff;
	color:var(--green);
	box-shadow:var(--green) 0 0 5px;
}

.btn_p a:active{
	box-shadow:none;
}

.btn_p a:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position:absolute;
	right:10px;
	top:0;
	height:100%;
	display:block;
}


/*middle*/
.btn_p.middle a{
	display: block;
    width: 100%;
    font-size: 1em;
	line-height:1.5em;
    text-align: center;
    border-radius: 35px;
}

.btn_p.middle a:after{
	top:1em;
}

/*big*/
.btn_p.big a{
	padding:30px 80px;
	border-radius:50px;
	font-size:20px;
}


.btn_p.big a:after {
	font-size:40px;
	right:20px;
	top:24px;
}





@media all and (max-width: 1023px) {

	.btn_p.big a {
		display:block;
		padding:20px 50px 20px 20px;
		width:100%;
		font-size:20px;
		text-align:center;
	}
	
	.btn_p.big a:after {
		top:20px;
	}
}





/*-------------------------------------
 * list1
 * ------------------------------------*/
ul.list1{
	margin:0;
	padding:0;
	display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

ul.list1 li{
	list-style:none;
	text-align:left;
	border-bottom:var(--black) solid 1px;
}
	
@media all and (max-width: 1023px) {
	ul.list1{
		display:block;
	}
}





/*-------------------------------------
 * section_h2
 * ------------------------------------*/
.section_h2 {
	font-size:1.2em !important;
	font-weight:300 !important;
	margin-bottom:50px;
	background:none !important;
	color:var(--black) !important;
	padding:0 !important;
}
.section_h2 span{
	font-size:2.5em !important;
}


@media all and (max-width: 1023px) {
	.section_h2 span{
		font-size:10vw;
	}
	
	.section_h2 span img{
		zoom:0.8;
	}
}


/*-------------------------------------
 * section_h3
 * ------------------------------------*/


.article h3.section_h3{
	background:none;
	color:var(--gold);
	padding:0;
	font-weight:300;
	font-size:20px;
	border:none;
	margin-bottom:10px;
}


/*-------------------------------------
 * section_h3_2
 * ------------------------------------*/

h3.section_h3_2{
	border:none;
	padding:0;
	font-size:1.5em;
	line-height:1em;
	font-weight:800;
}
h3.section_h3_2 span{
	font-size:20px;
	color:var(--gold1);
}

/*-------------------------------------
 * decoration_h2
 * ------------------------------------*/
.decoration_h2{
	text-align:center;
	line-height:1.5em;
}

.decoration_h2 img{
	margin:0 10px;
}



/*-------------------------------------
 * header
 * ------------------------------------*/

#header-container{
	height:120px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background:#ffffffa6;
} 

#header-container-in{
	width:calc(100% - 80px - 80px);
	margin:0 80px;
	height:100%;
}

#header-in{
	height:100%;
}
.header-in{
	flex-direction:row;
}
/* logo */
.header-container-in.hlt-top-menu .header{
	height:120px;
}
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link{
	padding:0;
	margin:0;
}



.header-container-in.hlt-top-menu.hlt-tm-small .logo-header img{
	height:100px;
	width:100px;
	max-height:100px;
	margin-top:10px;
}

#header-container-in{
	/*padding-top:10px;*/
}

@media all and (max-width: 1023px) {
	#header-container{
		position:absolute;
		z-index:2;
		background:none;
		padding:10px 0 0 10px;
		height:0px;
	}
	#header-container-in{
		margin:0;
		width:100px;
	}
	
	
	.header-container-in.hlt-top-menu.hlt-tm-small .logo-header{
		position:absolute;
		top:80px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.logo-header{
		display:none;
	}
	
}






/*---------------------------------------
 * navi
 * --------------------------------------*/
#navi{
	background:none !important;
	height:120px;
}
#navi-in ul{
	flex-wrap: nowrap;
	height:120px;
	align-items: center;
	flex-direction:row;
}


#navi-in ul li a{
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-style: normal;
	font-size:25px;
	padding:0 20px;
	transition:0.2s;
	height:120px;
}

#navi-in ul li a:hover{
	opacity:0.5;
}

#navi-in ul li{
	height:120px;
	width:auto;
	line-height:100px;
}

#navi-in ul li .sns_btn img{
	width:57px;
	height:57px;
	padding:0;
	margin-right:10px;
}

#navi-in ul li:nth-last-child(2) a,
#navi-in ul li:nth-last-child(3) a{
	width:calc(57px + 10px);
	height:57px;
	padding:0;
	padding-top:50px;
}
/*
#navi-in ul:first-child li:nth-last-child(3) a .item-label{
	padding:5px;
}*/


#navi-in ul li:last-child a{
	background:var(--green);
	border:var(--green) solid 1px;
	border-radius:var(--radius);
	color:#fff;
	display:block;
	width:250px;
	height:100px;
	line-height:1.5em;
	font-size:14px;
	font-family: 'Lato', 'Noto Sans JP',sans-serif; ;
	font-weight:bold;
	margin-top:10px;
}

#navi-in ul li:last-child a:hover{
	background:#fff;
	color:var(--green);
	opacity:1;
	box-shadow:var(--green) 0 0 5px;
}

#navi-in ul li:last-child a:active{
	box-shadow:none;
}

#navi-in ul li:last-child a .item-label{
	padding-top:25px;

}

#navi-in ul li:last-child a .e_font{
	font-size:50px;
}


@media screen and (max-width: 1326px){
	#navi-in ul:first-child li a{
		font-size:20px;
		padding:0 10px;
	}
	#navi-in ul:first-child li:last-child a{
		width:156px;
	}
	#navi-in ul:first-child li:last-child a .e_font{
		font-size:40px;
	}
}

@media all and (max-width: 1023px) {
	.search-menu-button{
		display:none !important;
	}
	.logo-menu-button{
		padding-right:50px;
	}
	.logo-menu-button img{
		padding:5px;
	}
	
	.menu-drawer li:nth-last-child(2),
	.menu-drawer li:nth-last-child(3){
		width:80px;
		float:left;
	}
	
	.menu-drawer li:last-child a{
		clear:both;
		border-radius:var(--radius);
		color:#fff;
		background:var(--green);
		text-align:center;
		line-height:1.5em;
		padding:20px 0;
		font-family: 'Lato', 'Noto Sans JP',sans-serif;
		font-size:18px;
	}
	
	.menu-drawer li:last-child a span{
		font-size:50px;
	}
	
	.menu-close-button{
		text-align:right;
		padding:20px;
	}
}





/*------------------------------------
 * content-in
 -----------------------------------*/
#content-in,
#main{
	width:100%;
	padding:0;
}




/*------------------------------------
 * main_img
 -----------------------------------*/


#main_img{
	/*width:calc(100% - 80px - 80px);*/
	width:100%;
	/*height: 1000px;*/
	/*margin:0 80px;*/
    position: relative;
	/*margin-top:140px;*/
	aspect-ratio:16/9;
	overflow:hidden;
}



#main_img #main_img2{
	position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
	background: var(--blue);
}
#main_img #main_img2 li{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#main_img.index #main_img2 li:nth-child(1){background: url("/wp-content/uploads/2024/08/header_2.jpg") center no-repeat; background-size: cover; display: none;}
#main_img.index #main_img2 li:nth-child(2){background: url("/wp-content/uploads/2024/10/header_5.jpg") center no-repeat; background-size: cover; display: none;}
#main_img.index #main_img2 li:nth-child(3){background: url("/wp-content/uploads/2024/08/header_1.jpg") center no-repeat; background-size: cover; display: none;}
/*#main_img.index #main_img2 li:nth-child(4){background: url("https://new.g-nature.com/wp-content/uploads/2024/08/header_4.jpg") center no-repeat; background-size: cover; display: none;}*/


#main_img #main_img_cover{
	margin:0;
	background:url("/wp-content/uploads/2024/09/header_cover.png") center no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	mix-blend-mode:screen;
}

#main_img.index .inner{
	position:absolute;
	bottom:200px;
	left:30px;
	z-index:5;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 10px #fff,0 0 10px #fff;
}

#main_img.index .inner .text_1{
	font-size:55px;
	line-height:1.5em;
}

#main_img.index .inner .text_2{
	font-size:25px;
}

@media all and (max-width: 1023px) {
	#main_img{
		width:100%;
		margin:0;
		/*height:500px;*/
		aspect-ratio:16/9;
	}
	
	#main_img.index .inner{
		bottom:50px;
	}
	#main_img.index .inner .text_1{
		font-size:6vw;
	}
	#main_img.index .inner .text_2{
		font-size:3.2vw;
	}
}

	

/*-------------------------------------
 * wave
 * ------------------------------------*/

	
#main_img .wave_box svg {
	height: 200px;
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
}
	


@media all and (max-width: 1023px) {
	
	#main_img .wave_box svg {
		height:90px;
	}
}




/*-------------------------------------
 * news
 * ------------------------------------*/


.news_box.index .wrapper{
	display:flex;
	background:var(--yellow);
	padding:2em;
}

.news_box.index .wrapper .box:first-child{
	width:190px;
	border-right:var(--gold2) solid 2px;
	padding-right:30px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: space-between;
}

.news_box.index .wrapper .box:first-child .btn_p{
	margin:0;
}

.news_box .box:last-child{
	padding-left:30px;
	flex-grow: 1;
}

.news_box.index .wrapper .box h2{
	font-size:23px;
	line-height:1em;
}
.news_box.index .wrapper .box h2 span{
	font-size:16px;
	color:var(--gold1);
}

.news_box .wrapper .box ul{
	margin:0;
	padding:0;
}
.news_box .wrapper .box ul li{
	list-style:none;
}
.news_box .wrapper .box ul li a{
	display:block;
	padding:0.5em 0;
	/*font-size:16px;*/
	text-decoration:none;
	color:var(--black);
	position:relative;
	width:100%;
	z-index:2;
	transition:0.2s;
}

.news_box .wrapper .box ul li a span.date{
	color:#a9b0b6;
	font-size:80%;
	padding-right:20px;
}
.news_box .wrapper .box ul li a:hover{
	opacity:0.5;
}


@media all and (max-width: 1023px) {
	.news_box{
		padding:0 !important;
	}
	.news_box.index .wrapper{
		display:block;
		padding:1.5em;
	}
	
	.news_box.index .wrapper .box{
		width:100% !important;
		border:none !important;
		padding:0 !important;
	}
	.news_box.index .wrapper .box:first-child{
		flex-direction:row;
	}
	
	.news_box .wrapper .box ul li a .date{
		display:block;
	}
}





/*-------------------------------------
 * pickup
 * ------------------------------------*/
.pickup_box .tile_list ul{
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}
.pickup_box .tile_list ul li{
	margin:0;
	padding:0;
	list-style:none;
}

.pickup_box .tile_list ul li a,
.pickup_box .tile_list ul li a:visited,
.pickup_box .tile_list ul li a:hover{
	color:var(--black);
	text-decoration:none;
}


@media screen and (max-width: 1326px){
	.pickup_box .tile_list ul{
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	
	.pickup_box .tile_list ul .text{
		/*font-size:18px;*/
	}
}



/*-------------------------------------
 * trial
 * ------------------------------------*/
.trial_box{
	background:url("/wp-content/uploads/2024/08/trial_back_top.jpg") top right no-repeat;
	background-size: contain;
	margin:100px 0;
}

.trial_box .back{
	background:url("/wp-content/uploads/2024/08/trial_back_bottom.jpg") bottom center no-repeat;
	background-size: contain;
}

.trial_box.index .wrapper{
	max-width:calc(var(--content-width) + 80px + 80px);
	margin:0 auto;
	padding:80px 80px;
}

.trial_box .content_header{
	/*display:flex;*/
	padding-bottom:50px;
}
.trial_box .content_header h2{
	font-size:24px;
	font-weight:300;
	padding:0;
	padding-right:30px;
	line-height:1.5em;
	background:none;
	color:var(--black);
}
.trial_box .content_header h2 span{
	font-size:240%;
}

.trial_box .content_header .box:last-child{
	/*font-size:1.5em;*/
}

.trial_box.index .wrapper .thum_box{
	padding-bottom:100px;
}


.trial_box.index .wrapper .thum_box ul{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
	margin:0;
	padding:0;
}

.trial_box.index .wrapper .thum_box ul li{
	list-style:none;
	margin:0;
	padding:0;
	line-height:0;
}


.trial_box .wrapper .content_body {
	padding-bottom:50px;
}


.trial_box .wrapper .content_body .text_box{
	padding:20px 0;
}


.trial_box .wrapper .grid_box{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
}






@media all and (max-width: 1023px) {
	.trial_box{
		margin:50px 0;
	}
	.trial_box .wrapper .grid_box{
		display:block;
	}
}






/*個別ページ*/

.trial_box_content{
	background:url("/wp-content/uploads/2024/08/trial_back_bottom.jpg") bottom center no-repeat;
}

.trial_box_content,
.menu_box_content{
	margin-top:100px;
	border:var(--gold) 1px solid;
	padding:80px 50px;
}


.trial_top_menu{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 100%;
    gap: 20px;
	text-align:center;
}

.trial_top_menu .box {
	background:var(--yellow);
	display:flex;
}

.trial_top_menu .box a{
	display:block;
	color:var(--black);
	text-decoration:none;
}
.trial_top_menu .box a span.box_span{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: space-between;
}
.trial_top_menu .box span{
	margin:0;
	flex: 1;
}

.trial_top_menu .box span.thum{
	line-height:0;
}
.trial_top_menu .box span.text{
	margin:0;
	line-height:1em;
	padding:10px;
	padding-top:20px;
	font-size:80%;
}

.trial_top_menu .box span.icon{
	margin:0;
	line-height:0;
	margin-top:0;
	padding:10px 0;
}


.trial_box_content h2,
.menu_box_content h2{
	background:none;
	color:var(--gold);
	padding:0;
	font-weight:300;
	font-size:30px;
	border-bottom:var(--gold) solid 1px;
}

.trial_box_content .flex_box,
.menu_box_content .flex_box{
	display:flex;
	gap:20px;
}
.trial_box_content .flex_box .thum,
.menu_box_content .flex_box .thum{
	flex:1;
}

.trial_box_content .flex_box .thum p:first-child,
.menu_box_content .flex_box .thum p:first-child{
	margin:0;
	line-height:0;
	margin-bottom:20px;
}

.trial_box_content .flex_box .box.text,
.menu_box_content .flex_box .box.text{
	width:500px;
}



.trial_box_content .top_text,
.menu_box_content .top_text{
	display:flex;
	justify-content:space-between;
	flex-direction: row-reverse;
}

.trial_box_content .top_text .thum,
.menu_box_content .top_text .thum{
	margin:0;
	width:calc(100% - 630px - 20px);
}

.trial_box_content .top_text .text_box,
.menu_box_content .top_text .text_box{
	width:630px;
}


.trial_box_content .menu_list,
.menu_box_content .menu_list{
	margin-top:50px;
}

.trial_box_content .menu_list ul,
.menu_box_content .menu_list ul{
	display:block;
	/*width:630px;*/
	width:100%;
	margin:0 auto;
}

.trial_box_content .reserve_box .btn_p,
.menu_box_content .reserve_box .btn_p{
	/*margin:50px 0 0 0;*/
	margin:0;
}

.trial_box_content .reserve_box .btn_p a,
.menu_box_content .reserve_box .btn_p a{
	display:block;
	width:300px;
	margin:0 auto;
	text-align:center;
	padding:2em;
	line-height:1.5em;
	border-radius:var(--radius);
}

.reserve_box .btn_p a.end,
.reserve_box .btn_p a.end:visited,
.reserve_box .btn_p a.end:hover{
	background:#ababab;
	border:#ababab solid 1px;
	box-shadow:none;
	color:#fff;
}

.trial_box_content .reserve_box .btn_p a .e_font,
.menu_box_content .reserve_box .btn_p a .e_font{
	font-size:40px;
}

.trial_box_content .reserve_box .btn_p a:after,
.menu_box_content .reserve_box .btn_p a:after{
	display:none;
}

.trial_box_content .reserve_box,
.menu_box_content .reserve_box{
	display:flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	gap:20px;
	margin-top:2em;
}

.menu_box_content .reserve_box .box{
	width:100%;
}


@media all and (max-width: 1023px) {
	
	.trial_box_content,
	.menu_box_content{
		padding:20px;
		margin-top:50px;
	}
	
	

	.trial_box_content h2,
	.menu_box_content h2{
		font-size:24px;
	}
	.trial_box_content .top_text,
	.menu_box_content .top_text{
		display:block;
	}
	.trial_box_content .top_text .thum,
	.trial_box_content .top_text .text_box,
	.trial_box_content .menu_list ul,
	.menu_box_content .top_text .thum,
	.menu_box_content .top_text .text_box,
	.menu_box_content .menu_list ul{
		width:100%;
	}
	


	.trial_top_menu{
		grid-template-columns: 1fr 1fr;
	}
	
	.trial_box_content .flex_box,
	.menu_box_content .flex_box{
		display:block;
	}
	.menu_box_content .flex_box .thum,
	.menu_box_content .flex_box .text{
		width:100%;
	}
	
	.menu_box_content .flex_box .thum{
		margin-bottom:20px;
	}
	.trial_box_content .flex_box .text,
	.menu_box_content .flex_box .text{
		width:100% !important;
	}
}



@media screen and (max-width: 1326px){
	.trial_box.index .wrapper{
		padding:50px 20px;
	}
	
	.trial_box .content_header{
		display:block;
	}
	
	.trial_box .content_header h2{
		font-size:20px;
	}
	
	.trial_box .content_header h2 span{
		font-size:50px;
	}
	
	.trial_box .content_header .box:last-child{
		/*font-size:20px;*/
	}
	
	.trial_box.index .wrapper .thum_box ul{
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
}



/*-------------------------------------
 * menu_thum
 * ------------------------------------*/

.menu_thum{
	display:grid;
	width:100%;
	grid-template-columns: 1fr 1fr;
	gap:20px;
}

.menu_thum.list4{
	display:flex;
	width:100%;
	gap:20px;
}


.menu_thum p{
	display:none;
	/*バグ対策*/
}







/*------------------------------------
 * thum_text_box
 * ----------------------------------*/
.thum_text_box{
	display:flex;
	justify-content:space-between;
	gap:20px;
}

.thum_text_box .thum{
	width:400px;
}

.thum_text_box .text{
	flex:1;
}

@media all and (max-width: 1023px) {
	.thum_text_box{
		display:block;
	}
	.thum_text_box .thum{
		width:100%;
	}
}




/*------------------------------------
 * menu_flow
 * ----------------------------------*/


.menu_flow{
	width:100%;
}

.menu_flow .box{
	background:var(--yellow);
	margin:10px 0;
	padding:10px;
	width:100%;
	border-radius:var(--radius);
	font-size:80%;
}

.menu_flow .box h4{
	border:none;
}


.menu_flow .box p{
	line-height:1em;
}


.menu_flow .box h4,
.menu_flow .box p{
	display:inline;
}




/*-------------------------------------
 * index_menu_list
 * ------------------------------------*/

.index_menu_list ul{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	margin:0;
	padding:0;
}
.index_menu_list ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.index_menu_list ul li a p{
	margin:0;
}
.index_menu_list ul li a{
	display:block;
	color:var(--black);
	text-decoration:none;
	line-height:1em;
}

.index_menu_list ul li a .text{
	background:var(--yellow2);
	color:var(--black);
	padding:20px;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:800;
}

.index_menu_list ul li a .text span{
	font-size:16px;
	color:var(--gold1);
}


@media screen and (max-width: 1326px){
	.index_menu_list ul{
		grid-template-columns: 1fr;
		gap: 20px;
	}
}



/*-------------------------------------
 * review
 * ------------------------------------*/
#review .WidgetTitle__Inner-sc-ruy1gu-1{
	display:none;
}
#review .section_h2{
	margin-bottom:0;
}


/*-------------------------------------
 * menu_list
 * ------------------------------------*/


.menu_list ul{
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.grand_menu .menu_list ul{
	display:block;
}

.grand_menu .menu_list ul li{
	margin-bottom:20px;
}



.trial_box .menu_list ul{
	grid-template-columns: 1fr;
}

.menu_list ul li{
	margin:0;
	padding:0;
	list-style:none;
	border:var(--gold) solid 1px;
	background:#fff;
	padding:20px;
}

.trial_box .menu_list ul li a{
	display:block;
	text-decoration:none;
	color:var(--black);
}


.trial_box .menu_list ul .time{
	float:left;
}




.menu_list ul li p{
	margin:0;
	/*margin-bottom:1em;*/
}

.menu_list ul li p.text{
	line-height:1.5em;
	font-weight:bold;
	/*margin-bottom:1em;*/
	clear:both;
}



.menu_list ul li .menu_title span.red{
	font-weight:bold;
}

.menu_list ul li .menu_title p:not(.text, .time, .recommend){
	display:none;
	/*バグ対策*/
}




.menu_list ul li .menu_price{
	text-align:right;
	padding-top:20px;
	font-size:1.5em;
}
.menu_list ul li .menu_price strong{
	font-size:150%;
}

.menu_list ul li .step{
	background: var(--yellow);
	font-size:80%;
	padding:10px;
	margin:20px 0;
}
.menu_list ul li .menu_price .line{
	text-decoration:line-through;
	padding-right:10px;
	/*font-size:1.5em;*/
}
.menu_list ul li .menu_price .red{
	padding-left:10px;
}
.menu_list ul li .menu_price .red strong{
	font-size:30px;
}

.menu_list ul li .menu_title .text{
	font-size:1.2em;
}

@media screen and (max-width: 1326px){
	.menu_list ul{
		grid-template-columns: 1fr;
	}
	
	.menu_list ul li .menu_title{
		/*flex-flow: column;
		flex-direction: column-reverse;*/
	}
	.menu_list ul li .menu_title .text{
		/*width:calc(100% - 80px);*/
	}
}

/*menu_flex_box*/
.menu_flex_box .head_box{
	text-align:center;
}

.menu_flex_box .head_box h2{
	background:none;
	color:var(--black);
	font-weight:300;
}

.menu_flex_box .head_box h2 span{
	font-size:150%;
}

.menu_flex_box .head_box .thum{
	max-width:600px;
	margin:0 auto;
}



.grand_menu .menu_list ul.mini{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}



.grand_menu .menu_list ul.mini li{
	display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: end;
	margin:0;
}

.menu_list ul.mini li .menu_price,
.menu_list ul.mini li .menu_price p{
	margin:0;
	padding:0;
}

@media screen and (max-width: 1326px){
	.grand_menu .menu_list ul.mini{
		display:grid;
		grid-template-columns: 1fr;
	}
}





/*-------------------------------------
 * menu_list2
 * ------------------------------------*/

.menu_list2 ul{
	margin:0;
	padding:0;
}

.menu_list2 li{
	margin:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	border-bottom:var(--gold2) solid 1px;
	padding-top:40px;
}


.menu_list2 li div{
	margin:0;
	display:inline;
}

.menu_list2 li p{
	margin:0;
}

.menu_list2 .menu_title{
	display:flex;
}

.menu_list2 .menu_title p{
	margin-right:10px;
}


@media all and (max-width: 1023px) {
	.menu_list2 .menu_title .text{
		font-size:80%;
	}
}




/*-------------------------------------
 * banner_box
 * ------------------------------------*/

.banner_box{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding-top:80px;
	position:relative;
	z-index:2;
}

.banner_box .text_copy span{
	background:#fff;
	border-radius:30px;
	display:inline;
	padding:10px 30px;
	font-family: 'Lato', 'Noto Sans JP',sans-serif;
	font-weight:bold;
	text-align:left;
}



.banner_box a{
	display:flex;
	color:var(--black);
	text-decoration:none;
	padding:30px;
	height:100%;
	flex-flow: column;
    justify-content: space-between;
}


/*line*/
.banner_box .line{
	display:flex;
	flex-flow: wrap;
	align-items:flex-end;
}


.banner_box .line a{
	background:url("/wp-content/uploads/2024/08/about_line_back.png") bottom right no-repeat #06c755;
}
.banner_box .line p{
	margin:0;
}

.banner_box .line .text{
	text-align:center;
	margin-bottom:20px;
	padding-right:100px;
}

/*Instagram*/
.banner_box .instagram{
	display:flex;
	flex-flow: wrap;
	align-items:flex-end;
}

.banner_box .instagram a{
	background:url("/wp-content/uploads/2024/08/about_instagram_back.jpg") center no-repeat;
}
.banner_box .instagram p{
	margin:0;
	text-align:center;
}

.banner_box .instagram .text{
	text-align:center;
	margin-bottom:20px;
}

@media screen and (max-width: 1326px){
	.banner_box{
		display:block;
		padding-top:40px;
	}

	.banner_box .line a{
		background-image:none;
	}
	.banner_box .line .text{
		padding-right:0;
	}
	
	.banner_box div{
		margin-bottom:20px;
	}
	
	.banner_box .text_copy{
		margin-bottom:0;
	}
}



/*-------------------------------------
 * time
 * ------------------------------------*/

.time{
	background:var(--gold);
	font-size:16px;
	color:#fff;
	height:24px;
	text-align:center;
	line-height:24px;
	display:inline;
	padding:0 10px;
}


/*-------------------------------------
 * tag
 * ------------------------------------*/
.tag{
	font-size:80%;
	color:var(--red);
	margin:0 !important;
}






/*--------------------------
 * 汎用flex
 * ---------------------------*/

.wrapper.flex_box1{
	display:flex;
	padding-bottom:50px;
}
.wrapper.flex_box1:nth-child(odd){
	flex-direction: row-reverse;
}
.wrapper.flex_box1 .text_box{
	flex:1;
}

.wrapper.flex_box1 .thum_box{
	width:600px;
	padding-left:30px;
}

.wrapper.flex_box1:nth-child(odd) .thum_box{
	padding-left:0;
	padding-right:30px;
}

@media all and (max-width: 1023px) {
	.wrapper.flex_box1{
		display:block;
	}
	.wrapper.flex_box1 .thum_box{
		width:100%;
		padding:0 !important;
	}
}




/*--------------------------
 * 汎用grid
 * ---------------------------*/

.grid_box{
	display:grid;
	gap:20px;
	margin:20px 0;
}

.grid_box.grid_four{
	grid-template-columns:1fr 1fr 1fr 1fr;
}


.grid_box.grid_three{
	grid-template-columns:1fr 1fr 1fr;
}


.grid_box.grid_three .box{
	height:min-content;
}


/*-------------------------------------
 * about
 * ------------------------------------*/

.about_box{
	background:url("/wp-content/uploads/2024/08/salon_back.jpg") center no-repeat;
	background-size:cover;
	padding:150px 0;
	position:relative;
	overflow:hidden;
	margin-bottom:100px;
}
.about_box .circle_box{
	top:200px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	position:absolute;
}
.about_box .circle_box .inner{
	position:relative;
	width:100%;
	height:100%;
}
.about_box .circle{
	margin:0;
	display:block;
	width:800px;
	height:800px;
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
}
.about_box .circle span{
	display:block;
	border-radius:50%;
	background:none;
	border:#fff solid 1px;
	animation:10s linear infinite rotation1;
}


.about_box .circle:nth-child(1) {
	width:900px;
	height:900px;
}
.about_box .circle:nth-child(2) {
	width:850px;
	height:850px;
}
.about_box .circle:nth-child(3){
	width:920px;
	height:920px;
}
.about_box .circle:nth-child(4){
	width:750px;
	height:750px;
}

.about_box .circle:nth-child(1) span{
	width:100%;
	height:95%;
}
.about_box .circle:nth-child(2)  span{
	width:95%;
	height:100%;
}
.about_box .circle:nth-child(3) span{
	width:100%;
	height:98%;
}
.about_box .circle:nth-child(4)  span{
	width:97%;
	height:100%;
}



@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg);}
}


.about_box.index h2{	
	position:relative;
}
.about_box.index h2 p{
	margin:0;
	text-align:center;
}
.about_box.index h2 p:first-child span{
	font-family: "sheila", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:70px;
}

.about_box.index h2 p:last-child{
	font-style:italic;
	font-weight:300;
	font-size:20px;
	position:absolute;
	bottom:-40px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	padding-left:450px;
}

.about_box.index .text_box{
	text-align:center;
	margin:50px 0;
	position:relative;
	z-index:2;
}
.about_box.index .text_box .btn_p{
	margin-top:2em;
}




.about_box .wave_box svg {
	height: 200px;
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
}
	


.about_box .wave_box.wave_about_top svg{
	transform: scale(1, -1);
	top:0;
	bottom:auto;
}





@media screen and (max-width: 1326px){
	
	.about_box.index h2 p:last-child{
		position:static;
		padding:0;
		text-align:right;
		transform:translateX(0);
		/*margin-top:-20px;*/
	}
	
	.about_box.index h2 p:first-child span{
		font-size:12vw;
	}
	
	.about_box.index .text_box{
		text-align:left;
		/*font-size:18px;*/
	}
}
	
	

@media screen and (max-width: 1023px){
	
	.about_box{
		padding:50px 0;
	}
	.about_box .circle_box{
		zoom:0.8;
	}
	
	
	.about_box .wave_box svg {
		height:90px;
	}
}




/*--------------------------
 * footer
 * ---------------------------*/

#footer-in{
	max-width:calc(var(--content-width) + 80px + 80px);
	width:100%;
	margin:0 auto;
	padding:0 80px;
}


#footer{
	background:var(--gold2);
	color:var(--black);
	padding-top:50px;
	margin:0;
}

#footer .index_menu_list ul{
	/*grid-template-columns: 1fr 1fr 1fr 1fr;*/
	padding-bottom:40px;
}

#footer .index_menu_list ul .thum{
	display:none;
}

#footer #footer_inner{
	display:flex;
}

#footer #footer_inner .logo{
	width:210px;
}

#footer #footer_inner .logo a{
	transition:0.2s;
}
#footer #footer_inner .logo a:hover{
	background:none;
	opacity:0.5;
}

#footer #footer_inner .access{
	padding:0 20px;
	width:450px;
	/*font-size:16px;*/
}

#footer #footer_inner .access p:first-child span{
	font-size:25px;
}

#footer #footer_inner .map{
	flex-grow: 1;
}

#footer #footer_inner .map iframe{
	width:100%;
	height:300px;
}



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

#footer .footer-bottom a{
	color:var(--black);
}
#footer .copyright {
	margin:20px 0;
	font-size:80%;
}


@media screen and (max-width: 1326px){
	#footer-in{
		width:100%;
		padding:0 20px;
	}
	
	#footer{
		padding-left:0;
		padding-right:0;
	}
	#footer #footer_inner{
		display:block;
	}
	
	#footer #footer_inner .logo{
		text-align:center;
		margin:0 auto;
		width:100%;
	}
	
	#footer #footer_inner .access,
	#footer #footer_inner .map{
		width:100%;
		padding:0;
		margin-top:30px;
	}
	
	#footer .index_menu_list ul{
		grid-template-columns: 1fr;
		gap:20px;
	}
	
	#footer .index_menu_list ul .thum{
		display:none;
	}
	
}





/*--------------------------
 * 固定ページ
 * ---------------------------*/

article.article.page .date-tags,
.article-footer{
	display:none;
}




.breadcrumb{

	max-width:calc(var(--content-width) + 80px + 80px);
	width:100%;
	margin:0 auto;
	padding: 20px 80px !important;
}

.breadcrumb .breadcrumb-item span.far,
.breadcrumb .breadcrumb-item span.fas{
	display:none;
}


.breadcrumb div:last-child:after{
	display:none;
}


article.article.page header{
	background:url("/wp-content/uploads/2024/09/img_aromatherapy_1.jpg") center no-repeat;
	background-size:cover;
	height:300px;
	text-align:center;
	position:relative;
	margin-top:120px;
}

article.article.page header:after{
	/*background:url("https://new.g-nature.com/wp-content/uploads/2024/09/header_cover.png") top center no-repeat;
	background-size:cover;*/
	display:block;
	content:"";
	width:100%;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	mix-blend-mode: screen;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
article.article.page header h1{
	font-size:40px;
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	font-weight:300;
	z-index:2;
	color:var(--black);
	text-align:center;
}




#content_wrapper{
	max-width:calc(var(--content-width) + 80px + 80px);
	width:100%;
	margin:0 auto;
	padding:100px 80px;
	padding-top:120px;
}


.breadcrumb .sp{
	display:inline;
}

@media all and (max-width: 1023px) {
	article.article.page header:after{
		mix-blend-mode:normal;
		backdrop-filter: none;
    	-webkit-backdrop-filter: none;
	}
	#content_wrapper{
		/*max-width:calc(100% + 20px + 20px);
		padding:50px 20px;*/
		padding:0;
	}
	
	article.article.page header h1{
		width:100%;
		bottom:0;
		top:auto;
		font-size:30px;
		padding:0 20px !important;
		text-align:center;
	}
	
	article.article.page header{
		margin-top:0;
	}
	
	.breadcrumb{
		max-width:calc(100% + 20px + 20px);
		padding:20px !important;
	}

	.breadcrumb .sp{
		display:inline;
	}
	
	
	.date-tags{
		max-width: calc(100% + 20px + 20px);
        padding: 20px;
	}
}




/*--------------------------
 * 投稿ページ
 * ---------------------------*/



.date-tags{
	text-align: left;
    width: 100%;
    max-width: calc(var(--content-width) + 80px + 80px);
    padding: 0;
    margin: 0 auto;
	font-size:20px;
}


#list,
/*.entry-content,*/
.wrapper_footer{
	max-width:calc(var(--content-width) + 80px + 80px);
	width:100%;
	margin:0 auto;
	padding:100px 80px;
}

#archive-title,
.article-header{
    text-align: center;
    position: relative;
    margin-top: 40px;

	font-size: 40px;
	font-weight:300;
}

.article-header{
	/*padding-top:50px;*/
	padding:0;
	margin:0;
}

#archive-title{
	margin-top:120px;
}

#archive-title span{
	display:none;
}

.article-header{
	display:flex;
	flex-direction: column;
}
.eye-catch-wrap {
	order: -1;
	overflow: hidden;
	display:block;
	padding:0 !important;
}

.eye-catch {
	margin-bottom: 0;
}


.article-header h1{
	max-width:calc(var(--content-width) + 80px + 80px);
	/*padding: 100px 0px;
	padding-bottom:10px;*/
	width:100%;
	margin:0 auto;
	font-size: 30px;
	font-weight:300;
	text-align:left;
	color:var(--gold);
}

#content_wrapper .article-header h1{
	padding-top:100px;
}


.eye-catch-wrap{
	text-align:center;
	width:100%;
	max-width:calc(var(--content-width) + 80px + 80px);
	padding:0 80px;
	margin:0 auto;
}

.eye-catch-wrap .cat-label{
	display:none;
}
/*


@media all and (max-width: 1023px) {
	#list,
	.article-header h1,
	.entry-content{
		max-width:calc(100% + 20px + 20px);
		padding:50px 20px !important;
	}
}

*/


.entry-content #content_wrapper .text_box{
	margin-bottom:5em;
}
.entry-content #content_wrapper .text_box:last-child{
	margin-bottom:0;
}



@media all and (max-width: 1023px) {
	#list,
	.entry-content,
	.article-header h1,
	.wrapper_footer{
		max-width:calc(100% + 20px + 20px);
		padding:20px;
		padding-bottom:0;
	}
	
	.date-tags{
		max-width:calc(100% + 20px + 20px);
		padding:20px;
		padding-bottom:0;
	}
	
	.eye-catch-wrap{
		max-width:calc(100% + 50px + 50px);
		padding:0 50px;
	}

	

	.article-header h1{
		font-size:24px;
	}
}