@charset "utf-8";
/*
Theme Name: TEMPLATE
Theme URI: 
Description: WordPress 4.x
Version: 1.0
License: GNU General Public License
*/

@import url('//fonts.googleapis.com/css?family=Oswald:400,700');
@import url('//fonts.googleapis.com/earlyaccess/notosansjp.css');

.osw {
    font-family: 'Oswald', 'Noto Sans JP', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ",Meiryo,"游ゴシック体", "Yu Gothic", YuGothic,"ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

/* =1. General Setting 
-------------------------------------------------------------- */
.sPhone { display: none;}
html, body, #page, #wrapper {
  height: 100%;
}
html, body, applet, object, iframe, strong,
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: inherit;
	vertical-align: middle;
	list-style:none;
	}
body{
	font-family: 'Noto Sans','Noto Sans JP', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ",Meiryo,"游ゴシック体", "Yu Gothic", YuGothic,"ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	line-height: 1.9em;
  backface-visibility: hidden;
	} 
p {
	margin-bottom: 20px;
}
ul, ol {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
ul li {
	list-style-type: none;
}
img {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	line-height: 100%;
	vertical-align: middle;
}
.clear{ 
	clear: both;
	line-height: 0
}
#sidebar > div > li {
	list-style-type: none;
}
.wp-pagenavi {
    margin-top: 30px;
    margin-bottom: 30px;
}
	.pageRoot {
	    padding: 5px 0;
	    font-size: 12px;
	    text-align: right;
	}

/* =Utility
-------------------------------------------------------------- */
.clearfix {
    zoom: 1;/*for IE 5.5-7*/
    min-height: 1%;
}
.clearfix:after {/*for modern browser*/
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    display: inline-table;
    /*\*/display: block;/**/
}
img {border: none;}
.red {color: #C00;}
.mini{font-size:x-small;}
.w80p {width: 80%;margin: 0 auto;}
.pd20 { padding: 20px;}
.pb30 { padding-bottom: 30px;}
.pb50 { padding-bottom: 50px;}
.ptb30 { padding: 30px 0;}
.ptb50 { padding: 50px 0;}
.pt50 { padding-top: 50px;}
.pb20 { padding-bottom: 20px;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb150 {margin-bottom: 150px;}
.fl {float: left;}
.fr {float: right;}
.alignR {text-align: right;}
.alignC {text-align: center!important;}
.alignL {text-align: left;}
.fontL {font-size: 150%;}
.center {margin: 0 auto;}
a:link,a:visited,
.post .pageRoot a:link,.post .pageRoot a:visited,
.post .newsArea article p a:link,
.post .newsArea article p a:visited {
	color: #333;
	text-decoration: none;
	vertical-align: baseline;
}
a:hover,a:active {
	text-decoration: underline;
}
.post a:link, .post a:visited {
    color: #444444;
    line-height: normal;
    vertical-align: baseline;
}
.flexwrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wraptable {
    display: table;
    width: 100%;
}
	.wraptable .imgArea, .wraptable .txtArea {
	    display: table-cell;
	    vertical-align: middle;
	}
/*gridのgutter調整
------------------------------------------------ */
/*溝幅 20pxの場合*/
.gutter-20{
margin-left:-10px;
margin-right:-10px;
}
.gutter-20 > [class*='col-'] {
padding-left:10px;
padding-right:10px;
}
/*溝幅 10pxの場合*/
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}

/*溝幅 0pxの場合*/
.gutter-0{
margin-left:0px;
margin-right:0px;
}
.gutter-0 > [class*='col-'] {
padding-left:0;
padding-right:0;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.wp-pagenavi a, .wp-pagenavi span {
    vertical-align: baseline;
}
@media screen and (max-width: 768px){
	.row.gutter-10,
	.row.gutter-20  {
	    margin: 0;
	}
	.alignright,
	.alignleft {
	    float: none;
	    margin-left: auto;
	    margin-right: auto;
	}
}

/* =2. Basic Layout 
-------------------------------------------------------------- */
#wrapper {
}
#wrapper,#contents,#footer {
	margin: 0 auto;
	width: 100%;
}
#contents {
    margin: 0 auto;
}
	.home #contents {
	}
.sectionWrap {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 100%;
    width: 1270px;
}
.sectionWrap02 {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 100%;
    width: 870px;
}
#footer {
}
#footerInner{
}

/* =3. Header, Menu
-------------------------------------------------------------- */
/* Header追従なしのためコメントアウト
#header {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 80px;
    z-index: 9999;
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -ms-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
}
	#header.sPhone {
	    display: none;
	}
#header.on {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.6);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
}
*/
#header {
    width: 100%;
    height: 160px;
    z-index: 9999;
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -ms-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
    border-top: solid 5px #000;
    border-bottom: solid 1px #000;
}
#headerInner {
    position: relative;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
}
	.headerContact {
	    font-size: 12px;
	    text-align: right;
	    line-height: 140%;
	    position: absolute;
	    right: 15px;
	    top: 20px;
	}
		.headerContact span {
		    font-weight: 700;
		    font-size: 20px;
		    display: inline-block;
		    margin-top: 5px;
		}
	#site-title,
	#site-title_footer {
	    display: inline-block;
	    margin: 0;
	    padding: 10px 15px;
	    width: auto;
	    text-align: left;
	}
	#site-title img,
	#site-title_footer img {
	    margin: 20px auto;
	    height: 50px;
	}
	#globalMenu,
	#globalMenu_footer {
	    text-align: center;
	}
		#globalMenu ul li {
		    display: inline-block;
		    margin-right: 3.5%;
		    font-weight: 700;
		    font-size: 18px;
		    font-size: 1.8rem;
		    letter-spacing: 0.15em;
		    line-height: 110%;
		}
			#globalMenu ul li span {
			    display: block;
			    font-size: 12px;
			    font-weight: 500;
			    letter-spacing: 0em;
			}
		#globalMenu ul li:last-child {
		    margin-right: 0;
		}
@media screen and (max-width: 768px) {
	#headerInner {
	    height: 60px;
	}
	#site-title,
	#site-title_footer {
	    display: block;
	    margin: 0;
	    padding: 0;
	    width: auto;
	    text-align: center;
	}
		#site-title img,
		#site-title_footer img {
		    margin-top: 10px;
		    height: 40px;
		}
	#navBtn {
	    display: inline-block;
	    position: absolute;
	        right: 10px;
	        top: 13px;
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	    background-color: #444444;
	    color: #fff;
	    text-align: center;
	    z-index: 99999;
	}
	#navBtn span:before {
	    content: "\f0c9";
	    font-family: "FontAwesome";
	    font-size: 24px;
	}
	#navBtn.closeBtn span:before {
	    content: "\f00d";
	    font-family: "FontAwesome";
	    font-size: 30px;
	}
	#globalMenu nav {
	    display: none;
	    background-color: #444444;
	    position: fixed;
	    top: 60px;
	    right:0;
	    padding: 0;
	    width: 100%;
	    z-index: 99999;
	}
		#globalMenu nav ul li {
		    display: block;
		    margin: 0 auto;
		    padding: 0 19px;
		    width: 100%;
		    height: auto;
		    border-bottom: solid 1px #fff;
		}

}
/* =4.  Footer
-------------------------------------------------------------- */
.pageTop {
    position: fixed;
	bottom: 100px;
	right: 5%;
    display: inline-block;
    height: 40px;
    text-align: center;
}
	.pageTop img{
	    height: 40px;
	}
	.pageTop a {
	    display: block;
	}
#footer {
    background-color: #000;
}
	#footer a {
	    color: #ededed;
	}
#site-title_footer {
    text-align: center;
    display: block;
    padding: 10px 0;
}
#globalMenu_footer {
    text-align: center;
    padding: 10px 0;
}
#site-title_footer img {
    height: 40px;
    margin: 0 auto;
}
.copyArea {
    padding: 9px 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    line-height: 100%;
    letter-spacing: 0.1em;
    text-align: center;
}

		#globalMenu_footer ul li {
		    display: inline-block;
		    margin-bottom: 10px;
		    margin-right: 1%;
		    font-weight: 700;
		    font-size: 16px;
		    font-size: 1.6rem;
		    letter-spacing: 0.05em;
		    line-height: 110%;
		}
			#globalMenu_footer ul li span {
			    display: block;
			    font-size: 10px;
			    font-weight: 500;
			    letter-spacing: 0em;
			}
@media screen and (max-width: 768px){
	.pageTop {
	    position: fixed;
		bottom: 28px;
		right: 5%;
	    height: 40px;
	}
	i.fa.fa-chevron-circle-up.fa-4x {
	    font-size: 3em;
	}
	#footer {
	    height: auto;
	}
	#globalMenu_footer {}
		#globalMenu_footer ul li {}

		#globalMenu nav ul li a,
		#globalMenu_footer ul li a {
		    display: block;
		    padding: 10px 0;
		}
			#globalMenu nav ul li a:link,
			#globalMenu ul li a:visited {
			    color: #fff;
			}
} 

/* =5.  Main
-------------------------------------------------------------- */
/*** Blog info ***/
div.info{
	color: #666;
	font-size:85%;
	margin: 0 0 10px;
	}
	.info ul {
		margin:0;
	}
	.post .info ul li{
		float: left;
		margin:0;
		list-style: none !important
	}
	
/*** Contents ***/
a.more-link{
	font-size:85%;
	padding:2px 20px 5px 10px;
	text-align:right;
	text-decoration:none;
	margin-left:480px;
	display:block;
	}
	
/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{margin: 0 auto 30px auto;overflow:auto;}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#222;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #999
			}			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		}

/* =6. Post Entry
-------------------------------------------------------------- */
.post p{margin-bottom:10px;}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-style:italic;
	}
	.post blockquote p{margin:0;}
	.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
	.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style-type: disc;
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}

/* =widget
-------------------------------------------------------------- */

/* =iPad
-------------------------------------------------------------- */
@media screen and (max-width: 1024px){
	#contents,
	#contents #main .section,
	#contents #main .sectionInner,
	#footerInner,
	#headerInner,.pageRoot {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
	.mainVisual {
		    width: auto;
	}
	.sectionWrap,
	.sectionWrap02 {
	    width: auto;
	    margin: 0 auto;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	#header .logoArea {
	    font-size: 11px;
	}
	.footerInner {
	    width: 100%!important;
	    margin: 0 auto;
	}
		.footerInner .col-md-3 {
		    padding: 0 5px;
		}
	.gutter-10 {
	    margin-left: 0;
	    margin-right: 0;
	}
	.row {
	    margin-right: 0;
	    margin-left: 0;
	}
}

/* =スマホ
-------------------------------------------------------------- */
@media screen and (max-width: 767px){
	.pc {display:none!important;}
	.sPhone { display: block;}
	img {
		max-width: 100%;
	}
#page {
    padding-top: 60px;
}
body {
    position: relative!important;
    left: 0!important;
    font-size: 14px;
    font-size: 1.4rem;
}
	#header {
	    position: fixed;
	    top: 0;
	    display: block;
	    width:100%;
	    height: 60px;
	    background-color: #fff;
	}
	#main,
	#sidebar {
		display: block;
	}
	#contents #main .section,
	#contents #main .sectionInner,
	#footerInner,#footerInner .copy,
	#headerInner,.pageRoot {
		margin: 0 auto;
		width: 100%;
	}
	#contents #main .sectionInner p {
		margin-bottom: 10px;
		margin-left: 0!important;
	}
	select, textarea,input:not([type]), input[type="color"],
	input[type="email"], input[type="number"],
	input[type="password"], input[type="tel"],
	input[type="url"], input[type="text"] {
		padding: 3px 0px;
		max-width: 280px;
	}
	.sectionWrap02{
	    display: block;
	    margin: 0 auto;
	    width: auto;
	}
	.wraptable .imgArea, .wraptable .txtArea {
	  display: block;
	}
	.wraptable .imgArea {
	  margin-bottom: 20px;
	  text-align: center;
	}
		ul#footNav, #footerInner .copy {
		  display: block;
		  float: none;
		}
}
/* =Pages
-------------------------------------------------------------- */


/* INDEX
------------------------------------------------*/
h2.title {
    margin-top: 20px;
    margin-bottom: 28px;
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 0.1em;
}
h2.title.osw {
    margin-bottom: 50px;
    position: relative;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-align: center;
}
	h2.title.osw span {
	    letter-spacing: 0.1em;
	    font-weight: 500;
	    font-size: 15px;
	    font-size: 1.5rem;
	}
.bd {
    padding-bottom: 10px;
    border-bottom: solid 1px #444444;
}
#main h3 {
    font-size: 28px;
    font-size: 2.8rem;
}
#main h3.osw {
    margin-bottom: 30px;
    font-weight: 700;
}

.newsArea article {
    padding: 15px;
    width: 33.3%;
}
.newsWrap .articleWrap .imgArea {
    height: 250px;
    overflow: hidden;
    text-align: center;
}
	.newsArea article img {
	    width: auto;
	    max-width: 100%;
	    max-height: 100%;
	}
	.newsArea article time, .newsArea article p, .newsArea article .catArea {
	    vertical-align: middle;
	}
	.newsArea article time {
	    display: inline-block;
	    padding-right: 5px;
	    color: #444444;
	    font-size: 11px;
	}
	.newsArea article .catArea {
	    display: inline-block;
	    font-size: 10px;
	}
	.newsArea article p {
	    text-align: left;
	}
.newsArea p.alignR {
    margin-top: 5px;
}
.blogIcon {
    display: inline-block;
    margin-right: 5px;
    padding: 0 7px;
    height: 12px;
    line-height: 12px;
    background-color: #444444;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
}
span.blogIcon.cat_topics {
    display: none;
}
.newIcon {
    display: inline-block;
    color: #444444;
    font-size: 11px;
    font-weight: normal;
    margin-right: 5px;
}

@media screen and (max-width: 768px){
	.newsArea article {
	    padding: 15px;
	    width: 100%;
	}
}


/* Archives
------------------------------------------------ */
.btn {
    text-align: center;
}
.btn a {
    color: #fff;
    display: inline-block;
    background-color: rgba(207,6,12,1.0);
    border-radius: 5px;
    margin: 20px auto;
    padding: 5px 20px;
}
.wp-pagenavi {
    clear: both;
    text-align: center;
}
/* 共通
------------------------------------------------------------------------- */
.bg01 {
    background-color: #f7f7f7;
}
.linkBtn {
    margin: 30px auto;
    text-align: center;
}
	.post .linkBtn a,
	.linkBtn a {
	    color: #fff;
	    display: inline-block;
	    padding: 5px 0;
	    width: 50%;
	    background-color: #000;
	    letter-spacing: 0.2em;
	    font-size: 15px;
	    font-weight: 700;
	}
	.linkBtn a:hover {
	    background-color: rgba(0,0,0,0.6);
	    text-decoration: none;
	}
	.post .linkBtn a:visited,
	.linkBtn a:visited {
	    color: #fff;
	}

	.post .linkBtn.btn_wh a,
	.linkBtn.btn_wh a {
	    color: #000;
	    border: solid 1px #000;
	    background-color: #fff;
	}
	.linkBtn.btn_wh a:hover {
	    color: rgba(0,0,0,0.6);
	    background-color: rgba(255,255,255,0.6);
	}
	.post .linkBtn.btn_wh a:visited,
	.linkBtn.btn_wh a:visited {
	    color: #000;
	}
@media screen and (max-width: 768px){
	.linkBtn a {
	    width: 80%;
	}
}

/* pages: 
------------------------------------------------ */
.salonData.first {
    margin: 0 auto;
    width: 1024px;
    max-width: 100%;
}
.menuBlock h3,
.salonData h3 {
    margin-top: 50px;
    margin-bottom: 30px;
}
.menuBlock {
    background-color: #000;
}
.menuBlock .txtArea {
    background-color: rgba(255,255,255,0.8);
}
.menuBlock h2 {
    color: #fff;
}
@media screen and (max-width: 768px){
	.menuBlock {
	    padding: 10px 0;
	}
	.menuBlock .pt50.pb20 {
	    padding-top: 10px;
	}
	.menuBlock h3, .salonData h3 {
	    margin-top: 20px;
	    margin-bottom: 30px;
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 2.2rem!important;
	}
}

/* pages: 一覧
------------------------------------------------ */
.articleBox article {
    margin-bottom: 20px;
}
.articleBox article .box{
    padding: 15px;
}
	.articleBox article .imgArea {
	    width: 20%;
	    overflow: hidden;
	}
		.articleBox article .imgArea img {
		    max-width: 100%;
		}
	.articleBox .txtArea {
	    padding: 15px;
	    vertical-align: top;
	}
	.articleBox article h3 {
	    margin: 15px auto;
	    font-size: 18px;
	    font-weight: bold;
	}

.permalink a {
    font-size: 16px;
    color: #007cb5;
}
.category-work .imgArea {
    margin-bottom: 10px;
}
@media screen and (max-width: 767px){
	.articleBox article {
	    float: none;
	    width: 100%;
	}
	.articleBox article .imgArea {
	    width: 100%;
	    overflow: hidden;
	}
	.articleBox article .box {
	    padding: 15px 0;
	}
}

/* pages: 詳細
------------------------------------------------ */

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

/* pages: 検索結果
------------------------------------------------ */
.searchResult article {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #ccc;
}
.searchResult article .btnArea.btn02 {
    text-align: right;
}
.searchResult article h3 {
    margin: 10px 0;
    font-size: 20px;
}

/* Slider
------------------------------------------------ */
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.wideslider .pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.wideslider .pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.wideslider .pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/* 下層
--------------------------------------------------------------- */
.pageTitle {
    padding: 10px 0;
    background-color: #000;
    color: #fff;
}
	.pageTitle h2.osw.title {
	    margin: 0;
	    line-height: 100%;
	}

/* 初めての方へ
------------------------------------------------- */
.three_point {
    width: 33.3%;
}
	#main .three_point h3 {
	    text-align: center;
	    font-size: 18px;
	    font-size: 1.8rem;
	    padding: 20px 0;
	}
	#main .three_point .txtArea {
	    padding: 0 10px;
	}
.first_flow .flexwrap .flowBox {
    width: 33.3%;
    position: relative;
}
	.first_flow .flexwrap .flowBox .imgArea {
	    width: 100%;
	    min-height: 314px;
	    overflow: hidden;
	}
	.first_flow .flexwrap .flowBox .txtArea {
	    position: absolute;
	    top: 50%;
	    left: 5%;
	    padding: 10px;
	    width: 90%;
	    height: 45%;
	    line-height: 140%;
	    background-color: rgba(255,255,255,0.8);
	    text-align: center;
	}
		#main .first_flow .flexwrap .flowBox .txtArea h3 {
		    margin-bottom: 10px;
		    font-size: 22px;
		    font-weight: 900;
		}
@media screen and (max-width: 768px){
	.three_point {
	    width: 100%;
	}
}
#main .promise h3 {
    margin: 30px auto;
    font-size: 24px;
    font-size: 2.4rem;
}
#main .reason .txtArea h3 {
    margin: 0 auto 20px auto;
    font-size: 24px;
    font-size: 2.4rem;
}
@media screen and (max-width: 768px){
	#main .reason .txtArea h3,
	#main .promise h3 {
	    font-size: 18px;
	    font-size: 1.8rem;
	}
	#main .reason .txtArea h3 {
	    margin-top: 20px;
	}
	.first_flow .flexwrap .flowBox {
	    width: 50%;
	}
}
@media screen and (max-width: 500px){
	.first_flow .flexwrap .flowBox {
	    width: 100%;
	}
}

/* ご予約・お問い合わせ
------------------------------------------------- */
.inquiry_Btn input[type="submit"] {
    border: solid 3px;
    background-color: #fff;
    font-weight: 700;
    letter-spacing: 0.15em;
    font-size: 18px;
    padding: 5px 15px;
}
	.inquiry_Btn input[type="submit"]:hover {
	    opacity: 0.6;
	}
@media screen and (max-width: 768px){
	 table.table.form th, table.table.form td {
	    display: block;
	    width: 100%;
	}
}

/* サロン紹介
------------------------------------------------- */
.saloninfo th {
    width: 250px;
    color: #444;
    font-size: 80%;
    font-weight: 500;
}
.saloninfo th span {
    font-weight: 900;
    font-size: 16px;
    color: #000;
    margin-right: 5px;
}
.salonConcept .flexwrap .imgArea {
    width: 25%;
    height: 200px;
    overflow: hidden;
}
	.salonConcept .flexwrap .imgArea img {
	    width: auto;
	    max-width: 200%;
	    min-height: 100%;
	}

@media screen and (max-width: 768px){
	.salonConcept .flexwrap .imgArea {
	    width: 50%;
	    height: 200px;
	    overflow: hidden;
	}
}


/* 一覧
--------------------------------------------------------------- */
.archive .flexwrap .articleBox {
    padding: 10px;
    width: 33.3%;
}
	.archive .flexwrap .articleBox .imgArea {
	    height: 200px;
	    background-color: #f7f7f7;
	    text-align: center;
	}
	.archive .flexwrap .articleBox .imgArea img {
	    max-height: 100%;
	    height: auto;
	    background-color: #efefef;
	}
.archive #main .flexwrap .articleBox .txtArea h3 {
    font-size: 18px;
    font-size: 1.8rem;
}
.post ul.catList li {
    display: inline-block;
    margin: 5px 0;
}
	.post ul.catList li a {
	    display: block;
	    padding: 2px 7px;
	    background-color: rgb(102, 102, 102);
	    border-radius: 8px;
	    color: #fff;
	    font-size: 12px;
	}
		.post ul.catList li a:hover {
		    background-color: rgba(102, 102, 102, 0.6);
		}

@media screen and (max-width: 768px){
	.archive .flexwrap .articleBox {
	    width: 50%;
	}
}
@media screen and (max-width: 500px){
	.archive .flexwrap .articleBox {
	    width: 100%;
	}
}

/* 詳細
--------------------------------------------------------------- */
.post .snsBlock ul li {
    float: left;
    margin: 20px auto;
    width: 33.3%;
    height: 40px;
    list-style-type: none;
    background-color: #ccc;
}
	.post .snsBlock ul li  img {
	    height: 40px;
	}
	.post .snsBlock ul li a {
	    display: block;
	}
	.post .snsBlock ul li.sns_fb a {
	    background-color: rgba(59, 87, 157,1.0);
	}
		.post .snsBlock ul li.sns_fb a:hover {
		    background-color: rgba(59, 87, 157,0.6);
		}
	.post .snsBlock ul li.sns_twi a {
	    background-color: rgba(0, 176, 240, 1.0);
	}
		.post .snsBlock ul li.sns_twi a:hover {
		    background-color: rgba(0, 176, 240, 0.6);
		}
	.post .snsBlock ul li.sns_line a {
	    background-color: rgba(0, 195, 0, 1.0);
	}
		.post .snsBlock ul li.sns_line a:hover {
		    background-color: rgba(0, 195, 0, 0.6);
		}
.post .info ul {
    margin-top: 0;
    display: inline-block;
}
#main.post article h2 {
    margin: 30px auto;
    font-size: 28px;
    font-weight: 700;
}
#main.post article h3 {
    margin: 30px auto 20px auto;
    font-size: 24px;
    font-weight: 700;
}
#main.post article h4 {
    margin: 30px auto 20px auto;
    font-size: 20px;
    font-weight: 700;
}
#main.post article h2.blogTitle {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: solid 1px;
}
#main.post .related_area h3,
#main.post .populer_area h3 {
    font-size: 20px;
}
#main.post .related_area p,
#main.post .populer_area p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 140%;
}
.post .related_area ul li,
.post .populer_area ul li {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    width: 20%;
    display: inline-block;
}
	.post .related_area ul li .imgArea,
	.post .populer_area ul li .imgArea {
	    margin-bottom: 10px;
	    text-align: center;
	    height: 100px;
	}
		.post .related_area ul li img,
		.post .populer_area ul li img {
		    max-height: 100px;
		    float: none;
		}
@media screen and (max-width: 768px){
	.post .related_area ul li,
	.post .populer_area ul li {
	    margin: 0;
	    padding: 5px;
	    width: 50%;
	}
}

/* スタッフ一覧
--------------------------------------------------------------- */
.archive #main .staffList .flexwrap .articleBox .imgArea {
    height: 300px;
    background-color: transparent;
}
.archive #main .flexwrap .articleBox .txtArea h3.osw {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
}
.archive #main .staffList .flexwrap .articleBox .txtArea h4 {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 100%;
}
.archive #main .staffList .flexwrap .articleBox .txtArea p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 140%;
}
.archive #main .staffList .flexwrap {
    justify-content: center;
}

/* スタッフ詳細ページ
--------------------------------------------------------------- */
#main.post.staffDetail article h3 small {
    font-weight: 700;
    color: #222;
}
	#main.post.staffDetail article h3 {
	    margin: 0 auto 20px auto;
	    font-size: 32px;
	    font-weight: 700;
	}
.post.staffDetail .flexwrap .txtArea {
    padding-left: 20px;
    width: 60%;
}
	.post.staffDetail .flexwrap .txtArea th {
	    width: 180px;
	    background-color: #efefef;
	}
.post.staffDetail .flexwrap .imgArea {
    width: 40%;
}
.haircatalog .flexwrap {
    justify-content: center;
}
	.post.staffDetail .haircatalog .flexwrap .imgArea {
	    width: 25%;
	    padding: 5px;
	}
@media screen and (max-width: 768px){
	.post.staffDetail .flexwrap .txtArea {
	    padding-left: 0;
	    width: 100%;
	}
	.post.staffDetail .flexwrap .imgArea {
	    width: 80%;
	    margin: 0 auto;
	}
	.post.staffDetail .flexwrap .txtArea table {
	    border-collapse: collapse;
	}
	.post.staffDetail .flexwrap .txtArea table th,
	.post.staffDetail .flexwrap .txtArea table td {
	    display: block;
	    width: 100%;
	}
}

/* メニュー
--------------------------------------------------------------- */
article.flexwrap.recommend_menuArea .menuWrap {
    margin-bottom: 40px;
}
#main article.flexwrap.recommend_menuArea .txtArea h3.osw {
    padding: 10px;
    background-color: #f5f5f5;
    font-size: 18px;
}
#main article.flexwrap.recommend_menuArea .txtArea h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
}
article.flexwrap.recommend_menuArea .txtArea p.price {
    margin-bottom: 10px;
    font-size: 14px;
}
article.flexwrap.recommend_menuArea .txtArea p {
    font-size: 14px;
    line-height: 160%;
}
article.flexwrap.recommend_menuArea {
    margin-bottom: 30px;
}
	article.flexwrap.recommend_menuArea .imgArea {
	    width: 45%;
	    padding-right: 20px;
	}
	article.flexwrap.recommend_menuArea .txtArea {
	    width: 55%;
	}
		article.flexwrap.recommend_menuArea .txtArea.noImage {
		    width: 100%;
		}
article.flexwrap.recommend02_menuArea {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
	article.flexwrap.recommend02_menuArea .imgArea {
	    width: 35%;
	    padding-right: 20px;
	}
	article.flexwrap.recommend02_menuArea .txtArea {
	    width: 65%;
	}
		article.flexwrap.recommend02_menuArea .txtArea.noImage {
		    width: 100%;
		}


@media screen and (max-width: 768px){
	article.flexwrap.recommend01_menuArea .imgArea {
	    width: 100%;
	    padding-right: 0px;
	    margin-bottom: 10px;
	}
	article.flexwrap.recommend01_menuArea .txtArea,
	article.flexwrap.recommend01_menuArea .txtArea.noImage {
	    width: 100%;
	}
}


/* FAQ
--------------------------------------------------------------- */
.post ul.faqCatList {
    margin-bottom: 50px;
    text-align: center;
}
	.post ul.faqCatList li {
	    display: inline-block;
	    margin-left: 5px;
	    margin-bottom: 5px;
	}
		.post ul.faqCatList li a:hover {
		    background-color: rgba(242, 242, 242,0.6);
		}
		.post ul.faqCatList li a {
		    display: block;
		    background-color: rgb(242, 242, 242);
		    padding: 5px;
		    border-radius: 5px;
		    font-size: 12px;
		    font-size: 1.2rem;
		}
			.post ul.faqCatList li.cat-item.current-cat a {
			    color: #666;
			    background-color: #fff7e9;
			}
#main .faqWrap .txtArea {
    margin-bottom: 30px;
}
	#main .faqWrap h3 {
	    padding: 5px 15px;
	    background-color: #333;
    	    border-radius: 5px;
	    color: #fff;
	    font-size: 20px;
	    font-size: 2.0rem;
	    font-weight: 700;
	}
	#main .faqWrap .txtArea h4 {
	    margin-bottom: 10px;
	    padding: 5px 15px;
	    background-color: #f5f5f5;
	    font-size: 16px;
	    font-size: 1.6rem;
	    font-weight: 700;
	}
	#main .faqWrap .txtArea h4:hover {
	    cursor: pointer;
	    background-color: #fff7e9;
	}
	#main .faqWrap .txtArea p {
	    padding: 0 15px;
	    font-size: 14px;
	    font-size: 1.4rem;
	    display: none;
	}


/* クーポン
--------------------------------------------------------------- */
.coupon .txtArea {
    width: 55%;
}
.coupon .imgArea {
    width: 45%;
}
.coupon .articleBox {
    margin-bottom: 50px;
}
#main .coupon .txtArea h3.osw.title {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 15px;
}
.post.coupon .txtArea ul {
    margin: 10px 0;
}

@media screen and (max-width: 768px){
	.coupon .imgArea  {
	    width: 100%;
	    padding-right: 0px;
	    margin-bottom: 10px;
	}
	.coupon .txtArea {
	    width: 100%;
	}
}


/* お客様の声
--------------------------------------------------------------- */
.coupon.voice .staffMessage {
    background-color: #eee;
    padding: 10px;
}
	#main .post.coupon.voice .txtArea .staffMessage h3 {
	    font-size: 18px;
	    font-size: 1.8rem;
	    font-weight: 700;
	    margin-bottom: 10px;
	}
	#main .post.coupon.voice .txtArea .staffMessage p {
	    font-size: 14px;
	    font-size: 1.4rem;
	    line-height: 140%;
	}
.coupon.voice table {
    width: 100%;
    border: solid 1px #ccc;
    border-collapse: collapse;
}
	.coupon.voice table th {
	    background-color: #efefef;
	    width: 200px;
	}
	.coupon.voice table th, .coupon.voice table td {
	    border: solid 1px #e3e3e3;
	    padding: 5px;
	    font-size: 14px;
	    font-size: 1.4rem;
	    line-height: 140%;
	}

.coupon.voice .txtArea {
    width: 70%;
}
.coupon.voice .imgArea {
    width: 30%;
}
@media screen and (max-width: 800px){
	.coupon.voice .imgArea  {
	    width: 100%;
	    padding-right: 0px;
	    margin-bottom: 10px;
	}
	.coupon.voice .txtArea {
	    width: 100%;
	}
}
@media screen and (max-width: 768px){
	.coupon.voice table,
	.coupon.voice table th, .coupon.voice table td {
	    display: block;
	    width: 100%;
	}
}


/* ネイル
--------------------------------------------------------------- */
.nailSingle .txtArea {
    width: 60%;
}
.nailSingle .imgArea {
    width: 40%;
}
	.nailSingle .imgArea .subImg li {
	    margin: 0 0 5px 0;
	    padding: 5px;
	    width: 25%;
	    height: 80px;
	    overflow: hidden;
	    list-style-type: none;
	}
		.nailSingle .imgArea .subImg li img {
		    min-height: 100%;
		    width: 100%;
		}
	.nailSingle .imgArea .mainImg {
	    min-height: 300px;
	    max-height: 500px;
	    height: auto;
	    overflow: hidden;
	}
ul.subImg.flexwrap {
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#main.post.nailSingle article h3 {
    margin-top: 0;
}

@media screen and (max-width: 768px){
	.nailSingle .txtArea {
	    width: 100%;
	}
	.nailSingle .imgArea {
	    width: 100%;
	}
}

/* スタイルブック
--------------------------------------------------------------- */
.post.styleSingle .related_area ul li {
    height: 130px;
    overflow: hidden;
}
	.post.styleSingle .related_area ul li img {
	    min-height: 100%;
	    height: auto;
	    float: none;
	    width: 100%;
	}
.post.styleSingle table.saloninfo {
    margin: 20px auto;
}
.post.styleSingle .saloninfo th {
    width: 100px;
    background-color: #f5f5f5;
}

#main.post.nailSingle.styleSingle article .stylistWrap.flexwrap {
    border: solid 1px #efefef;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
	.nailSingle .stylistWrap.flexwrap .imgArea {
	    width: 20%;
	    padding: 5px;
	    text-align: center;
	}
	.nailSingle .stylistWrap.flexwrap .txtArea {
	    width: 80%;
	    font-size: 13px;
	    line-height: 140%;
	}
		#main.post.nailSingle.styleSingle article h4 {
		    margin-top: 0;
		    font-size: 16px;
		    font-size: 1.6rem;
		}

/* 店販商品
--------------------------------------------------------------- */
.archive .productsItem .articleBox.flexwrap {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
	.archive .productsItem .articleBox.flexwrap .imgArea {
	    width: 40%;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.archive .productsItem .articleBox.flexwrap .txtArea {
	    width: 60%;
	    padding-top: 0;
	}
		.archive #main.productsItem .articleBox.flexwrap .txtArea h3 {
		    margin-top: 0;
		    margin-bottom: 10px;
		    font-size: 22px;
		}
		.archive #main.productsItem .articleBox.flexwrap .txtArea h3 span {
		    font-size: 14px;
		}
.archive #main.productsItem .articleBox.flexwrap .txtArea .staffTxt {
    border: solid 1px #e5e5e5;
    border-radius: 8px;
    padding: 5px;
    font-size: 14px;
    line-height: 140%;
}
	.archive #main.productsItem .articleBox.flexwrap .txtArea .staffTxt h4 {
	    margin-top: 0;
	    margin-bottom: 10px;
	    font-size: 16px;
	}

/* 採用情報
--------------------------------------------------------------- */
#main .recruit_head h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2.0rem;
    text-align: left;
}
.recruitWrap {
    margin-bottom: 30px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    border-radius: 8px;
    padding: 15px;
}

#main .recruitWrap h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2.0rem;
    text-align: left;
    background-color: #efefef;
    padding: 8px 5px;
    border-radius: 5px;
}
	.recruitWrap table {
	    margin: 30px auto;
	}
	.recruitWrap table th {
	    width: 150px;
	    background-color: #f5f5f5;
	}
	.recruitWrap table th,
	.recruitWrap table td {
	    font-size: 14px;
	    font-size: 1.4rem;
	}

@media screen and (max-width: 768px){
	.recruitWrap table th,
	.recruitWrap table td {
	    display: block;
	    width: 100%;
	}
}

/* エステ
--------------------------------------------------------------- */
#main .flow {
    margin-bottom: 30px;
}
#main .flow h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
    border-bottom: solid 1px;
    padding-bottom: 10px;
}
	#main .flow h3 span {
	    color: #fff;
	    display: inline-block;
	    background-color: #222;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    border-radius: 100%;
	    /* line-height: 100%; */
	    padding-top: 2px;
	    margin-right: 10px;
	    font-weight: 900;
	}
#main .este_price h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
    border-bottom: solid 1px;
    padding-bottom: 10px;
}
	#main .flow h3 span {
	    margin-left: 20px;
	}