﻿@charset "utf-8";



/*

Theme Name:mrp06-child

Template:mrp06

Theme URI: http://hp-morph.com/

Description:MORPH 06テーマの子テーマ。

Version: 2.03

Author: Vision Inc.

Author URI: http://hp-morph.com/

Tags: simple



	hp-morph.com Template v2.03

	 http://hp-morph.com/



	This theme was designed and built by hp-morph.com template,

	whose blog you will find at http://hp-morph.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



/* =Reset default browser CSS.

Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

@import url(ff769fa16a2f4c80b5a1c67756bd2984.css);



/* 基本設定

-------------------------------------------------------------- */

body {

	color: #444444;

	font: 83%/1.5 "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}

a {

	color: #6d5744;

}

a:hover, a:active {

	color: #c17635;

}

a#scrollUp {

	background: #6d5744;

}

.post .column2_50+.column2_50 {

    padding-left: 20px;

    box-sizing: border-box;

}

.column2_50 {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	margin: 5px 0;

	width: 100%;

	vertical-align: top;

}

.post .column2_20 {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	margin: 0 1%;

	width: 17.2%;

	vertical-align: top;

	box-sizing: border-box;	

}

.post .column2_80 {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	margin: 0 1%;

	width: 77.2%;

	vertical-align: top;

	box-sizing: border-box;	

}

.post .column2_40 {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	margin: 0 1%;

	width: 37.2%;

	vertical-align: top;

	box-sizing: border-box;	

}

.post .column2_60 {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	margin: 0 1%;

	width: 57.2%;

	vertical-align: top;

	box-sizing: border-box;	

}

.post .column4_25 {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	margin: 0 1%;

	width: 22.2%;

	vertical-align: top;

	box-sizing: border-box;

}

input[type="submit"], input[type="reset"], input[type="button"] {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a8478), color-stop(100%, #1e130c));

	background: linear-gradient(to bottom, #9a8478 0%, #1e130c 100%);

}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e130c), color-stop(100%, #9a8478));

	background: linear-gradient(to bottom, #1e130c 0%, #9a8478 100%);

}

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

.column2_50 {

	display: block;

	width: 96%;

	margin: 0 auto 20px;

}

.post .column2_20, .post .column2_80 {

	display: block;

	width: 96%;

	margin: 0 auto 20px;

}

.post .column2_50+.column2_50 {

	padding-left: 0;

}

.post .column4_25 {

	margin: 0 auto 20px;

	width: 100%;

}

.post .column2_40, .post .column2_60 {

	display: inline-block;

    margin: 7px;

    width: 96%;

}

}



/* プラグイン・パーツ

-------------------------------------------------------------- */

/* MapPress設定 */

.mapp-layout {

	margin: 5px 0;

	box-sizing: border-box;

	border: 1px solid gray;

}

/* Facebook設定 */

.fb {

	margin: 0 auto;

	text-align: center;

	box-sizing: border-box;

	margin-top: 8px;

	padding: 0 0 0 20px;

}

/* Google Map 360 view設定 */

.embed {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

	margin-bottom: 10px;

}

.embed iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

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

.fb {

	padding: 0;

}

}



/* ヘッダー・フッター・ぱんくず

-------------------------------------------------------------- */

#header {

	margin-bottom: 5px;

}

#header h1, .description {

	font-size: 75%;

	color: #736b4d;

}

#header-layout {

	padding: 5px 0 0;

}

#header .logo {

	display: block;

	text-align: center;

}

#header .contact {

	display: block;

	text-align: center;

}

#header .contact .float {

	float: none;

}

#header .contact .address {

	margin-bottom: 10px;

}

#footer {

	background: #d1c0a5;

}

#footer li a {

	color: #4f2c25;

}

#footer li a:hover {

	color: #c17635;

}

#copyright {

	color: #fff;

}

#breadcrumb {

	margin-bottom: 10px;

}

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

#header {

	-webkit-box-shadow: none;

	box-shadow: none;

}

}



/* グローバルナビ

-------------------------------------------------------------- */

@media only screen and (min-width: 1240px) {

nav#mainNav {

	box-shadow: 0 5px 2px -4px #ddd;

	border-bottom: none;

	background: rgba(255,255,255,0.8);

	padding: 8px 0 4px;

}

.home nav#mainNav {

	box-shadow: none;

}

nav#mainNav .inner {

	width: 1240px;

	border-left: none;

}

nav div.panel {

	float: none;

}

nav#mainNav ul {

	width: 1240px;

	text-align: center;

}

nav#mainNav ul li {

	float: none;

	display: inline-block;

	border-right: none;

}

nav#mainNav ul li a {

	color: #6d5744;

	padding: 0px 25px 0 25px;

}

nav#mainNav ul li a:hover, nav#mainNav ul li a:hover span {

	color: #c17635;

	background: none;

}

nav#mainNav ul li a span, nav#mainNav ul li a b {

	font-family: 'Source Serif Pro', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	font-size: 120%;

	font-weight: 600;

}

nav#mainNav ul li a span {

	color: #6d5744;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size: 85%;

}



nav#mainNav ul li a span, nav#mainNav ul li a b {

	padding-top: 0;

}

nav#mainNav ul li.current-menu-item.current_page_item a {

	height: auto;

}

nav#mainNav ul li.current-menu-item.current_page_item a, nav#mainNav ul li.current-menu-item.current_page_item a span {

	background: none;

	color: #c17635;

}

nav#mainNav ul li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children {

	background: none;

	color: #c17635;

}

nav#mainNav ul li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children b, nav#mainNav ul li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children span {

	color: #c17635;

}

nav#mainNav ul li li.current-menu-item.current_page_item a {

	background: rgba(109,87,68,0.75);

}

/* サブナビゲーション */

nav#mainNav ul ul {

	width: 180px;

}

nav#mainNav ul li li {

	background: rgba(109,87,68,0.75);

	height: auto;

	line-height: 30px;

	width: 100%;

	border-bottom: none;

}

nav#mainNav ul li li a {

	font-size: 85%;

	color: #fff;

	font-weight: normal;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	height: auto;

	line-height: normal;

	padding: 5px;

}

nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li a:hover {

	color: #fff;

	background: rgba(109,87,68,0.75);

}

nav#mainNav ul li.current-menu-item.current_page_item li.menu-item.menu-item-type-post_type.menu-item-object-page a {

	color: #fff;

}

nav#mainNav ul li.current-menu-item.current_page_item li.menu-item.menu-item-type-post_type.menu-item-object-page a:hover {

	background: rgba(109,87,68,0.75);

}

}

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

nav#mainNav {

	border: 1px solid #d1c0a5;

	box-shadow: none;

}

nav#mainNav a.menu {

	background: #d1c0a5 url(../img/menuopen.png) no-repeat 5px 8px;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-weight: normal;

}

nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {

	padding-top: 10px;

	padding-bottom: 10px;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active {

	background: #faf8f6;

	color: #c17635;

}

nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {

	border-bottom: 1px dashed #e3d9c9;

}

nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover {

	background: #faf8f6 url(../img/sub1.png) no-repeat 20px -62px;	

}

nav#mainNav ul li li:last-child a {

	border-bottom: 1px dashed #e3d9c9;

}

nav#mainNav ul li li:last-child.current-menu-item a, nav#mainNav ul li li:last-child a:hover, nav#mainNav ul li.current-menu-item li:last-child a:hover {

	background: #faf8f6 url(../img/sublast.png) no-repeat 20px -65px;

}

nav#mainNav ul li.current-menu-item.current_page_item li.menu-item.menu-item-type-post_type.menu-item-object-page a {

	color: #6d5744;

}

nav#mainNav ul li.current-menu-item.current_page_item li.menu-item.menu-item-type-post_type.menu-item-object-page a:hover {

	color: #c17635;

}

}



/* メインビジュアル

-------------------------------------------------------------- */

@media only screen and (min-width: 1240px) {

#mainImg {

	margin: -52px 0 0 0;

	padding-top: 0 !important;

}

}

@media only screen and (min-width: 1367px) {

.metaslider {

	max-width: 1920px !important;

}

}



/* フロントバナー

-------------------------------------------------------------- */

.c3thumbWrap ul.thumb li img {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;	

}

@media only screen and (min-width: 1240px) {

.c3thumbWrap {

	width: 1240px;

	margin: 0px 0px 40px 0;

}

.c3thumbWrap ul.thumb li {

	width: 396px;

	margin: 0 21px 0 0;

	float: none;

	display: inline-block;

}

.c3thumbWrap ul.thumb li.clm {

	margin: 0;

}

}

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

.c3thumbWrap {

	margin-top: 20px;

	width: 95%;

}

.c3thumbWrap ul.thumb li {

	width: 32%;

	float: none;

	display: inline-block;

	margin: 0 1.5% 20px 0;

}

.c3thumbWrap ul.thumb li:last-child {

	margin: 0 0 20px 0;

}

}

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

.c3thumbWrap {

	margin-top: 20px;

	width: 95%;

}

.c3thumbWrap ul.thumb li {

	width: 31%;

	float: none;

	display: inline-block;

	margin: 0 1.5% 20px 0;

}

.c3thumbWrap ul.thumb li:last-child {

	margin: 0 0 20px 0;

	display: inline-block;

}

}

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

.c3thumbWrap ul.thumb li {

	width: 100%;

	display: block;

	margin: 0 auto 10px;

}

.c3thumbWrap ul.thumb li:last-child {

	width: 100%;

	display: block;

	margin: 0 auto 10px;

}

}

/* サイドバー

-------------------------------------------------------------- */

#sidebar {

	width: 250px;

}

.widget_sp_image img {

	-webkit-box-shadow: none;

	box-shadow: none;

	margin-bottom: 0;

}

section.widget {

	margin-bottom: 20px;

}

section.widget.widget_sp_image + section.widget.widget_sp_image {

	margin-top: -10px;

}

section.widget ul, .widget_search, #calendar_wrap, .textwidget {

	border: 1px solid #AB936D;

	box-shadow: none;

}

section.widget ul li a {

	padding: 5px 0 5px 10px;

	background: none;

	border-bottom: none;

	position: relative;

}

section.widget ul li a:hover {

	text-decoration: underline;

}

section.widget ul li a:after {

	display: block;

	content: "";

	position: absolute;

	top: 1em;

	left: 0;

	width: 5px;

	height: 5px;

	background-color: #9e917d;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

section.widget ul li li a:after {

	display: block;

	content: "";

	position: absolute;

	top: 1em;

	left: 0;

	width: 3px;

	height: 3px;

	border-right: 1px solid #9e917d;

	border-bottom: 1px solid #9e917d;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	background-color: transparent;

}

section.widget_archive ul {

	border: none;

}

#widget_sp_image-3 a:hover img, #widget_sp_image-4 a:hover img, #widget_sp_image-2 a:hover img {

	opacity: 1;

}

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

#sidebar {

	width: 95%;

}

}

/* 見出し

-------------------------------------------------------------- */

h1.title {

	font-size: 20px;

	font-weight: normal;

	padding: 15px 15px 20px 15px;

	margin-bottom: 20px;

	border: none;

	text-shadow: none;

	background: url(../img/h1_bg.png) no-repeat right bottom;

	background-size: contain;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	color: #2b1a0b;

}

.post h2 {

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	border-top: 1px solid #d9d3cb;

	border-bottom: 1px solid #90817a;

	font-size: 18px;

	background: #d9d3cb;

	background: linear-gradient(to bottom, #fff 0%, #d9d3cb 100%);

	padding: 10px;

    color: #2b1a0b;

	margin: 30px 0 20px;

	line-height: 1.4;

}

.post h2:before {

	background: none;

}

section.widget h2 {

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	

	font-weight: normal;

	text-shadow: none;

	background: none;

	border-top: none;

	border-right: none;

	border-left: 5px solid #857863;

	padding: 0px 10px;

    margin-bottom: 5px;

	color: #857863;

}

section.widget_nav_menu h2 {

	color: #fff;

	background: #857863;

	background: linear-gradient(to bottom, #AB936D 0%, #71644F 100%);

	border: 1px solid #bfa883;

	border-bottom: none;

	padding: 7px 10px 7px 10px;

    margin-bottom: 0;

}

.post h3 {

	font-weight: bold;

	font-size: 16px;

	padding: 0 0 0 10px;

	border-top: none;

	border-bottom: none;

	border-left: 8px solid;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	color: #bd355a;

	margin: 30px 0 20px;

}

.post h4 {

	color: #4f2c25;

	padding: 8px 5px;

	border-top: 2px solid #90817a;

    border-bottom: 1px dotted #90817a;

	font-size: 14px;

	font-weight: bold;

}

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

section.widget h2 {

	border-bottom: 1px dotted #9e917d;

}

section.widget_nav_menu h2 {

	border-bottom: none;

}

}

/* 投稿

-------------------------------------------------------------- */

.post4b li {

	margin: 0 2% 14px 0;

	padding: 10px 0 5px;

	width: 23%;

	border-bottom: none !important;

	border-top: 1px dashed #CCCCCC !important;

}

.column2_50 .post4b li {

	margin: 0 2% 14px 0;

	padding: 10px 0 5px;

	width: 47.5%;

	border-bottom: none !important;

	border-top: 1px dashed #CCCCCC !important;

}

.post4b li:first-child, .post4b li:nth-child(2), .post4b li:nth-child(3), .post4b li:nth-child(4) {

	border-top: none !important;

	padding: 0 0 5px;

}

.post4b h2 {

	border: none;

	font-size: 15px;

	margin: 5px 0;

	padding: 0;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	

	color: #2b1a0b;

	background: none;

}

.post4b h2:before {

	background: none;

}

.post_text70 h2 {

	margin: 0 0 15px;

	font-size: 16px;

}

.post4b .time, .post .time {

	background: none;

	color: #cc7d74;

	font-size: 12px;

	padding: 0;

}

.post4b .time a, .post .time a {

	color: #cc7d74;

}

.post4b_link {

	margin: 0;

}

.childpost .column2_50 {

	-webkit-box-shadow: none;

	box-shadow: none;

	background: linear-gradient(to bottom, #fff 0%, #d1c0a5 100%);

	padding: 0 0 20px;

	box-sizing: border-box;

	border: 1px solid #d1c0a5;

	margin: 0 4% 30px 0;

	position: relative;

}

.childpost .column2_50:nth-of-type(2n) {

	margin: 0 0 30px;

}

.childpost h2 {

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	margin-bottom: 20px;

	font-size: 135%;

	background: rgba(193,118,53,0.75);

	padding: 15px 10px;

	position: absolute;

    display: block;

    width: 99.99%;

    box-sizing: border-box;

	z-index: 1;

}

.childpost h2 a {

	color: #fff;

	display: block;

}

.ctitle6 {

	background: none;

	border: none;

	padding: 0;

}

.childText {

	padding: 10px;

}

.morelink a {

	font-size: 12px;

    border: 1px solid #9e917d;

    background: #604F45;

    background: linear-gradient(to bottom, #6F5D53 0%, #4D3D35 100%);

	color: #fff;

}

.morelink a:hover {

	background: linear-gradient(to bottom, #4D3D35 0%, #6F5D53 100%);

}

.morelink a:after {

	border-top: 8px solid #fff;

}

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

.post4b li:nth-child(4n+2) {

	margin: 0 2% 14px 0;

}

.post4b li:nth-child(2n) {

	margin: 0 0 14px 0;

}

}

@media (min-width: 641px) and (max-width: 959px) {

.column2_50 .post4b li {

	margin: 0 0 14px 0;

	padding: 0 0 5px;

	width: 95%;

	border-top: none !important;

}

.column2_50 .post4b .post4b_img {

    width: 32%;

    margin: 0;

    padding: 0;

    float: left;

}

.column2_50 .post4b_text70 {

    width: 66%;

    float: right;

}

}

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

.post4b li {

	margin: 0 0 14px 0;

	padding: 0 0 5px;

	width: 95%;

	border-top: none !important;

}

}

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

.column2_50 .post4b li {

	margin: 0 auto 14px;

	padding: 0 0 5px;

	width: 95%;

	border-top: none !important;

	display: block;

}	

}

/* ギャラリー・画像

-------------------------------------------------------------- */

.post img {

	padding: 0 !important;

	border: none !important;

}



/* コンテンツ

-------------------------------------------------------------- */

#content {

	width: 950px;

}

.post {

	box-shadow: none;

	border: none;



}

.post p {

	padding-bottom: 0;

	margin-bottom: 15px;

}

.post table {

    border: #d9d3cb 1px solid;

}

.post table th {

	border: #d9d3cb 1px solid;

    background-color: #efece8;

	color: #6d5744;

}

.post table td {

	background-color: #fdfdfc;

    border: #d9d3cb 1px solid;

}

.contentsBanner_reservation {

	margin-top: 30px;

}

.gallery-caption {

	font-size: 90%;

	color: #c17635;

}

/* フロントページ */

.post .frontPage {

	background: url(../img/front_bg.png) no-repeat right bottom;

	background-size: contain;

	margin-bottom: 20px;

	padding: 0 10px;

}

/* 各店舗ページ */

#item_thumb {

	overflow: hidden;

	margin: 0 auto;

}

#item_thumb li{

    width: 25%;

    float: left;

    background: none;

    margin: 0;

	height: 0;

    padding-bottom: 18%;

}

#item_thumb li a{

    display:block;

}

#item_thumb li a:link    {}

#item_thumb li a:visited {}

#item_thumb li a:hover, #item_thumb li a:active {

	opacity:0.8;

}

#item_thumb li a:hover img {/* IE用 */

	filter:alpha(opacity=80);

} 

#item_mainphoto{

	height: 500px !important;

	max-height: 500px !important;

	text-align: center;

	position: relative;

	margin-bottom: 10px;

	overflow: hidden;

}

#item_mainphoto img {

	height: auto;

	position: absolute;

    margin: auto auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

	width: 100%;

}

.post .staff a{

	display: inline-block;

	padding: 0 1.5em 0 1em;

	background: #6d5744;

	position: relative;

	color: #fff;

	border-radius: 3px;

	line-height: 1.8;

}

.post .staff a:hover {

	background: #c17635;

}

.post .staff a:after {

	display: block;

	content: '';

	position: absolute;

	top: .55em;

	right: .5em;

	width: 6px;

	height: 6px;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

/* 初めての方へページ */

.post .guide_notice {

	background: #f0e2e2 url("../img/checkered-light-emboss.png");

	padding: 15px 20px;

    color: #e45a79;

}

.post .guide_flow {

	position: relative;

	margin-bottom: 30px;

	border: 1px dotted #90817a;

    padding: 5px 10px;

}

.post .guide_flow h3 {

	margin: 20px 0 10px 10px;

}

.post .guide_flow p {

	padding: 0 10px;

}

.post .guide_flow:after {

	top: 102%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(144, 129, 122, 0);

	border-top-color: #90817a;

	border-width: 18px;

	margin-left: -18px;

}

.post .kaikei {

	text-align: center;

	color: #bd355a;

	font-weight: bold;

}

/* こだわりページ */

.page-id-31 ol {

	margin: 0;

	counter-reset:number;

}

.page-id-31 ol li {

	list-style:none;

	position: relative;

	background-image: url(../img/kodawari_bg_left.png), url..(img/kodawari_bg_right.png);

	background-repeat: no-repeat, no-repeat;

	background-position: top left, bottom right;

}

.page-id-31 ol li:before {

	counter-increment: number;

	content: counter(number);

	position: absolute;

	display: block;

	top: 2px;

	left: 10px;

	color: #d4a104;

	z-index: 1;

	padding: 13px 0;

	font-size: 35px;

	font-family: 'Crimson Text', serif;

	font-style: italic;

	font-weight: 700;

}

.page-id-31 ol li h2 {

	padding-left: 40px;

	color: #357ebd;

	background: linear-gradient(to bottom, #fff 0%, #F3EADE 100%);

}

.page-id-31 ol li img {

	display: inline-block;

	width: 40%;

	vertical-align: middle;

	padding: 10px !important;

	margin: 0 10px;

    box-sizing: border-box;

	box-shadow: 2px 1px 2px #ddd;

}

.page-id-31 ol li p {

	display: inline-block;

	width: 55%;

	vertical-align: middle;

	padding: 10px;

    box-sizing: border-box;

	line-height: 2;

}

/* メニュー・料金　各ページ */

.post .pricelist {

    background: linear-gradient(to bottom, #fff 0%, #d9d3cb 100%);

    padding: 0 30px 10px;

	box-sizing: border-box;

}

.post .pricelist h2 {

	margin: 0 -30px 20px;

}

.pricelist>h2:first-of-type {

	margin-top: 0;

}

.post .pricelist .price {

	margin-top: -15px;

	font-family: 'Source Serif Pro', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	font-size: 130%;

	text-align: right;

	border-bottom: 1px dotted #bbb;

}

.post .pricelist .minutes {

	margin: 10px 0 -20px;

}

.post .setmenu {

	border: 4px double #d4a104;

	padding: 0 25px;

	position: relative;

	margin: 10px 0 30px;

}

.post .setmenu:before {

    content: "おすすめセットメニュー";

    background: #D46E6E;

    position: absolute;

    top: -5px;

    display: inline-block;

    padding: 5px 10px;

    color: #fff;

    border-top: none;

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    font-size: 110%;

	border-radius: 0 0 5px 5px;

}

.post .setmenu h2 {

	border-top: none;

	border-bottom: none;

	background: none;

	color: #d4a104;

	padding: 10px 0;

	margin: 30px 0 10px;	

}

.post .setmenu img.alignright {

	margin: 0 0 0 30px;

}

.post .setmenu table td .price {

	font-size: 130%;

	font-family: 'Source Serif Pro', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}

.post .setmenu table td:nth-of-type(2n) {

	text-align: right;

}

.post .column4_25.flow {

	background: #f3eade;

	position: relative;

	padding: 0 10px;

}

.post .column4_25.flow:after {

	left: 102%;

	top: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(171, 147, 114, 0);

	border-left-color: #ab9372;

	border-width: 10px;

	margin-top: -10px;

}

.post .column4_25.flow:last-of-type:after {

	display: none;

}

.post .column4_25.flow h3 {

	border-left: none;

	border-bottom: 1px solid;

    margin: 0 -10px 10px;

    padding: 5px 10px;

    background: #645349;

	font-size: 13px;

	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	font-weight: normal;

	color: #fff;

}

/* アロマトリートメントページ */

.post table.aroma th {

	width: 20%;

	vertical-align: middle;

	background: #abaed6;

	color: #523200;

	font-size: 105%;

    font-weight: bold;

}

.post table.aroma td {

	background: linear-gradient(to right, #fff 0%, #FFF9F1 100%);

}

.post table.aroma td img {

    margin: 0 20px 0 0;

}

/* 酸素カプセルページ */

.post .o2intro {

	position: relative;

}

.post .o2intro_text {

	position: absolute;

    bottom: 0;

    background: rgba(43,26,11,0.7);

    padding: 20px 30px;

    color: #fff;

}

.post ul.o2kouka li {

	clear: both;

    padding: 0 20px;

	border-bottom: dashed 1px #B28500;

}

.post ul.o2kouka li:last-child {

	border-bottom: none;

}

.post ul.o2kouka img {

	display: inline-block !important;

    width: 10%;

    float: left;

	background: none;

	margin-right: 20px;

	margin-top: 20px;

}

.post ul.o2kouka h3 {

	display: inline-block;

	margin: 0 0 10px;

	padding: 0;

	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	border-left: none;

	color: #357ebd;

	font-size: 14px;

}

.post ul.o2osusume {

    border: 1px solid #ab9372;

    padding: 5px 20px;

	background: linear-gradient(to bottom, #FFFFFE 0%, #f3eade 100%);

}

.post ul.o2osusume li {

	margin: 10px 0;

	font-size: 105%;

	position: relative;

	padding-left: 20px;

}

.post ul.o2osusume li:after {

	display: block;

	content: '';

	position: absolute;

	top: .5em;

	left: 0;

	width: 8px;

	height: 3px;

	border-left: 2px solid #ab9372;

	border-bottom: 2px solid #ab9372;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.post .o2_flow {

	position: relative;

	margin-bottom: 30px;

	border: 1px dotted #90817a;

    padding: 5px 20px;

}

.post .o2_flow p {

	padding: 0 10px;

}

.post .o2_flow:after {

	top: 102%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(144, 129, 122, 0);

	border-top-color: #90817a;

	border-width: 18px;

	margin-left: -18px;

}

.post .o2_flow:last-of-type:after {

	display: none;

}

.post .o2_notice {

	background: #f0e2e2 url("../img/checkered-light-emboss.png");

	padding: 10px 20px 10px 30px;

    color: #e45a79;

}

.post .o2_notice li {

	margin: 10px 0;

	position: relative;

}

.post .o2_notice li:after {

	display: block;

	content: '';

	position: absolute;

	top: .5em;

	left: -1em;

	width: 6px;

	height: 6px;

	background-color: #e45a79;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

/* サプリページ */

.setmenu.suppleintro:before {

    display: none;

}

.post .setmenu.suppleintro h2 {

	margin: 10px 0 10px;

}

.post .setmenu.suppleintro .column2_20, .post .setmenu.suppleintro .column2_70 {

	vertical-align: middle;

}

.post .supplefor img {

	margin-bottom: 20px;

	background: none;

}

.post table.supplecomparison th, .post table.supplecomparison td {

	text-align: center;

}

.post table.supplecomparison td:nth-of-type(3n+1) {

	width: 10%;

	text-align: left;

}

.post table.supplecomparison th:nth-of-type(3n+2), .post table.supplecomparison td:nth-of-type(3n+2) {

	background: #EAF5FF;

    color: #0069A2;

}

/* サプリ＆よくあるご質問ページ FAQ */

.post .faq {

	margin-top: 20px;

}

.post .faq dt {

	background: url(../img/faq_q.png) no-repeat 0 50%;

	font-weight: normal;

	color: #d4a104;

    padding: 2px 0 2px 40px;

	font-size: 105%;

    margin-bottom: 10px;

}

.post .faq dd {

	background: url(../img/faq_a.png) no-repeat 0 10%;

	padding: 0 0 16px 30px;

    margin: 0 5px 16px;

	border-bottom: 1px dashed #d9d3cb;

}

/* よくあるご質問ページ */

.post .faq_list {

    background: url(../img/sos.png) repeat;

    padding: 10px 10px;

}

.post .faq_list li {

	display: inline-block;

	margin: 7px 0;

}

.post .faq_list li a {

	display: inline-block;

    padding: 0 1em 0 1.6em;

    position: relative;

    color: #6d5744;

    border-radius: 3px;

    line-height: 1.8;

	font-weight: bold;

}

.post .faq_list li a:after {

    display: block;

    content: '';

    position: absolute;

    top: .55em;

    left: .5em;

    width: 6px;

    height: 6px;

    border-right: 2px solid #6d5744;

    border-bottom: 2px solid #6d5744;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.post .faq_list li a:hover {

	text-decoration: underline;

}

/* 採用情報ページ */

.post .recruit th {

	vertical-align: middle;

}

.post .column2_70.staffcomment {

	background: #FFEFE4;

	padding: 20px 20px 5px;

    margin-bottom: 20px;

	position: relative;

	box-sizing: border-box;

}

.post .column2_70.staffcomment:after {

	left: 100%;

	top: 20%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(255, 239, 228, 0);

	border-left-color: #FFEFE4;

	border-width: 10px;

	margin-top: -10px;

}

.post .column2_30.staffcomment {

	margin-bottom: 30px;

}

.post .column2_30.staffcomment p {

	margin-bottom: 5px;

}

.post .column2_30.staffcomment img {

	width: 80%;

}

.post .privacy {

	background: url(../img/sos.png) repeat;

	padding: 10px 15px;

	font-size: 90%;

}

/* 応募＆問い合わせフォーム 共通 */

.wpcf7-form .must {

	color: #f94e4e;

	font-weight: bold;

}

.wpcf7-form .submit {

	text-align: center; 

}

.wpcf7-form input[type=submit] {

	font-size: 110%;

	padding: 6px 40px; 

}

.wpcf7-form input[type=submit]:hover {

	cursor: pointer; 

}

.wpcf7-form span.wpcf7-not-valid-tip {

	background: #fffde0; 

}

.wpcf7-form div.wpcf7-validation-errors {

	background: #fffde0;

}

.wpcf7-form table td.age .wpcf7-text {

	width: 15% !important;

}

/* サイトマップ */

.post ul#sitemap_list li {

	position: relative;

	margin: 10px 0;

}

.post ul#sitemap_list li:after {

	display: block;

	content: '';

	position: absolute;

	top: .5em;

	left: 0em;

	width: 6px;

	height: 6px;

	background-color: #6d5744;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.post ul#sitemap_list li li {

	padding-left: 0;

}

.post ul#sitemap_list li li::after {

	display: block;

	content: '';

	position: absolute;

	top: .65em;

	left: -1em;

	width: 8px;

	height: 1px;

	background-color: #6d5744;

	transform: rotate(0)

}

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

#content {

	width: 95%;

}

}

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

#item_mainphoto, #item_thumb {

	width: 100%;

}

}

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

#item_mainphoto{

	height: 400px !important;

}

.post .o2intro_text {

	position: static;

}

}

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

#item_mainphoto{

	height: 300px !important;

}

.post .setmenu img.alignright {

	margin: 5px auto 10px;

}

.post .setmenu table th, .post .setmenu table td, .post table.aroma th, .post table.aroma td {

	width: 100%;

	display: inline-block;

	box-sizing: border-box;

}

.post .column4_25.flow:after {

	left: 50%;

    top: 102%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(171, 147, 114, 0);

    border-top-color: #ab9372;

    border-width: 10px;

    margin-left: -10px;

	margin-top: 0;

}

.page-id-31 ol li img {

	width: auto;

	display: block;

	margin: 0 auto;

}

.page-id-31 ol li p {

	width: auto;

}

.post ul.o2kouka img {

    width: 18%;

}

.post .column2_70.staffcomment:after {

	top: 100%;

	left: 50%;

	content: " ";

	border-top-color: #FFEFE4;

	border-left-color: transparent;

	margin-left: -10px;

	margin-top: 0;

}

input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {

	height: 30px;

}

.wpcf7-form table th, .wpcf7-form table td {

    width: 100%;

    display: block;

    box-sizing: border-box;

}

.wpcf7-form .wpcf7-text {

    width: 100% !important;

    box-sizing: border-box;

}

.wpcf7-form .wpcf7-textarea {

	width: 100% !important;

	max-width: 100%;

    box-sizing: border-box;

    height: auto !important;

}

}

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

#item_thumb li {

	width: 33%;

}

#item_mainphoto{

	height: 200px !important;

}

.post ul.o2kouka img {

    width: 25%;

}

}