@charset "utf-8";
/*
Theme Name: tpl child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: tpl
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

@font-face {
    font-family: "Trajan Pro";
    src: url("/font/Trajan Pro.ttf") format("truetype");     
}
body {
	font-size: 14px;
	color: #6A5353;
	background-color: #F9F7F4;
}
.mincho {
	font-family: "Hannari", serif;
}
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
/*** コンテンツ幅 ***/
.container {
	width: 1010px;
	padding-left: 15px;
	padding-right: 15px;
}

.fluid-box {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #EBE6E1;
    padding: 0;
	margin-bottom: 0;
}
.fluid-box-inner {
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 40px;
}
@media screen and (max-width: 1010px){
.container {
	width: 100%;
}
}
/*** 見出し等デザイン定義 ***/
h2 {
	border: none;
	background-color: transparent;
	margin-bottom: 0;
	padding: 0;
}
h2 {
	font-family: "Trajan Pro" ,"Hannari", serif;
}
h2 .sub_ttl {
	font-size: 12px;
	display: block;
	line-height: 1.7;
	font-family: initial !important;
	font-weight: normal;
}
h3 {
	border: none;
	box-shadow: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
h3:after {
	border: none;
}
a:hover,
a:focus {
	text-decoration: none;
}
.nav>li>a:hover,
.nav>li>a:focus {
	background-color: transparent !important;
}

/*** 下層見出し等デザイン定義 ***/
.post-16 h2,.post-14 h2,.post-8 h2,.post-12 h2,.post-10 h2,.post-66 h2{
	text-align:center;
	font-size:28px;
	margin:30px 0;
}

.post-16 h3,.post-14 h3,.post-8 h3,.post-12 h3,.post-10 h3,.post-66 h3{
	font-size:20px;
	font-weight:bold;
	padding:0;
	margin:10px 0;
	background-color:transparent;
	color:rgb(155,129,106);
	border-bottom:1px solid rgb(155,129,106);
}

.post-16 h4,.post-14 h4,.post-8 h4,.post-12 h4,.post-10 h4,.post-66 h4{
	font-size:20px;
	font-weight:bold;
	padding:0;
	margin:10px 0;
	background-color:transparent;
	color:rgb(155,129,106);
}

.page-header_pageTitle{
	text-align:center;
	font-family: "Trajan Pro" ,"Hannari", serif;
	color:rgb(155,129,106);
	font-weight:bold;
	font-size:40px;
}
.page-header{
	background-color:rgb(235, 230, 225);
	padding-top:30px;
	padding-bottom:30px;
}
.margin50{
	margin-top:50px;
}
/*** ヘッダー ***/
.siteHeader {
	background-color: #F9F7F4;
}
.navbar-header {
	float: none;
}
.site-description {
	font-size: 10px;
}
.logo-after {
	float: right;
	font-size: 12px;
	margin-top: -20px;
	overflow: hidden;
}
.logo-after a {
	transition: .4s;
}
.logo-after a:hover {
	opacity: 0.6;
}
.after01 {
	float: right;
	text-align: center;
	margin-right: 10px;
}
.after01 .tel_before {
	display: block;
	margin-bottom: 5px;
}
.after02 {
	float: right;
	text-align: right;
}
.reservationBTN {
	display: block;
	margin-bottom: 10px;
}
.applicationBTN {
	display: block;
}
@media screen and (max-width: 991px){
	.navbar-brand {
		text-align: left;
		float: left;
	}
	.navbar-brand img {
	display: inline;
		max-height: initial;
}
	.navbar-brand {
		padding: 0;
	}
	.logo-after {
		margin-top: -20px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 480px){
	.navbar-brand {
		text-align: center;
		float: none;
		
	}
	.logo-after {
		text-align: center;
		float: none;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.after01 {
		text-align: center;
		float: none;
		margin-right: 0;
	}
	.after02 {
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}
	.site-description {
		text-align: center;
	}
}
/*** Gメニュー ***/
ul.gMenu {
    float: none;
	text-align: center;
	line-height: 0;
}
ul.gMenu>li {
	width: 13%;
	display: inline-block;
	float: none;
	line-height: 1.4em;
}
.nav>li>a {
	padding: 11px 15px 8px;
}
.gMenu_outer {
	background-color: #9B816A;
	border-top: 5px solid #DCCABA;
}
.gMenu_outer .container {
	padding-top: 0;
	padding-bottom: 0;
}
.current-menu-item a:after {
	border-bottom: none !important;
}
.current-menu-item .gMenu_name {
	
}/******************************************** ★ ***/
.gMenu_name,
.footerMenu li a {
	font-size: 16px;
	transition: .4s;
	color: #fff;
	font-family: "Trajan Pro";
}

.gMenu_name:after,
.footerMenu li a:after {
	display: block;
	font-size: 10px;
	font-family: "Hannari", serif;
}
#menu-item-18 .gMenu_name:after,
.footerMenu .menu-item-18 a:after {
	content: 'ホーム';
}
#menu-item-19 .gMenu_name:after,
.footerMenu .menu-item-19 a:after  {
	content: '店舗情報';
}
#menu-item-20 .gMenu_name:after,
.footerMenu .menu-item-20 a:after  {
	content: 'メニュー';
}
#menu-item-21 .gMenu_name:after,
.footerMenu .menu-item-21 a:after  {
	content: '採用';
}
#menu-item-22 .gMenu_name:after,
.footerMenu .menu-item-22 a:after  {
	content: 'お知らせ';
}
#menu-item-23 .gMenu_name:after,
.footerMenu .menu-item-23 a:after  {
	content: 'お問い合わせ';
}
.gMenu_name:hover {
	opacity: 0.7;
}
ul.gMenu > li > a:hover:after {
	border-bottom: none !important;
}
.cntBtn {
	background-color: transparent;
	border-color: #fff !important;
	width: 290px;
	transition: .4s;
}
.cntBtn:hover {
	background-color: #BAA681;
}
.moreBtn {
	background-color: #BAA681 !important;
	border-color: #BAA681 !important;
	width: 290px;
	transition: .4s;
}
.moreBtn:hover {
	opacity: 0.7;
}
/*** スライド ***/
.carousel {
	border-bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none !important;
}

/*** トップページ ***/
.home .siteContent {
	padding: 0;
}
.post-6 .entry-body {
	padding-bottom: 0;
}
.home h2 {
	text-align: center;
	color: #9B816A;
}
.home .top_salon h2 {
	color: #fff;
}
.top_salon {
	background-color: #9B816A;
	color: #fff;
	margin-bottom: 70px;
}
.top_salon .fluid-box-inner {
	padding-top: 100px;
    padding-bottom: 80px;
}

.top_salon .wc-shortcodes-column-first {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 30px;
}
.top_salon .wc-shortcodes-column-first .salon_img {
	float: left;
	width: 45%;
	margin-right: 5%;
}
.top_salon table {
	border-top: none;
	width: 50% !important;
	float: left;
	
	margin-bottom: 30px;
}
.top_salon td {
	border-bottom: none;
	padding: 0.2em 1em;
}
.top_salon table tr:nth-of-type(1){
	text-align: center;
}
.top_salon table tr td:nth-of-type(1){
	width: 15% !important;
}
.top_salon table tr td:nth-of-type(2){
	width: 100% !important;
}
.top_salon table td img {
	max-width: 150px;
	margin-bottom: 10px;
}
.top_salon .wc-shortcodes-column-last img {
	max-width: initial;
	transition: .4s;
}
.top_salon .wc-shortcodes-column-last img:hover {
	opacity: 0.8;
}



.top_service img,
.top_banner img {
	max-width: initial;
	transition: .4s;
}
.top_service img:hover {
	opacity: 0.6;
}
.top_banner img:hover {
	opacity: 0.7;
}
.top_banner {
	margin-top: 80px;
	margin-bottom: 80px;
}
.top_banner .fluid-box-inner {
	padding-bottom: 50px;
}
.top_banner img {
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 991px){
.top_salon .wc-shortcodes-column-last img,
.top_service img,
.top_banner img {
	max-width: 100%;
}
}
@media screen and (max-width: 480px){
	.top_salon .wc-shortcodes-item {
		text-align: center;
	}
	.top_salon .wc-shortcodes-column-first .salon_img {
		float: none;
		width: 70%;
	}
	.top_salon table {
		float: none;
		width: 100% !important;
		text-align: left;
	}
	.top_service {
		text-align: center;
	}
	.top_service .wc-shortcodes-column-last {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 400px){
	.top_salon .wc-shortcodes-column-first {
		padding-left: 0;
		padding-right: 0;
	}
	.cntBtn {
		width: 100%;
	}
}
.topInfo_box {
	width: 80%;
    margin: auto;
	padding-top: 30px;
}
.topInfo_inner p {
	margin: 15px 0;
}
.topInfo_cat {

}
.topInfo_cat_news,
.topInfo_cat_blog {
	padding: 2px 5px;
	
	display: inline-block;
	width: 65px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
	font-size: 12px;
	line-height: 1.4;
}
.topInfo_cat_news a,
.topInfo_cat_blog a {
	color: #fff;
}
.topInfo_cat_news {
	background-color: #9B816A;
}
.topInfo_cat_blog {
	background-color: #4D4D4D;
}
.blogttl a {
	color: #9B816A;
	transition: .4s;
}
.blogttl a:hover {
	opacity: 0.6;
}
.top_insta {
	margin-top: 70px;
}
@media screen and (max-width: 600px){
	.topInfo_box {
		width: 100%;
	}
	.blogttl {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.topInfo_date {
		width: 100px;
	}
}
@media screen and (max-width: 480px){

}
/*** フッター ***/
.siteFooter {
	background-color: #000;
	color: #fff;
}
footer {
	border-top: 5px solid #DCCABA;
}
footer .footerMenu {
	background-color: #9B816A;
	border: none;
}
footer .footerMenu .menu-gmenu-container {
	text-align: center;
}
footer .footerMenu ul {
	margin: 0;
}
footer .footerMenu li a {
    border: none;
	transition: .4s;
	color: #fff;
	padding: 11px 15px 8px;
}
footer .footerMenu li:last-child a{
	border-right: none;
}
footer .footerMenu li a:hover {
	opacity: 0.6;
}
footer .footerMenu li {
	width: 13%;
	display: inline-block;
	float: none;
	line-height: 1.4em;
}
footer .copySection {
	border: none;
	padding-top: 0;
	padding-bottom: 10px;
	text-align: right;
}
footer .col-md-4 {
	width: 50%;
}
.page_top_btn {
    right: 2%;
    bottom: 5%;
	width: 64px;
	height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    background-color: transparent;
    outline: 0;
    background-image: url(/wp-content/uploads/2019/09/backtotop.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.page_top_btn:hover {
	opacity: 0.6;
}
@media screen and (max-width: 991px){
	.footerMenu {
		display: none;
	}
}
@media screen and (max-width: 767px){
	footer .col-md-4 {
		width: 100%;
	}
}
/*** 下層共通 ***/
.page-header {
	background-image: url(/wp-content/uploads/2019/09/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	border-bottom: none;
}
.page-header_pageTitle {
	line-height: 5.0 !important;
	color: #6A5353;
}
.breadSection {
	display: none;
}
.post-8 h3,
.post-8 h4,
.post-10 h3,
.post-10 h4,
.post-16 h3,
.post-16 h4,
.post-66 h3,
.post-66 h4 {
	font-family: serif;
}
@media screen and (max-width: 991px){
	.page-header {
		height: 200px;
	}
}
@media screen and (max-width: 400px){
	h2 {
		font-size: 22px !important;
	}
}

/*** ABOUT.post-16 ***/
.post-16 table td:nth-of-type(1){
	background-color:#DCCABA;	
}
.post-16 table tr td {
	border: 1px solid #e5e5e5;
}
@media screen and (max-width: 600px){
	.post-16 table td:nth-of-type(1){
		width: 30% !important;
	}	
}


/*** MENU.post-8 ***/
.menuTable td:nth-of-type(1){
	background-color:#DCCABA;
	width: 70% !important;
}
.menuTable tr td {
	border: 1px solid #e5e5e5;
}
#slimming,
#facial,
#scalp,
#nail,
#foot,
#eyelash {
	margin-top: 100px;
}
/*
@media screen and (max-width: 600px){
	.post-8 table td:nth-of-type(1){
		width: 30% !important;
	}	
}*/
/*** NEWS.post-12 ***/
.fa_v5_css .entry-meta_items.published::before {
	display: none;
}
.single-post .entry-footer {
	display: none;
}
.pager {
	display: none;
}
h1.entry-title:first-letter,
.single h1.entry-title:first-letter {
	color:inherit;
}
/*** RECRUIT.post-10 ***/
.post-10 table td:nth-of-type(1){
	background-color:#DCCABA;
}
.post-10 table tr td {
	border: 1px solid #e5e5e5;
}
@media screen and (max-width: 480px){
	.post-10 table {
		border-top: none;
		border-bottom: 1px solid #e5e5e5;
	}
	.post-10 table tr td {
    width: 100% !important;
    display: block;
	border-top: 1px solid #e5e5e5;
		border-bottom: 0;
		height: auto !important;
}

}
/*** アプリ.post-66 ***/


/*** CONTACT.post-14 ***/
.contactTel {
	text-align: center;
	margin-bottom: 100px;
}

.table tbody tr td .wpcf7-form-control {
	max-width: 100%;
}
.required-contactform7 {
    font-size: 11px;
    background-color: #A0323A;
    color: #fff;
    display: inline-block;
    padding: 1px 3px 0 3px;
    border-radius: 2px;
    margin-left: 5px;
}
.wpcf7-submit {
	display: block;
	margin: auto;
	width: 327px;
	padding: 15px !important;
	transition: .4s;
	border: none;
	border-radius: 0;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-color: #A89A8E;
}
@media screen and (max-width: 480px){
	.cntct-form tr {
    background-color: #fff !important;
		border: 1px solid #A89A8E;
}
	.cntct-form th {
    background-color: #f9f9f9;
    font-weight: bold;
		border-top: 0px !important;

}
	.cntct-form th, .cntct-form td {
    width: 100%;
    display: block;
		border: none !important;
		
}
	.wpcf7-submit {
		width: 80%;
	}
	.cntct-form .table tbody tr th {
		border-bottom: 1px solid #A89A8E !important;
	}

}