@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: //meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
dt,dd,li   {text-indent: 0;}
strong	{font-weight:bold;}
p	{line-height:1.8;}
svg	{fill: currentColor; vertical-align:top;}

body{
font: 16px/1.8 'Noto Sans JP',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-weight:100;
background-color:#f0efe9;
color:#1a1a1a;
-webkit-text-size-adjust: none;
}
html	{
    scroll-behavior: smooth;
	font-size:20px;
}
@media only screen and (max-width:1299px){
	body	{font-size:14px;}
}
@media only screen and (max-width:699px){
	body	{background-image:none;}
}
@media only screen and (max-width:466px){
	html	{font-size:3.8vw;}
	body	{font-size:14px;}
}
@media only screen and (max-width:399px){
}


img	{max-width:100%; height:auto; vertical-align: bottom; border:0;}
.center    {text-align:center;}
.aligncenter    {text-align:center;}
.right     {text-align:right;}
.left	{text-align:left;}
.alignleft {float:left; margin:0 20px 20px 0;}
.alignright{float:right; margin:0 0 20px 20px;}
.children  {margin-top:6px;}
.closeup   {font-weight:bold; color:#ec611e; }
.closeup_tx12 {font-size: 12px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx14 {font-size: 14px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx16 {font-size: 16px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx18 {font-size: 18px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx24 {font-size: 24px !important; color: #ec611e !important; line-height: 1.4;}

.tx10      {font-size:10px !important;}
.tx11      {font-size:11px !important;}
.tx12      {font-size:13px !important;}
.tx13      {font-size:12px !important;}
.tx14      {font-size:14px !important;}
.tx15      {font-size:15px !important;}
.tx16      {font-size:16px !important;}
.tx18      {font-size:18px !important;}
.tx20      {font-size:20px !important;}
.tx22      {font-size:22px !important;}
.tx24      {font-size:24px !important;}
.tx30      {font-size:30px !important;}
.tx40      {font-size:40px !important;}
.tx50      {font-size:50px !important;}

.pa_btm0   {padding-bottom: 0px !important; }
.pa_btm5   {padding-bottom: 5px !important; }
.pa_btm10  {padding-bottom: 10px !important; }
.pa_btm20  {padding-bottom: 20px !important; }
.pa_btm30  {padding-bottom: 30px !important; }

.pa_top10  {padding-top: 10px !important; }
.pa_top20  {padding-top: 20px !important; }
.pa_top30  {padding-top: 30px !important; }
.pa_top40  {padding-top: 40px !important; }
.pa_top50  {padding-top: 50px !important; }

.ma_btm0   {margin-bottom: 0px !important; }
.ma_btm5   {margin-bottom: 5px !important; }
.ma_btm10  {margin-bottom: 10px !important; }
.ma_btm20  {margin-bottom: 20px !important; }
.ma_btm30  {margin-bottom: 30px !important; }
.ma_btm40  {margin-bottom: 40px !important; }
.ma_btm45  {margin-bottom: 45px !important; }
.ma_btm50  {margin-bottom: 50px !important; }
.ma_btm60  {margin-bottom: 60px !important; }
.ma_btm70  {margin-bottom: 70px !important; }
.ma_btm80  {margin-bottom: 80px !important; }
.ma_btm90  {margin-bottom: 90px !important; }
.ma_btm100  {margin-bottom: 100px !important; }

.ma_right10 {margin-right: 10px !important; }
.ma_right20 {margin-right: 20px !important; }
.ma_right30 {margin-right: 30px !important; }

.ma_left10 {margin-left: 10px !important; }
.ma_left20 {margin-left: 20px !important; }
.ma_left30 {margin-left: 30px !important; }


.tx_uline {text-decoration: underline !important;}
.ul_dash {
    background: #E7F4FF none repeat scroll 0 0;
    border-bottom: 1px dashed #aaaaaa;
    line-height: 2;
}

.comingsoon {text-align: center;}
.comingsoon h2 {font-family: 'Urbanist','Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: normal; font-size: 200%;}
.title404_h1 {
    font-size: 250%;
    font-weight: 900;
    margin: 30px 0 0;
    font-family: 'Roboto', serif;
    text-align: center;
}
.title404_h2 {
    font-size: 130%;
    font-weight: normal !important;
    line-height: 1.4;
    margin-bottom: 10px !important;
	border-bottom: none !important;
}
@media only screen and (max-width:599px){
	.title404_h1 {font-size: 160% !important;}
	.title404_h2 {font-size: 120% !important;}
}
@media only screen and (min-width:600px){
	.br_sp	{display:none;}
	.br_pc	{display:block;}
	.img_sp {display:none;}
}

@media only screen and (max-width:599px){
	.br_sp	{display:block;}
	.br_pc	{display:none;}
	.img_pc {display:none;}
}

/* テキスト強調 */
.marker_line {font-weight: bold;}
.marker_line.y {
    background: linear-gradient(transparent 60%, #a969a6 0%);
}




/* -----------------------------------------------------------
		link
----------------------------------------------------------- */
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#1a1a1a;
/* hover effect */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

a:hover, a:active{
outline: none;
color:#1a1a1a;
}

a.link_topmore {
    background: transparent;
    border: 1px solid #000;
    border-radius: 20px;
    display: block;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px !important;
    margin: 20px auto;
    padding: 10px 0;
    width: 220px;
    color: #000 !important;
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,.pagecont:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

.clear hr { display: none; border: none; height:0px; }/*clearfix*/.clearfix { clear: both; min-height: 1px;/*IE7用…高さが設定されてあれば回避可能*/ zoom: 1; height:auto; background-color:transparent; }.clearfix:after { content: ".";  /* 新しい要素を作る */ display: block;  /* ブロチEけレベル要素に */ clear: both; height: 0; visibility: hidden; background-color:transparent; }.clearfix { min-height: 1px; }/*-WinIE6 and below *//* Hides from IE-mac \*/* html .clearfix { height: 1%; }/* End hide from IE-mac */


/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
    padding: 0px;
    width: 100%;
    margin-bottom: 10px;
    border: none;
	text-indent: 10px;
	font-size: inherit;
	color: inherit ;
    font:inherit;
	font-weight:300;
	line-height: 41px;
	box-sizing:border-box;
}
select {
    width: 150px;
    height: 38px;
	padding: 10px;
	display: inline;
	position: relative;
	border: 2px solid #eeeeee;
}
.rtb-booking-form select{
	width: 100%;
}
select[multiple="multiple"] {
	height: 100px;
}
select[multiple="multiple"] option {
	height: 20px;
	line-height: 20px;
}
textarea{
    padding: 10px 0 0 10px;
    height: 350px;
    width: 98%;
    margin-bottom: 30px;
    overflow: auto;
    font-size: inherit;
	color: inherit ;
	font: inherit ;
	font-weight:300;
}  
.rtb-booking-form textarea {
  width: 97% !important;
  max-width: none !important;
  height: 150px;
}
input[type="submit"], .action-button .be-button,
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
    border: none;
    cursor:pointer;
    display: inline-block;
    margin:0px 0 10px;
    text-decoration: none;  
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font-size: 12px;
	line-height: 12px;
	padding: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
    background: #333;
	color:#fff;
	width:13rem;
} 
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea, select {
	border: 1px solid #eeeeee;
	background: #efefef;
	color:#111;
}
span.wpcf7-list-item {display: block !important;}

.wpcf7 .ajax-loader	{
	display:block !important;
	margin:10px auto !important;
}
.wpcf7-spinner	{
	display:block !important;
	margin:10px auto !important;
}

/* iPhoneリセット*/
input[type="submit"], input[type="button"] { -webkit-appearance: none; }

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #c33738;
}

*:first-child+html input[type="submit"]{padding:3px;}

@media only screen and (max-width:699px){
    input[type="text"], input[type="email"], input[type="password"] {width: 98%;}
}

/* -----------------------------------------------------------
		layout（共通）
----------------------------------------------------------- */
#wrap	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width:100%;
	/*max-width:1600px;*/
}

#wrapper, .inner{
margin:0 auto;
width:90%;
max-width: 1080px;
}
@media only screen and (max-width:1199px){
}

#wrapper-full{
width:100%;
}

#outer	{
	flex:2;
}
#outer-page	{
	flex:2;
}
.opening_page #outer	{
	height:100svh;
	overflow: hidden;
}
@media only screen and (max-width:1199px){
	#outer-page	{padding-top:76px;}
}


#content{
float:left;
width:70%;
padding:20px 0 50px;
min-height: 700px;
}
#content.cont_fl_none	{
	float:none;
	margin-right:auto;
	margin-left:auto;
}

#content-t {
    width: 100%;
    padding: 0 0 50px;
    min-height: 700px;
}

#sidebar{
float:right;
width:27%;
padding:0 0 50px;
}
#sidebar-home{
float:right;
width:27%;
padding:0 0 50px;
}

#sidebar-topics{
float:right;
width:27%;
padding:20px 0 50px;
}

#footer {
    clear: both;
    padding: 15px 0;
    text-align: center;
    width: 100%;
	color:#222;
}

#footer address	{font-size:11px;}

.page-template-page_salonstyle #footer{
margin-top:0;
} 

/* リッチエディタ見出しクラス */
.editorbox h1	{font-size:180%; font-weight:bold; margin-bottom:10px;}
.editorbox h2	{font-size:160%; font-weight:bold; margin-bottom:10px;}
.editorbox h3	{font-size:130%; font-weight:bold; margin-bottom:10px;}
.editorbox h4	{font-size:110%; font-weight:bold; margin-bottom:10px;}
.editorbox h5	{font-size:100%; font-weight:bold; margin-bottom:10px;}
.editorbox h6	{font-size:90%; font-weight:bold; margin-bottom:10px;}
.editorbox p	{margin-bottom:10px;}

/* 4段組み */
.d-box4 {width:225px; height:auto; margin-right:20px; float:left;}
.d-box4_last {width:225px; height:auto; float:left;}

/* 3段組み */
.d-box3 {float:left; height:auto; margin-right:25px; width:185px;}
.d-box3_last {width:185px; height:auto; float:left;}

/* 2段組み */
.d-box2 {width:325px; height:auto; margin-right:30px; float:left;}
.d-box2_last {width:325px; height:auto; float:left;}

.dis_table	{display:table;}
.d-box-one-half	{width:50%; display:table-cell; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-one-third	{width:33%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-two-third	{width:66%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-one-fifth	{width:20%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-one-fourth	{width:25%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-three-fourth	{width:75%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
@media only screen and (max-width: 859px) {
	.d-box-one-third	{width:50%;}
	.d-box-two-third	{width:100%; display:block; margin-bottom:20px;}
	.d-box-one-fourth	{width:100%; display:block; margin-bottom:20px;}
	.d-box-three-fourth	{width:100%; display:block; margin-bottom:20px;}
}
@media only screen and (max-width: 767px) {
	.d-box-one-half	{width:100%; display:block; margin-bottom:20px; float: left;}
	.d-box-one-half img {max-width:auto;}
	.d-box-one-third	{width:100%; display:block; margin-bottom:20px;}
}

/* リストデザイン */
.li_disc li, .li_circle li, .li_square li, .li_decimal li, .li_decimal-lz li, .li_lower-latin li, .li_upper-latin li {list-style-position: outside; margin-bottom: 5px; line-height: 1.6;}
.li_disc ul, .li_circle ul, .li_square ul, .li_decimal ul, .li_decimal-lz ul, .li_lower-latin ul, .li_upper-latin ul {margin-left: 25px;}
.li_disc li	{list-style-type: disc !important;} /* 黒丸 */
.li_disc_sub li	{list-style-type: disc !important;} /* 黒丸 */
.li_circle li	{list-style-type: circle;} /* 白丸 */
.li_square li	{list-style-type: square;} /* 黒四角 */
.li_decimal li	{list-style-type: decimal;} /* 算用数字 */
.li_decimal-lz li	{list-style-type: decimal-leading-zero;} /* 先頭に0をつけた算用数字 */
.li_lower-latin li	{list-style-type: lower-latin;} /* 小文字のアルファベット */
.li_upper-latin li	{list-style-type: upper-latin;} /* 大文字のアルファベット */

/* パンくず */
#kuzu {padding:0; font-size:11px; margin:10px 0; padding:5px 0;}
#kuzu ul {list-style:none; padding:0; margin:0;}
#kuzu li {float:left; margin:0 5px 0 0; padding:0; }
#kuzu h1	{float:right;}
#kuzu br {display: none;}
@media only screen and (max-width: 699px) {
	#kuzu	{margin-bottom:30px;}
}

/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h1, h2, h3, h4, h5 {
	font-weight:700;
}
h1.title {
	font-weight:600;
    font-size: 40px;
    padding: 20px 0 30px ;
    margin: 0;
    text-align: center;
}
.mincho {
    font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
	letter-spacing:-0.01em;
	font-weight:600;
}
@media only screen and (max-width:599px){
	h1.title{font-size:170% !important; padding: 15px 0 !important;}
	h1.title img{max-height:23px; width:auto;}
}

.single p	{margin-bottom:10px;}

/*.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(//www.saloncms.com/template/default-image/images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}*/
letter-spacing: 0;
}

/* .post p{min-height: 1em;} */

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:10px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
}

.post table td{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignleft{
margin: 0 30px 20px 0;
display:inline;
}
img.alignright{
margin: 0 0 20px 30px;
display:inline;
}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}

.page-subtit	{font-family: 'Cormorant Garamond',"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho",serif; font-size:27px; border-bottom:1px solid #000; padding:0 0 10px; margin:0 0 20px;}

#pagetop	{bottom: 30px; position: fixed; right: 30px; z-index:99;}
#pagetop a	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
#pagetop a span	{font-size:20px; line-height: 1.0; display:block;}

@media only screen and (max-width: 1199px){
	#pagetop	{bottom: 50px; right: 10px; z-index:99}
}

/* -----------------------------------------------------------
		Header（共通）
----------------------------------------------------------- */

/* PC
------------------------------------------------------------*/
@media only screen and (min-width: 1200px){
#header_line	{width: 25%; min-width: 280px; height:100svh; box-sizing:border-box;}
#header	{position: fixed; top:0; left:0; width: 25%; min-width: 280px; height:100svh; padding:1.5rem; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #1a1a1a; color: #f0efe9;}
.logo		{width: 100%; max-width: 200px; height: auto; margin-bottom: 50px; display: block;}
}


/* iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1199px){
/*#header_line	{width: 100%; padding:0; margin:0; background:#d7e2f4; z-index:9999; position: fixed; top:0; left:0;}
#header		{width:95%; max-width:880px; margin:0 auto; position:relative; padding:0 0 10px;}
#header_contents, #mb_hd_connect ul	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;		
}
#header_contents	{margin:0; justify-content: space-between; align-items:center;}
#header_right	{display:none;}
#header_right ul	{justify-content:flex-end;}
#header_right ul li i	{font-size:24px; display:block; padding:0;}*/
}

.opening_page #header_line	{width: 25%; min-width: 280px; height:100svh; box-sizing:border-box;}
.opening_page #header	{position: fixed; top:0; left:0; width: 25%; min-width: 280px; height:100svh; padding:1.5rem; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #1a1a1a; color: #f0efe9;}
@media (max-width: 768px) {
	.opening_page #header_line	{width: 38%; min-width: auto; flex: none; justify-content: center; }
	.opening_page #header	{width: 38%; min-width: auto; padding: 0.5rem;}
    .logo { max-width: 90%; margin-bottom: 30px; }
}


/* コンタクト
----------------------------------*/
.contact{
float:right;
padding:20px 0 0;
text-align:right;
color:#fff;
font-size:90%;
width: 240px;
}

.contact .tel{
margin-bottom:-3px;
font-size:180%;
}
/* -----------------------------------------------------------
		Main Navigation（共通）
----------------------------------------------------------- */	
/* For Opening */
.globalNav	{
    list-style: none;
    width: 100%;
    text-align: center; 
    line-height: 1.5;
    font-size: 1rem;
}
.globalNav li { 
	margin: 20px 0;
}
.globalNav li a {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position: relative;
    padding: 5px 10px;
    display: inline-block;
    transition: all 0.3s;
    color: #f0efe9;
}
.globalNav li a::before {
    content: '';
    position: absolute;
    bottom: 0; 
	left: 0; 
	width: 0%; 
	height: 100%;
    background: #f0efe9; 
    z-index: -1;
    transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.globalNav li a:hover {
	color: #1a1a1a;
}
.globalNav li a:hover::before {
	width: 100%;
}
.mn_arrow {
	opacity: 0; 
	margin-left: 0.2em; 
	transition: 0.3s; 
	display:inline-block;
	width:1em;
	height:1em;
	position:relative;
}
.mn_arrow::before, .mn_arrow::after	{
	content:"";
	position:absolute;
}
.mn_arrow::before	{
	width:1em;
	height:1px;
	left:0;
	top:50%;
	background:#1a1a1a;
}
.mn_arrow::after	{
	content:"";
	position: absolute;
    top: 50%;
    right: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: -0.2em;
	border-top: 1px solid #1a1a1a;
	border-right: 1px solid #1a1a1a;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);	
}
.globalNav li a:hover .mn_arrow { 
	opacity: 1; 
	margin-left: 0.2em; 
}
@media (max-width: 768px) {
	.globalNav	{display: flex; flex-direction: column; gap: 15px; align-items: center; text-align: center;}
	.globalNav li { margin: 0; }
    .globalNav li a { font-size: 13px; padding: 5px 0; }
    .mn_arrow { display: none; }
}

/* Salon Page */
.mainNav	{
    list-style: none;
    text-align: left; 
    line-height: 1.5;
    font-size: 1rem;
}
.mainNav li { 
	margin: 0.5rem 0;
}
.mainNav li a {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position: relative;
    padding: 5px 10px;
    display: inline-block;
    transition: all 0.3s;
    color: #f0efe9;
}
.mainNav li a::before {
    content: '';
    position: absolute;
    bottom: 0; 
	left: 0; 
	width: 0%; 
	height: 100%;
    background: #f0efe9; 
    z-index: -1;
    transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.mainNav li a:hover {
	color: #1a1a1a;
}
.mainNav li a:hover::before {
	width: 100%;
}
.mainNav li a:hover .mn_arrow { 
	opacity: 1; 
	margin-left: 0.2em; 
}




/* -----------------------------------------------------------
		Footer
----------------------------------------------------------- */
footer	{
	text-align:center; 
	padding:20px 0; 
	margin-top:5.625rem;
}
footer address	{font-size:0.6875rem;}

@media only screen and (max-width:699px){
	/*footer	{padding-bottom:130px;}*/
}


#pagetop	{
	bottom: 15px;
	position: fixed; 
	z-index:9998;
    width: 50%;
    max-width: 650px;
}
#pagetop a	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    border-radius: 50%;
	margin:0 15px 0 auto;
}
#pagetop a span	{font-size:20px; line-height: 1.0; display:block;}

@media only screen and (max-width:1299px){
	#pagetop	{width:40%;}
}
@media only screen and (max-width:799px){
	#pagetop	{width:50%;}
}
@media only screen and (max-width:650px){
	#pagetop	{width:100%;}
}
/* -----------------------------------------------------------
		Footer Contact Button
----------------------------------------------------------- */
#ft_contact_bt	{
	position:fixed;
	bottom:30px;
	left:30px;
	z-index:999;
}
.ftc_clm	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    width: 200px;
}
.ftc_bt	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex: 0 0 90px;
    height: 90px;
	border-radius:50%;
	color:#fff;
	font-size:20px;
	background:#AD8C5B;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
	cursor:pointer;
}
.ftc_open #ftc_trigger .ftc_bt	{
	background:#999;
}
.ftc_bt svg	{
	width:40px;
	height:40px;
}
.ftc_bt:hover, .ftc_bt:active	{
	color:#fff;
}
#ftc_trigger .ftc_bt div	{
	width:40px;
	height:50px;	background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.691%22%20height%3D%2245.599%22%20viewBox%3D%220%200%2030.691%2045.599%22%3E%20%3Cg%20id%3D%22group_35%22%20transform%3D%22translate(-55.479%20-256.973)%22%3E%20%3Cg%20id%3D%22group_31%22%20transform%3D%22translate(69.908%20256.973)%22%3E%20%3Cg%20id%3D%22group_30%22%20transform%3D%22translate(0)%22%3E%20%3Cg%20id%3D%22group_29%22%3E%20%3Cpath%20id%3D%22path_29%22%20d%3D%22M42.271%2C11.8%2C40.62%2C10.146a6.013%2C6.013%2C0%2C0%2C0%2C0-8.49L42.271%2C0A8.353%2C8.353%2C0%2C0%2C1%2C42.271%2C11.8Z%22%20transform%3D%22translate(-40.62)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22path_30%22%20d%3D%22M71.388%2C276.923a3.05%2C3.05%2C0%2C0%2C0-3.069%2C2.517V267.329c-.15-3.812-6.078-3.812-6.229%2C0V288.45c-3.538.155-3.119-4.263-3.055-6.593-6.771%2C7.059-.739%2C14.2%2C3.256%2C20.505%2C5.75%2C8.271%2C25.348%2C3.716%2C24.094-6.329V284.209c-.009-3.073-4.5-3.917-5.773-1.2%2C1.053-4.2-4.4-6.73-6.119-2.467C74.494%2C278.3%2C73.408%2C276.923%2C71.388%2C276.923Z%22%20transform%3D%22translate(-0.274%20-4.079)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22group_34%22%20transform%3D%22translate(55.479%20256.973)%22%3E%20%3Cg%20id%3D%22group_33%22%20transform%3D%22translate(0)%22%3E%20%3Cg%20id%3D%22group_32%22%3E%20%3Cpath%20id%3D%22path_31%22%20d%3D%22M20.431%2C11.8l1.655-1.651a6.013%2C6.013%2C0%2C0%2C1%2C0-8.49L20.431%2C0A8.353%2C8.353%2C0%2C0%2C0%2C20.431%2C11.8Z%22%20transform%3D%22translate(-17.993)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}
.ftc_open #ftc_trigger .ftc_bt div	{background:url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJtMTIgMTAuOTMgNS43MTktNS43MmMuMTQ2LS4xNDYuMzM5LS4yMTkuNTMxLS4yMTkuNDA0IDAgLjc1LjMyNC43NS43NDkgMCAuMTkzLS4wNzMuMzg1LS4yMTkuNTMybC01LjcyIDUuNzE5IDUuNzE5IDUuNzE5Yy4xNDcuMTQ3LjIyLjMzOS4yMi41MzEgMCAuNDI3LS4zNDkuNzUtLjc1Ljc1LS4xOTIgMC0uMzg1LS4wNzMtLjUzMS0uMjE5bC01LjcxOS01LjcxOS01LjcxOSA1LjcxOWMtLjE0Ni4xNDYtLjMzOS4yMTktLjUzMS4yMTktLjQwMSAwLS43NS0uMzIzLS43NS0uNzUgMC0uMTkyLjA3My0uMzg0LjIyLS41MzFsNS43MTktNS43MTktNS43Mi01LjcxOWMtLjE0Ni0uMTQ3LS4yMTktLjMzOS0uMjE5LS41MzIgMC0uNDI1LjM0Ni0uNzQ5Ljc1LS43NDkuMTkyIDAgLjM4NS4wNzMuNTMxLjIxOXoiLz48L3N2Zz4=) no-repeat center center;
    background-size: 40px auto;
}
ul#ftc_list	{
	position:absolute;
	bottom:0;
	opacity:0;
	z-index:-1;
	transition:0.5s;
}
ul#ftc_list li	{
	position:absolute;
	bottom:0;
	margin-top:10px;
}
.ftc_open ul#ftc_list	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	bottom:100px;
	opacity:1.0;
}
.ftc_open ul#ftc_list li	{
	position:relative;
	bottom:auto;
}
.ftc_ballon	{
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    flex: 2 0 20%;
    padding: 5px 10px;
    border-radius: 20px;
    text-align: center;
    box-sizing: border-box;
    color: #333;
	background:#fff;
	font-size:11px;
	margin-left:10px;
	position:relative;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
}
.ftc_ballon:before	{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -4px;
    border: 3px solid transparent;
    border-right-width: 6px;
    border-right-style: solid;
    border-right-color: #fff;
}
@media only screen and (max-width:1024px){
	#ft_contact_bt	{bottom:10px; left: 10px;}
}

/* -----------------------------------------------------------
		Footer Movie Button
----------------------------------------------------------- */
#ft_movie_bt	{
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:999;
}
#ft_movie_bt a	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column ;
    -webkit-box-direction: column ;
    -webkit-flex-direction: column ;
    flex-direction: column ;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width:90px;
    height: 90px;
	border-radius:50%;
	color:#fff;
	font-size:11px;
	background:#222;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
	cursor:pointer;
	text-align:center;
}
#ft_movie_bt a p	{
	line-height:1.2;
	margin-top:5px;
}

@media only screen and (max-width:1024px){
	#ft_movie_bt	{bottom:10px; right: 10px;}
}




/* -----------------------------------------------------------
		オープニングページ
----------------------------------------------------------- */
.opening_slide	{
    display: flex;
}
/* 2. SCROLLING LANES (RIGHT AREA) */
.col-scroll-lane {
	flex: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: #f0efe9;
	border-right: 2px solid #1a1a1a;
	font-size: 0;
	line-height: 0;
	/* iOS Fix: Create a new stacking context */
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	z-index: 1;
}
.col-scroll-lane:last-child {
	border-right: none;
}

/* --- SCROLL ANIMATION WRAPPER --- */
.scroll-wrapper {
	width: 100%;
	/* GPU Acceleration - Webkit Prefixes are CRITICAL for iOS */
	will-change: transform;
	transform: translateZ(0); 
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000px;
	-webkit-perspective: 1000px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

/* Animation Definitions */
.lane-up .scroll-wrapper { animation: scrollUp 35s linear infinite; }
.lane-up-slow .scroll-wrapper { animation: scrollUp 40s linear infinite; }
.lane-down .scroll-wrapper { 
	animation: scrollDown 38s linear infinite; 
	/* Start from -50% to scroll downwards */
	transform: translateY(-50%); 
	-webkit-transform: translateY(-50%);
}

@keyframes scrollUp {
	0% { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); }
}

@keyframes scrollDown {
	0% { transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); }
	100% { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
}

/* --- IMAGE STYLING (FLICKER FIX V2) --- */
.lane-content-img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	
	/* KEY FIX: Overlap images by 1px to hide sub-pixel rendering gaps */
	margin-bottom: -1px;
	
	/* Force hardware acceleration on the image element itself */
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	
	/* Ensure smooth scaling */
	image-rendering: -webkit-optimize-contrast; 
}

/* --- SIDEBAR NAV STYLES --- */
.brand-logo-img {
	width: 100%; 
	max-width: 200px; 
	height: auto;
	margin-bottom: 50px;
	display: block;
}

.nav-list {
	list-style: none;
	width: 100%;
	text-align: center; 
	line-height: 1.5;
	font-size: 1rem;
}

.nav-item { margin: 20px 0; }

.nav-link {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	position: relative;
	padding: 5px 10px;
	display: inline-block;
	transition: all 0.3s;
	color: #f0efe9;
}

.nav-link::before {
	content: '';
	position: absolute;
	bottom: 0; left: 0; width: 0%; height: 100%;
	background: #f0efe9; 
	z-index: -1;
	transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.nav-link:hover { color: #1a1a1a; }
.nav-link:hover::before { width: 100%; }

.nav-arrow { opacity: 0; margin-left: 10px; transition: 0.3s; font-weight: 400;}
.nav-link:hover .nav-arrow { opacity: 1; margin-left: 15px; }


@media (max-width: 768px) {
    .lane-up { display: none; }
    .lane-up-slow { display: none; }
    .lane-down { display: block;flex: 1; width: auto;border-right: none; }
	.container {flex-direction: row;  }
}

/* -----------------------------------------------------------
		Common
----------------------------------------------------------- */
#page_titarea	{
	margin-bottom:40px;
	width:100%;
}
#tit_bg	{
	width:100%;
	/*height:50vh;*/
	height: 100%;
	aspect-ratio: 80/52;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	position:relative;
}
#tit_bg::after	{
	content:"";
	background:rgba(0,0,0,0.5);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}
#tit_inn	{
	width:100%;
	height:100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	position:relative;
	z-index:3;
	color:#fff;
}
#tit_txt	{
	text-align:center;
}
#tit_txt img	{
	max-width:12.5rem;
}
#tit_notbgimg	{
	height:250px;
	background:#000;
}
#tit_bgtxt_inn	{
	text-align:left;
}
#page_titarea h1 {
	font-size:1rem;
    font-weight: 100;
    margin: 20px 0 0;
}
#page_titarea h2	{
	font-size:120%;
    letter-spacing: 2px;
    font-weight: bold;
	margin-top:60px;
}
#tit_scroll	{
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:3;
	margin-left:-8px;
	animation: scmove 0.5s alternate infinite;
}

@keyframes scmove {
    100% {
        bottom:20px;
    }
}
.bigtit	{
	padding:0;
	font-size:48px;
	letter-spacing:0.05em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.basictit	{
    font-family: 'Roboto', 'Noto Sans JP',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    line-height: 1.2;
    font-size: 2.25rem;
	text-align:center;
	margin-bottom:1.4rem;
	position:relative;
	text-align:center;
}
.subtit	{
    font-size: 1rem;
	font-weight:normal;
	text-align:center;
    margin-bottom: 1rem;
}
.basictit + .subtit	{
	margin-top:-1.5rem;
}
.smalltit	{
	font-weight:bold;
	font-size:17px;
	margin-bottom:20px;
}
.underlinetit	{
	font-size:1.6rem;
	line-height:1.2;
	text-align:center;
	padding-bottom:2.6rem;
	margin-bottom:1rem;
	position:relative;
}
.underlinetit:before	{
	content:"";
	width:1px;
	height:2rem;
	background:#cbcccd;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-0.5px;
}
.tit_double	{
	color:#A7C6ED;
	text-align:center;
	padding-bottom:2.6rem;
	margin-bottom:1rem;
	position:relative;
}
.tit_double p	{
	font-size:3rem;
	line-height:1.2;
	margin-bottom:0.2rem;
}
.tit_double h2	{
	font-size:0.9rem;
	line-height:1.2;
	margin-bottom:0.2rem;
}
.tit_double:before	{
	content:"";
	width:1px;
	height:2rem;
	background:#A7C6ED;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-0.5px;
}
.tit_photoclm	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items:flex-end;
	margin:0 0 1.875rem;
}
.tit_phclmL	{
	width:63%;
	margin-right:2%;
}
.tit_photoclm h2	{
    font-family: 'Roboto',YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho","Sawarabi Mincho",serif;
	font-weight:400;
	line-height:1.2;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: sideways;
	color:#e9999a;
	font-size:3.75rem;
}

.page_cont0	{
    margin-bottom: 5.3rem;
}
.page_cont0:last-child	{
	margin-bottom:0;
}

a.bt_top_more	{
    font-family: 'Roboto', 'Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
	background:#fff;
	color:#111;
    display: inline-block;
	max-width:480px;
	font-size:1rem;
    position: relative;
    line-height: 1.0;
    padding: 0.7em 2.5em 0.6em;
	box-sizing:border-box;
    text-align: center;
	margin:1.872rem auto 0;
	border-radius:100px;
}
a.bt_top_more:hover	{
	background:#ababab;
	color:#111;
}
a.cr_arrow	{
    font-family: 'Roboto', 'Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
	background:#fff;
	color:#111;
    display: block;
	width:200px;
	font-size:1rem;
    position: relative;
    line-height: 1.0;
    padding: 0.7em 2.5em 0.6em;
	box-sizing:border-box;
    text-align: center;
	margin:1.872rem auto 0;
	border-radius:100px;
}
a.cr_arrow:hover	{
	background:#ababab;
	color:#111;
}
#btm_cta	{
	padding:60px 0 20px;
}
.btm_cta_titimg	{
    width: 80%;
    max-width: 155.5px;
    margin: 0 auto 1.3rem;
}
#btm_cta h2	{
	font-size:1.2rem;
	text-align:center;
	line-height:1.4;
	margin-bottom:1.5rem;
}
#btm_cta h2 span	{
	border-bottom:1px solid #A7C6ED;
	display:inline-block;
	padding-bottom:0.4rem;
}
#btm_cta a.bt_top_more, #btm_cta a.bt_top_more span:before	{
	background:#B2A499;
}
#btm_cta a.bt_top_more span:after	{
	border-color:#B2A499;
}
#btm_cta a.bt_top_more:hover	{
	background:#877568;
}
.btm_cta_tel	{
	text-align:center;
	font-size:1rem;
	line-height:1.4;
	margin:1.3rem 0 0;
}
.btm_cta_tel strong	{
	font-size:150%;
}



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



/* -----------------------------------------------------------
		SALON TOP
----------------------------------------------------------- */
.topcont	{
	padding:5.625rem 0;
}
.topcont_wht	{
	padding:5.625rem 0 0;
}

#mv {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9; 
    overflow: hidden;
    background: #000;
}

#mv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}


.tit_mincho	{
	font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    letter-spacing: -0.01em;
}
.tit_eng	{
	font-family: 'Roboto', 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
	font-weight:400;
	font-style: italic;
}

.top_salonslide	{
	margin-bottom:2rem;
}
#top_about dl	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	margin-top:2rem;
}
#top_about dt	{
	width:120px;
	padding:0.5rem 0;
    font-weight: 300;
}
#top_about dd	{
	flex:2;
	padding:0.5rem 0;
}
#top_about hr	{
    width: 100%;
    background: #888;
    border: none;
    height: 1px;
	margin:0;
}
.top_gmap	{
	margin:2rem 0 0;
}
.top_gmap iframe	{
	width:100%;
	height:300px;
}


#top_information	{
	max-width:660px;
	margin-right:auto;
	margin-left:auto;
}
#top_information dl a	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	font-size:1rem;
	padding:0.8rem 0;
	border-bottom:1px solid #545454;
}
#top_information dl:first-child a	{
	border-top:1px solid #545454;
}
#top_information dl dt	{
	width:7em;
}
#top_information dl dd	{
	flex:2;
}


#top_recruit	{
	height:100vh;
	background:url(/img/top_index/bg_recruit.jpg) no-repeat center center / cover;
	text-align:center;
}
#top_recruit .inner	{
	height:100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#top_recruit h2	{
	font-size:1.5rem;
	letter-spacing:0.4em;
	margin:1.25rem 0 2.5rem;
}
.top_rec_logo	{
	width:20rem;
}
.top_rec_list	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	width:100%;
	max-width:420px;
}
.top_rec_list li	{
	width:calc((100% - 1.25rem) / 2);
}
.top_rec_list li .bt_top_more	{
	display:block;
	width:100%;
	max-width:100%;
	padding:1.2em 0.5em 1.1em;
	margin:0;
}

.top_bsn0	{
	text-align:center;
	max-width:400px;
	margin:0 auto;
	font-size:100%;
}
.top_bsn0 a img	{
	transition:0.5s;
}
.top_bsn0 a:hover	{	
	color:#ababab;
}
.top_bsn0 a:hover img	{
	opacity:0.5;
}


@media only screen and (min-width:1025px){
	#mv .scroll	{display:none;}
}
@media only screen and (max-width:1024px){	
	.tit_topbasic	{font-size:90px;}
}
@media only screen and (max-width:899px){
}
@media only screen and (max-width:699px){
}
@media only screen and (max-width:599px){
	.tit_topbasic	{font-size:40px; margin-bottom:20px;}
	.top_sln_logo img	{width:130px;}
	.top_sln_mark img	{width:114px;}
	.top_sln_add	{font-size:100%; margin-bottom:20px;}
}


/* -----------------------------------------------------------
		Salon All
----------------------------------------------------------- */
#salon_all	{width:100%; margin:0 auto; }
#salon_all h2 {
    font-size: 100%;
    font-weight: 100;
    margin: 1rem 0 0;
}
#salon_all h3	{font-size:100%;}
#salon_all ul		{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
#salon_all > ul > li	{
	width:100%; 
	margin: 0 0 1rem; 
}
.sla	{
	width:100%;
	height:0;
	padding-top:60%;
	overflow:hidden;
	position:relative;
}
.sla_inn	{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	transition: all .9s ease; 
}
#salon_all li:hover .sla_inn {
	transform: scale(1.15);
}
.sla a	{
	width:100%;
	height:100%;
    position: absolute;
    left: 0;
    top: 0;
	background:rgba(0,0,0,0.5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items:center;
	align-content:center;
	justify-content:center;
}
.sla a:before, .sla a:after	{
    content: "";
	position:absolute;
	z-index:1;
}
.sla a:before	{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid #fff;
	bottom:1.25rem;
	right:1.25rem;
    transition: 0.5s background;
}
.sla a:after	{
    bottom: 2.2rem;
    right: 2.3rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s border-color;
}
.sla a:hover:before	{
	background:#fff;
}
.sla a:hover:after	{
	border-color:#999;
}
.sla_logo	{
	text-align:center;
	color:#fff;
}
#salon_all ul li .salontel	{font-size:22px; text-align:center; font-weight:bold;}
#salon_all .sa_logo {max-width:12.5rem; margin:0 auto; text-align:center;}
#salon_all .sa_logo img	{/*max-height: 70px; width:auto;*/}


#about .abbt_rs	{margin-bottom:30px;}
#about .abbt_rs ul	{
	max-width:400px;
	margin:0 auto;
}
.abbt_rs ul	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:center;
}
.abbt_rs ul li	{
	margin:0 1.5%;
	width:47%;
}
.abbt_rs ul li a	{
	color:#fff !important;
	max-width: 100%; 
	text-align:center;
	font-size:15px; 
	padding: 5px 0; 
	display: block; 
	border-radius: 3px;
}
.abbt_rs ul li a img	{
	height:1.2em;
	width:auto;
	margin:0 5px 0 0 !important;
	vertical-align:middle;
}
.abbt_rs ul li a:hover	{
	opacity:0.8;
}
a.abbt_web	{background:#a969a6;  border:1px solid #a969a6;}
a.abbt_line	{background:#00b900;  border:1px solid #00b900;}

.sl_movie	{max-width:500px; margin:40px auto 20px;}

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

/* -----------------------------------------------------------
		Salon
----------------------------------------------------------- */
#about {margin: 90px auto 0;}
#about h2	{
	font-size: 1.625rem;
	letter-spacing: 0.15em;
	text-align: center;
	margin:0 0 2.5rem;
}
.ab_cont	{
	margin:0 0 90px;
}
#js-map-taeget	{
	display:none;
}
#gmap	{
	width:100%;
	height:400px;
}
#gmap iframe	{
	width:100%;
	height:400px;
}
#about .link_topmore	{max-width:270px; font-size:90%; margin:20px auto 0; box-sizing:border-box;}
#aboutsalon h3	{font-size:30px; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho",serif; letter-spacing: 3px; font-weight:800; margin-bottom:20px; color:#eb611e;}
#aboutsalon h4	{font-size:30px; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho",serif; letter-spacing: 3px; font-weight:800; color:#eb611e;}
#salon_all .s_concept {margin: 0 auto 50px; width: 95%;}
#salon_all .s_concept h2 {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho",serif; color: #222; font-weight: 700 !important; font-size: 200% !important;}
#ab_maincl	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom:30px;
}
#ab_main_L	{
	width:60%;
	margin-right:3%;
}
#ab_main_R	{
	width:37%;
}
#about .flex-control-thumbs li {
    box-sizing: border-box;
    float: left;
    margin: 0 !important;
    padding: 2px !important;
    width: 20% !important;
}
#ab_reserve	{
}
#ab_reserve ul	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:center;
    text-align: center;
	max-width:600px;
	margin:0 auto;
}
#ab_reserve li	{
	width : 33.33% ;
	width : -webkit-calc(100% / 3) ;
	width: calc(100% / 3);
	box-sizing:border-box;
	border-right:1px dotted #ccc;
}
#ab_reserve li:last-child	{
	border-right:none;
}
#ab_reserve li span	{
	display:block;
}
.abr_tit	{
	font-size:0.6875rem;
	margin-bottom:1em;
}
.abr_txt	{
    font-family: Roboto, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:bold;
	font-size:1.25rem;
}
.abr_txt img	{
	max-height:1.5em;
}
.abr_txt svg	{
	width:40px;
	height:40px;
}

#ab_sns {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:center;
    text-align: center;
}
#ab_sns li {
	margin:0 5px 10px;
}
#ab_sns li a	{
	font-size:29px;
    line-height: 50px;
	border-radius:50%;
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	text-decoration:none;
	color:#fff;
	overflow:hidden;
}
#ab_sns li a:hover	{
	opacity:0.8;
}
#ab_sns li a img	{
    height: 0.9em;
    width: auto;
    vertical-align: middle;
    margin-bottom: 0.2em;
}
#ab_sns_ig {
	background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	position:relative;
}
#ab_sns_ig:before{
	content: '';
	position:absolute;
	top:33px;
	left:-20px;
	width:80px;
	height:50px;
	background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
#ab_sns_tw	{
	background:#55acee;
}
#ab_sns_fb	{
	background:#3b5998;	
}
#ab_sns_ln	{
    background: #00b900;
}

@media only screen and (max-width:1023px){
	#ab_sns a	{width:49.4%;}
}
@media only screen and (max-width:899px){
	#ab_sns a	{width:100%;}
}

.salontel	{font-size:34px; text-align:center; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho",serif;}
.salontel a	{color:#31302e !important; font-weight: 700;}
#calendar {margin:0 0 30px;}
#calendar h3 {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #707070;
    padding: 5px 0;
    margin-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho",serif;
}
h3.ps_tit_line {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #707070;
    padding: 5px 0;
    margin-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho",serif;
}
#ab_salon dl	{
	width:100%;
	max-width:600px;
	margin:0 auto 30px;
	font-size:0.875rem;
}
#ab_salon dl dt	{
	width:7em; 
	float:left; 
	padding:10px 0 10px; 
	clear:both;
}
#ab_salon dl dd	{padding:10px 0 10px 8em;}
/* #ab_salon a	{color:#fff;} */
#ps_concept	{margin-bottom:50px;}
#ps_concept p	{margin-bottom:10px;}

#ab_photo ul	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:center;
}
#ab_photo ul li	{
	width:120px; 
	margin:0 5px 10px;
}
#ab_photo li a	{
	display:block;
	position:relative;
}
#ab_photo li a:before	{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#000;
	opacity:0;
	transition: all .3s;
}
.hover_plus	{
	opacity:0;
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-11px;
	margin-left:-11px;
	transition: all .3s;
}
.hover_plus:before, .hover_plus:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 22px;
	height: 1px;
	top: 10px;
	left: 0;
}
.hover_plus:before {
	width: 1px;
	height: 22px;
	top: 0;
	left: 10px;
}
#ab_photo li a:hover:before	{
	opacity:0.3;
}
#ab_photo li a:hover .hover_plus	{
	opacity:1.0;
}



#ps_pickup	{margin-bottom:50px;}
#ps_pickup h3	{font-size:130%; font-weight:bold; margin-bottom:30px; text-align:center; line-height:1.8;}
#ps_pickup ul li	{font-size:14px; margin-bottom:10px;}
#ps_pickup ul li span	{font-size:150%; margin-right:10px; color:#9cd3db;}
#ps_p_list	{width:800px; margin:0 auto;}

#ab_salon .d-box-two-third , #ab_salon .d-box-one-third	{vertical-align:top;}
#gmap	{margin:0 auto 20px; width:100%; height:300px;}
#gmap iframe	{width:100%; height:300px;}
#bt_gmap {margin-bottom: 50px !important;}

#ab_information	{}
#ab_information dl	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 1rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid #545454;
}
#ab_information dl dt	{
    width: 7em;
}
#ab_information dl dd	{
    flex: 2;
}
#ab_information a.cr_arrow	{
	margin-top:2.5rem;
}

#ps_menu	{
	max-width:840px;
	margin-right:auto;
	margin-left:auto;
}
#ps_menu h3	{
    font-size: 1.25rem;
    letter-spacing: 0.2em;
    margin: 0;
}
#ps_menu .m_information	{
	position:relative;
}
.psm_accordion	{
	padding-right:50px;
}

#ps_coupon	{
	margin-bottom:40px;
}
#ps_coupon .ps_tit_line	{
	border-bottom:none;
	padding:0;
}

#salon_nav		{display: inline-block;}
#salon_nav h3		{font-size:14px; margin: 10px 0 0;}
#salon_nav ul		{font-size:0; text-align:center;}
#salon_nav ul li	{font-size:12px; width:25%; display:inline-block; text-align:center; padding:0 10px; box-sizing:border-box; vertical-align:top; margin-bottom: 20px;}
#salon_nav .sn_pic	{border-radius: 5px; margin-bottom: 15px;}
#salon_nav .sn_logo		{margin:10px auto 10px;}
#salon_nav .sn_logo img		{max-height: 40px; width: auto; max-width: 110px;}

#bt_staffall	{width:270px; margin:0 auto 0; padding-top:20px;}
.abbt_rs_link{
	width:100%;
	height:50px;
	border:1px solid #FF3B3B;
	background:#FF3B3B;
	text-align:center;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	font-family: 'Cormorant Garamond',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho",serif;
	font-weight: 500;
}
.abbt_rs_link a{
	color:#fff;
	text-decoration:none;
	width:100%;
	line-height:48px;
	transition:all .5s ease;
	z-index:2;
	position:absolute;
	left:0;
}
.eff-1{
	width:100%;
	height:50px;
	top:-2px;
	right:-100%;
	background:#fff;
	position:absolute;
	transition:all .5s ease;
	z-index:1;
}
.abbt_rs_link:hover .eff-1{
	right:0;
}
.abbt_rs_link:hover a{
	color:#FF3B3B;
}
.slide_link_bl	{
	width:100%;
	height:50px;
	border:1px solid #ccc;
	background:transparent;
	text-align:center;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
}
.slide_link_bl a{
	color:#fff;
	text-decoration:none;
	width:100%;
	line-height:48px;
	transition:all .5s ease;
	z-index:2;
	position:absolute;
	left:0;
}
.slide_link_bl:hover .eff-1{
	right:0;
}
.slide_link_bl:hover a{
	color:#222;
}



/* カレンダー */
.business-calendar {
    background: #CACACA !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-collapse: separate !important;
    color: #000000 !important;
    border-spacing: 0 !important;
    border-top: 1px solid #CACACA !important;
    border-left: 1px solid #CACACA !important;
    font-size: 12px !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
}
.business-calendar caption {
    border-top: 1px solid #CACACA !important;
    border-left: 1px solid #CACACA !important;
    caption-side: top !important;
    border-right: 1px solid #CACACA !important;
    margin: 5px 0 0 !important;
    padding: 3px !important;
    text-align: center !important;
}
.business-calendar th {
    background: #EEEEEE !important;
    border-top: none !important;
    border-left: 0 !important;
    border-right: 1px solid #CACACA !important;
    border-bottom: 1px solid #CACACA !important;
    font-weight: normal !important;
    padding: 3px !important;
    width: 14% !important;
    text-align: center !important;
}
.business-calendar td {
    background: #FFFFFF !important;
    border-top: none !important;
    border-left: 0 !important;
    border-right: 1px solid #CACACA !important;
    border-bottom: 1px solid #CACACA !important;
    padding: 3px !important;
    text-align: center !important;
}
.business-calendar caption	{background:#eee; color:#222;}
.d_holiday {
    font-size: 24px !important;
    color: #db3232 !important;
    top: 4px !important;
    position: relative !important;
}
.d_today {
    font-size: 24px !important;
    color:#CCCCCC !important;
    position:relative !important;
    top:4px !important;
}
.badate {color: #E9E9E9 !important;}
.business-calendar-past a, .business-calendar-future a {
    color: #222 !important;
    font-size: 18px !important;
    padding: 0 10px !important;
}
.business-calendar-box	{
	width:100% !important;
}
.business-calendar-box > div	{
	width:90%;
	max-width:300px;
	margin:0 auto 20px !important;
}
ul.business-calendar-attribute	{
	display: flex !important; 
	flex-direction: row !important; 
	flex-wrap: wrap !important;
	justify-content:center;
	margin-bottom: 20px;
}
div .business-calendar-attribute li {
    padding: 5px 10px !important;
    list-style: none !important;
    margin: 0 2px 5px !important;
	width: calc(25% - 4px);
	text-align: center;
	font-size:90% !important;
	line-height:1.2;
	box-sizing: border-box !important;
	display: flex !important; 
	flex-direction: column !important; 
	flex-wrap: wrap !important;
	justify-content:center;
	align-items:center;
}
.business-calendar .attr0, .business-calendar-attribute .attr0  { color: #FFF !important; background:#c73576 !important; }
.business-calendar .attr1, .business-calendar-attribute .attr1 { color: #FFF !important; background:#dfb901 !important; }
.business-calendar .attr2, .business-calendar-attribute .attr2 { color: #FFF !important; background:#d06da3 !important; }
.business-calendar .attr3, .business-calendar-attribute .attr3 { color: #FFF !important; background:#afbd0f !important; }
.business-calendar .attr4, .business-calendar-attribute .attr4 { color: #FFF !important; background:#e7a342 !important; }
.business-calendar .attr5, .business-calendar-attribute .attr5 { color: #FFF !important; background:#c6e0d5 !important; }
.business-calendar .attr6, .business-calendar-attribute .attr6 { color: #FFF !important; background:#9baecb !important; }
.business-calendar .attr7, .business-calendar-attribute .attr7 { color: #FFF !important; background:#808080 !important; }
.business-calendar .attr8, .business-calendar-attribute .attr8 { color: #FFF !important; background:#845d9e !important; }
.business-calendar .attr9, .business-calendar-attribute .attr9 { color: #FFF !important; background:#82c0cd !important; }




/* -----------------------------------------------------------
		Menu
----------------------------------------------------------- */

#menu_sortsalon ul	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
	justify-content: center;
}
#menu_sortsalon ul li	{width:300px; text-align:center; margin: 20px;}
#menu_sortsalon ul li p	{margin:0 0 20px; font-size:16px;}
#menu_sortsalon ul li img	{display:block; margin:0 auto 20px; max-width:200px;}
#menu_sortsalon .link_topmore {
	font-size:90%;
}
#menu_sortsalon .link_topmore:hover {color:#a969a6 !important; border: 1px solid #a969a6 !important;}


#menu_info		{margin:0px auto 0;}
#menu_info .d-box-two-third , #menu_info .d-box-one-third	{vertical-align:top;}
#menu_info .d-box-one-third	{text-align:right;}
#menu_info .d-box-one-third ul li	{margin-bottom:10px;}
/* 右記はアンカーリンクがヘッダー固定分ずれるのを解消 */
.m_information		{margin-bottom:30px;/*  margin-top:-100px; padding-top:100px;*/}
.m_information h2	{
    font-family: Roboto, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: 0.2em;
	margin:0;
}
.m_information h4 {
    padding: 7px 10px 5px;
    font-weight: bold;
    background: #b7b7b7;
    margin-top: 1rem;
    line-height: 1.4;
    color: #111;
	width:100%;
	box-sizing:border-box;
}
.m_information hr + h4	{
	margin-top:20px;
}
.m_information dl		{
	width:100%; 
	font-size:1rem; 
	margin:20px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.m_information dl dt, .m_information dl dd	{
	line-height: 1.2;
	padding:1rem 0;  
}
.m_information dl dt	{
	width:calc(100% - 10em);
}
.m_information dl dd	{
	width:10em;
	text-align:right; 
}
.m_information dl hr {
    width: 100%;
    border: none;
    height: 1px;
    background: #545454;
    margin: 0;
    padding: 0;
}
.m_information ul.column2:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.m_information ul.column2 li    {width:65px; float:left; text-align:right;}
.m_information ol li            {list-style-type:none;}
.m_information ul li            {padding:0; list-style-type:none;}
.m_information dl ul li         {padding:0;}
.m_information dl ul            {margin-bottom:0; height: 1.6em;}
.m_information dl p		{font-size:0.785rem;}
.m_subtile		{margin:0px; font-size:11px;}
.m_information a		{padding: 3px 5px 0; background-color:#eee;}
.m_information a.link_topmore {
    width: 95%;
    font-size: 14px;
    padding: 6px 0;
    background: #e4d8c4;
    color: #a969a6 !important;
    border: 1px solid #a969a6 !important;
}
.m_information a.link_topmore:hover {
    color: #fff !important;
	background: #a969a6;
    border: 1px solid #a969a6 !important;
}
.ddline2			{height:3em;}
.ddgray				{background:#f9f6f1;}
.dtindent			{text-indent:2em;}
.mdetail  {width:100%; text-align:left; font-size:12px; clear:both; padding:5px; background: rgba(255, 255, 255, 0.08); box-sizing:border-box;}
.mfreespace	{padding:10px 0 0; margin-bottom:10px; width:100%; box-sizing:border-box;}
.mfreespace p {padding:0 5px;}
.dd_last  {border-bottom:1px solid #ccc !important;} 
.tx_thin  {font-weight:normal !important; font-size:15px;}
.no_dash  {border-bottom:none !important;}
.top_no_dash	{border-top:none !important;}
.border  {border-bottom:1px dotted #333;}
.course_box	{border:15px solid #eee; padding:30px 20px; margin-bottom:10px;}
.course_box h2	{color:#e94a6a; font-weight:bold; font-size:24px; margin-bottom:10px; }
.course_box h3	{color:#e94a6a; font-weight:bold; font-size:20px; margin-bottom:10px; }
.course_box p	{color:#e94a6a; font-size:110%; padding:0 20px;}

ol.m_attention	{list-style:disc inside !important;}
.m_attention li	{padding-left:20px; margin-bottom:10px;}

#menu_guide	{clear:both; text-align:center;}
#menu_guide h3	{font-size:120%; font-weight:bold; margin-bottom:10px;}
#menu_guide p	{margin-bottom:30px;}

@media only screen and (max-width: 1024px){
	#menu_info	{width:100%;}
}


/* -----------------------------------------------------------
		Menu Multiple
----------------------------------------------------------- */
#mn_ml_list	{margin-bottom:50px; text-align:center;}
#mn_ml_list li	{display:inline-block; margin:0 3px 10px;}
#mn_ml_list li a	{background:#000; color:#fff; padding:3px 20px; font-size:120%;}
#mn_ml_list li a:hover	{opacity:0.5;}

.mn_multiple #mn_ml_list li	{display:block; margin-bottom:20px;}
#menu_info #gl_subtitle h3	{}

.mn_multiple h3	{margin-top:30px;}





/* -----------------------------------------------------------
		Staff Multiple
----------------------------------------------------------- */
.st_multiple	{}
.st_ml_tit	{
    font-size: 130%;
    font-weight: bold;
    letter-spacing: 2px;
	text-align:center;
	margin:0 0 40px;
}
.st_ml_titimg	{
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 2px;
	text-align:center;
	margin:0 0 40px;
}
.st_ml_titimg img	{
	max-width:12.5rem;
}


/* -----------------------------------------------------------
		Staff
----------------------------------------------------------- */

#staff_all ul	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
	margin:0 auto 40px;
}
#staff_all ul li	{
	width : 50% ;
	padding:0 10px;
	margin:0 0 1.25rem;
	box-sizing:border-box;
}
#staff_all h3	{
    font-size: 1.25rem;
    font-weight: 100;
    margin: 0;
}
#staff_all ul li p	{
	margin-top:0.3rem;
	font-size:0.68rem;
}
a.st_link	{
    display: block;
	position:relative;
}
a.st_link:after	{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
    transition: all .5s ease;
}
a.st_link:hover:after	{
	height:0;
}
a.st_btmore	{
	display:block;
	text-align:center;
    font-family: 'Roboto', sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
	margin:1rem 0 1rem;
}
a.st_btmore span	{
    border-bottom: 1px solid #fff;
    padding: 0 0.3rem 0.18rem 1rem;
	position:relative;
    transition: 0.5s border-color;
}
a.st_btmore span:before	{
	content:"";
	position:absolute;
    top: calc(0.6em - 2px);
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s border-color;
}
a.st_btmore:hover	{
	color:#ccc;
	opacity:1;
}
a.st_btmore:hover span	{
	border-color:#ccc;
}
a.st_btmore:hover span:before	{
	border-color:#ccc;
}
.st_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    text-align: center;
	z-index:2;
}
#staff_all .st_arch_sns li	{
	width:auto;
	padding:0;
	margin:0 10px 10px 0;
	font-size:20px;
}
.slst_reserve	{
	display:block;
	background:transparent;
	padding:10px 0;
	text-align:center;
	margin:10px 0 0;
	position:relative;
	border:1px solid #fff;
}
.slst_reserve:before, .slst_reserve:after	{
	content:"";
	position:absolute;
	width:4px;
	height:4px;
    transition:all .5s ease-in-out;
}
.slst_reserve:before	{
	left:2px;
	top:2px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.slst_reserve:after	{
	right:2px;
	bottom:2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.slst_reserve:hover:before, .slst_reserve:hover:after	{
	width: calc(100% - 5px);
	height: calc(100% - 5px);
}





#staff_detail	{}
.pst0	{margin-bottom:90px;}
#staff_prof	{max-width:960px; margin:0 auto 50px;}
#staff-cont	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	margin-bottom:3.75rem;
}
#staff-photo	{
	width:45%;
	margin-right:6%;
}
#staff-text	{
	/*flex:2;*/
	width:49%;
	display: flex; 
	flex-direction: column; 
	flex-wrap: wrap;
	justify-content:center;
}
#st_tit_area	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items:center;
}
#st_tit_L	{
	margin-right:40px;
}
#st_tit_R	{
}
#staff_prof h3	{
    font-weight: 100;
}
#staff_prof h2	{
    font-size: 1.25rem;
    font-weight: 100;
    margin: 0;
}
#staff_prof h3.st_assign	{
	font-size:0.75rem;
    font-weight: 100;
}

#staff_detail h4	{
    font-size: 1.625rem;
    letter-spacing: 0.2em;
    text-align: center;
    margin: 0 0 2.5rem;
}
#staff_prof dl	{margin-bottom:0.625rem; font-size: 0.9rem;}
#staff_prof dl dt	{width:13em; float:left; font-weight:bold; padding:0.625rem 0;}
#staff_prof dl dd	{padding:0.625rem 0 0.625rem 14em; border-bottom: 1px solid #545454;}

#staff_prof .st_tellist h5	{
	margin:0.625rem 0 5px;
	font-weight:bold;
}
#staff_prof .st_tellist dl	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items:center;
}
#staff_prof .st_tellist dt	{
	width:7em;
	font-weight:normal;
	padding:0;
}
#staff_prof .st_tellist dd	{
	border-bottom:none;
	padding:0;
}
#staff_prof .st_tellist dd a	{
	display:inline-block;
	background:#eee;
	color:#222;
    padding: 2px 0.8em;
	border-radius:100px;
}
#staff_prof .st_tellist dd a i	{
	margin-right:5px;
}
.st_reserve	{display:block; padding:9px 0; width:14em; background:#222; border:1px solid #222; color:#fff; border-radius:3px; text-align:center; margin-bottom:20px;}
.st_reserve:hover	{text-decoration:none; color:#222; background:#fff;}
.st_alllink	{display:block; padding:10px 0; width:16em; background:#000; border:1px solid #000; color:#fff; border-radius:3px; text-align:center; margin:20px auto 20px; clear:both;}
.st_alllink:hover	{text-decoration:none; color:#6f6f6f; background:#fff;}
.st_otherlink	{text-align:center;}
.st_otherlink a	{display:inline-block; padding:10px 20px; background:#000; border:1px solid #000; color:#fff; border-radius:3px; text-align:center; margin:0; clear:both;}
.st_otherlink a:hover	{text-decoration:none; color:#6f6f6f; background:#fff;}
.staff-introduction	{margin-bottom:30px;}
.staff-introduction p	{margin-bottom:10px;}
.stfcm_long	{
	height:15em;
	overflow: hidden;
	position: relative;
	position:relative;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.stfcm_more {
  display: block;
  width: 100%;
  padding: 80px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(17, 17, 17, 0) 0%,
    rgba(17, 17, 17, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(17, 17, 17, 0) 0%,
    rgba(17, 17, 17, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(17, 17, 17, 0) 0%,
    rgba(17, 17, 17, 1) 60%
  );
}
.close-btn {
  background: none;
}
.slide-up {
  height: 15em;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 5em;
}
.stfcm_more p {
  display: inline-block;
  color: #222;
  cursor: pointer;
  background: #eee;
  padding: 0.4em 1em;
  width: 80%;
  border-radius: 999px;
}

#st_bloglist	{margin-bottom:20px;}
#st_bloglist h4	{font-weight:bold; border-bottom: 1px solid #777; font-size: 120%;  margin-bottom: 10px; }
#st_bloglist dt	{font-weight:normal !important;}
#schedule_tit	{width:300px; float:left;}
#schedule_tit h3	{font-size:35px; font-weight:bold; letter-spacing: 2px;}
#schedule_tit p		{padding:0 20px;}
.cl_holiday	{color:#ffcccc;}
.cl_today	{color:#cccccc;}

#st_sns_nav	{margin:10px 0 5px;}
#st_sns_nav ul li	{display: inline-block; margin:0 0.2rem 0.2rem 0;}
#st_sns_nav ul li a	{
    font-size: 1.6rem;
    line-height: 3rem;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
}
.bt_li{
	background: #00b900;
}
.bt_ig {
	background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	position:relative;
}
.bt_tw{
	background:#55acee;
}
.bt_fb{
	background:#3b5998;
}
.bt_ln{
	background: #00b900;
}
.bt_yt{
	background: #ff0000;
}
.bt_tm{
	background: #35465d;
}
.bt_bl{
	background: #222;
    font-family: Roboto, sans-serif;
}


#staff_gallery	{margin: 0 0 20px;}
#staff_gallery h3	{font-weight:400; font-size:25px;}
#staff_gallery ul{text-align:left; font-size:0;}
#staff_gallery li{width:190px; font-size:12px; display:inline-block; padding:0 5px 10px;}
#staff_gallery li img	{width:220px; height:auto; margin-bottom:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;	}

#staff_detail .link_topmore	{width:300px; margin:0 auto;}


#s-icon		{margin:0 0 30px;}
#s-icon ul	{margin:0;}
#s-icon ul li	{float:left; margin:0 3px 0 0;}




/* -----------------------------------------------------------
		Utility
----------------------------------------------------------- */
#utility	{}
.utlt0	{
    margin-bottom: 2rem;
}
#utility dl	{margin-bottom:50px;}
/*#utility dl dt	{width:25%; padding:10px; box-sizing:border-box; float:left; clear:both; font-weight:bold;}
#utility dl dd	{padding:10px 10px 9px 25%; border-bottom: 1px solid #ccc;}*/
#utility dl dt	{width:100%; padding:10px 10px 5px; box-sizing:border-box;}
#utility dl dd	{padding:0 0 10px; box-sizing:border-box;}
#utility dl dd h4	{font-size:100%; font-weight:bold; margin-bottom:5px;}
#u-gmap		{margin:20px 0 0;}
#rec_message	{margin:50px 0 0;}
#rec_message p	{margin-bottom:10px;}
#utility .lk-1colt dt	{width:100%; float:none;}
#utility .lk-1colt dd	{width:100%; padding:10px 10px 9px 10px;}
.select_year	{width:8em;}
#autozip {
   display: none !important;
}

#form_message	{margin-bottom:30px;}
#form_contact .need    { background-color:#aa3b5a; color:#FFFFFF; font-size:11px; margin-right:5px; padding:3px 5px; border-radius: 3px; font-weight: normal;}
#form_contact .err     { background:#FF6868; color:#FFFFFF; }
#form_contact .comp    { background:#f3f3f3; padding:80px 0px 80px 0px; text-align: center; }
#privacy { height:120px; overflow-y:scroll; padding:10px; margin-bottom:10px; border: 1px solid #ccc; }



/* -----------------------------------------------------------
	アーカイブ・単一記事ページ
----------------------------------------------------------- */
#sidebar	{
	margin-top:40px;
}
/* 投稿引用 */
section.widget h3, section.blog_quote h3 {	
    font-family: 'Roboto', 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
	font-weight:400;
    clear: both;
    margin: 0;
    padding: 0.45rem 0;
    font-size: 1.6rem;
    border-bottom: 1px solid #EBEBEB;
    letter-spacing: 0;
}
.blog_quote > div	{margin-bottom:5px; padding:0 0 5px; border-bottom:1px solid #545454;}
.news01	{line-height: 1.4;}
.blog_quote h3	{margin-bottom:20px !important;}
.blog_quote .sd_news_photo	{width:50px; height:50px; overflow:hidden; float:left; margin:0 10px 0 0;}
.blog_quote .sd_news_photo img	{max-width:100%; height:auto;}
.blog_quote .sd_news_text	{width:auto;}
.blog_quote .idx_news_date{font-size: 0.87rem; line-height: 1.4;}
.blog_quote .idx_news_text{display: block; font-weight: 300; padding: 0 0 3px; line-height: 1.4;}

#archive_tandem ul li	 {margin: 0 0 20px; padding: 0; width: auto; float: none;}
.thumL	{border: 1px solid #ccc; float: left; height: 148px; margin: 0; text-align: center; vertical-align: middle; width: 148px; overflow:hidden;}
.thumL img	{max-width:100%; height:auto;}
.title01  {padding:0 0 0 165px;}
.title01 h2 {
    font-size: 120%;
	font-weight:300;
    margin-bottom: 0px !important;
    padding: 5px 0 5px;
    line-height: 1.4;
}
.info_new {
    background: #fff;
    border-radius: 2px;
    color: #111;
    display: inline-block;
    font-size: 0.8rem;
    padding: 0.05rem 0.4rem 0;
    position: relative;
    margin-right: 0.6rem;
    font-weight: normal;
}
.date {font-size:11px; margin-bottom:5px;}
#excerpt p {line-height: 1.6; font-size: 90%;}
h2.title	{
	font-weight:300;
    padding: 11px 10px 4px 0px;
    font-size: 120%;
    border-bottom: 1px solid #fff;
	margin:0 0 10px;
}
p.dateLabel	{
	margin:0 0 5px;
	font-size:10px;
}

@media only screen and (max-width: 499px){
	.thumL	{width:118px; height:118px;}
	.title01  {padding:0 0 0 130px;}
}
@media only screen and (max-width: 399px){
	.thumL	{width:98px; height:98px;}
	.title01  {padding:0 0 0 110px;}
	.title01 h3	{padding:0px;}
	.date {margin-bottom:10px;}
}

ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
border:0;
}


.categories_label {display: inline-block;}
.post .categories_label {margin-bottom: 10px;}
.categories_label li {
    font-size:11px;
    float: left !important;
    margin: 0 5px 5px 0 !important;
    background-color: #bbb;
    text-align: center;
    padding: 3px 10px !important;
    border-radius: 3px;
}
.categories_label li:hover {background-color: #ccc !important;}
.categories_label a {color: #111;}
.categories_label a:hover {color: #111 !important;}


.single_title {text-align: center;}
.single_title h2 {
    font-size: 250% !important;
    font-weight: 400 !important;
    padding: 20px 0 0 !important;
    line-height: 1.0;
}

.single_title ul {display: table-cell;}
.single_title li {float: left; margin: 0 10px;}
.single_title a {}

@media only screen and (max-width: 767px) {
	.single_title h2 {font-size: 200% !important;}
}
@media only screen and (max-width: 499px) {
	.single_title li {float: none; margin: 0 0 5px;}
	.single_title h2 {padding: 30px 0 0px;}
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 70px 0 20px;
}

.pagenav a{background:#000; padding:10px 20px; color:#fff; border-radius:3px;}

.prev{float:left}

.next{float:right;}

#hs_pagenav	{
width:200px;
margin: 20px auto 30px;
}


#hs_pagenav .prev ,#hs_pagenav .next	{
width:100px;
-moz-transition:0.1s ease-out;
-webkit-transition:0.1s ease-out;
-o-transition:0.1s ease-out;
-ms-transition:0.1s ease-out;
}

#hs_pagenav .prev ,#hs_pagenav .next{
width:65px;
}

#hs_pagenav .prev:hover{
text-indent:-5px;
}
#hs_pagenav .next:hover{
text-indent:5px;
}


#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {display: inline-block;}