@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');


html { margin:0; padding:0; overflow-x: hidden; }
body {
	background: #fff;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-style: normal;
	font-weight: 200;
	*font-size:small;
	color:#333333;
	font-size:14px;
	text-align:left;
	text-indent:0pt;
	letter-spacing:0px;
	line-height:1.8;
	margin:0;
	padding:0px;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
table {
    font-size:inherit;
    font:100%;
}
a:link { color: #1f7e1a; text-decoration: none;  }
a:visited { color: #1f7e1a; text-decoration: none; }
a:active { color: #1f7e1a; text-decoration: none; }
a:hover { color: #73c56e; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

h1,h2,h3  {
	font-weight:normal;
	margin:0;
}
ol, ul {
	list-style: none;
}
.typo60{ font-size:60% !important;}
.typo80{ font-size:80% !important;}
.typo80_red{ color:#ff0000; font-size:80%; }
.typo90{ font-size:90%; }
.typo110{ font-size:110%; }
.typo120{ font-size:120%; }
.typo130{ font-size:130%; }
.typo180{ font-size:180%; }

.typo_black{ color:#4d4d4d; }
.typo_white{ color:white; }
.typo_blown{ color:#a0805c; }
.typo_jp{ font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif !important;}

.white_bg{background-color:#fff !important;}

.pc{ display:none; }
.phone{ display:block; }

.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot15 {margin-bottom:15px !important;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}

.margbot-20 {margin-bottom:-20px !important;}
.margbot-25 {margin-bottom:-25px !important;}
.margbot-30 {margin-bottom:-30px !important;}
.margbot-40 {margin-bottom:-40px !important;}

.margtop15 {margin-top:15px !important;}
.margtop30 {margin-top:30px !important;}
.margtop50 {margin-top:50px !important;}
.margtop80 {margin-top:80px !important;}

.margtop-20 {margin-top:-20px !important;}
.margtop-25 {margin-top:-25px !important;}
.margtop-30 {margin-top:-30px !important;}
.margtop-40 {margin-top:-40px !important;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padtop10 {padding-top:10px !important;}
.padtop20 {padding-top:20px !important;}
.padtop30 {padding-top:30px !important;}
.padtop40 {padding-top:40px !important;}
.padtop50 {padding-top:50px !important;}

.border_radius20 {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.border_radius10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.border_radius5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.center{ text-align:center !important;}
.left{ text-align:left !important;}

.bg_varge{
	background: url("../images/staff/staff_base.jpg") top left repeat;
	padding:20px;
	border-bottom:1px solid #fff;
}

/* __________ Bootstrap Style __________ */
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
	.col-ss-12 {width: 100%;}
	.col-ss-11 {width: 91.66666666666666%;}
	.col-ss-10 {width: 83.33333333333334%;}
	.col-ss-9 {width: 75%;}
	.col-ss-8 {width: 66.66666666666666%;}
	.col-ss-7 {width: 58.333333333333336%;}
	.col-ss-6 {width: 50%;}
	.col-ss-5 {width: 41.66666666666667%;}
	.col-ss-4 {width: 33.33333333333333%; padding:0px;}
	.col-ss-3 {width: 25%;}
	.col-ss-2 {width: 16.666666666666664%;}
	.col-ss-1 {width: 8.333333333333332%;}
	.col-xs-4 { padding:5px; }
/*	clearfix
------------------------------------------------------------*/
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100%;
	height:auto;
	box-shadow: 0 0 0 rgba(0,0,0,0.12), 0 0 0 rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	border:6px solid rgba(255,255,255,0);
}
/*-- opacity --*/
a:hover img,
a:focus img {
	border-radius:10px;
	opacity: 0.8;
	filter: alpha(oapcity=80);
	box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
	border:6px solid rgba(255,255,255,1);
	transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
#scrollUp {
	background: url("../images/common/pagetop.png") top left no-repeat;
	width:45px;
	height:45px;
	bottom: 10px;
	right: 0px;
}

a.btn_c0{
	border-radius: 6px;
	background-color:#fff;
	color:#333;
	font-size:135%;
	padding:15px 13px;
	margin:0;
	display:block;
	text-align:center;
	font-weight:400;
	font-family:'Playfair Display SC', serif;
}
a.btn_c{
	border-radius: 6px;
	border:1px solid #aaaaaa;
	color:#333;
	font-size:135%;
	padding:15px 13px;
	margin:0;
	display:block;
	text-align:center;
	font-weight:400;
	font-family:'Playfair Display SC', serif;
}
a.btn_r{
	border-radius: 6px;
	border:1px solid #777;
	background-color:#fff;
	color:#333;
	font-size:155%;
	font-weight:bold;
	padding:15px 13px;
	margin:0;
	display:block;
	text-align:right;
	font-weight:400;
}
a.btn_c_min{
	border-radius: 6px;
	margin:0 auto;
	background-color:#fff;
	color:#333;
	font-size:135%;
	font-weight:bold;
	padding:15px 13px;
	display:block;
	text-align:center;
	width:50%;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);
	font-weight:400;
}
a.btn_entry{
	width:100%;
	background-color:#ed6a1f;
	color:#fff;
	font-size:160%;
	padding:20px 15px;
	margin:0;
	display:block;
	text-align:center;
	font-weight:bold;
}
a.btn_entry:hover{ background-color:#f1a981; }

a.btn_r:hover,
a.btn_c0:hover,
a.btn_c:hover,
a.btn_style:hover{
	background-color:#f4e6d4;
	border:1px solid #f4e6d4;
}
a.btn_c_min:hover{
	background-color:#f4e6d4;
}
.sns_btn{
	margin:0 auto;
	margin-top:25px;
}
.sns_btn_in{
	width:460px;
	margin:0 auto;
	margin-top:25px;
}
.sns_btn_l{
	padding:0;
	float:right;
}
.sns_btn img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100%;
	height:auto;
	box-shadow: none;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	border:0px solid rgba(255,255,255,0);
}
/*-- opacity --*/
.sns_btn a:hover img,
.sns_btn a:focus img {
	border-radius:0px;
	opacity: 1;
	filter: alpha(oapcity=100);
	box-shadow: none;
	border:0px solid rgba(255,255,255,1);
	transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
}
/* __________ SNSボタン __________ */

a.fb-share{
	width:18%;
	float:left;
	padding:10px;
	margin:0 5px 5px 0;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height:1.2;
	font-weight:bold;
	border-radius:3px;
	background-color:#305097;
}
a.twitter-tweet{
	width:18%;
	float:left;
	padding:10px;
	margin:0 5px 5px 0;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height:1.2;
	font-weight:bold;
	border-radius:3px;
	background-color:#55acee;
}
a.hatenabtn2{
	width:18%;
	float:left;
	margin:0 5px 5px 0;
	padding:10px;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height:1.2;
	font-weight:bold;
	border-radius:3px;
	background-color:#00a5de;
}
a.gplusbtn{
	width:18%;
	float:left;
	padding:10px;
	margin:0 5px 5px 0;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height:1.2;
	font-weight:bold;
	border-radius:3px;
	background-color:#dd4b39;
}
a.line_btn{
	width:18%;
	float:left;
	padding:10px;
	margin:0 0px 5px 0;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:13px;
	line-height:1.2;
	font-weight:bold;
	border-radius:3px;
	background-color:#1dcd00;
}
a.fb-share:hover,
a.twitter-tweet:hover,
a.hatenabtn2:hover,
a.gplusbtn:hover,
a.line_btn:hover{opacity:0.5;}

.shop_social {
	margin:0 auto;
	margin-top:10px;
	padding-right:30px;
}
.social_top li {
	display:inline-block;
}
.social_top li a {
	border-radius:5px;
	display:block;
	width:30px;
	height:30px;
	padding-top:3px;
	background-color:#40220f;
	text-align:center;
	line-height:28px;
	font-size:16px;
	color:#fff;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.social_top li a:link,
.social_top li a:visited,
.social_top li a:active { color:#fff; }
.social_top li a:hover { color:#fff; background-color:#7a4828; }

.blog_pan{
	margin-top:20px;
	margin-top:10px;
	padding:0;
	text-align: center;
	color:#666666;
	font-size:100%;
	letter-spacing:0em;
}
.blog_pan a{ padding:6px 15px; margin-left:10px; text-align:center; font-weight:bold; color:#fff; }

.blog_pan a:link { background-color:#4c2209; color:#fff; border-radius:6px; text-decoration: none; }
.blog_pan a:visited { background-color: #4c2209; text-decoration: none; }
.blog_pan a:active { background-color: #4c2209; text-decoration: none; }
.blog_pan a:hover { background-color: #a6643e; text-decoration: none; }

/* ページ番号リンク */
.pagenation	{ margin:20px auto; overflow: hidden}
.pagenum	{text-align: center}

.pagenum a,
.pagenum span{ padding: 6px 8px; color: #fff}

.pagenum a	{background-color: #b0a099}

.pagenum span	{background-color: #8b7f79}

.hatena{ margin-top:1px; }
.twitter-share-button{ width: 95px!important; margin-top:0px; }

.hatena2{ margin-top:1px; }
.tweet2{ margin-top:0px; }
.fb-like{ width:115px!important; }
.line_btn{ display:block; }

.pan_list{ text-align:left; }

/* __________ Clean Code __________ */
.cleancode_block .tab-content {
	overflow:hidden;
	padding: 0;
	margin:0;
}
.cleancode_block span {
	font-weight:300;
	line-height:1.6;
	color:#000000;
}
.cleancode_block .tab-pane {
	display:block;
	height:0;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.cleancode_block .tab-pane.active {
	height:auto;
	transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
}

.ie .cleancode_block .tab-pane {display:none;}
.ie .cleancode_block .tab-pane.active {display:block;}


.cleancode_block .nav-tabs {
	margin:0 ;
	border:0;
}
.cleancode_block .nav-tabs li {
	margin:0;
	padding:0 ;
}
.cleancode_block .nav-tabs li a {
	background-color:transparent;
	margin:0;
	padding:0;
	text-align:center;
	border:0 !important;
	border-radius:0;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
.cleancode_block .nav-tabs li a i {
	display:block;
	margin:0 auto;
	transition: transform 0.2s ease-in-out; 
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
}
.nav-tabs li a:hover,
.nav-tabs li a:focus {
	background-color:transparent;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background-color:#bfeef4;
	color:#21909d;
}

a.i6 img{ width:100px; height:auto; }

.cleancode_block .nav-tabs li a span {
	display:block;
	opacity:0;
	transform:translateY(-30px);
	-o-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	-webkit-transform:translateY(-30px);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.nav-tabs li.active a span {
	opacity:1;
	transform:translateY(-6px);
	-o-transform:translateY(-6px);
	-ms-transform:translateY(-6px);
	-webkit-transform:translateY(-6px);
}
	.cleancode_block p.title {font-size:26px; line-height:26px;}
	.cleancode_block .nav-tabs {width:290px;}
	.cleancode_block .nav-tabs li {padding:0;}
	.cleancode_block .nav-tabs li a {width:96px; height:96px;}

/*-------------------------------------------------
  基本設定
-------------------------------------------------*/
#wrapper{
	width:100%;
	margin:0;
	padding:0px;
}
/*-------------------------------------------------
  head
-------------------------------------------------*/
.fixed {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#head2{
	background-color: #40220f;
	width:100%;
}
#head{
	background-color: white;
	width:100%;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
.head_in{
	margin:0 auto;
	max-width:1024px;
	padding:0px;
	text-align:center;
}
.head_logo{
	margin:2px;
	text-align:left;
}
.head_logo img{ width:80px; height:auto; }

.g_nav {
	margin:0 auto;
	box-sizing: border-box;
	display:none;
}
.g_nav * {
	transition: .15s linear;
	-webkit-transition: .15s linear;
	-moz-transition: .15s linear;
	-o-transition: .15s linear;
	-ms-transition: .15s linear;
}
.g_nav ul, ol {padding:0; margin:0;}
.g_nav li {padding:0; margin:0; list-style:none;}

.g_nav ul li {
	position: relative;
	margin:0;
	width: 13.8%;
	float: left;
}
.g_nav ul li a {
	display: block;
	background-color: #fff;
	font-size:16px;
	color:#000000;
	text-align: center;
	text-decoration: none;
	padding:10px 20px;
	font-family:'Playfair Display SC', serif;
}
.g_nav ul li:hover a {
	background-color: #f7f4e5;
}

.g_nav ul li.in_nav2 a { background-color: #40220f; color:#fff; }
.g_nav ul li.in_nav2:hover a { 	background-color: #000000; }


.g_nav ul li ul {
	position: absolute;
	top: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	z-index:9999;
}
.g_nav ul li:hover ul {
	visibility: visible;
	opacity: 100;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
}
.g_nav ul li ul li {
	float: none;
	width: 100%;
}
.g_nav ul li ul li a {
	display: block;
	border-bottom:1px solid #777777;
	margin-top: 0px;
	font-size:14px;
	line-height:1.4;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
.g_nav ul li:hover ul li a {
	background-color: #40220f;
	color: #fff;
}
.g_nav ul li:hover ul li a:hover {
	background-color: #333333;
	color: #fff;
}

/*-- toggle_navi --*/

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }


.button-toggle {
	position:absolute;
	top:3px;
	right:3px;
	width: 45px;
	height: 45px;
	color: #555;
	font-size: 35px;
	line-height: 35px;
	padding-top:3px;
	cursor:pointer;
	z-index:9999;
}
.togglemenu {
	position: relative;
	margin-top: 60px;
	width: 100%;
	background: #40220f;
	color: #fff;
	overflow: hidden;
	z-index:9999;
}
.togglemenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.togglemenu li {
	position: relative;
}
.togglemenu a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 15px 0;
	border-bottom: 1px solid #835539;
	line-height: 1.5;
	font-size: 16px;
	text-align:center;
}
.togglemenu a:hover {
	background: #835539;
}
/*-------------------------------------------------
  footer
-------------------------------------------------*/
.foot_line{
	width:100%;
	margin:0;
}
/*-------------------------------------------------
  footer
-------------------------------------------------*/
#pgFT{
	background: #fff;
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.foot_in{
	padding:10px 0;
}
.ft_nav{
	padding-top:20px;
	font-size:100%;
	line-height:1.2;
	text-align:center;
	display:none;
}
.ft_nav a:link { color: #8d6332; text-decoration: none; }
.ft_nav a:visited { color: #8d6332; text-decoration: none; }
.ft_nav a:hover { color: #e0bfa0; text-decoration: none; }
.ft_nav a:active { color: #8d6332; text-decoration: none; }

.ft_name{
	margin-top:20px;
	margin-bottom:20px;
	font-size:130%;
	line-height:1;
	text-align:center;
}
.ft_name img{ width:120px; height:auto; }

.ft_adress{
	margin: 0 auto;
}
.ft_tel{
	margin-top:8px;
	font-size:140%;
	font-weight:100;
}
.c_right{
	font-size:85%;
	margin:0;
}
.foot_btn{
	position:fixed;
	bottom:0;
	right:0;
	width:100%;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:4px;
	text-align:center;
	z-index:9999;
}
.foot_btn img{ max-width:50%; height:auto; margin-right:10px; }


.top_device_btnfix{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:999;
}
a.t_btn_devicefix{
    background: -webkit-linear-gradient( 0deg, #7b582f, #523c22) ;
    background: -o-linear-gradient( 0deg, #7b582f, #523c22) ;
    background: -moz-linear-gradient( 0deg, #7b582f, #523c22) ;
    background: linear-gradient( 0deg, #7b582f, #523c22) ;
	margin:0;
	background-color:#;
	color:#fff;
	text-shadow: 2px 2px 2px #333333;
	font-size:16px;
	display:block;
	float:left;
	border-right:1px solid #fff;
	padding:15px 10px;
	width:50%;
	text-align:center;
	font-weight:bold;
}
a.t_btn_devicefix:hover{
    background: -webkit-linear-gradient( 0deg, #7b582f, #a28461) ;
    background: -o-linear-gradient( 0deg, #7b582f, #a28461) ;
    background: -moz-linear-gradient( 0deg, #7b582f, #a28461) ;
    background: linear-gradient( 0deg, #7b582f, #a28461) ;
}
.in_main_tit{
	font-size:160%;
	line-height:1;
	color:#333333;
	padding-bottom:15px;
	font-family:'Playfair Display SC', serif;
	font-weight:700;
}
.in_main_tit img{ width:100px; height:auto; }

.in_main_jp{
	font-size:18px;
	line-height:1;
	font-weight:bold;
	letter-spacing:2px;
}
/*-------------------------------------------------
  TOP
-------------------------------------------------*/
.main_flower{
	width:100%;
	position:relative;
	margin:0;
}
.main_png{
	width:100%;
	height:auto;
}
.top_base{
	position:relative;
	width:100%;
	text-align:center;
}
.top_base img{ margin:0 auto; width:100%; max-width:1240px; }
.top_salon_tit{
	background-color:#A28977;
	width:100%;
	padding:12px 10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:160%;
	font-family:'Playfair Display SC', serif;
}
.top_salon_name{
	margin:0 auto;
	padding-top:0px;
	text-align:center;
	color:#5F4C3F;
	font-size:130%;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.top_salon_ad{
	margin:0 auto;
	padding-top:5px;
	text-align:center;
	color:#5F4C3F;
	font-size:100%;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.top_salon_tel{
	margin:0 auto;
	text-align:center;
	color:#5F4C3F;
	font-size:120%;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.main_btn{
	position:absolute;
	top:90px;
	left: 10px;
	margin:auto;
	z-index:110;
}
.main_btn img{
	width:200px;
	height:auto;
}
.main_typo{
	width:300px;
	height:auto;
}
#top_concept_bg{
	position:relative;
	background-image:url(../images/top/concept_bg.jpg);
	background-size:cover;
	background-position: top center;
	width:100%;
}
.top_concept_contenar{
	position:relative;
	margin:0 auto;
	margin-top:0px;
	width:100%;
	max-width:1024px;
	padding:20px 0;
	z-index:100;
}
.top_blog_bg{
	width:100%;
	text-align:center;
	padding:40px 0;
}
.top_gallery_bg{
	width:100%;
	text-align:center;
	padding:20px 0;
}
.top_cancept_tit{
	margin:15px auto;
	text-align:center;
}
.top_cancept_tit img{ width:120px; height:auto; }

.top_concept_typo{
	margin:15px auto;
	width:95%;
	font-size:90%;
	line-height:2;
	text-align:left;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color:#5F4C3F;
}
.top_blog_tit{
	margin:0 auto;
	font-size:95%;
	line-height:1.2;
	padding-bottom:10px;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	text-align:left;
}
.top_blog_tit a:link{ color: #5F4C3F; text-decoration: none; }
.top_blog_tit a:visited{ color: #5F4C3F; text-decoration: none; }
.top_blog_tit a:hover{ color: #A28977; text-decoration: underline; }
.top_blog_tit a:active{ color: #5F4C3F; text-decoration: none; }
.top_blog_day{
	margin:0 auto;
	margin-top:5px;
	font-size:90%;
	color:#A28977;
	text-align:left;
}
.top_recruit_bunner{ width:100%; max-width:400px; border:8px solid #fff; border-radius:6px; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); }
/*-------------------------------------------------
  Inner MAIN
-------------------------------------------------*/
#container{
	position:relative;
	margin:0 auto;
	width:100%;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-style: normal;
	font-weight: 200;
}
.kids_bg{ background: url("../images/lp/kids_bg.jpg") top center repeat; }
.yukata_bg{ background: url("../images/lp/yukata_bg.jpg") top center repeat; }
.kansha_bg{ background-color:#fff3d8; }
.bg_white{ background-color:white; }

.bg_pattern2{ background: url("../images/salon/salon_copy_bg.jpg") top center repeat; }
.bg_pattern3{ 
	background-image:url(../images/salon/hair_bg.jpg);
	background-size:cover;
	background-position: bottom center;
	width:100%;
}
.in_main{
	margin-top:0px;
	position:relative;
	width:100%;
	height:auto;
}
.in_container{
	margin:0 auto;
	padding:10px 10px;
	max-width:1004px;
}
.in_container860{
	margin:0 auto;
	padding:10px 20px;
	max-width:880px;
}
.in_container640{
	margin:0 auto;
	padding:10px 0px;
	max-width:640px;
}
.page_tit{
	margin:0px auto;
	padding-bottom:30px;
	font-size:180%;
	line-height:1;
	text-align:center;
	letter-spacing:1px;
	font-family:'Playfair Display SC', serif;
	color:#221714;
}
.page_tit_jp{
	margin:0px auto;
	padding-bottom:10px;
	font-size:170%;
	line-height:1;
	text-align:center;
	letter-spacing:1px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color:#221714;
}
.page_tit_cap{
	padding-top:10px;
	font-size:50%;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
.menu_tb_line{ margin:6px auto; text-align:center; }

.page_stit{
	width:96%;
	margin:20px auto;
	margin-top:0px;
	font-size:135%;
	line-height:1.4;
	letter-spacing:0px;
	color:#6a5b54;
	font-weight:bold;
	text-align:center;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.page_stit_en{
	width:96%;
	margin:20px auto;
	margin-top:0px;
	margin-bottom:10px;
	font-size:165%;
	line-height:1.4;
	font-weight:400;
	letter-spacing:0px;
	color:#6a5b54;
	text-align:center;
	font-family: 'Playfair Display SC', serif;
}
.page_stit_spa{
	background-color:rgba(255,255,255,0.5);
	border:1px solid #7db8bc;
	width:100%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:-10px;
	padding:10px;
	font-size:135%;
	line-height:1.4;
	font-weight:100;
	letter-spacing:0px;
	color:#28979e;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.page_typo{
	width:96%;
	margin:20px auto;
	padding:0 10px;
	padding-bottom:0px;
	font-size:110%;
	line-height:1.5;
	color:#6a5b54;
	text-align:center;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
.page_typo_salon{
	width:96%;
	margin:0px auto;
	padding-bottom:30px;
	font-size:110%;
	line-height:1.5;
	color:#4d4d4d;
	text-align:left;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
.camp_typo{
	width:96%;
	margin:20px auto;
	padding:0 10px;
	padding-bottom:0px;
	font-size:130%;
	line-height:1.5;
	color:#e74678;
	text-align:center;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	letter-spacing:0px;
}
.tit_png{
	margin:10px auto;
	text-align:center;
}
.tit_png img{ width:280px; height:auto; }

.google_callender{ margin-top:-15px; }

.first_block{
	background-color:rgba(255,255,255,0.7);
	border-radius:10px;
	text-align:center;
	padding:15px;
	margin-bottom:0px;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
}
.first_tit{
	margin:10px auto;
	font-size:120%;
	line-height:1.5;
	color:#b72727;
	font-weight:bold;
}
.first_typo{
	margin:10px auto;
	font-size:110%;
	line-height:1.6;
	color:#4d4d4d;
	text-align:left;
}

/*-------------------------------------------------
  ITEMS
-------------------------------------------------*/
.item_stit1{
	font-size:125%;
	line-height:1.5;
	color:#198c9d;
	text-align:left;
	font-weight:bold;
	padding:15px 0;
	border-top:double 3px #54bbca;
	border-bottom:solid 2px #54bbca;
}
.item_stit2{
	font-size:125%;
	line-height:1.5;
	color:#a7923a;
	text-align:left;
	font-weight:bold;
	padding:15px 0;
	border-top:double 3px #cfbd73;
	border-bottom:solid 2px #cfbd73;
}
.item_stit3{
	font-size:125%;
	line-height:1.5;
	color:#1e8f69;
	text-align:left;
	font-weight:bold;
	padding:15px 0;
	border-top:double 3px #1e8f69;
	border-bottom:solid 2px #1e8f69;
}
.item_typo1{
	font-size:100%;
	line-height:1.6;
	color:#37acb5;
	text-align:left;
}
.item_typo2{
	font-size:100%;
	line-height:1.6;
	color:#8a7a1e;
	text-align:left;
}
.item_typo3{
	font-size:100%;
	line-height:1.6;
	color:#1e8f69;
	text-align:left;
}
/*-------------------------------------------------
  SALON
-------------------------------------------------*/
.salon_main_container{
	position:relative;
	background-color: #faf4ea;
	margin:0 auto;
	padding:20px 0;
	width:100%;
	text-align:center;
}
.salon_main_container_in{
	position:relative;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width:100%;
	padding-bottom:5px;
}
.main_photo{ width:100%; max-width:1024px; height:auto; }

.salon_main_container_tit{
	position:absolute;
	top:45px;
	bottom:0;
	left:auto;
	right:20px;
	font-size:160%;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 3px #333333;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.salon_main_container_tit img{ width:200px; }



.salon_tel{
	margin:10px auto;
	font-size:160%;
	text-align:center;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-weight:bold;
	color:#231815;
}
.salon_tel a:link { color:#231815; text-decoration: none; }
.salon_tel a:visited { color:#231815; text-decoration: none; }
.salon_tel a:hover { color:#231815; text-decoration: underline; }
.salon_tel a:active { color:#231815; text-decoration: none; }

.salon_icon{
	background-color:#231815;
	color:#fff;
	font-size:200%;
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align:center;
	line-height: 10px;
	padding-top:16px;
}
.salon_icon a:link { color:#fff; text-decoration: none; }
.salon_icon a:visited { color:#fff; text-decoration: none; }
.salon_icon a:hover { color:#fff; text-decoration: none; }
.salon_icon a:active { color:#fff; text-decoration: none; }

.salon_logo{ width:160px; margin-bottom:-10px; }


/*-------------------------------------------------
  MENU
-------------------------------------------------*/
table.menu_tb{
	border-top:2px solid #333;
	margin:0 auto;
	margin-bottom:30px;
	padding-top:8px;
	padding-bottom:15px;
	width:100%;
	line-height:1.4;
	font-size:95%;
	border-collapse:collapse;
}
table.menu_tb tr { border-bottom:1px dotted #aaaaaa; }

table.menu_tb th {
	width:70%;
	padding:8px 5px;
	text-align:left;
	font-weight:normal;
}
table.menu_tb th.th_tit {
	background-color:rgba(255,255,255,0.4);
	text-align:center;
}
table.menu_tb td {
	width:30%;
	padding:8px 5px;
	text-align:right;
}
table.menu_tb td.menu_td1{ background-color:#85a5cf; color:#fff; text-align:center; white-space:nowrap; }
table.menu_tb td.menu_td2{ background-color:#cb2822; color:#fff; text-align:center; white-space:nowrap; }
table.menu_tb td.menu_td3{ background-color:#e99512; color:#fff; text-align:center; white-space:nowrap; }

.menu_tb_tit{
	margin:0;
	margin-bottom:6px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:160%;
	line-height:1.2;
	text-align:left;
	color:#036eb8;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-weight: bold;
}
.menu_tb_tit_jp{
	margin-left:15px;
	font-size:13px;
	line-height:1.2;
	font-weight: bold;
	color:#036eb8;
	text-align:left;
}
.menu_tb_tit_cap{
	padding:0px;
	font-size:13px;
	line-height:1.4;
	text-align:center;
	letter-spacing:0px;
	vertical-align: middle;
}
.menu_block1_tit{
	border:2px solid #e99512;
	background-color:#e99512;
	color:#fff;
	padding:5px 3px;
	text-align:center;
	font-size:130%;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight:bold;
}
.menu_block2_tit{
	border:2px solid #cb2822;
	background-color:#cb2822;
	color:#fff;
	padding:5px 3px;
	text-align:center;
	font-size:130%;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight:bold;
}
.menu_block1{
	border:2px solid #e99512;
	padding:10px 10px;
	text-align:left;
}
.menu_block2{
	border:2px solid #cb2822;
	padding:10px 10px;
	text-align:left;
}
.menu_block3_tit{
	border:2px solid #a48b78;
	background-color:#a48b78;
	color:#fff;
	padding:5px 3px;
	text-align:center;
	font-size:130%;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight:bold;
}
.menu_block3{
	border:2px solid #a48b78;
	background-color:#fff;
	padding:10px 10px;
	text-align:left;
}
/*-------------------------------------------------
  STAFF
-------------------------------------------------*/
.staff_copy{
	padding:20px 10px;
	font-size:135%;
	line-height:1.3;
	text-align:left;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-style: normal;
	font-weight: 500;
}
.staff_container{
	background: url("../images/staff/staff_bg.png") bottom center repeat;
	width:100%;
	text-align:center;
	padding:20px 40px;
	padding-bottom:35px;
}
.in_main_staff{
	background-image:url(../images/staff/main_bg.jpg);
	background-size:cover;
	background-position: bottom center;
	position:relative;
	margin:0 auto;
	width:100%;
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
	text-align:center;
	padding:20px 0;
}
.staff_data{
	margin:0 auto;
	padding:20px;
	padding-top:0;
}
.staff_name{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	padding-bottom:10px;
	font-size:150%;
	line-height:1.5;
	text-align:left;
	color:#a48b78;
	font-weight:bold;
}
.staff_name_en{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:120%;
	line-height:1.2;
	text-align:left;
	color:#a48b78;
	font-weight:bold;
}
table.staff_cap{
	margin-top:8px;
	font-size:100%;
	line-height:1.4;
	text-align:left;
	color:#a48b78;
}
table.staff_cap th {
	background-color:#a48b78;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	color:#fff;
	padding:3px 5px;
	text-align:center;
	white-space: nowrap;
	font-weight:normal;
}
table.staff_cap td {
	padding:5px;
	text-align:left;
}
.staff_position{
	color:#40220f;
	text-align:left;
	font-size:100%;
}
/*-------------------------------------------------
  Spa
-------------------------------------------------*/
.spa_bg1 , .spa_bg2{ 
	background:-ms-linear-gradient(40deg, rgba(237,250,254,1) 0.14%, rgba(210,228,255,0.7) 99.61% );
	background:-webkit-linear-gradient(40deg, rgba(237,250,254,1) 0.14%, rgba(210,228,255,0.7) 99.61% );
	background:-moz-linear-gradient(40deg, rgba(237,250,254,1) 0.14%, rgba(210,228,255,0.7) 99.61% );
	background:-o-linear-gradient(40deg, rgba(237,250,254,1) 0.14%, rgba(210,228,255,0.7) 99.61% );
	background:linear-gradient(40deg, rgba(237,250,254,1) 0.14%, rgba(210,228,255,0.7) 99.61% );
}
.spa_typo{
	width:96%;
	margin:0 auto;
	margin-top:-10px;
	padding-bottom:20px;
	font-size:110%;
	line-height:1.8;
	color:#21909d;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	text-align:left;
}
.spa_tb_tit{
	margin-top:15px;
	padding-bottom:10px;
	border-bottom:3px double #a3cbd0;
	font-size:140%;
	line-height:1.5;
	text-align:center;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-style: normal;
	font-weight: 200;
	color:#21909d;
}
table.spa_tb{
	margin:0 auto;
	margin-top:10px;
	width:100%;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Osaka', 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size:110%;
	line-height:1.6;
	border-collapse:collapse;
}
table.spa_tb tr.tr_bg {
	background-color:rgba(235,191,143,0.1);
}
table.spa_tb th {
	padding:15px 10px;
	text-align:left;
	color:#21909d;
	font-weight: normal;
}
table.spa_tb td {
	padding:15px 10px;
	text-align:right;
	white-space: normal;
	color:#21909d;
}
table.spa_tb td.td_red {
	color:#e36597;
}

/*-------------------------------------------------
  Gallery
-------------------------------------------------*/
a.services_item img{
	border:3px solid #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.gallery_nav{ margin-left:-35px; margin-bottom:15px; }
.gallery_nav ul li {list-style: none; border:1px solid #40220f; padding:3px 6px; display:inline-block; }
.gallery_nav ul li a:link {color:#40220f;}
.gallery_nav ul li a:visited {color:#40220f;}
.gallery_nav ul li a:active {color:#40220f;}
.gallery_nav ul li a:hover {color:#7f5338;}

/*-------------------------------------------------
  NEWS
-------------------------------------------------*/
.in_main_blog{
	background-image:url(../images/blog/main_bg.jpg);
	background-size:cover;
	background-position: bottom center;
	position:relative;
	margin:0 auto;
	width:100%;
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
	text-align:center;
	padding:20px 0;
}
.news_block{
	margin:0 auto;
}
.news_main{
	margin:0 auto;
	width:90%;
	text-align:left;
	float:none;
}
.news_nav{
	margin:0 auto;
	width:90%;
	text-align:left;
	float:none;
}
.news_tit_base{
	background: url("../images/blog/tit_bg.jpg") bottom left repeat;
	padding:10px;
	border:1px solid #f1dcd2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.news_tit{
	font-size:125%;
	line-height:1.5;
	color:#a26a44;
	letter-spacing:0px;
	padding-bottom:15px;
	float:none;
}
.news_day{
	padding-top:0px;
	font-size:90%;
	line-height:1;
	color:#444444;
	float:none;
}
.main_bg{
	background-color:#fff;
	padding:10px;
}
.main_bg img{
	width:auto;
	height:auto;
}
.news_typo{
	margin:0px auto;
	margin-bottom:15px;
	font-size:100%;
	line-height:1.6;
	color:#444444;
	overflow:auto;
}
.news_thumb{
	width:30%;
	margin-right:20px;
	float:left;
}
.news_pic{
	margin:20px auto;
}
.news_photo{
	width:65%;
	height:auto;
}
/* Blog nav */
.lasted_nav_tit{
	margin-bottom:20px;
	background-color:#fff7f0;
	border: 1px solid #cccccc;
	padding:15px 5px;
	text-align:center;
	font-size:110%;
	color:#a58d5f;
}
.lasted_nav_tit2{
	margin-top:40px;
	margin-bottom:20px;
	background-color:#fff7f0;
	border: 1px solid #cccccc;
	padding:15px 5px;
	text-align:center;
	font-size:110%;
	color:#a58d5f;
}
.blog_nav , .blog_nav2{
	margin-top:0px;
	padding:0;
}
.blog_nav ul , .blog_nav2 ul{
	margin: 0;
	padding: 0;
}
.blog_nav li{
	padding-left:10px;
	padding-bottom:10px;
	list-style-type: disc;
	list-style-position: inside;
	line-height:1.2;
}
.blog_nav2 li{
	padding-left:10px;
	padding-bottom:10px;
	list-style-type: none;
	list-style-position: inside;
	line-height:1.2;
}
.blog_nav li a:link,
.blog_nav2 li a:link { color: #a6643e; text-decoration: none; }

.blog_nav li a:visited,
.blog_nav2 li a:visited { color: #a6643e; text-decoration: none; }

.blog_nav li a:active,
.blog_nav2 li a:active { color: #a6643e; text-decoration: none; }

.blog_nav li a:hover,
.blog_nav2 li a:hover { color: #c99c82; text-decoration: none; }

/*-------------------------------------------------
  RECRUIT
-------------------------------------------------*/
.in_main_recruit{
	background-image:url(../images/recruit/main_bg.jpg);
	background-size:cover;
	background-position: top center;
	position:relative;
	margin:0 auto;
	width:100%;
	text-align:center;
	padding:20px 0;
}
.in_main_recruit2{
	background-image:url(../images/recruit/model_bg.jpg);
	background-size:cover;
	background-position: top center;
	position:relative;
	margin:0 auto;
	width:100%;
	text-align:center;
	padding:85px 0;
}
.recruit_tit_img img{ margin-top:15px; width:200px; }
.recruit_tit{
	margin:10px auto;
	padding:25px 10px;
	color:#ed6a1f;
	font-size:150%;
	line-height:1.2;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.recruit_lead{
	margin:0 auto;
	width:90%;
	padding:0 10px;
	font-size:100%;
	line-height:1.8;
}
.recruit_image{ text-align:center; margin:15px auto; margin-bottom:25px; }
.recruit_image img{ width:90%; height:auto; }

.recruit_white_bg{
	border-radius:10px;
	position:relative;
	background-color:#fff;
	padding:15px;
}
.recruit_voice_bg{
	border:5px solid #fff;
	border-radius:10px;
	position:relative;
	background-color:#f8f1e6;
	padding:15px;
	text-align:left;
}
.recruit_voice_tit{
	font-size:130%;
	font-weight:bold;
	text-align:left;
	color:#8cc220;
}
.recruit_arrow{
	position:absolute;
	right:-25px;
	top:0;
	bottom:0;
}
.recruit_tb_tit{
	border:3px solid #468dcc;
	padding:10px;
	width:100%;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	color:#468dcc;
}
table.recruit_tb{
	margin:0 auto;
	width:100%;
	line-height:1.5;
	color:#333333;
	font-size:100%;
}
table.recruit_tb tr { border-bottom:1px dotted #aaaaaa; }

table.recruit_tb th {
	width:30%;
	padding:10px 3px;
	text-align:left;
	vertical-align:top;
}
table.recruit_tb td {
	width:70%;
	padding:10px 3px;
	text-align:left;
	color:#468dcc;
	vertical-align:top;
}
table.recruit_tb2{
	background-color:#fff;
	margin:0 auto;
	width:100%;
	line-height:1.5;
	color:#333333;
}
table.recruit_tb2 tr { border-bottom:2px solid #fff; }

table.recruit_tb2 th {
	background-color:#ed6a1f;
	padding:10px 10px;
	text-align:center;
	font-size:130%;
	color:#fff;
	white-space:nowrap;
}
table.recruit_tb2 td {
	padding:10px 10px;
	text-align:left;
	vertical-align:top;
	font-size:115%;
}
.recruit_bottom{
	background-color:#40220f;
	position:relative;
	padding:30px 10px;
}
.recruit_bottom_illust{
	margin:0 auto;
	margin-top:-70px;
	text-align:center;
}
.recruit_cap{
	border-top:1px solid #aaaaaa;
	width:100%;
	margin:0 auto;
	margin-top:20px;
	padding-top:20px;
	font-size:120%;
	line-height:1.8;
	text-align:center;
}
table.form_tb{
	margin:0 auto;
	width:450px;
	line-height:1.2;
	color:#8b7e78;
	font-size:95%;
}
table.form_tb th {
	background-color:#e9e3d9;
	border-top:1px solid #aaaaaa;
	width:30%;
	padding:14px 6px;
	text-align:left;
	font-weight:100;
}
table.form_tb td {
	background-color:#e9e3d9;
	border-top:1px solid #fff;
	width:70%;
	padding:14px 6px;
	text-align:left;
}
/* __________ Contact Form __________ */
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="email"]
 {
	width:100%;
	margin:0 0 10px;
	padding: 10px 8px;
	text-transform:none;
	line-height:20px;
	font-size: 13px;
	color: #8b7e78;
	font-style:normal;
	border-radius: 0;
	background-color:#f1fef3;
	border: 2px solid #aaaaaa;
	box-shadow: none;
	transition: border-color 0.3s ease-in-out; 
	-webkit-transition: border-color 0.3s ease-in-out;
}
textarea {
	overflow:hidden;
	min-height:95px;
	resize: none;
}
textarea,
input[type="text"].last {margin-right:0;}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	outline: 0;
	box-shadow: none;
	color:#666;
	border-color:#ccc;
}

/*親要素に中央揃えを適用し、送信ボタンを真ん中に寄せます*/
.wpcf7-form{
	margin:0 auto;
	text-align:left;
	width:90%;
}
.contact_submit{ text-align:center; }

.form_l{ text-align:left; color:#8b7e78; font-weight:bold; font-size:110%; }

/*送信ボタンを相対サイズに。ディフォルトのmarginを取り除く*/
.wpcf7 .wpcf7-submit{
    width:40%;
    margin-right:0;
    font-size:18px;
    padding:10px 0px;
    background-color:#8b7e78;
    color:#fff;
    border:#aaaaaa solid 2px;
}
/*送信ボタンにマウスカーソルが乗った時の処理*/
.wpcf7-submit:hover {
    color:#f6ded3;
    border:#f6ded3 solid 2px;
}
/*エラーの表示を中央寄せ・幅100%表示にします*/
.wpcf7-response-output,
div.wpcf7-validation-errors {
    width:100%;
    text-align:center;
}
/*ロード中画像をブロック要素にして中央に寄せます*/
div.wpcf7 img.ajax-loader{
    display:block;
    margin: 0 auto;
}
/*ディフォルトのエラー文章を非表示にします*/
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
/*エラーの発生したフォームを赤背景にします*/
body .wpcf7 .wpcf7-not-valid {
    background: pink;
}
select option{ font-size:110%; }
select{ border: 1px solid #aaaaaa; padding:20px 10px; font-size:110%; }
.contact_btn {
	display:inline-block;
	cursor:pointer;
	margin: 0 7px 10px 0;
	padding:13px 30px;
	border: 2px solid #242424;
	border-radius: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	font-weight:900;
	line-height:20px;
	font-size:13px;
	color:#333;
	background: none; 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_btn.active, .contact_btn:hover {background: none; color:#fff; border-color:#ccc;}

.notification_error {color:#30a67c;}


/*-------------------------------------------------
  404
-------------------------------------------------*/
.not_typo{
	margin:55px auto;
	margin-bottom:25px;
	font-size:130%;
	color:#88725c;
	letter-spacing:2px;
}

/*------LP-------*/

#camp_bg{
	margin:0 auto;
	background-image:url(../images/lp/bg.jpg);
	padding-top:10px;
}
.campaign_container{
	margin:0 auto;
	max-width:640px;
	text-align:center;
	padding:20px 10px;
	padding-top:0;
}










/* タブレット向け：739px～1023px */
@media screen and (min-width: 739px) ,print{

	.pc{ display:block; }
	.phone{ display:none; }

	.shop_social { padding-right:40px; }

	.social_top li a {
		border-radius:10px;
		width:40px;
		height:40px;
		line-height:36px;
		font-size:20px;
	}

	.head_in{ padding:10px; }
	.head_logo{
		margin:5px auto;
		margin-bottom:8px;
		text-align:center;
	}
	.head_logo img{ width:150px; height:auto; }

	.fixed { position: fixed; }
	.g_nav { display:block; }

	/*-- toggle_navi --*/

	.button-toggle {
		display:none;
	}
	.togglemenu {
		display:none;
	}
	.ft_name img{ width:145px; height:auto; }

	.foot_in{
		margin-top:20px;
	}
	.ft_nav{ display:block; }

	.foot_btn img{ max-width:180px; height:auto; margin-right:10px; }

	.salon_logo{ width:210px; }

	.salon_main_container_tit{
		top:35px;
		left:0;
		right:0;
		font-size:200%;
	}
	.salon_main_container_tit img{ width:300px; }

	.main_btn{
		top:190px;
		left: 70px;
		margin:auto;
		z-index:110;
	}
	.main_btn img{
		width:230px;
		height:auto;
	}
	.main_typo{
		width:430px;
		height:auto;
	}
	.top_salon_name{ padding-top:15px; font-size:150%; }
	.top_salon_ad{ font-size:110%; }
	.top_salon_tel{ font-size:140%; }

	.salon_menu_bg , .salon_menu_bg2{ padding:40px 0; }

	.camp_typo{
		font-size:150%;
		line-height:1.8;
		letter-spacing:2px;
	}
	.in_main_tit img{ width:130px; height:auto; }

	.in_main_tit{ font-size:240%; padding:20px 15px; }

	.first_block{ margin-bottom:15px; }

	.page_tit{ font-size:200%; padding-bottom:30px; }
	.page_tit_jp{ font-size:190%; padding-bottom:10px; }

	.page_tit_cap{ font-size:30%; }

	.top_blog_bg , .top_gallery_bg{ padding:30px 0; }

	.top_blog_tit{ font-size:100%; line-height:1.4; }

	.top_blog_content{ display:block; }

	.top_concept_contenar{
		padding:30px 0;
		padding-bottom:50px;
	}
	.top_blog_thumb img{ width:120px; height:auto; }

	.top_cancept_tit img{ width:128px; height:auto; }

	.top_concept_typo{
		text-align:center;
		font-size:100%;
	}
	.top_gallery_tit{
		margin:15px auto;
		font-size:220%;
	}
	.blog_pan{
		text-align: right;
		font-size:100%;
	}
	.in_container{ padding:20px 10px; }
	.in_container860{ padding:10px 10px; }

/* ITEMS */
	.item_stit1 , .item_stit2 , .item_stit3{
		font-size:135%;
		line-height:1.6;
		text-align:center;
		padding:20px 0;
	}
	.item_typo1 , .item_typo2 , .item_typo3{
		font-size:110%;
		line-height:1.8;
	}

/* SALON */

.hair_tit{ font-size:130%;}
.hair_typo{ font-size:110%; }

	.access_data{
		font-size:110%;
		line-height:1.3;
	}
	.hair_typo{ width:100%; }

	.coupon_step_tit{ font-size:120%; }

	.page_tit_in{
		margin-top:-50px;
		padding-right:5px;
		font-size:250%;
		letter-spacing:2px;
	}
	.page_stit , .page_stit_spa{
		margin-top:10px;
		font-size:140%;
		letter-spacing:1px;
	}
	.page_stit_spa{ margin-top:10px; margin-bottom:0px; }

	.page_stit_en{
		margin-top:10px;
		font-size:150%;
		letter-spacing:1px;
	}
	.page_typo , .page_typo_salon{
		padding-bottom:15px;
		font-size:120%;
		line-height:2;
		text-align:center;
	}
	.tit_png img{ width:400px; height:auto; }

	.salon_pic_block{
		width:700px;
	}
	.salon_pic_l{
		margin-bottom:25px;
		margin-right:20px;
		width:330px;
		float:left;
	}
	.salon_pic_r{
		margin-bottom:25px;
		margin-right:0;
		width:330px;
		float:right;
	}
	.salon_photo{
		width:330px;
		height:auto;
	}
	.products_menu_tit{
		font-size:160%;
	}
/* MENU */
	table.menu_tb{
		font-size:110%;
		margin-bottom:35px;
	}
	table.menu_tb th {
		padding:16px 5px;
	}
	table.menu_tb td {
		padding:16px 5px;
	}
	table.form_tb{
		width:70%;
		font-size:120%;
	}
	table.form_tb th {
		padding:16px 15px;
	}
	table.form_tb td {
		padding:16px 15px;
	}
	.menu_tb_tit{
		font-size:170%;
	}
	.vella_logo{ width:150px; height:auto; }


/* NEWS */
	.news_main{
		width:65%;
		float:left;
	}
	.news_nav{
		width:30%;
		float:right;
	}
	.news_tit_base{ padding:15px; }

	.news_tit{
		padding-bottom:0px;
		width:80%;
		font-size:145%;
		letter-spacing:1px;
		float:left;
	}
	.news_day{
		padding-top:13px;
		float:right;
	}
	.main_bg{
		padding:15px;
	}
	.news_typo{
		font-size:110%;
		line-height:1.8;
	}
	.sns_btn_in{
		min-width:739px;
	}
	.line_btn{ display:block; }

/* STAFF */
	.staff_copy{
		padding:20px 10px;
		font-size:175%;
		line-height:1.6;
		text-align:center;
	}
	.staff_message{
		font-size:110%;
		line-height:1.6;
	}

/* RECRUIT */
	.recruit_tit_img img{ margin-top:0px; width:260px; }
	.recruit_tit{
		font-size:160%;
	}
	.recruit_lead{
		width:100%;
		line-height:2;
	}
	.wpcf7-form{ width:80%; }

/* Spa */
	.spa_typo{ margin-top:0px; width:100%; }
	.spa_tb_tit{
		font-size:160%;
		text-align:left;
	}






}/*  */

/* PC向けレイアウトの指定：1024px以上では固定レイアウト */
@media screen and (min-width: 1024px) ,print{

	.g_nav ul li a { padding:10px 20px; }
	.in_container{ padding:30px 10px; }

	.salon_main_container_tit{
		top:60px;
		font-size:230%;
	}
	.salon_main_container_tit img{ width:330px; }

	.main_btn{
		top:210px;
		left: 60px;
		margin:auto;
		z-index:110;
	}
	.main_btn img{
		width:250px;
		height:auto;
	}
	.main_typo{
		width:453px;
		height:auto;
	}
	.camp_typo{
		font-size:165%;
		line-height:1.8;
		letter-spacing:3px;
	}
	.in_main_tit img{ width:143px; height:auto; }

	.in_main_tit{ font-size:280%; padding:25px 15px; }

	.top_blog_bg , .top_gallery_bg{ padding:40px 0; }

	.top_concept_contenar{
		padding:45px 0;
		padding-bottom:60px;
	}
	.top_concept_typo{
		font-size:110%;
	}
	.top_gallery_tit{
		margin:20px auto;
		font-size:250%;
	}
	.top_blog_thumb img{ width:150px; height:auto; }

	.blog_pan{
	text-align: right;
	font-size:100%;
	}

/* ITEMS */
	.item_stit1 , .item_stit2 , .item_stit3{
		font-size:135%;
		line-height:1.6;
		text-align:center;
		padding:20px 0;
	}
	.item_typo1 , .item_typo2 , .item_typo3{
		font-size:110%;
		line-height:1.8;
	}

/* SALON */

	.page_tit{ font-size:220%; padding-bottom:40px; }
	.page_tit_jp{ font-size:200%; padding-bottom:20px; }

	.page_tit_cap{ font-size:30%; }

	.access_data{
		font-size:140%;
		line-height:1.4;
	}
	.coupon_step_tit{ font-size:125%; }

	.page_tit_in{
		margin-top:-50px;
		padding-right:0px;
		font-size:300%;
		letter-spacing:2px;
	}
	.page_stit , .page_stit_spa{
		font-size:170%;
		letter-spacing:2px;
	}
	.page_stit_en{
		margin-top:10px;
		font-size:180%;
		letter-spacing:1px;
	}
	.page_typo , .page_typo_salon{
		padding-bottom:20px;
		font-size:120%;
		line-height:2;
		text-align:center;
	}
	.tit_png img{ width:460px; height:auto; }

	.salon_pic_block{
		width:964px;
	}
	.salon_pic_l{
		margin-bottom:0px;
		margin-right:64px;
		width:450px;
		float:left;
	}
	.salon_pic_r{
		margin-bottom:0px;
		margin-right:0;
		width:450px;
		float:right;
	}
	.salon_photo{
		width:450px;
		height:auto;
	}
	.products_menu_tit{
		font-size:150%;
	}

/* MENU */
	table.menu_tb{
		font-size:110%;
		margin-bottom:45px;
	}
	table.menu_tb th {
		padding:16px 10px;
	}
	table.menu_tb td {
		padding:16px 10px;
	}
	table.form_tb{
		width:60%;
		font-size:120%;
	}
	table.form_tb th {
		padding:16px 15px;
	}
	table.form_tb td {
		padding:16px 15px;
	}
	.menu_tb_tit{
		font-size:180%;
	}
	.vella_logo{ width:180px; height:auto; }

/* NEWS */
	.news_main{
		width:75%;
		float:left;
	}
	.news_nav{
		width:20%;
		float:right;
	}
	.news_tit_base{ padding:20px; }

	.news_tit{
		padding-bottom:0px;
		width:85%;
		font-size:145%;
		letter-spacing:1px;
		float:left;
	}
	.news_day{
		padding-top:13px;
		float:right;
	}
	.news_typo{
		font-size:110%;
		line-height:1.8;
	}
	.sns_btn_in{
		min-width:1024px;
	}
	.line_btn{ display:none; }

/* STAFF */
	.staff_copy{
		padding:20px 10px;
		font-size:200%;
		line-height:1.6;
		text-align:center;
	}
	.staff_message{
		font-size:110%;
		line-height:1.6;
	}

/* RECRUIT */
	.recruit_tit_img img{ margin-top:0px; width:280px; }
	.recruit_tit{
		font-size:180%;
	}
	.wpcf7-form{ width:60%; }






}/*  */