/*
Theme Name: ハーブ＆アロマサロンHIRATA_ver_01_2024
Theme URL:
Author:
Author URI:
Description: ハーブ＆アロマサロンHIRATA_のテンプレート
Version: 9999
Tags:
License:
License URI:
*/
/* ==========================================================================
   Foundation
   ========================================================================== */
/* Reset
   ----------------------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav.gnav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:400;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav.gnav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
figure{margin-bottom:0;}
/* Base
   ----------------------------------------------------------------- */

.serif{
	font-family:"Noto Serif JP" ;
	font-weight: 400;
  font-style: normal;
}
.bold{
	font-weight:bold;
}
body{
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
	color:#333;
	max-width:2400px;
	margin:0 auto;
}
a{
	text-decoration:none;
	color:rgb(97,193,190);
}
a:hover{opacity:0.8;}
img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}
figcaption{
	text-align:center;
	font-size:clamp(13px, 1.5vw, 16px);
	line-height:1.5em;
	margin:5px 0;
}
ol{list-style:none}

/* ==========================================================================
   共通
========================================================================== */
html{
	font-size:clamp(13px, 2vw, 16px);
	scroll-padding-top: 50px;/*追従headerの高さ指定*/
}
/*文字寄せ*/
.txt-right{text-align:right;}
.txt-center{text-align:center;}
/*一文字空白*/
.indent{text-indent: 1em;}
/*URL改行用*/
main p{word-break: break-all;}

/*共通ボタン*/
.btn {text-align:center;}
.btn a{
	font-size:clamp(12px, 1.75vw, 14px);
	box-sizing:border-box;
	border-radius:25px;
	line-height:35px;
	padding:0.25rem 1.5rem 0.25rem 1.5rem;
	position: relative;
	background:#BD8DC9;
	color:#fff;
	text-align:center;
	min-width:200px;
	display:inline-block;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	border:solid 2px #BD8DC9;
}
.btn a:after{
	content:" ";
	display:inline-block;
	width:10px;
	height:12px;
	margin-left:.5rem;
	clip-path: polygon(0 45%, 78% 45%, 50% 20%, 67% 20%, 100% 50%, 67% 80%, 50% 80%, 78% 55%, 0 55%);
	background:#fff;
}


.btn a:hover{
	opacity: 1;
	color:#BD8DC9;
	background:#fff;
	}
.btn a:hover:after{
	background:#BD8DC9;
}


/*初めての方へボタン*/
.btn-h a{
	background:rgb(97,193,190);
	font-size:26px;
	font-weight:bold ;
	display: flex;
	align-items: center;
	justify-content:center;
	line-height:70px;
	border-radius:35px;
	padding:0 1.25rem;
	box-sizing:border-box;
	color:#fff;
	max-width:350px;
}
.btn-h a:before{
	content:"";
	display:inline-block;
	margin-right:5px;
	width:30px;
	height:30px;
	background-image:url(img/icon-heart.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
@media screen and (max-width: 1200px){
	.btn-h a{font-size:21px;line-height:50px;padding: 0 1rem;max-width:280px;}
	.btn-h a:before{width:20px; height:20px;}
}
@media screen and (max-width: 480px){
	.btn-h a{font-size:16px;line-height:50px;padding: 0 1rem;max-width:240px;}
}

/*電話ボタン*/
.btn-tel a{
	background:linear-gradient(to bottom, rgb(252,130,136), rgb(205,96,144));
	font-size:34px;
	font-weight:bold ;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height:52px;
	border-radius:30px;
	padding:0 1.25rem;
	color:#fff;
}
.btn-tel a span:before{
	content:"";
	display:inline-block;
	margin-right:5px;
	width:2vw;
	height:2vw;
	min-width:20px;
	min-height:20px;
	max-width:30px;
	max-height:30px;
	background-image:url(img/icon-tel.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
	position: relative;
	bottom: -2px;
}
@media screen and (max-width: 1200px){
	.btn-tel a{font-size:21px;line-height:36px;padding: 0 1rem;}
}
@media screen and (max-width: 480px){
	.btn-tel a{font-size:16px;}
	.btn-tel a span:before{bottom:-4px;}
}
/*マップボタン*/
a.to-map{
	color:#333;
	display:block;
}
a.to-map:after{
	content:" ";
	display:inline-block;
	margin-left:5px;
	width:16px;
	height:20px;
	background-image:url(img/icon-map.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
}

/*固定ページ3カラムのページ内リンクボタンリスト*/
.p-btn-list{display:flex;flex-wrap:wrap;}
.p-btn-list li a{
	color:#5A5A5A;
	box-sizing:border-box;
	padding:1rem;
	border-radius:30px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,16%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-btn-list li a:after{
	content:"";
	display:inline-block;
	width:12px;
	height:8px;
	clip-path: polygon(0 0, 1px 0, 6px 7px, 11px 0, 12px 0, 6px 8px);
	background-color:#5A5A5A;
	margin-left:8px;
	position:relative;
	top:2px;
}
.p-btn-list li a:hover{
	background:rgb(97,193,190);
	color:#fff;
}
.p-btn-list li a:hover:after{background-color:#fff;}
@media screen and (min-width: 580px){
.p-btn-list li{
	width:calc((100% - 2rem) / 3);
	margin-right:1rem;
	margin-bottom:1rem;
}
.p-btn-list li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 580px){
	.p-btn-list li{
	width:calc((100% - 1rem) / 2);
	margin-right:1rem;
	margin-bottom:1rem;
}
.p-btn-list li:nth-child(2n){margin-right:0;}
}

/*共通テーブル*/
table.tbl100{width: 100%;}
.tbl01 td,
.tbl01 th{
	padding: 1rem ;
	line-height: 1.5rem;
	font-size:clamp(13px, 1.5vw, 16px);
	border-bottom:solid 1px #ccc;
}
.tbl01{
	margin-bottom: 2rem;
	box-sizing: border-box;
}
.tbl01 th{
	color:rgb(172 103 134);
	vertical-align: top;
	text-align: left;
}
@media screen and (max-width: 768px){
.scroll{
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 1em;
}
.scroll table{
	width: 100%;
	margin-bottom: 0.5em;
}
}
@media screen and (max-width: 480px){
.tbl01 td,
.tbl01 th{padding: 1rem 1rem;}
}



/*線なしのミニテーブル*/
.tbl-min{
	margin-bottom: 2rem;
	box-sizing: border-box;
}
.tbl-min td,
.tbl-min th{
	padding: 0.5rem ;
	line-height: 1.5rem;
	font-size:clamp(13px, 1.5vw, 16px);
}
.tbl-min th{
	vertical-align: top;
	text-align: left;
}

/*mapレスポンシブ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*動画レスポンシブ*/
.yt_movie {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.yt_movie iframe {
  width: 100%;
  height: 100%;
}

/*tel スマホサイズのみクリック可*/
@media (min-width: 769px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.sec{padding:6rem 2rem;overflow:hidden;}
@media screen and (max-width: 768px){.sec{padding:3rem 2rem;}}
@media screen and (max-width: 480px){.sec{padding:2rem 1rem;}}
.inner{ 
	max-width:1100px;
	margin:0 auto;
	box-sizing:border-box;
}
.inner1000{
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
}


/*見出し*/

/*共通の見出しサイズ*/
h1,
h2,
h3{line-height:1.5em;letter-spacing:2px;}
h4,
h5{line-height:1.7em;}
p{line-height:2em;}

h1:not(.not){font-size:clamp(24px, 4.5vw, 52px);}
h2:not(.not){font-size:clamp(22px, 4vw, 36px);}
h3:not(.not){font-size:clamp(20px, 3.5vw, 30px);}
h4:not(.not){font-size:clamp(18px, 3vw, 24px);}
h5:not(.not){font-size:clamp(16px, 2.5vw, 18px);}
h6:not(.not){font-size:clamp(14px, 2vw, 16px);}
p,a{font-size:clamp(13px, 2vw, 16px);}

h1:not(.not) span,
h2:not(.not) span,
h3:not(.not) span,
h4:not(.not) span,
h5:not(.not) span{display:inline-block;}
p span{display:inline-block;}

/*共通の見出し装飾と余白*/

h1:not(.not){
	margin-bottom:2rem;
}
h2:not(.not){
	margin-bottom:2rem;
}
h3:not(.not){margin-bottom:2rem;}
h4:not(.not){margin-bottom:1rem;}
h5:not(.not){margin-bottom:1rem;}
p:not(.not){margin-bottom:1rem;}

/*font色別*/
.p01{
	color:#A96886;
}


/*固定ページ共通*/
#page .tit {margin-bottom:3rem;}
#page .tit h2{
	text-align:center;
	font-family: "Noto Serif JP";
	font-weight: 400;
	font-style: normal;
	margin-bottom:0;
}
#page .tit h2 span{
	display:block;
	font-size:clamp(13px, 2vw, 16px);
	color:#a27f3b;
	line-height:1.5rem;
}
#page .tit p{text-align:center;}

.page_topimg{
	height:300px;
	position:relative;
	overflow: hidden;
}
#page .entry_content .day-time{
	max-width: 800px;
    margin: 3rem auto 3rem;
    box-sizing: border-box;
    padding: 1.5rem;
    background: #fff;
    border-radius: 5px;
	border: solid 2px rgba(71,53,2,0.5) ;
    /*box-shadow: 0 0 5px #ddd;*/
	line-height: 2em;
}
.page_topimg img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.page_topimg .top_txt{
	position:absolute;
	z-index:5;
	display:flex;
	flex-wrap:wrap;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	color:#fff;
	height:100%;
	width:100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.page_topimg .top_txt h1{
	text-align:center;
	margin-bottom:1rem;
	font-size:clamp(22px, 4vw, 42px);
	padding: 1rem;
}
.page_topimg .top_txt p{
	font-size:clamp(16px, 2.5vw, 18px);
	text-align:center;
	margin-bottom:0;
	letter-spacing:1px;
}

/*画像がない場合*/
.page_topnoimg{
	text-align: center;
	background: rgba(71,53,2,0.5);
	color:#fff;
	padding: 1rem;
}
.page_topnoimg h1{
	font-size:clamp(22px, 4vw, 42px);
	margin-bottom:0;
}
.page_topnoimg p{
	letter-spacing:1px;
}


.col{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:3rem;
}
.col .item_img{
	width:calc((100% - 3rem) / 2);
	max-width:480px;
	margin-right:3rem;
}
.col .item_txt{
	flex:1;
}
@media screen and (max-width: 960px){
.col .item_img{
	width:calc((100% - 1rem) / 2);
	max-width:480px;
	margin-right:1rem;
}
}

@media screen and (max-width: 480px){
	.col{display:block;margin-bottom:2rem;}
	.col .item_img{
	width:100%;
	margin-right:0;
	margin-bottom:2rem;
}
}

.col3{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:3rem;
}
.col3 > li{
	width:calc((100% - 6rem) / 3);
	margin-right:3rem;
}
.col3 > li:nth-child(3n),
.col3 > li:last-child{margin-right:0;}

@media screen and (max-width: 960px){
	#page .tit {margin-bottom:2rem;}
	.col3 > li{
		width:calc((100% - 2rem) / 3);
		margin-right:1rem;
	}
}

@media screen and (max-width: 480px){
	.col3{}
	.col3 > li{
		
	}
}



/*共通リスト*/

/*ドットが丸のリスト*/
ul.list01{
	margin-left: 0.5rem;
	margin-bottom:2rem;
}
ul.list01 > li{
	font-size:clamp(15px, 2vw, 18px);
	line-height: 2em;
	padding:0 0 0 26px;
	position:relative;
	margin-bottom:.5rem;
}
ul.list01 > li:before{
	content: "";
	position:absolute;
	left:4px;
	top:calc(.5em + 4px);
	width:10px;
	height:10px;
	background:#cccccc;
	display: block;
	border-radius:5px;
}


/*ドットがシンプルなリスト*/
ul.list02{
	margin-left: 0.5rem;
	margin-bottom:2rem;
}
ul.list02 > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
ul.list02 > li:before{
	content: "";
	position:absolute;
	left:7px;
	top:15px;
	width:4px;
	height:4px;
	background:#5A391D;
	display: block;
	border-radius:10px;
}
ul.list02 > li ul{margin-left:1rem;}

/*inlineリスト*/
ul.list-inline > li{
	display:inline-block;
	margin-right:1rem;
	font-size:clamp(14px, 2vw, 16px);
	margin-bottom:1rem;
	line-height:1.5rem;
}


/*チェックリスト*/
ul.list-check{
	margin-left: 0.5rem;
	margin-bottom:2rem;
}
ul.list-check > li{
	font-size:clamp(15px, 2vw, 18px);
	line-height: 2em;
	padding:0 0 0 26px;
	position:relative;
	margin-bottom:.5rem;
}
ul.list-check > li:before{
	content: "";
	position:absolute;
	left:4px;
	top:calc(.5em + 4px);
	width:10px;
	height:10px;
	background:rgb(255,255,255);
	display: block;
	border:solid 1px #333;
}

/*数字リスト*/
ol.list-num01 {
	margin-left: 0.5rem;
	margin-bottom:2rem;
	counter-reset: listnum;
}
ol.list-num01 > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
ol.list-num01 > li:before{
	position: absolute;
	left: 0px;
	counter-increment: listnum;
	content: counter(listnum) ".";
	width: 23px;
	text-align: right;
}

/*（）付き数字リスト*/

ol.in-list-num {
	margin-left: 0.5rem;
	margin-bottom:2rem;
	counter-reset: listnum;
}
ol.in-list-num > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
ol.in-list-num > li:before{
	position: absolute;
	left: 0px;
	counter-increment: listnum;
	content: "(" counter(listnum) ")";
	width: 23px;
	text-align: right;
}

/*共通Column 3→1Column*/
.col3-1{display:flex;flex-wrap:wrap;}

@media screen and (min-width: 769px){
.col3-1 > li{width:calc((100% - 2rem) / 3);margin-right:1rem;margin-bottom:1rem;}
.col3-1 > li:nth-child(3n){margin-right:0;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
.col3-1 > li{width:calc((100% - 1rem) / 2);margin-right:1rem;margin-bottom:1rem;}
.col3-1 > li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width: 480px){
	.col3-1 {display:block;}
	.col3-1 > li{margin-right:0;}
}

/*共通Column 3→２Column*/
.col3-2{display:flex;flex-wrap:wrap;}

@media screen and (min-width: 769px){
.col3-2 > li{width:calc((100% - 2rem) / 3);margin-right:1rem;margin-bottom:1rem;}
.col3-2 > li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 768px){
.col3-2 > li{width:calc((100% - 1rem) / 2);margin-right:1rem;margin-bottom:1rem;}
.col3-2 > li:nth-child(2n){margin-right:0;}
}
/*共通Column 2*/
.col2{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2rem;
}
.col2 > li{width:calc((100% - 1rem) / 2);margin-right:1rem;margin-bottom:1rem;}
.col2 > li:nth-child(2n){margin-right:0;}
/*共通Column txt2:img1 → １*/
.col2_1{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2rem;
}
.col2_1 .item-txt{
	flex:1;
}
.col2_1 .item-img{
	max-width:255px;
	margin-left:2rem;
}
@media screen and (max-width: 620px){
	.col2_1{display:block;}
	.col2_1 .item-txt{margin-bottom:1rem;}
	.col2_1 .item-img{max-width:100%; margin:0 auto 1rem;}
}

/* ==========================================================================
   Layout
========================================================================== */


/* Header と side
----------------------------------------------------------------- */
header{
	width:100%;
	box-sizing:border-box;
	position:relative;
	height:100px;
	background:#FAFAF2;
	padding:0 1rem; 
}

.header-in{
	max-width:1400px;
	margin:0 auto;
	height:100px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;
	box-sizing:border-box;
}

.header-in .h-logo{width:150px;}
@media screen and (max-width: 1300px){
	.header-in .h-logo{width:120px;}
}
@media screen and (max-width: 960px){
	header,
	.header-in{height:60px;}
	.header-in .h-logo{width:90px;}
}

@media screen and (min-width: 769px){
.h_tel_sp{display:none;}
.h_tel_pc{
	
}
.h_tel_pc a{
	display:flex;
	flex-direction:column;
	text-align:center;
	padding: .5rem 2rem;
	background-color:#82762E;
	color:#fff;
	border-radius: 50px;
}
.h_tel_pc a span{
	font-size:12px;
	margin-bottom:2px;
}
.h_tel_pc a b{
	font-size:18px;
	font-weight:bold;
}

}
@media screen and (max-width: 768px){
.h_tel_pc{display:none;}

.h_tel_sp {
	position:fixed;
	z-index:9;
	right:10px;
	bottom:10px;
}
.h_tel_sp a{
	color:#CFCBB4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/*width:15vw;
	min-width:60px;*/
	width:80px;
	aspect-ratio: 1 / 1;
	border-radius:50px;
	background:#fff;
	box-shadow:0 0 10px #CFCBB4;
}
.h_tel_sp a:after{
	content:"";
	display:inline-block;
	width: 20%;
	aspect-ratio: 4 / 5;
	background-image:url(img/icon-tel.svg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	margin-top:5px;
}
}
@media screen and (max-width: 480px){
.h_tel_sp a{width:60px;}
}



@media screen and (max-width: 960px){
	
}

@media screen and (max-width: 350px){

}





/*追従*/
header.m_fixed{
	width:100%;
	box-sizing: border-box;
	position:fixed;
	z-index:99;
	left:0;
	top:0;
	height:70px;
	    box-shadow: 0 0 5px #ccc;
}
header.m_fixed .header-in{height:70px;}
header.m_fixed .h-logo{width:100px;}

@media screen and (min-width: 961px){
}

@media screen and (max-width: 960px){
	.header-in,
	.header-in.m_fixed{padding-right:50px;}
	header.m_fixed,
	header.m_fixed .header-in{height:60px;}
header.m_fixed .h-logo{width:90px;}
}
@media screen and (max-width: 480px){

}


/*tab sp ナビ*/
.globalMenuSp-in::-webkit-scrollbar{width: 8px;}
.globalMenuSp-in::-webkit-scrollbar-track{background-color: #ddd;}
.globalMenuSp-in::-webkit-scrollbar-thumb{background-color: #F2AC7F;}

@media screen and (min-width: 961px){
.navToggle{display:none;}
.header-nav{
	position:relative;
	z-index:99;
	padding:.5em 0;
	flex: 1;
	max-width: 1000px;
}
.header-nav-in{
	margin: auto;
	border-radius:10px;
}
.h_nav{
	display: table;
	width: 100%;
	
}
.h_nav > li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}
.h_nav > li a{
	color:rgb(79,52,23);
	display:block;
	padding:0 1rem;
	line-height:34px;
	font-size:clamp(13px, 2vw ,16px);
	position:relative;
	letter-spacing:1px;
}
.h_nav > li a:after{
	content:"";
	width:80%;
	height:3px;
	background-color:#BD8DC9;
	position:absolute;
	left:10%;
	bottom:0;
	 transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}
.h_nav > li a:hover:after{
	transform: scale(1, 1);
}

/*ドロップダウンメニュー*/
.h_nav li > ul {
	display: none;
	position:absolute;
	background:#fffdf6;
	width:300px;
	z-index:99;
}
.h_nav li:hover > ul {
	display: block;
}

.h_nav li > ul > li a{
	text-align:left;
	padding: 15px;
	border-bottom: solid 1px #dfd3b8;
	letter-spacing:1px;
	font-size:clamp(12px, 1.5vw ,14px);
}
.h_nav li > ul > li a:before{content:"\00bb"; color:#dfd3b8; margin:0 5px 0 0;}
.h_nav li > ul > li a:after{display:none;}

.h_nav li > ul > li a:hover{background:#BD8DC9; color:#fff; opacity:1;}
.h_nav li > ul > li a:hover:before{color:#fff;}



}

@media screen and (min-width: 961px) and (max-width: 1100px){
.h_nav li a{font-size:14px;}
.h_nav > li a{padding:0 0.5rem;}
}

@media screen and (max-width: 960px){

nav.globalMenuSp {
	position: fixed;
	height: 100%;
	z-index: 99999;
	top: 0;
	right: 0;
	background:#fafaf2;
	color: #000;
	transform: translateX(100%);
	transition: all 0.6s;
	width: 100%;
	max-width:320px;
	margin:0;
	padding-bottom:45px;
	border-left:solid 1px #ddd;
	box-sizing:border-box;
}
.globalMenuSp-in{
	position:fixed;
	height: calc(100vh - 1rem);
	padding:60px 15px 0 ;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width:100%;
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateX(0%);
	display:block;
	top:0px;
}
.navToggle {
	display: block;
	position: fixed;
	right: 10px;
	top: 13px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 999999;
	text-align: center;
}
.navToggle span {
	display: block;
	position: absolute;    /* .navToggleに対して */
	width: 30px;
	height:2px;
	background:rgb(79,52,23);
	border-radius:2px;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 0px;
}
.navToggle span:nth-child(1) {top: 3px;}
.navToggle span:nth-child(2) {top: 27px; }
.navToggle span:nth-child(3) {top: 15px;}
.navToggle span:nth-child(4) {display:none;}
.navToggle.active{position:fixed; }
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
	top: 15px;
	left: 0px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
	top: 15px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navToggle.active span:nth-child(3),
.navToggle.active span:nth-child(4){display:none;}

/*ハンバーガー内のナビ*/
.h_nav{margin-bottom:0;}
.globalMenuSp-in .h_nav li a,
.sp-nav > li > a{
	color: rgb(79,52,23);
	font-size: clamp(12px, 2vw, 15px);
	line-height: 40px;
	display: flex;
	align-items: center;
	background-image: linear-gradient(to right, rgb(79,52,23), rgb(79,52,23) 4px, transparent 4px, transparent 4px);
	background-size: 10px 1px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.globalMenuSp-in .h_nav li a{padding:5px 0 5px 18px;}
.globalMenuSp-in .h_nav li a:hover{
	background-color:#fff;
	opacity:1;
}


.sp-nav > li > a{padding:10px 0;}
.sp-sns_nav{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:auto;
	margin-bottom:1rem;
}
.sp-sns_nav li{padding:0 1rem;}


.globalMenuSp-in .h_nav li > ul > li > a:before{
	content:"-";
	margin-right:8px;
	color:#ccc;
}
}

/*----ハンバーガー end----*/








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

footer{
	background:#FDF9F8;
}
.f-wrap{padding:4rem 2rem;}



.totop{
	position:fixed;
	z-index:2;
	right:10px;
	cursor: pointer;
  transition: .3s;
	opacity: 0;
	bottom:10px;
  visibility: hidden;
}
.totop.active{
  opacity: 1;
  visibility: visible;
}
.totop a{
	color: #CFCBB4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100px;
	aspect-ratio: 1 / 1;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0 0 10px #CFCBB4;
}
@media screen and (max-width: 768px){
	.totop{bottom:100px;}
	.totop a{width:80px;}
}
@media screen and (max-width: 480px){
	.totop{bottom:80px;}
	.totop a{width:60px;}
}

.f_nav{
	text-align: center;
	font-size: 0;
}
.f_nav > li{
	display:inline-block;
	border-right: solid 1px rgb(79, 52, 23);
	border-left: solid 1px rgb(79, 52, 23);
	position: relative;
	margin-left: -1px;
	margin-bottom: 1rem;
}
.f_nav > li > a{
	display:inline-block;
	font-size:clamp(13px, 2vw, 16px);
	color: rgb(79, 52, 23);
	padding:0 1rem;
}
.f_inner{
	max-width:1100px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	padding-top:4rem;
}
.f_inner .item01,
.f_inner .item02{
	width:calc((100% - 2rem) / 2);
}
.f_inner .item01{margin-right:2rem;}

.f_inner .item01 h2{
	margin-bottom:2rem;
}
.f_inner .item01 .tel a{
	display:inline-block;
	color:rgb(79, 52, 23);
	font-size:clamp(18px, 3vw, 24px);
	margin-bottom:2rem;
	font-weight:bold;
}
.f_inner .item01 .f_tbl{
	
}
.f_inner .item01 .f_tbl th,
.f_inner .item01 .f_tbl td{
	line-height:1.5rem;
	padding:.5rem;
}
.f_inner .item01 .f_tbl th{
	font-size:clamp(13px, 2vw, 16px);
	font-weight:bold;
	margin-right:1rem;
	text-align:left;
	min-width:4em;
}
.f_inner .item01 .f_tbl td{
	font-size:clamp(13px, 2vw, 16px);
	font-feature-settings: "palt";
}

.f_inner .item02 h2{
	font-size:clamp(13px, 2vw, 16px);
	font-weight:bold;
}

@media screen and (max-width: 768px){
.f_inner{display:block;}
.f_inner .item01,
.f_inner .item02{
	width:unset;
	margin:0 auto;
}
.f_inner .item01{
	max-width: 400px;
	margin: 0 auto 2rem;
}
.f_inner .item01 h2,
.f_inner .item01 .tel{
	text-align:center;
}

.f_inner .item02 h2,
.f_inner .item02 p{
	text-align:center;
}

}
@media screen and (max-width: 480px){
.f_inner .item01 h2{
	width: 120px;
	margin: 0 auto 1rem;
}
}





.address{
	background:#BD8DC9;
	color:#fff;
	text-align:center;
	font-size:clamp(11px, 1.25vw, 13px);
	line-height:30px;
}

/*pagenavi*/
.pagenavi{
	color: #fff;
	margin: 20px auto 20px;
	line-height:2em;
	text-align:center;
	clear: both;
	margin-bottom:2em;
}
.pagenavi a{
	text-decoration:none;
	color: #fff;
	background: #4F4F50;
}
.pagenavi a:hover{background:#f6921e;}
.pagenavi a.page-numbers, .pagenavi .current{
	line-height: 33px;
	display: inline-block;
	padding: 0 12px;
	text-decoration: none;
	font-size: 16px;
	border-radius:30px;
}
.pagenavi .current{
	color: #fff;
	background: #61c1be;
	font-weight: bold;
}
.pagenavi .prev.page-numbers,
.pagenavi .next.page-numbers{
	background:none;
	color:#1f1f1f;
}
@media screen and (max-width: 480px){
	.pagenavi a.page-numbers, .pagenavi .current{
		font-size:12px;
		padding:0 9px;
		line-height:24px;
	}
	
}


#single{
	max-width:1200px;
	margin:0 auto;
}

#single .tit-wrap{
	padding:1rem 0;
	
}
#single .tit-wrap .date{
	font-size:clamp(12px, 1.75vw, 14px);
	text-align:right;
	color:#61c1be;
	font-weight:bold;
}
#single .date:before{
	content:"";
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:5px;
	background-size:100% auto;
	background-image:url(img/icon-calendar.svg);
	background-repeat:no-repeat;
	background-position:center;
}
#single .tit-wrap .cat-name a{
	display: inline-block;
	background: rgb(97, 193, 190);
	padding: 3px 6px;
	border-radius: 3px;
	color: #fff;

	font-size: clamp(12px, 1.25vw, 14px);
}

#single h1.single-title{
	font-size:clamp(22px, 3vw, 32px);
	font-weight:bold;
}


#single .entry_content{margin-bottom:6rem;}

/*記事内*/
#single .entry_content h1:not(.not){
	font-size:clamp(24px, 3.5vw, 40px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h2:not(.not){
	border-bottom:solid 1px #ccc;
	font-size:clamp(22px, 3.5vw, 34px);
	margin-bottom:2rem;
	font-weight:bold;
	border:none;
	padding:0;
}
#single .entry_content h2:not(.not):before{
	content: "";
	background: none;
}
#single .entry_content h3:not(.not){
	font-size:clamp(20px, 3vw, 28px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h4:not(.not){
	font-size:clamp(16px, 2.75vw, 22px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h5:not(.not){
	font-size:clamp(13px, 2.5vw, 18px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h6:not(.not){
	font-size:clamp(14px, 2.25vw, 18px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content p:not(.not){
	font-size:clamp(14px, 2vw, 16px);
	margin-bottom:2rem;
}
#single .entry_content b,
#single .entry_content strong{
	font-weight:bold;
}

#single .entry_content a{
	text-decoration:underline;
}

#single .entry_content img{
	display:inline-block;
	margin-bottom:5px;
}

#single .entry_content ul:not(.list01){
	margin-left: 0.5rem;
	margin-bottom:2rem;
}
#single .entry_content ul:not(.list01) > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
#single .entry_content ul:not(.list01) > li:before{
	content: "";
	position:absolute;
	left:7px;
	top:15px;
	width:4px;
	height:4px;
	background:#5A391D;
	display: block;
	border-radius:10px;
}
#single .entry_content ul > li ul(.list01){margin-left:1rem;}
#single .entry_content ol:not(.list-num01) {
	margin-left: 0.5rem;
	margin-bottom:2rem;
	counter-reset: listnum;
}
#single .entry_content ol:not(.list-num01) > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
#single .entry_content ol:not(.list-num01) > li:before{
	position: absolute;
	left: 0px;
	counter-increment: listnum;
	content: counter(listnum) ".";
	width: 23px;
	text-align: right;
}
#single .entry_content strong{
	color:#AC6786;
	font-weight:bold;
}
#single .entry_content em{
	color: #ff0000;
	font-style:normal;
}


#single .to-cat{padding:1rem 0;}
#single .to-cat ul{
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}
#single .to-cat ul li a{
	display:inline-block;
	color:#fe8f93;
	border:solid 1px #fe8f93;
	padding:8px 12px;
	margin-left:8px;
	border-radius:5px;
	font-size:;
}
#single .to-cat ul li a:before{
	content:"\00bb";
	margin-right:4px;
}
#single .to-cat ul li a:hover{
	background:#fe8f93;
	color:#fff;
}


/*次の記事*/
.navigation{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.navigation .alignleft,
.navigation .alignright{
	width:50%;
	box-sizing:border-box;
	position:relative;
}
.navigation .alignleft{padding-right:1rem;}
.navigation .alignright{padding-left:1rem;text-align:right; /*border-left:solid 1px #ddd;*/}

.navigation .next,
.navigation .prev{
	position:absolute;
	z-index:1;
	top:0;
	background:#61c1be;
	padding:3px 6px;
	color:#fff;
	font-size:12px;
}

.navigation .next{right:0;}
.navigation .prev{left:0;}


.navigation .tit{margin-bottom:0;}
.navigation a{
	display:block;
	padding:2rem 0;
	font-weight:bold;
	position:relative;
}
.navigation .date{
	position:absolute;
	bottom:5px;
	font-size:12px;
	color:#666;
}
.navigation .alignleft .date{left:0;}
.navigation .alignright .date{right:0;}


/* ==========================================================================
   カテゴリー
========================================================================== */
#blog-cat{
	padding:6rem 2rem;
}
#blog-cat .blog-cat-list{
	display:block;
	max-width:1100px;
	margin:0 auto;
}

#blog-cat .blog-cat-list li{
	display:flex;
	flex-wrap:wrap;
	padding-bottom: 1rem;
    border-bottom: solid 1px #ccc;
		margin-bottom:1rem;
}

#blog-cat .category-list {
	    display: block;
    max-width: 1100px;
    margin: 0 auto;
	display: -webkit-flex;
    display: flex;

	justify-content: center;
}


#blog-cat .category-list li {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;

    margin-bottom: 1rem;
}
#blog-cat .category-list li a {
    display: block;
    padding: 0 2em 3em 2em;
}

.blog-cat-list > li .img-wrap{
	max-width:300px;
	margin-right:1rem;
	margin-bottom:2rem;
}
.blog-cat-list > li .img-wrap a{display:block;}
.blog-cat-list > li .img-wrap img{
	width:100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.blog-cat-list > li .txt-wrap{
	flex:1;
}
.blog-cat-list > li .txt-wrap span{
	display:block;
	margin-bottom:1rem;
	text-align:right;
	color:#C8B43F;
	font-size:clamp(10px, 1.5vw, 13px);
}
.blog-cat-list > li .txt-wrap a{
	display:block;
	color:#333;
	font-size:clamp(13px, 2vw, 16px);
	line-height:1.5em;
}

.blog-cat-list > li .txt-wrap .cat-name a{
	display:inline-block;
	color:#fff;
	background:#61c1be;
	padding:0 5px;
	font-size:13px;
	border-radius:3px;
}
.blog-cat-list > li .txt-wrap h2,
.blog-cat-list > li .txt-wrap h2 > a{
	font-size:clamp(16px, 2.5vw, 20px);
	
}
.blog-cat-list > li .txt-wrap h2{margin-bottom:1rem;}


@media screen and (max-width: 768px){
	#blog-cat{padding:3rem 2rem;}
	.blog-cat-list > li .img-wrap{max-width:200px;}
}
@media screen and (max-width: 480px){
	#blog-cat .blog-cat-list li{display:block;}
	.blog-cat-list > li .img-wrap{max-width:unset;margin-right:0;}
}



/*パンくず*/
#breadcrumb{
	max-width: 1200px;
	margin: 0 auto 1rem;
	box-sizing:border-box;
	padding:8px;
	background:rgb(255,246,225);
	border-radius:4px;
}
#breadcrumb ul{display:flex;flex-wrap:wrap;}
#breadcrumb ul li{
	padding:0 .8rem 0 0;
	font-size:.8rem;
	line-height: 1rem;
}
#breadcrumb ul li a{font-size:.8rem;}
#breadcrumb ul li:not(:first-child):before{
	content:"\003e";
	display:inline-block;
	margin-right:5px;
}


@media screen and (max-width: 769px){
	#breadcrumb ul li{padding:0 0.2rem 0 0 ; font-size:0.7rem;}
	#breadcrumb ul li a{font-size:0.7rem;}
}

/* ==========================================================================
   main内共通
========================================================================== */



/* ==========================================================================
   section別
========================================================================== */

#index-topimg{position:relative;}

#index-topimg .txt{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index:9;
	display:block;
	width:100%;
	text-align:center;
}
#index-topimg .txt p{
	color:#fff;
	font-size:clamp(28px, 5vw, 70px);
	letter-spacing:2px;
	text-shadow: 0 0 8px #5e4811;
}



/*お知らせ*/
#blog{
	background-image:url(img/news_bg.jpg);
	background-repeat:no-repeat;
	background-size:auto 60%;
	background-position:top right;
}
#blog .inner{max-width:1280px;}
#blog .tit{
	text-align:center;
	margin-bottom:4rem;
}
.blog-list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.blog-list > li{
	width:calc((100% - 3rem) / 4);
	max-width:300px;
	margin-right:1rem;
	margin-bottom:2rem;
}
.blog-list > li:nth-child(4n){margin-right:0;}

.blog-list > li .img-wrap{margin-bottom:1rem;}
.blog-list > li .img-wrap a{display:block;}
.blog-list > li .img-wrap img{
	width:100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.blog-list > li .txt-wrap span{
	display:block;
	margin-bottom:1rem;
	text-align:right;
	color:#C8B43F;
	font-size:clamp(10px, 1.5vw, 13px);
}
.blog-list > li .txt-wrap a{
	display:block;
	color:#333;
	font-size:clamp(12px, 2vw, 16px);
	line-height:1.5em;
}

@media screen and (max-width: 768px){
	#blog .tit{margin-bottom:0;}
	.blog-list > li{
	width:calc((100% - 1rem) / 2);
	max-width:300px;
	margin-right:1rem;
	margin-bottom:2rem;
}
	.blog-list > li:nth-child(2n){margin-right:0;}
	
}
@media screen and (max-width: 480px){
	#blog{background-size:60% auto;}
	
}

/*２Fエステティック*/


#menu_2f{
	background:#FDF9F8;
}
#menu_2f .tit{
	text-align:center;
	margin-bottom:4rem;
}

#menu_2f .cont .nemu_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#menu_2f .cont .nemu_list > li{
	width: calc((100% - 2rem) / 3);
	margin-right: 1rem;
	margin-bottom: 2rem;
	position: relative;
}

#menu_2f .cont .nemu_list > li a{
	display:block;
}
#menu_2f .cont .nemu_list > li a span{
	position:absolute;
	z-index:1;
	left:0;
	bottom:0;
	width:100%;
	box-sizing:border-box;
	padding:.75rem .5rem;
	text-align:center;
	color:#fff;
	font-size:clamp(12px, 1.75vw, 16px);
	background-color:rgba(130, 96, 46, 70%);
}

@media screen and (min-width: 769px){
#menu_2f .cont .nemu_list > li:nth-child(3n),
#menu_2f .cont .nemu_list > li:last-child{
	margin-right:0;
}
}
@media screen and (max-width: 768px){
	#menu_2f .cont .nemu_list > li{width:calc((100% - 1rem) / 2);}
	#menu_2f .cont .nemu_list > li:nth-child(2n),
	#menu_2f .cont .nemu_list > li:last-child{margin-right:0;}
}

@media screen and (max-width: 560px){
	/*#menu_2f .cont .nemu_list{max-width:300px; margin:0 auto;}
	#menu_2f .cont .nemu_list > li{
	width: 100%;
	margin-right: 0;
}*/

#menu_2f .cont .nemu_list > li img{
	object-fit: cover;
    aspect-ratio: 3 / 2;
}
}

@media screen and (max-width: 768px){
	#menu_2f .tit{margin-bottom:0;}
}

/*1Fショップ*/
#menu_1f{
	background:#E7F7F6;
}
#menu_1f .tit{
	text-align:center;
	margin-bottom:4rem;
}
#menu_1f .cont .item-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	
}

#menu_1f .cont .item-wrap .item-img{
	flex:1;
	max-width:490px;
	margin-bottom:2rem;
}
#menu_1f .cont .item-wrap .item-txt{
	width:calc((100% - 1rem) /2);
	max-width:490px;
	margin-left:1rem;
	margin-bottom:2rem;
}
@media screen and (max-width: 768px){
	#menu_1f .tit{margin-bottom:0;}
}
@media screen and (max-width: 480px){
	#menu_1f .cont .item-wrap{display:block;}
	#menu_1f .cont .item-wrap .item-img{}
	#menu_1f .cont .item-wrap .item-txt{
		width:unset;
		margin:0 auto;
	}
}

/*店舗フロア案内*/
#floor_info{
	
}
#floor_info .tit{
	text-align:center;
	margin-bottom:4rem;
}
#floor_info .cont{}


#floor_info .cont .info_list{
	display:flex;
	flex-wrap:wrap;
}

#floor_info .cont .info_list > li{
	position:relative;
}

@media screen and (min-width: 769px){
#floor_info .cont .info_list > li{
	width:calc((100% - 2rem) / 3);
	min-height: 140px;
	margin-right:1rem;
}
#floor_info .cont .info_list > li:nth-child(3n){margin-right:0;}
}
@media screen and (min-width: 481px) and (max-width: 768px){

#floor_info .cont .info_list > li{
	position:relative;
	width:calc((100% - 1rem) / 2);
	margin-right:1rem;
	min-height: 120px;
	margin-bottom:1rem;
}
#floor_info .cont .info_list > li:nth-child(2n){margin-right:0;}

}
@media screen and (max-width: 480px){
#floor_info .cont .info_list{
	max-width:340px;
	margin:0 auto;
}
#floor_info .cont .info_list > li{
	width:100%;
	min-height: 100px;
	margin-bottom:1rem;
	}
}


#floor_info .cont .info_list > li:before{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:40%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
}
#floor_info .cont .info_list > li.list_1f{background-color:#E2EEEC;}
#floor_info .cont .info_list > li.list_2f{background-color:#FBEDED;}
#floor_info .cont .info_list > li.list_se{background-color:#E5DFEB;}

#floor_info .cont .info_list > li.list_1f:before{background-image:url(img/guide01.jpg);}
#floor_info .cont .info_list > li.list_2f:before{background-image:url(img/guide02.jpg);}
#floor_info .cont .info_list > li.list_se:before{background-image:url(img/guide03.jpg);}

#floor_info .cont .info_list > li a{
	display:block;
	height: 100%;
	box-sizing:border-box;
	position:relative;
	z-index:2;
}
#floor_info .cont .info_list > li a:after{
	position:absolute;
	right:1rem;
	bottom:1rem;
	content:"";
	width:;
}



#floor_info .cont .info_list > li a .txt{
	height: 100%;
	padding: 1rem;
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#floor_info .cont .info_list > li a .txt h3{
	color:rgb(79,52,23);
	font-size:clamp(16px, 2.5vw, 24px);
	line-height:1.25em;
	margin-bottom:1rem;
}
#floor_info .cont .info_list > li a .txt p{
	color:rgb(79,52,23);
	font-size:clamp(13px, 2vw, 16px);
	line-height:1.25em;
}

#floor_info .cont .info_list > li a .txt h3 span,
#floor_info .cont .info_list > li a .txt p span{
	display:inline-block;
}


#floor_info .cont .info_list > li.list_1f .txt span{background-color:#E2EEEC;}
#floor_info .cont .info_list > li.list_2f .txt span{background-color:#FBEDED;}
#floor_info .cont .info_list > li.list_se .txt span{background-color:#E5DFEB;}

@media screen and (max-width: 768px){
	#floor_info .tit h2{margin-bottom:0;}
	#floor_info .tit {margin-bottom:2rem;}
}

/*資格対応講座・検定*/
#lesson{
	background-image: url(img/bg_shikaku01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
 #lesson::after{
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	background-color: rgba(232, 220, 249);/*ie*/
	filter:alpha(opacity=50);
	background-color: rgba(232, 220, 249, 0.7);
}
#lesson .inner{
	position: relative;
	z-index: 1;
}

#lesson .tit{
	text-align:center;
	margin-bottom:4rem;
}
#lesson .tit h2{
	color:#AC6786;
}
#lesson .tit h2 span{
	display:block;
	line-height: 1.5em;
	font-size:clamp(16px, 2.5vw, 18px);
}
#lesson .cont .lesson_box h3{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	font-size:clamp(14px, 3vw, 20px);
}
#lesson .cont .lesson_box h3 img{margin:0 1rem;}

#lesson .cont .lesson_list{
	display:flex;
	flex-wrap:wrap;
}

#lesson .cont .lesson_list > li{
	margin-bottom:1rem;
}
#lesson .cont .lesson_list > li a{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	flex-direction:column;
	box-sizing:border-box;
	background:#fff;
	border:solid 1px #BD8DC9;
	color:#BD8DC9;
	text-align:center;
	padding:1rem 0;
	line-height: 1.25em;
	font-size:clamp(10px, 2vw, 16px);
}
#lesson .cont .lesson_list > li a:hover{
	color:#fff;
	background:#BD8DC9;
	opacity:1;
}

#lesson .cont .lesson_list > li a span{display:inline-block;}

@media screen and (min-width: 768px){
#lesson .cont .lesson_list > li{
	width:calc((100% - 2rem) / 3);
	margin-right:1rem;
}
#lesson .cont .lesson_list > li:nth-child(3n){margin-right:0;}
}

@media screen and (max-width: 768px){
	#lesson .tit{margin-bottom:0;}
	#lesson .cont .lesson_list > li{
	width:calc((100% - 1rem) / 2);
	margin-right:1rem;
}
#lesson .cont .lesson_list > li:nth-child(2n){margin-right:0;}
}



#lesson .cont .koushi_box{
	display:flex;
	flex-wrap:wrap;
	max-width:560px;
	margin:3rem auto 0;
	box-sizing:border-box;
	padding:1.5rem;
	background:#fff;
	border-radius:5px;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
#lesson .cont .koushi_box .item-txt{
	flex:1;
	
}
#lesson .cont .koushi_box .item-txt h2{
	font-size:clamp(14px, 2vw, 16px);
	color:#BD8DC9;
	text-align:center;
}
#lesson .cont .koushi_box .item-txt h3{
	border-bottom:solid 1px #BD8DC9;
	text-align:center;
	font-size:clamp(16px, 2.5vw, 18px);
	    padding: .5rem 0;
    margin-bottom: 1rem;
}
#lesson .cont .koushi_box .item-txt h3 span{
	font-size:clamp(14px, 2vw, 16px);
	color:#999;
}
#lesson .cont .koushi_box .item-txt ul.list01{
	margin-bottom:0;
}
#lesson .cont .koushi_box .item-txt ul.list01 > li{
	font-size:clamp(13px, 2vw, 16px);
	margin-bottom:0;
}
#lesson .cont .koushi_box .item-img{
	width:25%;
	max-width:120px;
	margin-left:1rem;
}
@media screen and (max-width: 480px){
	#lesson .cont .koushi_box{
		display:block;
		position:relative;
		}
	#lesson .cont .koushi_box .item-txt h2,
	#lesson .cont .koushi_box .item-txt h3{
		text-align:left;
		margin-right:30%;
	}
	#lesson .cont .koushi_box .item-img{
		position:absolute;
		right:10px;
		top:10px;
}
}


/*店舗案内*/
#about_us{}
#floor1,
#floor1_2,
#floor1_3{
	background: #E7F7F6;
}
#floor1_2 .menu_wrap{
	/*background: #fff;
	padding: 2rem;
	border-radius: 10px;*/
}
#floor1_2 .menu_wrap .tit{
	text-align:center;
}
#floor1_2 .menu_wrap .tbl01 th,
#floor1_2 .menu_wrap .tbl01 td{
	/*width:50%;*/
	box-sizing:border-box;
}
#floor1_2 .menu_wrap .tbl01 th{
	background-color:#fafaf2;
}
#floor1_2 .menu_wrap .tbl01 td{
	text-align:right;
	width:12em;
}
#floor1_2 .menu_wrap .box{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom:2rem;
}
#floor1_2 .menu_wrap .box h4{
	color: #AC6786;
	font-weight: bold;
}

#floor2,
#floor2_2{
	background: #FDF9F8;
}

#access .gmap{
	margin-bottom:3rem;
}

@media screen and (max-width: 960px){
#floor1 .col3,
#floor1_2 .col3,
#floor1_3 .col3,
#floor2 .col3,
#floor2_2 .col3{
	margin:0 calc(50% - 50vw) 2rem;
	}
#floor1 .col3 > li,
#floor1_2 .col3 > li,
#floor1_3 .col3 > li,
#floor2 .col3 > li,
#floor2_2 .col3 > li{
	width:calc((100%) / 3);
	margin-right:0rem;
}

#floor1_2 .menu_wrap{
	padding:2rem 1rem;
}


}
	
@media screen and (max-width: 768px){
	
	
}
@media screen and (max-width: 480px){

}



/*今月のshop情報*/
.col3-lb{
	display:flex;
	flex-wrap:wrap;
}
.col3-lb li{
	width:calc((100% - 2rem) / 3);
	margin-right:1rem;
	margin-bottom:1rem;
	aspect-ratio: 1 / 1;
	display: flex;
    align-items: center;
    justify-content: center;
		background:#fff;
		position:relative;
		    padding-bottom: 16px;
    box-sizing: border-box;
}
.col3-lb li:nth-child(3n){margin-right:0;}
.col3-lb li img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	max-width: unset;
}
.col3-lb li a:after{
	content:"▲クリックで拡大";
	position:absolute;
	width: 100%;
    text-align: center;
		left: 0;
    bottom: 6px;
    font-size: clamp(12px, 1.5vw, 14px);
		
}






/*HIRATAオリジナル商品*/
#bnr{
	
}
#bnr .tit{
	text-align:center;
}
#bnr .bnr{max-width:800px; margin:0 auto;}


/*植田町薬局*/
#parm .tit{
	text-align:center;
}
#parm .cont ul{
	display:flex;
	flex-wrap:wrap;
}
#parm .cont ul > li{
	width:calc((100% - 2rem) / 3);
	margin-right:1rem;
	margin-bottom:1rem;
}
#parm .cont ul > li:nth-child(3n),
#parm .cont ul > li:last-child{
	margin-right:0;
	
}
@media screen and (max-width: 960px){
	#parm .cont .col{display:block;}
	#parm .cont .col .item_img{width:unset;margin:0 auto 2rem;}
}
@media screen and (max-width: 480px){

}


/*お問合せ*/
#contact_form .cont h3{
	text-align:center;
}
#contact_form .cont h3{text-align:center;}
#contact_form .cont .notes_box{
	max-width: 800px;
	margin: 3rem auto 3rem;
	box-sizing: border-box;
	padding: 1.5rem;
	background: #fff;
	border-radius: 5px;
	box-shadow:0 0 5px #ddd;
}
#contact_form .cont .notes_box p{margin-bottom:0;}
#contact_form .cont .notes_box h4 span{
font-size:80%;
}

.tbl_form {
	max-width:760px;
	margin:0 auto 1rem;
}
.tbl_form tr{
	border-bottom: 1px dotted #888888;
}
.tbl_form tr th{
	text-align:left;
	width:12em;
}
.tbl_form tr th,
.tbl_form tr td{
	vertical-align: top;
	padding:1rem;
	box-sizing:border-box;
}
.tbl_form tr th span{
	display:inline-block;
	margin-left:.5rem;
}
.tbl_form tr td.seinengappi input{
	max-width:5em;
	margin:auto .5em;
}
.tbl_form tr td.seinengappi select{
	max-width:6em;
		margin:auto .5em;
}
.tbl_form tr td.seinengappi span{
    vertical-align: top;	
}

.tbl_form tr td textarea{
	width:100%;
}
.tbl_form tr td input,
.tbl_form tr td textarea,
.tbl_form tr td select{
	    padding: 8px;
    box-sizing: border-box;
    border: solid 1px #aaa;
    border-radius: 4px;
}

.tbl_form tr td input[name="your-postal-code"]{
	max-width:10em;
	margin-bottom:.5rem;
}
.tbl_form tr td input:not[type="radio"]{
	width:100%;
}
.tbl_form tr td input[name="your-name"],
.tbl_form tr td input[type="url"],
.tbl_form tr td input[type="email"],
.tbl_form tr td input[type="tel"]{
	width:100%;
	max-width:400px;
}
.tbl_form tr td input[name="b_year"]{
	width:8em;
}
.tbl_form tr td input[name="your-addres"]{
	width:100%;
}

.sousin{
	text-align: center;
    margin-top: 15px;
}
.sousin input[type="submit"]{
	    padding: 10px 2em;
    margin-left: 15px;
    background-color: rgba(251, 242, 240, 0.5);
}

@media screen and (max-width: 480px){
.tbl_form tr th,
.tbl_form tr td{
	display:block;
}
.tbl_form tr th{padding-bottom:0;}
}

/*特定商取引法に基づく表記*/

.list_dl{
	display:flex;
	flex-wrap:wrap;
	border-top:solid 1px #eee;
	margin-bottom:1rem;
}
.list_dl > dt,
.list_dl > dd{
	box-sizing:border-box;
	padding:1rem;
	font-size:clamp(13px, 2vw, 16px);
	line-height: 1.5em;
}
.list_dl dt{
	width:16em;
	background:#f8f8f8;
	border-bottom:solid 1px #eee;
}
.list_dl dd{
	width:calc(100% - 16em);
	border-bottom:solid 1px #eee;
}


.tbl_pr_wrap{
	display:flex;
	flex-wrap:wrap;
}

.tbl_pr_wrap .item{
	width:calc((100% - 2rem) / 2);
}
.tbl_pr_wrap .item:nth-child(2n-1){
	margin-right:2rem;
}


.tbl_pr{
	width:100%;
	box-sizing:border-box;
}


.tbl_pr tr:nth-child(2n-1){background:#ededd4;}
.tbl_pr tr:nth-child(2n){background:#fafaf2;}

.tbl_pr th,
.tbl_pr td{
	box-sizing:border-box;
	padding:1rem;
	font-size:clamp(11px, 1.5vw, 14px);
	line-height: 1.5em;
}

.tbl_pr th{width:6em;}
.tbl_pr td{}
.tbl_pr td.pr{
	text-align:right;
}

@media screen and (max-width: 768px){
	.tbl_pr_wrap{
	display:block
}

.tbl_pr_wrap .item{
	width:unset;
}
.tbl_pr_wrap .item:nth-child(2n-1){
	margin-right:0;
}


}
@media screen and (max-width: 480px){
.list_dl dt{width:100%;}
.list_dl dd{width:100%;}
}


/*チケット*/
#ticket .col2{
	max-width: 980px;
	margin: 0 auto;
}
@media screen and (max-width: 480px){
	#ticket .col2{display:block;}
	#ticket .col2 li{width:unset;margin-right:0;}
}


/*エステティック*/
#recommend{
background:#fbeded;
}

.rec_box_wrap{
	display:flex;
	flex-wrap:wrap;
}

.rec_box{
	width:calc((100% - 1rem) / 2);
	
	box-sizing:border-box;
	border-radius:5px;
	box-shadow:0 0 5px #ccc;
	margin-bottom:1rem;
	margin-right:1rem;
	background:#fff;
}
.rec_box:nth-child(2n){margin-right:0;}


.rec_box.hajime{width:100%; margin-right:0;}


.rec_box h3{
	font-size:clamp(17px, 2.5vw, 24px);
	margin-bottom:1rem;
	padding:1rem;
	background:#a7885c;
	color:#fff;
	border-radius:5px 5px 0 0;
}
.rec_box.hajime h3{
	background:#67bd8a;
}
.select_list {padding:1rem;}
.select_list li{margin-bottom:1rem;}
.select_list li a{
	display:block;
	color:#333;
	line-height:1.5rem;
	font-size:clamp(14px, 2vw, 18px);
	position:relative;
	padding:4px 0 4px 21px;
}
.select_list li a:before{
	content:"";
	position:absolute;
	left:8px;
	top:12px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #a7885c;
	border-right: 2px solid #a7885c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

}

.select_list li a:hover {
	opacity:1;
	color:#a7885c;
}

#page .reserve{
	background-color:#fbeded;
	    padding: 4em 0px 3em 0px;
		 position: relative;
}
#page .reserve .badge{
  position: absolute;
  top: 10%;
  right: 20%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #e60023;
  	background-color:#ffedf9;
	background-color:#82602eb3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3;
}


#page .reserve .h_nav{
	max-width:800px;
    margin: 4em auto 2em auto;
}
#page .reserve .h_nav li{
	display:block;
	    text-align: left;
		line-height:2em;
		font-size:16px;
		list-style: disc;
}
#page .reserve .h_nav li a{
	display:inline;
}
#page .reserve .h_nav li a.no-p{
padding:0px;	
}
@media screen and (max-width: 768px){
	.rec_box_wrap{display:block;}
	.rec_box{
		width:unset;
		margin-right:0;
	}
	.select_list li a:before{width:5px; height:5px;}
}





/*店内の様子*/
#inside .photo_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width: 980px;
	margin: 0 auto;
}
#inside .photo_list > li{
	width:calc((100% - 4rem) / 3);
	margin-right:2rem;
	margin-bottom:2rem;
}
#inside .photo_list > li:nth-child(3n),
#inside .photo_list > li:last-child{
	margin-right:0;
}

@media screen and (max-width: 768px){
#inside .photo_list > li{
	width:calc((100% - 1rem) / 2);
	margin-right:1rem;
	margin-bottom:1rem;
}
#inside .photo_list > li:nth-child(2n),
#inside .photo_list > li:last-child{
	margin-right:0;
}

}
@media screen and (max-width: 480px){
	#inside .photo_list{
		display:block;
		max-width:330px;
		margin:0 auto;
	}
	#inside .photo_list > li{
		width:unset;
		margin-right:0;
	}
}



/*esthe*/
.esthe-bg{background:#FDF9F8;}
.esthe_wrap{
	/*background: #fff;
	padding: 2rem;
	border-radius: 10px;*/
}
.esthe_wrap .tit{
	text-align:center;
}
.esthe_wrap .tbl01 th,
.esthe_wrap .tbl01 td{
	/*width:50%;*/
	box-sizing:border-box;
}
.esthe_wrap .tbl01 th{
	background-color:#fafaf2;
}
.esthe_wrap .tbl01 td{
	text-align:right;
	width: 30%;
}
.esthe_wrap .box{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom:2rem;
}
.esthe_wrap .box h3{
	margin-bottom:1rem;
}
.esthe_wrap .box h4{
	color: #AC6786;
	font-weight: bold;
}
@media screen and (max-width: 480px){
	.esthe_wrap .box{padding:1.5rem 1rem;}
	.esthe_wrap .tbl01 td{width:50%;}
	
}


/*取扱商品*/
.shop-bg{background:#E7F7F6;}

.shop-wrap .box{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom:2rem;
}
.shop-wrap .box h3{
	margin-bottom:1rem;
}
.shop-wrap .box h4{
	color: #AC6786;
	font-weight: bold;
}


.shop-wrap .col.box .item_img{
	max-width:400px;
}

@media screen and (max-width: 961px){
	.shop-wrap .box .item_txt{flex:unset;}
}





/*発送*/
#hassou .inner{
	max-width:860px;
}

#hassou .notes_box{
    margin: 3rem auto 3rem;
    box-sizing: border-box;
    padding: 1.5rem;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #ddd;
}
#hassou .notes_box .tbl01 th{
	min-width:8em;
}

@media screen and (max-width: 480px){
	#hassou .notes_box .tbl01 th,
	#hassou .notes_box .tbl01 td{
		display:block;
		max-width:unset;
		border:none;
		padding-left:0;
		padding-right:0;
	}
	#hassou .notes_box .tbl01 th{
		padding-bottom:0;
		
	}
}

/*オリジナル商品*/
#product-item{
	background:#fff4fb;
}
.product_box{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
}
.product_box .item_img{
	max-width:300px;
	margin:0 2rem 0 0;
}


.product_box .item_txt{
	flex:1;
}
.product_box .item_txt h3{margin-bottom:1rem;}
.product_box .item_txt .price{
	font-size:clamp(18px, 3vw, 24px);
	text-align:right;
}


.product_box .item_txt ul.list01 > li{
		font-size:clamp(14px, 1.5vw, 16px);
	}



@media screen and (max-width: 768px){
	.product_box{display:block;}
	.product_box .item_img{margin:0 auto 1rem;text-align:center;}
	
}

@media screen and (max-width: 480px){
	
	.product_box{padding: 1.5rem 1rem;display:block;}
	.product_box .item_img{margin:0 auto 1rem;}
}



/*講座関連*/
.tbl_kouza{
	border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    width: 100%;
    margin: 0 0 4rem 0;
}
.tbl_kouza th,
.tbl_kouza td{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:8px;
	line-height:1.5em;
}
.tbl_kouza th{background:#fafafa; min-width:200px;}

.tbl_kouza span{
	font-size:14px;
}
.tbl_kouza span.fee_all{
	font-size: 130%;
    font-weight: bold;
}
.list_nagare{list-style-type:decimal; margin:0 0 3rem 2rem;}
.list_nagare li{margin-bottom:1rem;}
.shoumeisho{font-size:120%;font-weight:bold;}
/*
.oil_list{display:flex; flex-wrap:wrap; margin:0 0 4rem 0;}
.oil_list li{
	border-bottom: solid 1px #f3edfc;
	padding: 15px 0;
	margin: 0px 1% 5px;
	width: 23%;
	justify-content:center;
	display:flex;
	flex-wrap:wrap;
	font-size: 14px;
	align-items:center;
	line-height: 1.2rem;
}*/


/*flow_adviser*/
.flow_adviser {
margin: 0 auto 50px;
}
.flow_adviser .flow_box {
margin: 0 auto 40px;
padding: 10px;
border: 3px solid #ad6686;
border-radius: 20px;position: relative;
}
.flow_adviser .flow_box:after {
border-top: 25px solid #f3edfc;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
content: "";
position: absolute;
bottom: -35px;
left: 50%;
margin-left: -70px;
}

.flow_adviser .flow_box:last-child:after {
border: none;
}
#single .flow_adviser .flow_box h4,
#single .flow_adviser .flow_box p{
margin:10px 0;
text-align: center;
}
.flow_adviser .flow_box h4::first-letter{
color:#a5863c;
float:left;
margin: 0 0 0 20px;
}


.kouza_wrap h2{
	text-align:center;
}
.kouza_wrap h2 span{
	display:block;
	font-size:clamp(18px, 3vw, 24px);
}

/*セミナー*/
#single .entry_content .seminar_box{
	border:solid 1px #ccc;
	padding:60px 3% 20px;
	background:#fafafa;
	position:relative;
	margin-bottom:2rem;
}
#single .entry_content .seminar_box h2{
	font-size:18px;
	position:absolute;
	left:-10px;
	top:10px;
	background:#989277;
	color:#fff;
	padding:5px 15px;
}

#single .entry_content .seminar_box .item{
	display:flex;
	flex-wrap:wrap;
	border-bottom:dotted 1px #ccc;
	padding:10px 0;
}
#single .entry_content .seminar_box .item h3{
	font-size:16px;
	font-weight:bold;
	width:110px;
	margin:0 20px 0 0;
}
#single .entry_content .seminar_box .item p,
#single .entry_content .seminar_box .item .item_txt{
	flex:1;
	margin:0;
}
#single .entry_content .seminar_box .item p.te_about{font-size:90%;}



#single .entry_content .form_area h2{
	font-size:clamp(20px, 3.5vw, 32px);
	text-align:center;
}





/*cosme*/
#page .tit h2.font-en{font-family: Century Gothic;}
#cosme{background:#fdf9f8;}


.cosme-item .inner{
	max-width:1280px;
}


.cosme-item .concept{
	border:solid 1px #ccc;
	padding:2rem 2rem 1rem;
	margin-bottom:4rem;
}
.cosme-item .concept h3{
	font-family: Century Gothic;
	font-size: clamp(18px, 2.5vw, 24px);
	margin-bottom: 1rem;
}

.cosme_box_wrap{
	display: flex;
	flex-wrap: wrap;
}


.cosme_box{
	width: calc((100% - 4rem) / 3);
	margin-right:2rem;
	margin-bottom:2rem;
	display: flex;
	flex-direction: column;
}
.cosme_box .item-txt{
	flex:1;
	display: flex;
	flex-direction: column;
	
}
.cosme_box .item-txt h3{
	font-size: clamp(13px, 1.75vw, 21px);
	letter-spacing: 1px;
	margin-bottom:8px;
}
.cosme_box .item-txt h3 span{
	display:block;
	font-family: Century Gothic;
	font-size: clamp(11px, 1.5vw, 16px);
	color: #a27f3b;
	line-height: 1.5rem;
}
.cosme_box .item-txt .price{
	font-size: clamp(13px, 1.75vw, 21px);
	text-align:right;
	margin: auto 0 0;
}
.cosme_box .item-txt .price span{
	font-size: clamp(11px, 1.25vw, 14px);
	margin-right:4px;
}

ul.min-free li{
	display:inline-block;
	font-size: clamp(10px, 1.25vw, 12px);
	padding:2px;
	border:solid 1px #ccc;
	border-radius:2px;
	margin:0 2px 4px 0;
	color: #777;
}

.cosme_box .item-img{
	max-width:330px;
	margin:0 auto 8px;
}
@media screen and (min-width: 581px){
	.cosme_box:nth-child(3n){margin-right:0;}
}

@media screen and (max-width: 580px){
.cosme_box{
	width: calc((100% - 2rem) / 2);
	margin-right:2rem;
	margin-bottom:2rem;
}
.cosme_box:nth-child(2n){margin-right:0;}
.cosme_box .item-txt .price span{display:block;}
}


.point-list{
	counter-reset: list-counter;
}
.point-list li{
	counter-increment: list-counter;
	padding:2em 0 0 0;
	font-size: clamp(11px, 1.25vw, 13px);
	line-height:1.5rem;
	margin-bottom:.5rem;
	position:relative;
}

.point-list li:before{
	content: "Point" counter(list-counter) ".";
  margin-right: 0.5em;
	position:absolute;
	left:0;
	top:0;
	font-family: Century Gothic;
}
.point-list li h4{
	font-size:clamp(13px, 1.75vw, 21px);
	margin-bottom:0.5rem;
	border-bottom: solid 1px #b16c01;
	color: #b16c01;
}
.point-list li p{
	font-size:clamp(11px, 1.5vw, 14px);
}

@media screen and (min-width:769px){
.point-list{
	display: flex;
	flex-wrap: wrap;
}
.point-list li{
	width:calc((100% - 2rem) /2);
	margin-right:2rem;
	margin-bottom:2rem;
}
.point-list li:nth-child(2n){margin-right:0;}
}


.notes-list{
	counter-reset: list-counter;
}
.notes-list li{
	counter-increment: list-counter;
	padding-left:2em;
	font-size: clamp(11px, 1.25vw, 13px);
	line-height:1.5rem;
	margin-bottom:.5rem;
	position:relative;
}

.notes-list li:before{
	content: "(*" counter(list-counter) ")";
  margin-right: 0.5em;
	position:absolute;
	left:0;
	top:0;
}