@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: middle;
}


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:500;
color:#333;
-webkit-text-size-adjust: none;
}
html	{
    scroll-behavior: smooth;
	font-size:20px;
}
@media only screen and (max-width:466px){
	html	{font-size:3.8vw;}
}

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; }

.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-size: 250%;}
.title404_h1 {
    font-size: 250%;
    font-weight: 900;
    margin: 30px 0 0;
    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:499px){
	.br_sp	{display:none;}
	.br_pc	{display:block;}
	.tx_ctol {text-align: left !important;} /* テキスト左寄せ499px以下 */
}

@media only screen and (max-width:500px){
	.br_sp	{display:block;}
	.br_pc	{display:none;}
	.tx_ctol {text-align: center !important;} /* テキスト中央寄せ500px以上 */
}

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

/* タイトル強調 */
.under {background: linear-gradient(transparent 50%, #ACD3BF 50%);}
.tag_s {
  position: relative;
  display: block;
  padding: 0.5rem 4rem 0.5rem 3rem;
  color: #222;
  border-radius: 100vh 0 0 100vh;
  background: #ACD3BF;
  font-weight: bold;
}

.tag_s:before {
  position: absolute;
  top: calc(50% - 7px);
  left: 10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}


/* -----------------------------------------------------------
		link
----------------------------------------------------------- */
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#333;
/* 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:#333;
}


/**** 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"], .wpcf7 input[type="tel"], input[type="number"] {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
    padding: 0px;
    width: 48%;
    margin: 5px 0;
    border: none;
	text-indent: 10px;
	font-size: inherit;
	color: inherit ;
	font: inherit ;
	line-height: 41px;
}
select {
    width: 50%;
    height: 38px;
	padding: 10px;
	display: block;
	position: relative;
	border: 2px solid #eeeeee;
	margin:5px 0;
}
.rtb-booking-form select{
	width: 100%;
}
select[multiple="multiple"] {
	height: 100px;
}
select[multiple="multiple"] option {
	height: 20px;
	line-height: 20px;
}
textarea{
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
    padding: 10px 0 0 10px;
    height: 350px;
    width: 98%;
    margin-bottom: 30px;
    font:inherit;
    overflow: auto;
    font-size: inherit;
	color: inherit ;
	font: inherit ;
}  
.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, 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;
} 
input[type="submit"]	{
	width:250px;
	box-sizing:border-box;
}
input[type="text"], input[type="email"], .wpcf7 input[type="tel"], input[type="password"], input[type="number"], textarea, select {
	border: 1px solid #eeeeee;
	background: #efefef;
}
span.wpcf7-list-item {display: block !important;}
.wpcf7-spinner	{
	display:block !important;
	margin:0 auto !important;
}

.wpcf7 .ajax-loader	{
	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: #e7452f;
}

*: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%;}
}

/* コンテンツ内リンクボタン（#ff878d） */
.button01 {
	display: inline-block;
	height: 38px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	margin-bottom: 10px;
	font-size: 16px;
	border-radius: 5px;
	padding: 0 25px !important;
	border-bottom: medium none !important;
}
.button01::before,
.button01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button01,
.button01::before,
.button01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button01 {
	background-color: #e2a3a1 !important;
	color: #fff;
}
.button01:hover {
	background-color: #e8beb4 !important;
	color: #fff !important;
}

@media only screen and (max-width:400px){
	.button01 {font-size: 14px;}
}

/* -----------------------------------------------------------
		layout（共通）
----------------------------------------------------------- */
#bg_wrap	{}

#wrapper, .inner{
margin:0 auto;
width:90%;
max-width: 1260px;
}

#wrapper-full{
width:100%;
}

#outer	{
	top:0;
	left:0;
}
#outer-page	{
	padding-top:114px;
}
@media only screen and (max-width: 1024px){
	#outer-page	{padding-top:54px;}
}

#header{
/*overflow:hidden;*/
}

#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: 20px 0 50px;
    min-height: 700px;
}

#sidebar{
float:right;
width:27%;
padding:22px 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;
width:100%;
padding:50px 0 50px;
text-align:center;
} 

#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;} /* 黒丸 */
.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; height:20px; 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;}

/* 記事ループ
*****************************************************/
.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 {
}
#pagetit	{
	padding:5rem 0 1rem;
	margin:0 0 60px;
    text-align: center;
}
#pagetit_inn	{
}
.title h1 {
    font-family: "Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 55px;
    font-weight: 400;
    line-height: 1.2;
	width:100%;
	text-align:center;
	box-sizing:border-box;
}
.title h1 a	{
}
.title h2	{
    font-size: 15px;
	font-weight:normal;
	line-height:1.4;
    padding: 0 ;
    margin: 0;
	width:50%;
	text-align:left;
	padding-left:20px;
	box-sizing:border-box;
}
.top_pu0 h2	{}
@media only screen and (max-width:599px){
	#pagetit	{padding: 50px 0 10px; margin-bottom:40px;}
	.title h1	{font-size: 40px;}
	.title h2	{font-size:13px; padding-left:15px;}
}

.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;}*/

/*.post h1{
	margin:20px 0;
	padding:5px 0;
	font-size:180%;
}

.post h2 {
    margin: 5px 0;
    padding-bottom: 3px;
    font-size: 150%;
    font-weight: normal;
    border-bottom: 3px solid #515151;
    font-family: "Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.post h3{
	margin:10px 0;
	padding:10px 0;
	font-size:120%;
	font-weight:bold;
	font-family:"Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}*/

/* .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-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: 699px){
	#pagetop	{bottom: 10px; right: 10px; z-index:99}
}


/* -----------------------------------------------------------
		Header（共通）
----------------------------------------------------------- */
/* PC
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
#header_line	{width: 100%; position:absolute; top:0; left:0; z-index:999;}
#headerUpper	{margin-bottom:20px;}
#headerUpper ul	{float:left;}
#headerUpper h1	{float:right; font-size:11px;}
#header	{width:95%; max-width:1260px; margin:0 auto; position:relative; padding:10px 0;}
#header_contents	{
	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:space-between;
	align-items:center;
}
#header_right	{
	margin:0;
	position:relative;
	padding:0;
	flex:2;
	box-sizing:border-box;
	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:flex-end;
    align-items: center;
}
#header_right .icon-close	{display:none;}
#header_right h1	{font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:10px; text-align:right; margin-bottom:5px; width:100%;}
#logo		{width:120px; text-align:left; z-index: 111;}
#sm_logo	{display:none;}
#mb_hd_connect	{display:none;}
#mdh_bt_res	{display:none;}
#hd_connect	{margin-left:20px;}
#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;
	justify-content:flex-end;
	align-items:center;
}
#hd_connect ul li	{width:180px; margin-left:10px;}
#hd_connect li a	{display: block; padding: 8px 0; border-radius:4px; text-align: center; font-size: 15px; font-weight:700; position:relative;}
#hd_connect li a svg	{width:1.6em; height:1.6em; vertical-align:middle; margin-right:0.6em;}
#hd_reserve a	{background:#08C755; color:#fff;}
#hd_online a	{background:#fff; color:#a6a6a6; border-color:#a6a6a6;}
#hd_reserve a:hover	{color:#fff; background:#01e639;}
#hd_online a:hover	{color:#a6a6a6; background:#f5f5f5;}
}

@media screen and (min-width:1025px) and ( max-width:1199px) {
	#logo	{width:90px;}
	#hd_connect ul li	{width:140px;}
}


/* iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
#header_line	{ width: 100%; padding:0; margin:0; background:transparent; position:absolute; top:0; left:0; z-index:9997;}
#headerUpper	{margin-bottom:10px;}
#headerUpper ul	{float:left;}
#headerUpper h1	{float:right; font-size:11px;}
#header		{width:90%; margin:0 auto; position:relative;}
#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;}
#logo		{width:50px; text-align:left; margin:8px 10px 8px 0; position: relative; z-index: 999;}
#header_right	{display:none;}
#pc_logo	{display:none;}
#sm_logo	{max-width: 50px;margin:0 10px 0 0;height:auto;}
#mb_hd_connect	{}
#mb_hd_connect ul	{justify-content:flex-end; height:100%;}
#mb_hd_connect ul li	{margin:0;}
#mb_hd_connect ul li i	{font-size:20px; display:block; padding:2px 0 3px;}
.md_hd_cncbt	{text-align:center; margin-left:20px;}
.md_hd_cncbt span	{font-size:10px; font-family: 'Urbanist','Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
#mdh_bt_tel span, #mdh_bt_res span	{display:block;}
.md_hd_cncbt a	{display:block; width:56px; color:#fff; padding:5px 0; height:54px; box-sizing:border-box;}
#mdh_bt_tel a	{background:#222; color:#fff;}
#mdh_bt_res a, #mdh_bt_menu	{
    height: 100%;
	box-sizing:border-box;
	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;
}
#mdh_bt_res a	{
	background:#08C755;
	color:#fff; 
	padding:0 10px;
	font-family: "Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;;
	font-size: 15px;
	text-align: center;
	line-height:1.5;
	min-height: 65px;
}
#mdh_bt_res svg	{
	width:1.6em; 
	height:1.6em; 
	vertical-align:middle;
	margin-bottom:0.2em;
}
#mdh_bt_res a span	{
	font-size:10px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}


#header_line.fixed	{background:#fff; position:fixed;}
#headerUpper	{background:#000; color:#fff; padding:10px 0; }
#headerUpper a	{color:#fff;}
#headerUpper ul li	{display:inline-block; margin:0 30px 0 0; font-size:14px;}
#headerUpper ul li i	{font-size:20px;}

#header h1{
}

#header h2{
float:right;
padding:5px 0;
font-size:11px;
font-weight:normal;
text-align:right;
}


@media only screen and (max-width:640px){
	#headerUpper h1	{display:none;}
	#header .inner	{margin-bottom:0px;}
	#header h2	{clear:both; float:none; text-align:left;}
}
/* コンタクト
----------------------------------*/
.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（共通）
----------------------------------------------------------- */

#head_reserve a	{background:#BB342F; color:#fff; border-radius:3px;}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

	#topnav	{
		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: flex-end;
		align-items: center;
	}
	#topnav ul li	{display:inline-block;}

	#mainNav{
	clear:both;
	position:relative;
	z-index:200;
	font-family: "Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:0.04em;
	font-size:19px;
	}
	#mainNav li strong	{font-weight:700;}
	#mainNav li	{position:relative; padding:10px 0; margin:0 0 0 5px;}
	#mainNav li a	{padding:10px; color: #222;}
	#mainNav li a:hover, a:active {color: #6f6f6f;}
	
	#mainNav li ul	{max-height: 0; opacity: 0; padding:0; overflow: hidden; width:250px; position: absolute; top:20px; left: 50%; margin-left:-70px; transition: top .3s ease-out; z-index: 999; color:#fff; font-size:12px;}
	#mainNav li:hover ul {max-height: 9999px; opacity: 1; padding:0; top:30px; }
	#mainNav li ul li	{display:block; padding:0;}
	#mainNav li ul li a	{color:#fff; padding:10px 5px; text-align:center; display:block; background:#333;}
	#mainNav li ul li a:hover	{background:#000;}
	#mainNav ul li:first-child	{padding-top:20px;}
	#mainNav ul li:first-child:after{content: ""; position: absolute; right: 0; top: 10px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000222 transparent;}

	#sns_nav	{
		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;
		font-size:30px; 
		margin:0 0 0 20px;
	}
	#sns_nav li	{line-height: 1.0;}
	#sns_nav li svg	{width:1em; height:1em; vertical-align:middle;}
	#sns_nav li a	{padding:5px; margin:0 5px; color: #333; line-height: 1.0;}
	#sns_nav li a:hover, a:active {color: #6f6f6f;}

	#head_rightcont	{position:absolute; top:0; right:0; z-index:999;}

	#hd_tel	{font-size:25px; color: #222; font-weight: 900;}
	#hd_tel a	{color: #222;}
	#hd_tel a:hover, a:active {color: #6f6f6f;}

	#header_connect	{
		position:fixed;
		top:140px;
		right:0;
	}
	
	
	.modal-open	{display:none;}

}
@media screen and (min-width:1025px) and ( max-width:1199px) {
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	#mbnav_connect	{margin:20px 0 0 ;}
	#mbnav_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;
		justify-content:center;
		font-weight:normal;
	}
	#mbnav_connect ul li	{
		width : 100% ;
		margin:5px 0;
		box-sizing:border-box;
	}
	#mbnav_connect ul li a	{display:block; padding:7px 0; text-align:center; font-size:16px; font-weight:700; border-radius:3px;}
	#mbnav_connect ul li a i	{font-size:20px; vertical-align:middle;}
	#mbnav_connect ul li a span	{margin-left:8px; vertical-align:middle;}
	#mbnav_connect ul li a svg	{width:1.6em; height:1.6em; vertical-align:middle; margin-right:0.6em;}
	#mbnav_tel a	{background:#fff; color:#222;}
	#mbnav_reserve	{}
	#mbnav_reserve a	{background:#08C755; color:#fff;}
	#mbnav_online a	{background:#fff; color:#a6a6a6;}
	
	#topnav	{width:100%;}
	
	.menu-trigger	{background:transparent; padding: 5px 0; margin:0; border:none; display:block; position:relative;}	
	.menu-trigger div	{width:30px; height:18px; margin: 0 auto; position:relative; }
	.menu-trigger div span	{width:100%; height:1px; background:#333; position: absolute; left:0; transition: all .4s;}
	.menu-trigger div span:nth-of-type(1) {top: 4px;}
	.menu-trigger div span:nth-of-type(2) { top: 10px;}
	.menu-trigger div span:nth-of-type(3) { bottom: 0;}
	
	.modal_on div .menu-trigger span:nth-of-type(1) {
		transform: translateY(20px) rotate(-45deg);
		top: -10px;
	}
	.modal_on div .menu-trigger span:nth-of-type(2) {
		display:none;
	}
	.modal_on div .menu-trigger span:nth-of-type(3) {
		transform: translateY(-20px) rotate(45deg);
		bottom: -13px;
	}
	
	.modal	{}
	.modal .iziModal-content .icon-close{
    width: 100%;
    font-family: "メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 1.0;
    padding: 0px 5px;
    font-weight: normal;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    text-align: right;
	}
	
	h2.iziModal-header-title	{
	text-indent:-100% !important;
	}
	.iziModal .iziModal-header	{
		box-shadow:none  !important;
	}
	.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons	{
		right:14px !important;
	}
	.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button	{
		width:40px !important;
		height:40px !important;
	}
	.iziModal .iziModal-button-close{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAD10lEQVR4Xu2caY7dIAzHIYx6pap3qbqo+4mq7lXVq1S9UzWEiicYERISMF54mZlP0WTDzv9nO4YXrZS6UQ9/RQ/oB9/seyA6yKvoNhyab8cr+P1Rbfdm2ztogZi19rVS6sk0TW+01vN9UJhzbprn+YtS6q8x5mtq8wIxa+1brfUnf4Bz7tc0Ta+01lFZp/SVc+5mnudvWutnwe53xpjP0dgFYtbaH1rrF3Gnc+53cJJX0umwcs6p1DlRGMaY5zHcLBALUvPefFpw0mlUVGvrKovlkjsjbi02bmaxkvSSwH21uMWAHGNOEEAMJf/yTL3KYglaPrKfCrdarIpZLA8wLVIcPThBbTksFAte9yVArJOGx60Vq/CwL3YVEUsVAZHmKIrqHXv1uxhUopKOwhjzIWKJgbfOuUcbgXtI3HqwyhFresgYT6XphoCDMcdYFYM2stuwJUBvzMltbUIsLaJGxA2AVanFc/f/6iC9pXRMKQNIWpxCNRYQYqOVANhYbVXSXR1FSdwAWHn7Y3FLi1impEXjiaMLQIVVriC0WQ1KqUtlUnAWKzXwOXDrxEoGMS7cOLAiQ4w6u3EiHG1BR4yqmETESh4xbNy4sWJBDAs3CazQC8WaKWlIdiPCaizEoLhJYsWOWCtu0liJIFab3fzg/EKC2nmrtPtHsd3V7uhpUZQQ8tfMnCO6iKK73dHppFVnMsMxXTzRcyvwuaSFIjS7hU5AcTqYAqXSNcUQi490CzWOVkmtpB4QO/CUGGKlIjAE6XR9kui8mwhie0VgSPN3S+KkcWNHrKYIrDmmNob0HseKWMu7FeTdjSK7sSEGebeCnNOrmPx8FsR6kOk5F8NZ5Ii1YCU5ESBSKGIignmtFmWRIUaBBsU1j5xFghgGVqPghp7FOFDguEdUFipinAhw3QsNMUqsJHFDQYxT8nlQpb53N2JcUt/LNpRj6EJMAitu3MCIUUv7qD7Z2k8xJhBilJKGOCZr9KMuUW5GbCSsOHBrQoxCwr2KKZ2PNdZqxEbGasdJ3bhVIXYNWFHhdogYllSpUKq5bo8Nu4hdI1bYuBURC173HxrY+g396tfBgIb54Sr3ne+JgM4NEwH5ypHdebdNxHokWSN5yWNabVshdiasMHBbIMaAlR9z9Q9JsBELme6CZ+282wKxjY+biC5eokaxgNtPY8zLzY6i/3aQ1vpj8LD44iVqBwU7F8Wkc+5D+g2hVRaz1r5XSj0OHw5Ix4j9AQFQJkoxQdi+IB+zm1LqjzHme5qRDwtFjqc48j2q38VGNoJybFXvYoAiMM1Wpe1hENtbS/kfGmCFcpKJrZYAAAAASUVORK5CYII=') no-repeat 50% 50% !important;
	opacity:1.0 !important;
}
	#modal_navi	{
		padding:90px 0 0;
	}
	
	#modal_navi h1	{font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:10px; text-align:left; margin-bottom:20px;}

	#mainNav{
	width: 100%;
	margin:0 auto;
	font-size:18px;
	font-family: "Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 700;
	}
	
	#mainNav a.menu{
	width:50px;
	display:block;
	height:40px;
	line-height:50px;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	}
	
	
	#mainNav a#menu:hover{cursor:pointer;}



	#mainNav li{
	border-bottom:1px solid #a6a6a6;
	}
	
	#mainNav li strong	{
	font-weight:normal;
	}
	
	#mainNav li a	{
	display:block;
	padding:6px 20px;
	color:#333;
	position:relative;
	}
	#mainNav li a:before	{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #a6a6a6;
		border-right: 1px solid #a6a6a6;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.5s border-color;
		margin-top: -3px;
	}

	#mainNav li:first-child{}
	#mainNav ul#main_subnav li:first-child{border-top:none;}
	#mainNav li li:first-child{border-top:0;}
 

	#mainNav .panel ul li li{
	float:left;
	border:0;
	}
	
	
	.accordionBtn { display: none; width: 37px; height: 27px; position: absolute; top: 0; right: 0px; padding: 10px 0; text-align:center; }

	.accordionBtn:before {  content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight:bold; color: #fff; }
	.accordionBtn.active:before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight:bold; }
	
	.sub-menu	{padding:0 0 0 10px;}
	.sub-menu li:first-child	{border-top:1px solid #dcdcdc;}


	#sns_nav	{
	font-size:28px;
	margin:0; 
	padding:0;
	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;
	}
	#sns_nav li	{text-align:center;}
	#sns_nav li a	{display:block; line-height:1.0; padding:10px 0 0; background:transparent !important; border-bottom:none !important; color:#222; padding:10px;}
	#sns_nav li span	{vertical-align:middle;}
	#sns_nav li .snsnv_txt	{margin-left:10px; font-family: 'Urbanist','Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 14px;}

	#header_connect	{display:none;}



}

	

/* -----------------------------------------------------------
		共通部分可変調整
----------------------------------------------------------- */

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#mainNav{width:98%;}
	#header{text-align:center;background-image:none;}
	#header h2,.contact{float:none;}
	.contact{padding:0 0 20px; margin: 0 auto; text-align: center;}
	.contact p{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none; margin: 0 0 20px 0;}
}



/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){

	
	.contact{padding:10px 0 10px;}

  nav#mainNav{width:100%;}

	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none; position:absolute; top:50px; z-index:9999;}
	
	#mainImg img{height:auto; padding:0;}

	#content, #content-t, #content-topics,#content-home, #sidebar, #sidebar-topics, #sidebar-home{clear:both;width:95%;float:none;margin:0 auto;padding:0 0 10px;}
	
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	section.widget_search{text-align:center;}
	#footer li{margin-bottom:10px;}
}


/* -----------------------------------------------------------
		Side Contents（共通）
----------------------------------------------------------- */
#sidebar section{
margin:0 0 20px 0;
padding:0;
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:10px;}

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

p.banner img:hover{
}

#sidebar p {margin-bottom: 0px;}

section.widget h3, section.blog_quote h3 {
    clear: both;
    margin: 0;
    padding: 7px 10px 7px 0px;
    font-size: 120%;
    border-bottom: 0;
    border-bottom: 2px solid #555;
}

section.widget li a{
display:block;
padding:10px;
border-bottom:1px solid #ccc;
}


#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* 投稿引用 */
#sidebar-home h2	{font-size:25px; text-align:left;margin:0 0 5px;}
#sidebar-home section	{margin-bottom:20px;}
.blog_quote > div	{margin-bottom:5px; padding:0 0 5px; border-bottom:1px solid #ccc;}
.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:90%;}
.blog_quote .idx_news_text{font-size: 14px; display: block; font-weight: bold; padding: 3px 0;}
.blog_quote .info_new	{font-size: 11px;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#fff;
background:#fff url(//www.saloncms.com/template/default-image/images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(//www.saloncms.com/template/default-image/images/arrowWhite.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#fff;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, sans-sans-serif;
}

.news a span{
color:#515151;
}

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

.news a:hover span{color:#6f6f6f;}



/* -----------------------------------------------------------
		Footer（共通）
----------------------------------------------------------- */
@media only screen and (max-width: 959px){
	#footer	{padding-bottom:15px;}
}
#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding: 5px 10px;
border-left:1px dotted #d5d5d5;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#fff;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
color:#fff;
font-size:10px;
}

#bn_recruit	{text-align:center; margin:0 0 30px;}

@media only screen and (min-width: 959px){
	#bottomLinks	{display:none;}
}
#bottomLinks	{position:fixed; bottom:0; left:0; width:100%;}
#bottomLinks ul li	{width:80%; margin:0 auto;}
#bottomLinks ul li a	{text-align:center; color:#fff; text-decoration:none; display:block;}
#bottomLinks ul li a span	{font-size:20px; padding-top:2px;}
#bt_btm_tel	{background:#8a7442; height:35px; padding-top:8px; border-top:1px solid #a6956f; border-right:1px solid #a6956f; border-left:1px solid #6c5b34; margin:0 2px 0 2px;
webkit-text-shadow: 1px 1px 1px #6c5b34;
-moz-text-shadow: 1px 1px 1px #6c5b34;
-o-text-shadow: 1px 1px 1px #6c5b34;
text-shadow: 1px 1px 1px #6c5b34;}
#bt_btm_tel span	{margin-right:10px; }
#bt_btm_reserve	{background:#a40101; height:35px; padding-top:8px; border-top:1px solid #ba3e3e; border-right:1px solid #ba3e3e; border-left:1px solid #800101; margin:0 2px 0 0;
webkit-text-shadow: 1px 1px 1px #800101;
-moz-text-shadow: 1px 1px 1px #800101;
-o-text-shadow: 1px 1px 1px #800101;
text-shadow: 1px 1px 1px #800101;}
#bt_btm_reserve span	{margin-right:5px; }

/* Floating Menu */
#fl_menu_top {z-index: 999; position: fixed; right: 0; top: 230px;}
#fl_menu_top ul li {margin-bottom: 5px;}

#bn_sm_reserve	{margin:20px 0; text-align:center;}

@media only screen and (min-width: 401px){
	#bn_sm_reserve	{display:none;}
}
@media only screen and (max-width: 400px){
	#fl_menu_top	{display:none;}
	#bn_sm_reserve	{display:block;}
}

/* Google translator */
#flags {margin: 0 auto; width: 90%; text-align: center;}
#sortable {
    float: none !important;
    display: inline-block;
}

/* -----------------------------------------------------------
		Page Common
----------------------------------------------------------- */
a.link_topmore {
    background: #333;
    display: block;
    font-size: 15px;
	text-align:center;
    letter-spacing: 1px !important;
    margin: 10px auto 20px;
    padding: 10px 0;
    width: 260px;
    color: #fff;
}
a.link_topmore:hover {
	background:#555;
	color:#fff;
}


/* -----------------------------------------------------------
		トップページ
----------------------------------------------------------- */

#top_mv	{
	position:relative;
	padding:200px 0 0;
	overflow:hidden;
}
#top_mv_inn	{
	position:relative;
	width:90%;
	max-width:1260px;
	margin:0 auto;
}

#mainImg{
	width:88%;
	margin-left:auto;	
}

#mainImg, #mainImg_sp	{
	position:relative;
	z-index:1;
}
#mainImg img, #mainImg_sp img	{
	width:100%;
}
@media only screen and (min-width: 700px){
	#mainImg_sp	{display:none;}
}
@media only screen and (max-width: 699px){
	#top_mv	{padding:65px 0 0;}
	#top_mv_inn	{width:calc(100% - 40px); margin:0 20px;}
	#mainImg	{display:none;}
	#mainImg_sp	{width:100%;}
}

.topcont	{
	padding:5rem 0;
    scroll-margin-top: 130px;
}
.topcont_wht	{
	padding:0 0 5rem;
}
.bg_gray 	{
	background:#f6f4f2;
}
.tit_double	{
	margin-bottom:40px;
	text-align:center;
}
.tit_topbasic	{
    font-family: "Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    letter-spacing: 0.04em;
    font-size: 55px;
	line-height:1.2;
	margin:0 0 40px;
	text-align:center;
}
.tit_double .tit_topbasic	{
	margin-bottom:0;
}
.tit_double h2	{
    font-size: 16px;
    color: #C61A22;
}
.arrow_circle	{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #e2a3a1;
	background:#e2a3a1;
    vertical-align: middle;
    margin-left: 5px;
	position:relative;
	transition:.5s;
}
.arrow_circle:before	{
    content: "";
    position: absolute;
    top: 7px;
    right: 9px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s border-color;
}
a:hover .arrow_circle	{
	background:transparent;
}
a:hover .arrow_circle:before	{
	border-color:#e2a3a1;
}
a.bt_top_more	{
	background:#e2a3a1;
	color:#fff;
    display: block;
    width: 210px;
    font-size: 13px;
    position: relative;
    padding: 8px 10px;
	box-sizing:border-box;
    text-align: center;
	margin:20px auto;
}
a.bt_top_more:hover	{
	background:#e8beb4;
	color:#fff;
}
a.bt_top_more:before	{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: 0.5s border-color;
	margin-top: -3px;
}
/*a.bt_top_more:hover:before	{
	border-color:#e2a3a1;
}*/
#top_message	{
	margin-bottom:4rem;
}
#top_message h3	{
	font-size:30px;
	font-weight:700;
	line-height:1.4;
	margin-bottom:20px;
}
#top_message p:not([class])	{
	line-height:2.0;
}
#top_msg_inn	{
	width:90%;
	max-width:1260px;
	margin:0 auto;
}
.top_saloninn	{
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
}
#top_salon_L	{
	width:50%;
	margin-right:60px;
}
#top_salon_R	{
	flex:2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	justify-content:center;
}
#top_salon_R dl	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	margin:2px 0;
}
#top_salon_R dt	{
	width:7em;
	position:relative;
}
#top_salon_R dd	{
	flex:2;
}
#salondata	{
    scroll-margin-top: 130px;
}
.top_sln_tit	{
    font-size: 140%;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 0.6em;
    margin-bottom: 0.8em;
    border-bottom: 2px solid #333;
}
a.top_btline	{
	display: block; 
	padding: 0.6em 0; 
	border-radius:4px; 
	text-align: center; 
	font-size: 1.2em; 
	font-weight:700; 
	position:relative; 
	background:#08C755; 
	color:#fff; 
	width:100%;
	max-width:400px;
	margin:2rem auto 0;
}
a.top_btline svg	{
	width:1.6em; 
	height:1.6em; 
	vertical-align:middle; 
	margin-right:0.6em;
}
a.top_btline:hover	{
	color:#fff; 
	background:#01e639;
}

a.top_sln_map	{
	display:inline-block;
	line-height:1.6;
	font-size:86%;
    padding: 0.2em 1.5em 0.4em;
	border-radius:3px;
	color:#fff;
	background:#333;
	margin:0.5em 0;
}
a.top_sln_map i {
    margin-right: 5px;
}
a.top_sln_map:hover	{
	background:#555;
}


#top_pickup_bg	{
}
#top_pickup	{
    width: 100%;
    margin-bottom: 30px;
    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;
}
.top_pu0	{
    width: 28%;
    width: -webkit-calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0;
}
.top_pu0:nth-of-type(3n)	{
	margin-right:0;
}
.top_pu_txt	{
	margin:20px 0 0;
}
#top_pickup ul li a	{
	display:block;
	background:#fff;
	height:100%;
	overflow:hidden;
	position:relative;
}
.top_pu_img	{
	aspect-ratio: 6 / 4;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
    border: 1px solid #f3f3f3;
}
.top_pu_img img {
	transition: transform .6s ease;
}
a:hover .top_pu_img img {
	transform: scale(1.2);
}
.top_pu_img:after	{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    background: #fff;
	opacity:0;
}
#top_pickup a:hover .top_pu_img:after	{
	opacity:0.4;
}
#top_pickup h2	{
    font-family: 'Noto Serif JP',YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho","Sawarabi Mincho",serif;
	font-weight:400;
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
}
#top_pickup h2 span	{
	vertical-align:middle;
}
#top_pickup h2 .arrow_circle	{
	margin-right:10px;
}
#top_pickup a:hover h2	{
	color:#e2a3a1;
}
.top_pu_txt	{
	font-size:12px;
	color:#222;
	position:relative;
}
#top_gallery 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;
}
#top_gallery ul li	{
	width:calc(100% / 6);
}

#ps_staff ul	{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
	text-align:center;
}
.sta_tit	{
	margin-top:16px;
}
.sta_tit p	{
	font-size:80%;
}
.sta_tit h3	{
	font-size:120%;
	font-weight:700;
}

.top_infoinn	{
	width:90%;
	max-width:1000px;
	margin:0 auto;
}
.news_all > li:not(:last-child)	{
	margin-bottom:1rem;
}
.news_all dl dt	{
	font-size:80%;
	line-height:1.4;
	margin-bottom:0.6em;
}
.news_all dl dd	{
	font-size:100%;
	line-height:1.6;
}
.news_box	{
	display:block;
    border-radius: 0.5rem;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
    padding: 1.25rem;
    background: #fff;
	transition:0.5s;
}
.news_box:hover	{
	margin-left:10px;
}
.groupsalon	{
	text-align:center;
}
.grs_inn	{
	max-width:500px;
	padding:2rem;
    background: #f6f4f2;
	border-radius:10px;
	box-sizing:border-box;
	margin:0 auto;
}
.groupsalon h3	{
    font-size: 160%;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 1em;
}
.groupsalon h4	{
	font-size:110%;
	line-height:1.4;
	font-weight:700;
	margin-bottom:0.4em;
}
.groupsalon p	{
	font-size:90%;
}
a.grs_btline	{
	display: block; 
	padding: 0.6em 0; 
	border-radius:4px; 
	text-align: center; 
	font-size: 0.9em;
	font-weight:700; 
	position:relative; 
	background:#08C755; 
	color:#fff; 
	width:100%;
	max-width:18em;
	margin:1rem auto 0;
}
a.grs_btline svg	{
	width:1.6em; 
	height:1.6em; 
	vertical-align:middle; 
	margin-right:0.6em;
}
a.grs_btline:hover	{
	color:#fff; 
	background:#01e639;
}




@media only screen and (max-width: 1024px){
	.topcont	{scroll-margin-top: 65px;}
	#salondata	{scroll-margin-top: 65px;}
}
@media only screen and (max-width: 599px){
	.topcont	{}
	.tit_double	{margin-bottom:20px;}
	.tit_double p.tit_topbasic	{font-size:36px; margin-bottom:5px;}
	.tit_double h2	{font-size:12px;}
	#salon	{padding-top:3rem;}
	#top_message h3	{font-size:20px;}
	#top_pickup	{display:block;}
	.top_pu0	{width:100%; margin:0 0 40px;}	
	#top_gallery ul li	{width:calc(100% / 3);}
	.top_saloninn	{display:block;}
	#top_salon_L	{width:100%; margin:0 0 2rem;}
	#ps_staff ul	{grid-template-columns: repeat(2, 1fr);}
}

/* -----------------------------------------------------------
		Price
----------------------------------------------------------- */
#price	{}
#price h2 {
    clear: both;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
	margin:60px 0 20px;
}
#price h2:first-child	{
	margin-top:0;
}
#price h3	{
    font-family: "メイリオ","Meiryo",arial,"Noto Sans JP","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 120%;
    text-align: center;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
}
.prc_tits	{
	font-size:80%;
}
.prc_yen	{
	color:#C53D3D;
}
#price h4	{
    font-family: "メイリオ","Meiryo",arial,"Noto Sans JP","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 100%;
    text-align: center;
	margin-bottom:10px;
}
.prc0	{
	border:1px solid #eee;
	padding:15px 15px 0;
	margin:0 auto 20px;
	max-width:600px;	
	text-align:center;
}
.prc0 ul {
	padding-left: 0;
	list-style: none;
	display: inline-block;
	margin-bottom:20px;
}
.prc0 ul li {
	text-align: left;
	padding-left:1.2em;
	position:relative;
}
.prc0 ul li:before	{
	content:"●";
	font-size:0.8em;
	color:#b9d0d3;
    position: absolute;
    left:0;
	padding:0.1em 0;
}
.prc0 dl	{
	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;
	margin-bottom:20px;
}
.prc0 dl dt	{
	width:55%;
	padding-right:1em;
	box-sizing:border-box;
	text-align:right;
}
.prc0 dl dd	{
	width:45%;
	text-align:left;
	color:#C53D3D;
}

@media only screen and (max-width: 499px){
	#prc_set dl	{display:block;}
	#prc_set dt	{width:100%; padding:0; text-align:left;}
	#prc_set dd	{width:100%; text-align:right;}
}


/* -----------------------------------------------------------
		Frow
----------------------------------------------------------- */
#flow	{
	text-align:center;
	margin-bottom:60px;
}
#flow h2 {
    clear: both;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
	margin:0 0 20px;
}
#flow_detail dl	{
	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;
	max-width:600px;
	margin:0 auto;
}
#flow_detail dt	{
	width:70px;
	margin-right:20px;
	position:relative;
}
#flow_detail dd	{
	width : 80% ;
	width : -webkit-calc(100% - 90px) ;
	width: calc(100% - 90px);
	margin-bottom:40px;
}
#flow_detail dt:before	{
	content:"";
    width: 1px;
    position: absolute;
    top: 55px;
    left: 23px;
    bottom: 10px;
    background: #ccc;
}
#flow_detail dt:nth-of-type(4):before	{
	display:none;
}
#flow_detail h4	{
	font-size:30px;
	width:1.5em;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
	border:1px solid #666;
}

#flow_detail h3	{
	font-size:110%;
}

/* -----------------------------------------------------------
		Salon All
----------------------------------------------------------- */
#salon_all ul		{font-size:0;}
#salon_all ul li	{font-size:13px; width:50%; display:inline-block; text-align:center; padding:0 20px 40px; box-sizing:border-box;}
#salon_all ul li img	{margin-bottom:10px;}

@media only screen and (min-width: 1024px){
	#salon_all	{width:960px; margin:0 auto;}
}
@media only screen and (max-width: 499px){
	#salon_all ul li	{width:100%;}
}



/* -----------------------------------------------------------
		Salon
----------------------------------------------------------- */
#about		{margin:0 auto;}
#about p	{line-height:2.0;}
#ab_salon	{margin-top:30px;}
#ab_salon dl	{margin-bottom:30px;}
#ab_salon dl dt	{width:10em; float:left; font-weight:bold; padding:10px 0 10px 1em; clear:both;}
#ab_salon dl dd	{padding:10px 0 10px 11em; border-bottom: 1px solid #ccc;}
#ab_salon a	{color:#000;}
#ps_concept	{margin-bottom:50px;}
#ps_concept p	{margin-bottom:10px;}

#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 h2	{font-size:160%; font-weight:bold; border-bottom:1px solid #777; padding:5px 0; margin-bottom:10px;}
#ab_salon .d-box-two-third , #ab_salon .d-box-one-third	{vertical-align:top;}
#gmap	{margin:0 auto; width:100%; height:300px;}


@media only screen and (max-width: 959px){
	#about		{width:100%;}
	#gmap		{width:100%; height:300px;}
	#gmap iframe	{width:100%; height:300px;}
	#ps_p_list	{width:100%;}
}
@media only screen and (max-width: 499px){
	#ab_salon h2 {font-size:140%;}
}
@media only screen and (max-width: 399px){
	#ab_salon dl dt	{width:100%; float:none; padding:10px 0 5px 0;}
	#ab_salon dl dd	{padding:0 0 9px 0;}
}

/* CALENDER */
.calendar {margin:0 0 30px 0;}
.calendar div {
    width: 98%;
    float: left;
    display: inline-flex;
    margin: 0 1%;
}
.calendar h2	{font-size:22px; border-bottom:1px solid #777; padding:5px; margin-bottom:10px;}
.business-calendar {font-size: 12px !important;}
.calendar .business-calendar td {text-align: center;}
.calendar ul {padding-left: 5px; clear: both;}
.calendar li {float:left;}
.calendar .d_holiday {
    font-size: 24px;
    color: #db3232;
    top: 4px;
    position: relative;
}
.calendar .d_today {
    font-size: 24px;
    color:#CCCCCC;
    position:relative;
    top:4px;
}
.badate {
    color: #E9E9E9 !important;
}
.business-calendar caption {background-color: #fff;}
.business-calendar-past a, .business-calendar-future a {
    color: #e94a6a;
    font-size: 18px;
    padding: 0 10px;
}
@media only screen and (max-width: 800px){
	.calendar div {width: 100%; display: table; margin: 0;}
	.calendar h2, .calendar ul {padding-left: 0px;}
}


/* -----------------------------------------------------------
		Recurit
----------------------------------------------------------- */
#recruit {
    max-width: 960px;
    margin: 0 auto;
}
#recruit h2	{clear:both; font-size:150%; font-weight:bold; text-align:center; margin:0 0 20px;}
/*#rec_pickup	{margin-bottom:30px;}
.rec_pick0	{margin-bottom:20px;}*/
.rec_pick0 h3	{font-size:140%; margin-bottom:10px;}
.rec_pu_img	{width:30%; float:left; margin:0 2% 0 0;}
.rec_pu_text	{width:68%; float:left; margin:0;}
.prp_noimg .rec_pu_text	{width:100%;}
#rec_youkou	{margin-bottom:50px;}
#rec_youkou dl dt	{width:25%; padding:10px; box-sizing:border-box; float:left; clear:both; font-weight:bold;}
#rec_youkou dl dd	{padding:10px 10px 9px 25%; border-bottom: 1px solid #ccc;}

@media only screen and (max-width: 1024px){
	#rec_youkou dl dt	{width:100%; padding:10px 10px 5px; box-sizing:border-box;}
	#rec_youkou dl dd	{padding:0 10px 10px; box-sizing:border-box;}
}

@media only screen and (max-width: 499px){
	.rec_pu_img	{width:100%; float:none; margin:0 0 10px;; text-align:center;}
	.rec_pu_text	{width:100%; float:none;}
	#recruit h2 {font-size: 140%; margin: 0 0 5px;}
}


/* -----------------------------------------------------------
		Recurit NEW
----------------------------------------------------------- */
.saiyou-box	{
	width:100%; 
	border:1px solid #ccc; 
	box-sizing:border-box;
}
#saiyou-arch .saiyou-box	{
	margin-bottom:20px;
}
.saiyou-tit_box	{
	background:#eee;
	padding:20px 190px 20px 20px;
	box-sizing:border-box;	
	position:relative;
}
.saiyou-tit_box h2	{
	font-size:24px;
}
.saiyou-tit_box h3	{
	font-size:18px;
}
.saiyou-tit_box h4	{
	font-size: 12px;
	position:absolute;
	top:20px;
	right:20px;
}
.saiyou-tit_box h4 span	{
	display:inline-block;
	color:#fff;
	padding:5px 10px;
	margin-left:5px;
}
.saiyou_type_FULL_TIME	{background:#acd3bf;}
.saiyou_type_PART_TIME 	{background:#77b0cf;}
.saiyou_type_CONTRACTOR 	{background:#cbbebc;}
.saiyou_type_TEMPORARY 	{background:#b48c75;}
.saiyou_type_OTHER 	{background:#efbdcc;}
.saiyou-dt_box	{
	padding:20px;
	box-sizing:border-box;	
}
.saiyou_pick0	{
	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;
	margin-bottom:20px;
}
.saiyou_pu_img	{
	width:350px; 
	margin:0 30px 0 0;
}
.saiyou_pu_text	{
	width : 70% ;
	width : -webkit-calc(100% - 380px) ;
	width: calc(100% - 380px);
}
.prp_noimg .saiyou_pu_text	{width:100%;}
.saiyou_pick0 h3	{font-size:140%;}

.saiyou-setsumei	{margin-bottom:20px;}
.saiyou_youkou dl dt	{width:25%; padding:10px; box-sizing:border-box; float:left; clear:both; font-weight:bold;}
.saiyou_youkou dl dd	{padding:10px 10px 9px 25%; border-bottom: 1px dotted #ccc;}
/*#saiyou-arch a.link_topmore	{
	background:#000;
	color:#fff !important;
	border-color:#000;
}
#saiyou-arch a.link_topmore:hover{
	border-color:#000 !important;	
}*/
@media only screen and (max-width: 1024px){
	.saiyou-tit_box	{padding: 70px 30px 30px 30px;}
	.saiyou_pu_img	{width:200px;}
	.saiyou_pu_text	{
		width : 70% ;
		width : -webkit-calc(100% - 230px) ;
		width: calc(100% - 230px);
	}
}
@media only screen and (max-width: 699px){
	.saiyou_pu_img	{width:100%; text-align:center; margin:0 0 10px;}
	.saiyou_pu_text	{width:100%;}
}
@media only screen and (max-width: 599px){
	.saiyou-tit_box	{padding-right:20px; padding-left:20px; padding-bottom:20px;}
	.saiyou-tit_box h2	{font-size:18px;}
	.saiyou-tit_box h3	{font-size:14px;}
	.saiyou-tit_box h4	{left:10px; right:unset;}
	.saiyou-dt_box	{padding:20px 20px 0;}
	.saiyou_youkou dl dt	{width:100%;}
	.saiyou_youkou dl dd	{width:100%; box-sizing:border-box; padding:10px;}
}

/* -----------------------------------------------------------
		Utility
----------------------------------------------------------- */
#utility	{}
#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 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;}

#form_message	{margin-bottom:30px;}
#form_contact .need    { background-color:#d87a77; 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; }



@media only screen and (max-width: 1024px){
	#utility dl dt	{width:100%; padding:10px 10px 5px; box-sizing:border-box;}
	#utility dl dd	{padding:0 10px 10px; box-sizing:border-box;}
	#u-gmap		{width:100%;}
	#u-gmap iframe	{width:100%; height:300px;}
}

/* -----------------------------------------------------------
		Coupon
----------------------------------------------------------- */
.coupon_all	{margin-bottom:30px;}
.coupon_all h3	{font-size:140%; font-weight:bold; margin-bottom:20px; text-align:center;}
.cp_subtile	{margin-bottom:20px;}
.coupon0	{display:table; margin:0 0 10px; border:1px solid #ccc; width:100%; box-sizing:border-box;}
.c_box_L	{display:table-cell; width:25px; vertical-align:middle; text-align:center;}
.c_box_R	{display:table-cell; vertical-align:middle; padding:20px; box-sizing:border-box;}
.c_syu_shinki	{background-color: #FB615F; color: #FFFFFF;}
.c_syu_sairai	{background-color: #FFE8E8; color: #FB615F;}
.c_syu_zenin	{background-color: #FFCCCB; color: #FB615F;}
.coupon_name	{font-size:120%; font-weight:bold; margin-bottom:10px;}
.coupon_price	{font-size:20px; color:#e13d61; font-weight:bold; margin-bottom:10px;}
.coupon_tax	{font-size:13px;}
.coupon_jouken	{margin-top:20px;}
.coupon_jouken li span	{color:#e13d61;}
.coupon_detail	{display:table; width:100%;}
.cp_txt_box	{display:table-cell; width:80%; vertical-align:middle;}
.cp_txt	{padding:0 168px 0 0;}
.cp_img	{float:right; width:148px; margin:0 0 0 10px;}
.cp_reserve_box	{display:table-cell; width:20%; vertical-align:bottom;}
.cp_reserve_box div	{width:90%; float:right;}
.cp_reserve_box a	{display:block; color:#fff; text-align:center; padding:5px 0; border-radius:3px; margin:5px 0 0;}
#cp_rs_hb	{background:#CC444B;}
#cp_rs_ot	{background:#E39695;}
#cp_rs_tel	{background:#F48668; display:none;}

@media only screen and (max-width: 959px){
	.cp_txt_box	{display:block; width:100%;}
	.cp_reserve_box	{display:block; width:100%; font-size:0; clear:both; margin:20px 0 0;}
	.cp_reserve_box div	{display:inline-block; font-size:12px; width:50%; float:none; padding:0 5px; box-sizing:border-box;}
	.cp_img	{margin:0 0 10px 10px;}
	.cp_br_pc	{display:none;}
}
@media only screen and (max-width: 549px){
	.cp_br_pc	{display:block;}
}
@media only screen and (max-width: 499px){
	.c_box_L	{vertical-align:top; padding:20px 0;}
	.coupon_price	{display:block;}
	.cp_txt	{padding:0;}
	.cp_img	{width:90px;}
	.cp_reserve_box div	{display:block; width:100%; padding:0;}
	.cp_br_pc	{display:none;}
	#cp_rs_tel	{background:#F48668; display:block;}
}



/* -----------------------------------------------------------
		Menu
----------------------------------------------------------- */
#menu_info		{width:800px; 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;}
.m_information h3	{font-size:1.8em; margin-bottom:10px; font-family: "Barlow", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:700; letter-spacing: 0.04em;}
.m_information h4	{font-size:11px; font-weight:normal; margin:5px 5px 0; margin-bottom:10px;}
.m_information h5	{padding:15px 0 5px 5px; font-weight:bold;}
.m_information dl		{width:100%; font-size:14px;}
.m_information dl dt	{width:59%; float:left; padding:15px 0 5px 5px; font-weight:bold; box-sizing:border-box; line-height: 1.2;}
.m_information dl dd	{padding:15px 5px 5px 60%; text-align:right; border-bottom:1px dotted #000;}
.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:12px;}
.m_subtile		{margin-bottom:0px;}
.m_information a		{padding: 3px 5px 0; background-color:#eee;}
.ddline2			{height:3em;}
.ddgray				{background:#f9f6f1;}
.dtindent			{text-indent:2em;}
.mdetail  {text-align:left; font-size:12px; clear:both; padding:5px; background: rgba(232, 232, 232, 0.5) none repeat scroll 0 0;}
.mfreespace	{padding:10px 0 0; margin-bottom:10px;}
.dd_last  {border-bottom:1px dotted #ddd !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; font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.course_box h3	{color:#e94a6a; font-weight:bold; font-size:20px; margin-bottom:10px; font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.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;}

.m_information {
	position: relative;
}


.accordionBtn {
	display: block;
	text-align:center;
	width: 1.2em;
	height: 1.2em;
    position: absolute;
    top: 0.9em;
    right: 0px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}
.accordionBtn:before, .accordionBtn:after	{
	position:absolute;
}
.accordionBtn:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #333;
	top:calc(50% - 1px);
	left:0;
}
.accordionBtn:after {
	content: "";
	width: 2px;
	height: 100%;
	background: #333;
	top:0;
	left:calc(50% - 1px);
}
.accordionBtn.active:after {
	display:none;
}

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

@media only screen and (min-width: 960px){
	#m_color_sp	{display:none;}
}
@media only screen and (max-width: 959px){
	#menu_info .d-box2, #menu_info .d-box2_last	{clear:both; float:none !important; margin:0 auto !important; padding:10px 0;}
	#m_color_pc	{display:none;}
	#menu_guide	{margin-top:20px;}
}
@media only screen and (max-width: 859px){
	#menu_info .d-box-one-third	{text-align:center;}
}
@media only screen and (max-width: 559px){
	.m_information h3	{font-size:1.4em;}
}
@media only screen and (max-width: 499px){
	#menu_info .d-box2, #menu_info .d-box2_last	{clear:both; float:none !important; width:100% !important; padding:10px 0;}
	.m_information dl		{width:100%;}
	.m_information dl dt		{width:100%; float:none !important; padding: 15px 0 0 5px !important;}
	.m_information dl dd		{padding:5px 0 5px 0 !important;}
}

/* -----------------------------------------------------------
		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	{background:#b7b7b7; color:#fff; padding:5px 10px; font-size:120%; font-weight:bold; margin-bottom:20px;}


/* -----------------------------------------------------------
		Staff
----------------------------------------------------------- */
#staff_all h2	{
    font-size: 200% ;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 20px auto;
    text-align: center;
}
#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;
	max-width:960px;
	margin:20px auto 50px;
}
#staff_all > ul > li	{
	width : 22% ;
	width : -webkit-calc((100% - 60px) / 4) ;
	width: calc((100% - 60px) / 4);
	margin:0 20px 20px 0;
	box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.3);
}
#staff_all ul li:nth-of-type(4n)	{
	margin-right:0;
}
.top_st_tit	{
	padding:10px;
}
#staff_all h3 {
    margin-bottom: 5px;
    line-height: 1.2;
}
#staff_all h4	{
	font-size:11px;
	margin-bottom:10px
}
.st_ml_titimg {
    text-align: center;
    margin: 0 auto 40px;
}
.st_ml_titimg img	{
    max-width: 200px;
	margin-bottom:20px;
}
ul.top_st_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: flex-end;
	font-size:14px;
}
ul.top_st_sns li a	{
	padding:0 5px;
}
@media only screen and (max-width: 599px){
	#staff_all h2	{font-size: 120%;}
	#staff_all > ul > li	{
		width : 45% ;
		width : -webkit-calc((100% - 20px) / 2) ;
		width: calc((100% - 20px) / 2);
	}
	#staff_all > ul > li:nth-of-type(even){margin-right: 0;}
}




#staff_detail	{}
#staff_prof	{max-width:960px; margin:0 auto 50px;}
#staff_prof .clearfix	{margin-bottom:20px;}
#staff-photo	{width:280px; float:left; margin:0 30px 0 0;}
#staff-text	{padding:0 0 0 310px;}
#staff_prof h3	{font-size:160%; margin-bottom:0px;}
#staff_prof h4.st_assign	{font-size:12px; margin-bottom:20px;}
#staff_prof dl	{margin-bottom:10px;}
#staff_prof dl dt	{width:13em; float:left; font-weight:bold; padding:5px 0;}
#staff_prof dl dd	{padding:5px 0 5px 14em; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
.st_reserve	{display:block; padding:9px 0; width:14em; background:#e2a3a1; border:1px solid #e2a3a1; color:#fff; border-radius:3px; text-align:center; margin-bottom:20px;}
.st_reserve:hover	{text-decoration:none; color:#e2a3a1; 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;}
#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-bottom:20px;}
#st_sns_nav ul li	{display: inline-block; margin:0 5px 10px 0;}
#st_sns_nav ul li a	{
    display: block;
    border-radius: 3px;
	border:1px solid #ccc;
    padding: 8px 30px 10px;
}
#st_sns_nav ul li i, #st_sns_nav ul li span	{
	vertical-align:middle;
}
#st_sns_nav ul li i	{
	font-size:20px;
	margin-right:5px;
}

#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;}

@media only screen and (max-width: 899px){
	#staff_prof	{width:100%;}
	#staff-txt	{width:auto;}
	#schedule_tit	{width:100%; float:none; margin:0 0 10px;}
	#schedule_tit h3	{text-align:center;}
}
@media only screen and (max-width: 599px){
	.st_ml_titimg img	{max-width:100px;}
	#staff_gallery ul{width:280px; margin:0 auto 20px;}
	#staff_gallery li{width:130px;}
	#staff-photo	{float:none; margin:0 auto 10px; text-align:center;}
	#staff-text	{padding:0;}
	#staff_prof dl dt	{width:100%; float:none; padding: 5px 0 0 0;}
	#staff_prof dl dd	{padding:0 0 5px 0;}
	#staff_prof h3 {font-size: 130%;}
	#staff_prof h3, #staff_prof h4, #staff_prof h4.st_assign, #st_sns_nav	{text-align: center;}
	#staff_prof h4.st_assign	{margin-bottom: 10px;}
	.st_reserve {margin: 0 auto 20px;}
}
@media only screen and (max-width: 399px){
	#staff_detail .link_topmore	{width:100%; margin:0; box-sizing:border-box;}
}

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


/* -----------------------------------------------------------
		Topics
----------------------------------------------------------- */
h2.topics_tit{
clear:both;
padding:0;
font-size:200% !important;
text-align: center;
}
@media only screen and (max-width:959px){
	h2.topics_tit{font-size: 160% !important; line-height: 1.4; margin-bottom: 15px;}
}


/* 大バナー表示（バナー下テキスト配置） */
#topics_all {
    max-width: 1100px;
    margin: 0 auto;
}
#topics_all .topics0 {
    margin: 0 1% 30px;
    width: 47.599%;
    box-sizing: border-box;
    display: inline-block;
	vertical-align: top;
}
#topics_all .topics0 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;
	align-items:center;
}
#topics_all .topics0 .tp_thum	{width:100%;}
#topics_all .topics0 .tp_txt	{
	width : 100% ;
	width : -webkit-calc(100% - 0px) ;
	width: calc(100% - 0px);
}
#topics_all .tp_txt h3	{font-size:18px; font-weight:bold; margin:10px 0; line-height: 1.4;}
#topics_all .tp_txt p	{line-height: 1.6; font-size: 100%;}


.b_table h4 {line-height: 1.4;}
.b_table tr {
    display: table;
    margin-bottom: 10px;
    border-bottom: 1px dashed;
    padding: 5px 0;
}
.b_table th {width: 20%; min-width: 16em;}
@media only screen and (max-width: 699px){
	.b_table tr {display: grid;}
	#topics_all .topics0 {margin: 0 0 30px; width: 100%;}
}	
	
@media only screen and (max-width: 1024px){
	.topics0 {margin: 0 0 20px; width: 100%; display: block;}
}


/* 小バナー表示（バナー右横テキスト配置） */
/*#topics_all	{}
.topics0 {
    margin: 0 1% 20px;
    width: 47%;
    box-sizing: border-box;
    display: inline-block;
	vertical-align: top;
}
.topics0 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;
	align-items:center;
}
.topics0 .tp_thum	{width:245px; margin-right:20px;}
.topics0 .tp_txt	{
	width : 70% ;
	width : -webkit-calc(100% - 265px) ;
	width: calc(100% - 265px);
}
.tp_txt h3	{font-size:18px; font-weight:bold; margin-bottom:10px; line-height: 1.4;}
.tp_txt p	{line-height:1.6; line-height: 1.4;}


.b_table h4 {line-height: 1.4;}
.b_table tr {
    display: table;
    margin-bottom: 10px;
    border-bottom: 1px dashed;
    padding: 5px 0;
}
.b_table th {width: 20%; min-width: 16em;}
@media only screen and (max-width: 699px){
	.b_table tr {display: grid;}
}


@media only screen and (max-width: 1024px){
	.topics0 {margin: 0 0 20px; width: 100%; display: block;}
} */

/* Topics Single Sidebar */
.sd_tp0	{margin:0 0 20px; text-align:center;}
.sd_tp_thumb	{margin:0 0 10px;}
.sd_tp0 h3	{font-size: 110%;}

@media only screen and (max-width: 499px){
	.topics0 	{width:300px; margin:0 auto 20px; }
	.topics0 .tp_thum	{width:100%; margin:0 0 10px;}
	.topics0 .tp_txt 	{width:100%;}
}
@media only screen and (max-width: 399px){
	.topics0 	{width:100%;}
}



/* -----------------------------------------------------------
		Topics Custom
----------------------------------------------------------- */
.campaign_d_L {float: left; margin-right: 25px; width: 330px;}
.campaign_d_R {float: left; padding: 15px; width: 315px; background-color: #f9f9f9; border-radius: 10px;}
.campaign_d_R h3 {font-size: 14px; font-weight: bold;}
.campaign_d_R h4 {font-size: 14px; font-weight: bold;}
.cp_price {font-size: 18px; color: #e13d61; font-weight: bold; padding: 0 0 10px 30% !important;}
.cp_index_price {background-color: #e13d61 !important;}
.cp_detail dl {}
.cp_detail dd {padding: 5px 0px 10px 30%;}
.cp_detail dt {background-color: #333; border-radius: 3px; box-sizing: border-box; color: #222; float: left; font-weight: bold; padding: 5px; text-align: center; width: 25%;}


@media only screen and (max-width: 799px){
	.campaign_d_L	{float:none; margin:0 auto 20px;}
	.campaign_d_R	{float:none; width:100%; box-sizing:border-box;}
}
@media only screen and (max-width: 399px){
	.campaign_d_L	{width:100%;}
}


/* -----------------------------------------------------------
		Ranking
----------------------------------------------------------- */
#ranking h3	{clear:both; font-size:150%; font-weight:bold; text-align:center; margin:0 0 20px;}
.rank_subtit	{margin-bottom:20px;}
.ranking0	{margin:0 0 30px; text-align:center;}
.ranking0 ul	{font-size:0; counter-reset: number;}
.ranking0 ul li	{display:inline-block; padding:0 5px 10px; box-sizing:border-box; position:relative; font-size:12px; text-align:center; width:192px; vertical-align:top;}
.ranking0 ul li:before {content: counter(number); counter-increment: number; width:50px; height:50px; line-height:50px; text-align:center; position:absolute; top:-5px; left:-5px; z-index: 99; color:#fff; font-size:15px; background:url(//www.saloncms.com/template/simple/img/ico_ranking.png) no-repeat 0 0;}
.ranking0 ul li h4	{font-weight:bold; margin:10px 0 5px;}

@media only screen and (max-width: 499px){
	.ranking0 ul li	{width:50%;}
	.ranking0 ul li:before {width:40px; height:40px; line-height:40px; font-size:13px; background-size:40px auto;}
}


/* -----------------------------------------------------------
		Q&A
----------------------------------------------------------- */
#qa	{
    max-width: 960px;
    margin: 0 auto;
}

#qa dl dt {
    color: #000;
    font-size: 120%;
    margin-bottom: 10px;
    padding: 4px 0px 10px 2.5em;
    position: relative;
}
#qa dl dd {
    border: 1px solid #dedcd6;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 25px 20px 20px 4em;
	position:relative;
}
.qnames, .anames	{
    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;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    width: 2em;
    height: 2em;
}
.qnames {
    background: #666;
    color: #fff;
    margin: 0 10px 0 0;
	position:absolute;
	top:0;
	left:0px;
}
.anames {
    background: #e2a3a1;
    color: #fff;
    margin: 0 5px 5px 0;
	position:absolute;
	top:20px;
	left:20px;
}



@media only screen and (max-width:599px){
	#qa dl dt	{font-size:100%; margin-bottom:0;}
	#qa dl dd	{padding: 10px 10px 10px 3.5em;}
	.anames	{top:7px; left:10px;}
}



/* -----------------------------------------------------------
		Custom Post
----------------------------------------------------------- */
.custompost iframe	{max-width: 100%;}
.custompost h3.title	{font-size:25px; font-weight:bold; margin-bottom:20px;}

.custompost h1	{font-size:22px; font-weight:bold; margin-bottom:10px;}
.custompost h2	{font-size:20px; font-weight:bold; margin-bottom:10px;}
.custompost h3	{font-size:18px; font-weight:bold; margin-bottom:10px;}
.custompost h4	{font-size:16px; font-weight:bold; margin-bottom:10px;}
.custompost h5	{font-size:14px; font-weight:bold; margin-bottom:10px;}
.custompost h6	{font-size:11px; font-weight:bold; margin-bottom:10px;}
.custompost p	{line-height:1.8; margin-bottom:10px;}
.custompost img	{margin-bottom:10px;}


/* -----------------------------------------------------------
	アーカイブ・単一記事ページ
----------------------------------------------------------- */
#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:600;
    margin-bottom: 0px !important;
    padding: 5px 0 5px;
    line-height: 1.4;
}
.info_new {
    background: #C61A22;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 1px 5px 0;
    position: relative;
    top: -2px;
    margin-right: 5px;
    font-weight: normal;
}
.date {font-size:11px; margin-bottom:5px;}
#excerpt p {line-height: 1.6; font-size: 90%;}
h2.title	{
    padding: 11px 10px 4px 0px;
    font-size: 120%;
    border-bottom: 2px solid #555;
	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: #333;
    text-align: center;
    padding: 3px 10px !important;
    border-radius: 3px;
}
.categories_label li:hover {background-color: #ccc !important;}
.categories_label a {color: #fff;}
.categories_label a:hover {color: #fff !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;}

/* -----------------------------------------------------------
		Gallery
----------------------------------------------------------- */
/* カテゴリ一覧 */
#grid-content	{width:100%; margin:0;}
#grid-content ul	{font-size:0;}
#grid-content ul li	{display:inline-block; width:25%; padding:0 20px; margin-bottom:40px; box-sizing:border-box; vertical-align: top; position:relative; font-size:12px;}
#gl_subtitle		{text-align:center; margin-bottom:20px;}
#gl_subtitle h3		{font-size:130%; position:relative; display:inline;}
#gl_subtitle h3:before	{content:""; position:absolute; left:-70px; top:50%; width:50px; height:1px; background:#000;}
#gl_subtitle h3:after	{content:""; position:absolute; right:-70px; top:50%; width:50px; height:1px; background:#000;}
#gl_categorylist	{font-size:0;}
#gl_categorylist li	{display:inline-block; font-size:12px; padding:0 20px; margin-bottom:10px; border-right:1px solid #000; position:relative;}
#gl_categorylist li:last-child	{border:none;}


#gl_categorylist li ul	{display:none; position:absolute; top:1.2em; left:50%; z-index:3; margin-left:-75px;
/* 透過処理 */
opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
-moz-opacity: .80; /* FF lt 1.5, Netscape */}
#gl_categorylist li ul li	{display:block; padding:0; margin:0; border:none; }
#gl_categorylist li ul li a {display:block; background:#000; color:#FFF; padding:10px; _zoom:1; width:70px; line-height:1.8; height:auto;}
#gl_categorylist li ul li a:hover	{text-decoration:none !important; opacity:0.5;}
#gl_categorylist li ul ul a {padding:10px 10px 10px 20px}

#s_hairstyle	{margin:0;}
#s_hairstyle .slider	{margin-bottom:30px;}
.styledata dl dt	{width:8em; float:left; padding:10px 0; clear:both;}
.styledata dl dd	{padding:10px 0 10px 9em; border-bottom: 1px solid #ccc;}
.styledata p	{padding:10px 0;}
.sd_comment	{padding-top:30px;}
#sd_comment_box	{display:table; margin:20px 0;}
.sd_stylist	{width:120px; padding-right:20px; display:table-cell; vertical-align:middle;}
.sd_stylist p	{text-align:center;}
.sd_stylist img	{max-width:100%; height:auto;}
.sd_comment	{display:table-cell; vertical-align:middle;}
#sd_bnarea	{text-align:center;}
a#bn_sd_style	{display:block; width:245px; padding:15px 0; background:#babea5; color:#fff; text-decoration:none; margin:0 auto 10px;}
a#bn_sd_all	{display:block; width:245px; padding:15px 0; background:#ccc; color:#fff; text-decoration:none; margin:0 auto 10px;}
.hs_thumb	{width:100%;}
.thum01	{position:relative;}
.thum01 img	{max-width:100% !important;}
.arch_title	{text-align:right;}
.arch_title h3	{font-size:36px; position:absolute; right:0; top:10px;}
.arch_title p	{font-size:15px; line-height:1.2; position:absolute; right:0; bottom:10px;}
.hsst_ar	{margin:10px 5px 0; font-size:0;}
.hsst_ar h4 {
    font-size: 120%;
}
.hsst_ar_L	{width:20%; display:inline-block; vertical-align:middle; margin:0 5% 0 0; font-size:12px;}
.hsst_ar_R	{width:75%; display:inline-block; vertical-align:middle; font-size:12px;}
.hsst_ar_R p	{line-height:1.2;}


#hs_author h4	{font-size:140%; font-weight:bold;}
#hsst_L		{width:150px; float:left; margin:0 30px 0 0;}
#hsst_R		{padding:0 0 0 180px;}
#hsst_R a	{display:inline-block; padding:6px 10px; width:13em; background:#000; color:#fff; border-radius:3px; text-align:center; margin:0 10px 10px 0;}
#hsst_R a.hsst_reserve	{background:#b71232;}
.other_works	{padding:20px 0; clear:both;}
.other_works h5	{font-size:120%; padding:10px 0; border-bottom:1px solid #777; margin-bottom:20px;}
.other_works ul	{font-size:0;}
.other_works ul li	{width:160px; display:inline-block; padding:0 5px; margin-bottom:10px; box-sizing:border-box; vertical-align: top; position:relative; font-size:12px;}
.other_works ul li.owli6	{display:none;}

.gal-slides			{margin-bottom:30px; z-index: 99; position: relative;}
.gal-slides .slick-slide	{opacity:0.5;}
.gal-slides .slick-center	{opacity:1.0;}
.slide_inner_gal	{padding:0 20px; text-align:center;}
.slide_inner_gal img	{width:315px; max-width:100%; height:auto; margin:0 auto;}
.gal-thumb {width:324px; margin:0 auto; text-align:center;}
.gal-thumb .slick-slide img {cursor:pointer;}
.thumb_inner_gal	{padding:0 5px;}
.thumb_inner_gal img	{margin:0 auto; max-width: 98px;}
.hs_detail	{width:870px; margin:30px auto 50px;}
.hs_detail h3	{font-size:140%; margin-bottom:20px; padding: 10px 0;}

#hs_search	{width:800px; margin:0 auto;}
#hs_search ul	{text-align:center;font-size:130%;}
#hs_search li	{display:inline-block; padding:0 10px 10px;}

/* お気に入り */
#fav_regi 	{margin:40px 0; text-align:center;}
#fav_regi ul li	{display:inline-block; margin:0 5px 10px;}
#fav_regi a	{display:inline-block; padding:8px 0; width:14em; background:#000; color:#fff; border-radius:3px; text-align:center;}
#fav_add a	{background:#25a4b7;}
.wpfp-img	{position:absolute; top:12px; left:50%; margin-left:8px;}
.remove-parent	{position:absolute; top:0; left:0; background-color: rgba(0,0,0,0.6); color:#fff; width:20px; line-height:20px; text-align:center; }
a.remove-parent:hover	{background-color: rgba(0,0,0,0.3); color:#fff;}


@media only screen and (max-width: 1024px){
	#grid-content	{width:100% !important;}
	#grid-content ul li	{width:33%;}
	.hs_detail	{width:100%;}
	#hs_search	{width:100%;}
	#hsst_L		{width:25%; margin:0 5% 0 0;}
	#hsst_R		{width:70%; padding:0; float:left;}
}
@media only screen and (max-width: 599px){
	#gl_subtitle h3		{font-size:100%;}
	#grid-content ul li	{width:50%; padding:0 5px; margin-bottom:20px;}
	.thum01		{margin-bottom:5px;}
	.sd_stylist	{width:90px;}
}
@media only screen and (max-width: 499px){
	ul#favBtn li span	{width:70px;}
	.arch_title	{position:static; text-align:left;}
	.arch_title h3	{font-size:20px;}
	.hsst_ar_L	{vertical-align:top;}
	.hsst_ar_R	{vertical-align:top;}
	.hsst_ar_R p	{font-size:10px;}
	.gal-thumb {width:100%;}
	.other_works ul li	{width:33%;}
}


/* -----------------------------------------------------------
		InstaWidget
----------------------------------------------------------- */
.instawidget {}
.instawidget br {display: none;}
.instawidget iframe {height: auto !important;}