@charset "utf-8";


@media screen and (max-width: 768px) {
.sp,
.br_none_sp br{display:none!important;} 	/*SPは表示しない*/

.main_contents .archive h2{font-size: 1.3em;}

.outbox .wp-block-media-text .wp-block-media-text__content{padding: 0;}	
.outbox .wp-block-media-text .wp-block-media-text__media{margin-bottom: 20px;}	
 /*imgの基本設定 */
	
.wp-block-image .aligncenter,
.wp-block-image .alignright,
.wp-block-image .alignleft,
.aligncenter,
.alignright,
.alignleft {
	display: block;
	margin: 0 auto 15px;
	text-align:center;
}
	
.main_contents_full .outbox .alignright,
.main_contents .outbox .alignright,
.main_contents_full .outbox .alignleft,
.main_contents .outbox .alignleft{display: block;
float: none;
	max-width: 80%;
	margin: 0 auto 15px;
}

.footer .btmmenu_box{padding-bottom: 120px;}	


}



.main_contents_full .wp-block-cover{min-height: auto!important}

/*-------------------------------------
	共通項目
-------------------------------------*/
.wrap{overflow: hidden;
	width:100%;}

#topicpath,.topicpath{
	margin: 0 0 30px;
}
	
figure img{ vertical-align: bottom;}	



.wp-block-image figcaption{
	display:block	!important;}






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


dl.gaiyo dt{
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
}
dl.gaiyo dd{
	margin: 0 0 10px;
	padding: 0 0 15px 0px;
	border-bottom: 1px solid #ccc;
}

dl.gaiyo dd:after{content:"";
display: block;
clear: both;}


footer .btmmenu_box{background-color:#AE987B;padding: 0;}
	
footer .btmmenu {
	padding: 10px;
}



footer .btmmenu ul{
	margin: 0 0px 10px;
}
footer .btmmenu ul li{
	color: #FFFFFF;
	margin: 0 0 10px;
	font-size: 15px;
	background-image:url("../image/common/link02.png");
	background-repeat: no-repeat;
	background-position: left 8px;
	padding: 0 0 10px 15px;
	background-size: auto 8px;
	border-bottom: 1px dotted #fff;
}

	footer .btmmenu ul li span{display: none;}

footer .btmmenu ul li a{
	display: block;
	color: #fff;
	font-weight: bold;

}
footer .btmmenu ul li a img{
display: none;
}

footer .btmmenu ul li a:hover{
	font-weight: bold;

}

footer p.copy{
	font-size: 0.9em;
	;
}
.footer .map{margin-bottom: 40px;}
.footer .map iframe{height: 250px;
width: 100%;}

/*-style-----------------------------------------------------*/


.contents {overflow: hidden;
}

.contents .main_contents_full{
	margin: 0 auto;
}

.front .main_contents_full{padding-top: 70px;}


.contents .sub_contents{
	margin: 0 10px 0px;
}

/*-1カラム時のコンテンツ-----------------------------------------------------*/

.wp-block-separator{border: none!important; 
	border-top: 1px solid #AE987B!important;
margin: 40px auto;}

	.box{padding:15px;}


.contents .main_contents_full .outbox,
.contents .main_contents .outbox{
	margin: 0 10px;
	padding:0;
	max-width: 100%;
}

.contents .main_contents_full .outbox .inbox,
.contents .main_contents .outbox .inbox{padding-top:10px;
padding-bottom: 30px;}	


/*コンテンツはoutbox内に、背景は画面幅いっぱいにする*/
.main_contents_full .outbox .fullbox{
	margin:0 calc(50% - 50vw)!important;
	width: 100vw;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left:calc(50vw - 50%)!important;
	padding-right:calc(50vw - 50%)!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*コンテンツをoutboxを超えて画面幅いっぱいにする*/
.main_contents_full .outbox .fullbox2{
	margin-right: calc(50% - 50vw)!important;
	margin-left: calc(50% - 50vw)!important;
	width: 100vw;
	padding-top: 0px;
	padding-bottom: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


h1.title{
	text-align: center;
	margin: 0 0 30px;
	padding:0 0 20px 0; 
	clear: both;
	color: #000;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, 'Noto Sans JP',sans-serif;
	font-weight: bold;
	border: none;
	font-size: 1.8rem;
line-height: 1.3;
	background-image: url("../image/common/h2.png");
		background-repeat: no-repeat;
		background-position:  center 80%;
background-size: auto 35px;
}



	
	

/*トップページのh2*/
.front h2,.footer h2{
	text-align: center;
	margin: 0 0 30px;
	padding:0;
	clear: both;
	color: #000;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, 'Noto Sans JP',sans-serif;
	font-weight: bold;
	border: none;
	font-size: 1.8rem;
line-height: 1.3;
}

.front h2 span,.footer h2 span{font-family: "Allura", cursive;
  font-weight: 400;
		color: #744F1E;
		font-size: 1.8rem;
		padding: 0 0 10px 0;
	line-height: 1;
		display: block;
		background-image: url("../image/common/h2.png");
		background-repeat: no-repeat;
		background-position:  center 80%;
background-size: auto 35px;}	

/*内部ページのh2*/
.page h2{
	text-align:left;
	margin: 0 0 30px;
	padding:0 0 0 15px;
	clear: both;
	color:#71582C;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, 'Noto Sans JP',sans-serif;
	font-weight: bold;
	border: none;
	font-size: 1.6rem;
line-height: 1.3;
	border-left: 7px solid #71582C;
}


h3,
.main_contents_full .wp-block-cover h3,
.main_contents .wp-block-cover h3{color: #886E4A;
	padding: 0px 0px 10px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 1px solid #886E4A;
	margin: 0 0 20px;
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, 'Noto Sans JP',sans-serif;}

h4{
	padding: 0px 0px 10px 0;
	color: #000;
	font-size: 20px;
	line-height: 1.5;
	margin: 0 0 20px 0;
	font-weight: bold;
	position: relative;

}
	h4:after{position: absolute;
	content: "";
	display: block;
	bottom: 0;
	width: 20%;
	left: 0;
	border-bottom: 2px solid #E8D7AA;}


h5{
	background-color:#F6F3F0;
	font-size: 18px;
	color: #000;
	padding: 5px 10px;
	line-height: 1.5;
	margin: 0 0 15px;
	border-radius: 5px;
	clear: both;
	font-weight: bold;
}


h6{font-weight: bold;
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 1.5;
	color: #000000;
	border-bottom: 2px dotted #E8D7AA;
	clear: both;
}



/*-eye-----------------------------------------------------*/


.eye{margin:70px 0 10px 0;
	display: block;
	background:#fff;
	position: relative;
	width: 100%;
	padding:0px 0px;
	height: 130px;
	box-sizing: border-box;
}
.eye h1,
.eye p{
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.2;
	color: #fff;
	margin: 0 auto;
	padding:50px 0 0 10px;
	width: 100%;
	z-index: 2;
	position: relative;
}

	
	.eye figure{
		position: absolute;
	right: 0;
	top:0;
	width: 100%;
	height: 130px;
	z-index: 1;
	}
	
.eye img{object-fit: cover;
	width: 100%;
	height: 130px;
}	
	



.about .about_text p{background: rgba(255,255,255,0.7);
	padding: 20px 20px;
	font-weight: bold;
	font-size: 17px;
}	


/*-------------選ばれる理由--------------*/


.point{position: relative;
padding-top: 40px;
margin-bottom: 40px;}

.point:last-of-type{margin-bottom: 0;}

.main_contents_full .point h3.title,
.main_contents .point h3.title{
border: none;
padding: 0;
text-align: center;}

.point figure{z-index: 1;
	display: block;
margin: 0 auto 20px auto;
text-align: center;}

.point .point_number{color: #744F1E;
font-family: "Allura", cursive;
	background-image: url("../image/common/point_left.png"),url("../image/common/point_right.png");
	background-size: auto 50px,auto 50px;
	background-repeat: no-repeat,no-repeat;
	background-position: left bottom,right bottom;
	padding: 0 30px 5px 30px;
font-size: 50px;
line-height: 1;
	margin: 0;
z-index: 100;
position: absolute;
left:0;
top:0;
text-shadow: 0 2px 2px #fff;}


/*-------------施術の流れ3-----------------*/


.contents ol.step3{list-style-type: none;
margin: 0 auto;}

.contents ol.step3 li{
	width: 100%;
	padding: 15px 15px 15px 15px;
	margin: 0 0 40px 0;
	box-sizing: border-box;
	position: relative;}


ol.step3 li:after{display: block;
	content:"";
	width:100%;
	height: 35px;
	position: absolute;
	left:0;
	bottom: -35px;
	background-image: url("../image/common/step_arrow.png");
background-position:center top;
	background-size:auto 35px;
background-repeat: no-repeat;}

ol.step3 li:last-of-type:after{content:none;}

ol.step3 li:last-child {
	margin-bottom: 0px;
}
ol.step3 li:nth-of-type(odd){background: #F6F3F0;}

ol.step3 li img {
	height: auto;
	margin: 0 auto 15px;
	display: block;
}

ol.step3 li p.title {color: #71582C;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0 10px;
	line-height:1.3;
}
ol.step3 li span.number {font-weight: bold;
	display: block;
	color:#AE987B;
	font-size: 15px;
}
/*-----------TOPブログアーカイブ----------------*/

	
ul.top_archive{margin-bottom: 30px;
}
ul.top_archive li{
	padding: 5px;
	margin: 0 auto 15px auto;
	background-color: #FFFFFF;
	border: 1px solid #E8D7AA;
}


ul.top_archive li figure{
	display: block;
	width: 35%;
	max-height: 150px;
aspect-ratio:3 /2;
	overflow: hidden;
	margin: 0 15px 0px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	float: left;
}
ul.top_archive li figure img{
width: 100%;
object-fit: cover;
	border-radius: 0;
	margin: 0 auto;
}


ul.top_archive li .txt{
	padding: 0 10px 0px;
}
.main_contents_full ul.top_archive li h3{
	font-size: 17px;
	line-height: 1.4;
	margin: 0 0 5px;
	padding: 0;
	font-weight: bold;
	border-style: none;
	color:#886E4A;
	background: none;
}
ul.top_archive li p{
	margin: 0;
	font-size: 14px;
	color: #888888;
	font-weight: bold;
}

ul.top_archive li p:after{content:"";
display: block;
clear: both;}

p.inchou{
	color:#71582C;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
p.inchou strong{
	color:#AE987B;
	font-size: 100%;
}
p.inchou span{font-size: 80%;
color: #555!important;}

p.message{color: #744F1E;
font-weight: bold;
text-align: center;
font-size: 20px;}