@charset "utf-8";

/*	Reset normalize.css
------------------------------------------------------------ */ 
/*! normalize.css v2.0.1 | MIT License | git.io/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/ * Corrects block display not defined in IE8/9. */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}
/* Corrects inline-block display not defined in IE8/9. */
audio,canvas,video {display : inline-block}
/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) { display: none;height: 0}
/* Addresses styling for 'hidden' attribute not present in IE8/9. */
[hidden] {display: none}
/* =============================================================================
   Base
   ========================================================================== */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top:0; padding-top:0; } /*上方向のmargin paddingを0にします */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-bottom:0; padding-bottom:0;} /*下方向のmargin paddingを0にします */
/* =============================================================================
   Links
   ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted}
/* Improves readability when focused and also mouse hovered in all browsers. */
a:hover,a:active { outline : 0;}
/* =============================================================================
   Typography
   ========================================================================== */
/* 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */

html {
	/* 日本語のfont-familyへの対応 */
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 95%;
	-ms-text-size-adjust: 95%;
	font-size : 95%;
	line-height : 1.5;
}
/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}
/*Addresses styling not present in IE 8/9, Safari 5, and Chrome.*/
abbr[title] { border-bottom : 1px dotted}
/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.*/
b, strong { font-weight : bold}
/*Addresses styling not present in Safari 5 and Chrome.*/
dfn { font-style: italic}
/*Addresses styling not present in IE 8/9.*/
mark { background: #ff0;
color: #000}
/* Corrects font family set oddly in Safari 5 and Chrome.*/
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em}
/*Improves readability of pre-formatted text in all browsers.*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word}
/*Sets consistent quote types.*/
q {quotes: “\201C” “\201D” “\2018” “\2019”;}
/*Addresses inconsistent and variable font size in all browsers.*/
small {font-size: 80%;}
/*Prevents `sub` and `sup` affecting `line-height` in all browsers.*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
/*=================================================================
   Embedded content
=================================================================*/
/*Removes border when inside `a` element in IE 8/9.*/
img {
/*
max-width :100%;*/ /* フルードイメージへの対応 */
vertical-align: middle; /* 追加箇所 */
border: 0}
/* IE8 max-widthバグへの対応*/
/* .ie8 img{width: auto; height: auto} */

/* Corrects overflow displayed oddly in IE 9.*/
svg:not(:root) {overflow: hidden}
/* =============================================================================
   Figures
   ========================================================================== */
/*Addresses margin not present in IE6/7/8/9, S5, O11*/
figure { margin: 0 auto; text-align:center; }
/* =============================================================================
   Forms
   ======================================================================== */
/* Define consistent border, margin, and padding*/
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/* 1. Corrects color not being inherited in IE 8/9.
 2. Remove padding so people aren’t caught out if they zero out fieldsets. */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */}
/* 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */}
/*Addresses Firefox 4+ setting `line-height` on `input` using `!important` in  the UA stylesheet.*/
button,input {line-height: normal; /* 1 */}
/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`  and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button,
input[type="button"],  /* 1 */
input[type="reset"], 
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */}/
}
/*Re-set default cursor for disabled elements. */
button[disabled],
input[disabled] {cursor: default}
/* 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9*/
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none}
/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0}
/* 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers. */
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */}
ul, ol { list-style : none;}
/*	Elements elements.css
------------------------------------------------------------ */ 

/*	Float
------------------------------------------------------------ */ 
.fl { float:left; padding-right:1em; } /* 左に寄せて後続を右に回り込ませる */
.fr { float:right; padding-left:1em; } /* 右に寄せて後続を左に回り込ませる */
.clear {clear:both;}
.img10 {width: 10%;}
.img20 {width: 20%;}
.img30 {width: 30%;}
.img40 {width: 40%;}
.img50 {width: 50%;}
.img60 {width: 60%;}
.img70 {width: 70%;}
.img80 {width: 80%;}
.img90 {width: 90%;}
.img110 {width: 110%;}
.img120 {width: 120%;}
.table100 {width: 100%;}
.th50 {width: 50%;}
/*	Text Align
------------------------------------------------------------ */
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
/*	Font
------------------------------------------------------------ */
.font_gold { color:#AF911C; }
.font_red, .font_red a { color:#DB84C3; }
.font_red2 { 
	background-color: #E89EB4;
	border-radius: 2em;
	color:#554839;
	font-size:0.8em;
	font-weight: normal;
	line-height: 1;
	padding: 0.15em 2em;
	margin-left: 2em;
	text-align: center;
}
.font_alphabet {
	font-size:1.2em;
	line-height: 1;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
.font77 { font-size:0.77em !important; line-height: 1.2em; }
.font84 { font-size:0.84em !important; line-height: 1.2em; }
.font92 { font-size:0.92em !important; line-height: 1.5em; }
.font100 { font-size:1em !important; }
.font108 { font-size:1.08em !important; }
.font115 { font-size:1.15em !important; }
.font123 { font-size:1.23em !important; }
.font138 { font-size:1.38em !important; }
.font154 { font-size:1.54em !important; }
.font169 { font-size:1.69em !important; }
.font185 { font-size:1.85em !important; }

.border_01 { border:solid 1px #666; }

/*
vw
相対指定。ビューポートの幅の何パーセントか。
vh
相対指定。ビューポートの高さの何パーセントか。
vmin
相対指定。ビューポートの「幅か高さの短い方」の何パーセントか。
vmax
相対指定。ビューポートの「幅か高さの長い方」の何パーセントか。
*/
.txt5{  font-size: 3vw;}
.txt6{  font-size: 4vh;}
.txt7{  font-size: 5vmin;}
.txt8{  font-size: 6vmax;}

.font_through { text-decoration:line-through;}
.font_bold { font-weight:bold;}
.font_normal { font-weight:normal !important;}
/*	Padding
------------------------------------------------------------ */ 
.pt05 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt100 { padding-top:100px !important; }
.pb50 { padding-bottom:50px !important; }
.pb100 { padding-bottom:100px !important; }
.pr50 { padding-right:50px !important; }
.pl50 { padding-left:50px !important; }
/*	Margin
------------------------------------------------------------ */ 
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important;}

.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 {	margin-right:15px !important;	}
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important;	}
.mr60 {	margin-right:60px !important;	}
.mr70 {	margin-right:70px !important;	}
.mr80 {	margin-right:80px !important;	}
.mr90 {	margin-right:90px !important;	}
.mr100 {	margin-right:100px !important;	}

.mb01 {	margin-bottom:1px !important;	}
.mb05 {	margin-bottom:5px !important;	}
.mb10 {	margin-bottom:10px !important;	}
.mb15 {	margin-bottom:15px !important;	}
.mb20 {	margin-bottom:20px !important;	}
.mb30 {	margin-bottom:30px !important;	}
.mb40 {	margin-bottom:40px !important;	}
.mb50 {	margin-bottom:50px !important;	}
.mb60 {	margin-bottom:60px !important;	}
.mb70 {	margin-bottom:70px !important;	}
.mb80 {	margin-bottom:80px !important;	}
.mb90 {	margin-bottom:90px !important;	}
.mb100 { margin-bottom:100px !important;	}

.ml05 {	margin-left:5px !important;	}
.ml10 {	margin-left:10px !important;	}
.ml15 {	margin-left:15px !important;	}
.ml20 {	margin-left:20px !important;	}
.ml25 {	margin-left:25px !important;	}
.ml30 {	margin-left:30px !important;	}
.ml40 {	margin-left:40px !important;	}
.ml50 {	margin-left:50px !important;	}
.ml60 {	margin-left:60px !important;	}
.ml70 {	margin-left:70px !important;	}
.ml80 {	margin-left:80px !important;	}
.ml90 {	margin-left:90px !important;	}
.ml100 { margin-left:100px !important;	}
.ml120 { margin-left:120px !important;	}
.ml250 { margin-left:250px !important;	}

filter: <filter-function> [<filter-function>]* | none
filter: brightness(300%); /*明るさ*/
filter: contrast(100%); /*コントラスト*/
filter: grayscale(100%); /*グレースケール*/
filter: saturate(0%); /*彩度*/
filter: sepia(100%); /*セピア*/
filter: hue-rotate(90deg); /*色相回転*/
filter: invert(100%); /*階調反転*/
filter: blur(1px); /*ぼかし*/
filter: opacity(75%); /*透明度*/
filter: drop-shadow(5px 5px 10px #666);

/*	Shadow
------------------------------------------------------------ */
/*
<div class="frame"><img src="dog.jpg"></div>
*/
/*(1)シャドウ*/
.frame1 {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
/*2.めくれた風*/
.frame2 {
	display: inline-block;
	position: relative;
}
.frame2:after {
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0,0,0, .5); /* シャドウ */
	transform: rotate(3deg); /* 回転させる */
	right: 5px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}
/*3.トイカメラ風トンネル効果*/
.frame3 {
	display: inline-block;
	position: relative;
}
.frame3:after { /* この要素が内向きのシャドウを写真に落とす */
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5),
		inset 0 0 100px rgba(0, 0, 0, 0.2);
}
/*4.カラー調整*/
.frame4 {
	display: inline-block;
	position: relative;
}
.frame4:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5),
		inset 0 0 100px rgba(0, 0, 0, 0.2);
	background: rgba(0, 255, 0, 0.1); /* カラーを重ねる */
}
/*5.回転*/
.frame5 {
	display: inline-block;
	transform: rotate(5deg);
}
/*6.角丸*/
.frame6 img {
	border-radius: 10px;
}
/*10. 重なった風*/
.frame10 {
	display: inline-block;
	position: relative;
}
.frame10:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}
/*13. フェード（グラデーション編）*/
.frame13 {
	display: inline-block;
	position: relative;
}
.frame13:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(left, rgba(255, 255, 255, 0) 40%, #fff 100%); /* 塗りつぶす */
}
/*14. 反射 フレームが入る*/
.frame14 {
	display: inline-block;
	position: relative;
	padding: 6px;
	box-shadow: 0 2px 6px #999;
}
.frame14:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient( /* ここで光を作っている */
	  -120deg, 
	  rgba(255, 250, 250, 0.1) 0, 
	  rgba(255, 250, 250, 0.5) 5px,
	  rgba(255, 250, 250, 0) 6px);
}
/*14. 反射 フレームが入る*/
.frame14_2 {
	display: inline-block;
	position: relative;
	padding: 15px;
	box-shadow: 0 2px 4px #ccc;
	margin-bottom: 1em;
}
.frame14_2:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: linear-gradient( /* ここで光を作っている */
	  -120deg, 
	  rgba(255, 250, 250, 0.1) 0, 
	  rgba(255, 250, 250, 0.5) 5px,
	  rgba(255, 250, 250, 0) 6px);
}
/*15. リボン*/
.frame15 {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.frame15:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: 'New';	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
/*17. フレームだけを傾ける*/
.frame17 {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 250px;
	border: 10px solid #fff;
	box-shadow: 0 0 4px #999;
	transform: rotate(20deg); /* 全体を回転 */
	overflow: hidden; /* 不要部分は消す */
}
.frame17 img {
	margin-top: 0;
	margin-left: -90px; /* ポジション調整 */
	transform-origin: 0 0;
	transform: rotate(-20deg); /* 写真は元に戻す */
}
/*	Body
------------------------------------------------------------ */
img, object, embed, video {
	max-width: 100%;
}
html,body {
}
.disp {	display: inline; }
.pcv{ display:block; }
.pcv_side{  display:block; } 
.spv{ display:none; }
body {
	margin:0 auto;
	background-image: url("../img/head_bg1.jpg");
	background-repeat: repeat-x;
	background-position: center top;
	color:#5F4B2C;
	text-align:center;
}
iframe {
	width:100%;
	height:500px;
	z-index: 1;
}
p {
	color:#5F4B2C;
	font-weight:normal;
	font-size:0.9em;
	line-height:1.5;
}
a {
	color:#5F4B2C;
}
/* @end */


/* base */
/* ======================================================== */
header,
footer,
#topmenu
{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
}
#header_base,
#topmenu_base,
#footer_base,
#footer_nav
{
	position:relative;
	clear:both;
	width:1100px;
	margin:0 auto;
}
/* @end */


/* @Header
------------------------------------------------------------ */
header {
	background-image: url("../img/head_bg2.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	height:160px;
}
#header_base h1{
	font-size:0.6em;
	font-weight:normal;
	line-height:0;
	color:#FFF;
	padding:10px 0 10px 0;
	text-align:left;
}
.logo {
	text-align:left;
}
#head_inquiry,
#head_reserve,
#head_line{
	margin:0 0 0 1em;
	float:right;
}
#head_tel {
	margin:10px 0 0 0;
	float:right;
	font-size:0.9em;
	line-height: 1.5;
	color: #FFF;
	text-align: right
}
#head_tel a {
	color: #FFF;
	text-decoration: none;
}
#head_tel a:hover {
	opacity: 0.5 ;
	transition: 1.0s ;
}
/* @end */

/* @nav topmenu Flex layout
------------------------------------------------------------ */
#topmenu {
	border-bottom: 1px solid;
    border-image: linear-gradient(to left,  #ffffff 0%, #e8e6de 4%, #cecab9 7%, #bab49d 10%, #a59d7e 13%, #8c825b 16%, #7f7347 19%, #60521b 22%, #584910 25%, #57480e 28%, #57480e 75%, #584910 78%, #60521b 81%, #7f7347 84%, #8c825b 87%, #a59d7e 90%, #bab49d 93%, #cecab9 96%, #e8e6de 98%, #ffffff 100%);
    border-image-slice: 1;
}
#topmenu ul {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	justify-content: space-evenly;
	list-style: none;
}
#topmenu li {
	margin: 7px 0 10px 0;
	padding: 0 3%;
	font-size:0.9em;
	/*横に1px・縦に2px・ぼかし3px・影の色#808080*/
	/*1つ目の数値を正の数、2つ目の数値を負の数とするように両方組み合わせることももちろん可能*/
	text-shadow: -1px 2px 3px #808080;
	line-height: 1;
	border-right:1px solid #AE9B7D;
}

#topmenu li:first-child {
	border-left:1px solid #AE9B7D;
}
#topmenu li a {
	display: block;
	margin: 0;
	color:#5D4933;
	padding: 10px 10px 15px 0;
	text-decoration: none;
}
/* @end */

/* @flex box  サイズ違いのコンテナを横並びする時に使用したい
------------------------------------------------------------ */
#container {
	position:relative;
	clear:both;
	max-width:1100px;
	margin:0 auto;
}
.grid {
	clear:both;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	list-style: none;
}
.grid-cell {
	margin: 0 0 0 20px;
	padding: 0px;
	text-align:left;
}
.flexible_contents {
	flex: 1;
}
.fixed_sidebar {
	width: 280px;
	order: -1; /* コンテナの位置を左へ移動 */
	/*order: 1;*/ /* コンテナの位置を右へ移動 */
	margin:0;
	padding:0;
}
/* @end */

/* @side_contact
------------------------------------------------------------ */
#side_contact {
	display:block;
	margin:0 auto;
	border:1px solid #806137;
	padding:0.1em;
	text-align:center;
	margin-bottom:2em;
}
#side_contact h2 {
	background-image: url("../img/sidemenu_header.png");
	background-repeat: no-repeat;
	background-position: center top;
	font-size:1.2em;
	line-height:1;
	color: #FFFFFF;
	font-weight: normal;
	text-shadow: -1px 2px 3px #000;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 0.8em 0 1em 0;
}
#side_contact p {
	line-height:1;
	padding: 0.5em 0;
}
#side_contact dt {
	margin:0 auto;
	width:90%;
	background-color:#E6E3E3;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	font-size:0.9em;
	font-weight:normal;
	line-height:1;
	color: #4F3B21;
	padding: 0.5em 0;
	margin-bottom:0.25em;
}
#side_contact dd {
	margin:0 auto;
	width:100%;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.5;
	padding: 0.5em 0;
	margin-bottom:0.5em;
}
/* @end */

/* @side_menu
------------------------------------------------------------ */
.side_menu {
	display:block;
	margin:0 auto;
	border:1px solid #806137;
	padding:0.1em;
	text-align:center;
	margin-bottom:2em;
}
.side_menu h2 {
	background-image: url("../img/sidemenu_header.png");
	background-repeat: no-repeat;
	background-position: center top;
	font-size:1.2em;
	line-height:1;
	color: #FFFFFF;
	font-weight: normal;
	text-shadow: -1px 2px 3px #000;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 0.8em 0 1em 0;
}
.side_menu ul {
	padding:0;
	margin:1em 0;
	padding-left:1em;
}
.side_menu li {
	background-image:url("../img/arrow_04.png");
	background-repeat:no-repeat;
	background-position:left top;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.5;
	padding:0 0 1em 2em;
	text-align:left;
}
.side_menu li a {
	color:#5F4B2C;
	text-decoration:none;
}
.side_menu li a:hover {
	opacity: 0.5 ;
	transition: 1.0s ;
}
.side_menu ul li ul {
	padding:0;
	margin:1em 0 0 0;
	padding-left:1em;
}
.side_menu li ul li {
	background-image:none;
	list-style-type:disc;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.5;
	padding:0 0 0.5em 1em;
	text-align:left;
}
.side_menu li ul li a {
	color:#5F4B2C;
	text-decoration:none;
}
.side_menu li ul li a:hover {
	opacity: 0.5 ;
	transition: 1.0s ;
}
/* @end */

/* ＠calendar
-----------------------------------------------------------*/
.side_calendar {
	display:block;
	margin:0 auto;
	border:1px solid #806137;
	padding:0.1em;
	text-align:center;
	margin-bottom:2em;
}
.side_calendar h2 {
	background-image: url("../img/sidemenu_header.png");
	background-repeat: no-repeat;
	background-position: center top;
	font-size:1.2em;
	line-height:1;
	color: #FFFFFF;
	font-weight: normal;
	text-shadow: -1px 2px 3px #000;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 0.8em 0 1em 0;
}
/* widget wp-calendar start */
#wp-calendar td.businessday,
.usces_calendar td.businessday{
	background-color: #EBCDD1;
	color: #CB7B87;
}
table#wp-calendar,
table.usces_calendar {
	display:block;
	margin:0 auto;
	text-align: center;
	width:70%;
}
#wp-calendar,
.usces_calendar {
	width: 200px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	/*border: 1px solid #DAD8D1;*/
	text-align: center;
}
#wp-calendar caption,
.usces_calendar caption {
	padding: 3px 0px;
	color:#A07D73;
	font-weight: normal;
}
#wp-calendar th,
#wp-calendar td,
.usces_calendar th,
.usces_calendar td {
	padding: 3px;
	border: 1px solid #DAD8D1;
}
#wp-calendar th,
.usces_calendar th {
	background-color: #A07D73;
	color: #FFF;
	font-weight: normal;
}
#wp-calendar td,
.usces_calendar td {
	background-color: #FFF;
}
span.businessday {
	background-color: #EBCDD1;
}
#wp-calendar td.businesstoday,
.usces_calendar td.businesstoday {
	color:#A07D73;
	font-weight: bold;
}
/* widget wp-calendar end */

/* @banner
------------------------------------------------------------ */
.banner ul {
	padding:0;
	margin:0;
	list-style:none;
}
.banner li {
	margin-bottom:1.5em;
}
/*
.banner li span {
	display:block;
	font-size:0.9em;
	line-height:1.5;
	padding: 0 0 1em 0;
	text-align:right;
}
.banner li span a {
	color: #000;
	text-decoration: none;
}
*/
/* @end */

/* @group page top
------------------------------------------------------------ */
.page_top {
	position:fixed;
	bottom:5em;
	right:0.5em;
}
/* @end */

/* @footer
------------------------------------------------------------ */
footer {
	background-image:url("../img/foot_bg1.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	height:376px;
}
#footer_nav_sp {
	display:none;
}
#footer_nav {
	padding:5em 0 5em 5em;
}
#footer_nav dt{
	float: left;
	font-size:0.7em;
	line-height:1.5;
	color:#FFF;
	border:2px solid #B39D7D;
	border-radius: 5em;
	padding: 0.25em 0;
	margin-bottom: 2em;
	width:15em;
}
#footer_nav dd {
	margin-left: 16em;
	font-size:0.7em;
	line-height:1.5;
	color:#FFF;
	text-align: left;
	margin-bottom: 2em;
}
#footer_nav dd span {
	display:inline-block;
	padding-right:2em;
	padding-left:2em;
	margin-bottom: 0.5em;
	border-right:1px solid #FFF;
}
#footer_nav dd span a {
	color:#FFF;
	text-decoration:none;
}
#footer_nav dd span a:hover {
	opacity: 0.5 ;
	transition: 1.0s ;
}
#footer_nav dd span.ttl {
	color: #FFF;
	padding-right:0;
	padding-left:2em;
	border-right:none;
}
#footer_nav dd span.ttl_end {
	color: #FFF;
	padding-right:0;
	padding-left:0;
	border-right:none;
}
#footer_nav dd span.sub {
	padding-right:1em;
	padding-left:1em;
	border-right:none;
}
.first {
	padding-left:0;
}
.footer_address {
	display:block;
	margin:0 auto;
	width:80%;
	border-bottom: 1px solid;
	border-top: 1px solid;
    border-image: linear-gradient(to left,  #ffffff 0%, #e8e6de 4%, #cecab9 7%, #bab49d 10%, #a59d7e 13%, #8c825b 16%, #7f7347 19%, #60521b 22%, #584910 25%, #57480e 28%, #57480e 75%, #584910 78%, #60521b 81%, #7f7347 84%, #8c825b 87%, #a59d7e 90%, #bab49d 93%, #cecab9 96%, #e8e6de 98%, #ffffff 100%);
    border-image-slice: 1;
	padding:2em 0;
	margin-bottom:3em;
}
.footer_address p {
	font-size:0.9em;
	line-height:1.5;
	color:#5F4B2C;
	padding-bottom:0.25em;
}
#footer_contact ul.row-flex {
	padding:0;
	margin:0;
	margin: 0 auto 3em auto;
	max-width: 40%;
	display: flex;
	flex-wrap: wrap;
}
#footer_contact li.row-flex {
	flex: 1 1 45%;
}
#footer_sns ul.row-flex {
	padding:0;
	margin:0;
	margin: 1em auto 2.5em auto;
	max-width: 10%;
	display: flex;
	flex-wrap: wrap;
}
#footer_sns li.row-flex {
	flex: 1 1 45%;
}
#footer_sns p {
	padding:0;
	display:block;
	margin:0 auto;
	color:#5F4B2C;
	font-size:0.8em;
	line-height:0;
}
#footer_copyright {
	background-image:url("../img/foot_bg2.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	height:81px;
}
#footer_copyright p {
	font-size:0.8em;
	line-height:1;
	color:#fff;
	padding-top: 30px;
}

#footer_fix_contact { display:none; }
/* @footer end */


/*---------------------------------------------------------- */
/*                                                           */
/* WORDPRESS                                                 */
/*                                                           */
/*---------------------------------------------------------- */


/* @search
------------------------------------------------------------ */
.widget_search {
	width: 280px;
	margin-bottom:2em;
}

#searchform {
	font-size: 0;
	position: relative;
}

#s {
	font-size: small;
	background: url("../img/bg_search_form.png");
	width: 232px;
	height: 30px;
	border: none;
	padding: 0 0 0 8px;
}
#s:hover {
	border: none;
}
#searchsubmit {
    background: url("../img/btn_search.png") no-repeat scroll 0 0 transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    position: absolute;
    position: relative\9;
	right: 1px;
    width: 47px;
	text-indent: -9999px;
}

#searchsubmit:hover {
	background-position: left bottom;
}
/* @search end */



/* 1100px -> 768 -------------------------------------------------------------- */
@media screen and (max-width:1100px){
html,body {
	-webkit-text-size-adjust: 93%;
	-ms-text-size-adjust: 93%;
	font-size : 93%;
}
.pcv{ display:block; }
.pcv_side{ display:none; }
.spv{ display:none; }
/*p {font-size:0.9em;}*/

/* base */
/* ======================================================== */
header,
footer,
#topmenu
{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
}
#header_base,
#topmenu_base,
#footer_base,
#footer_nav
{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
}
/* @end */

/* @Header
------------------------------------------------------------ */
header {
	height:160px;
}
.logo {
	text-align:center;
}
#head_inquiry,
#head_reserve,
#head_line {
	/*
	margin:0 0 0 1em;
	float:right;
	*/
	display: none;
}
#head_tel {
	/*
	margin:10px 0 0 0;
	float:right;
	*/
	display: none;
}
/* @end */

/* @nav topmenu Flex layout
------------------------------------------------------------ */
#topmenu li {
	margin: 7px 0 10px 0;
	padding: 0 2%;
	font-size:0.85em;
	/*横に1px・縦に2px・ぼかし3px・影の色#808080*/
	/*1つ目の数値を正の数、2つ目の数値を負の数とするように両方組み合わせることももちろん可能*/
	text-shadow: -1px 2px 3px #808080;
	line-height: 1;
	border-right:1px solid #AE9B7D;
}
/* @end */

/* @flex box  サイズ違いのコンテナを横並びする時に使用したい
------------------------------------------------------------ */
#container {
	max-width:98%;
}
.grid-cell {
	margin: 0;
	padding: 0;
	text-align:left;
}
/* @end */

/* @group inside link
------------------------------------------------------------ */
.inside_link img {
    width: 28%;    /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
	margin-top:2em;
	margin-bottom:0;
}
/* @end */

/* @group page top
------------------------------------------------------------ */
.page_top {
	position:fixed;
	bottom:6em;
	right:0.5em;
}
/* @end */

/* @footer
------------------------------------------------------------ */
footer {}
#footer_nav_sp {
	display:none;
}
#footer_nav {
	padding:1.5em 0 5em 1em;
}
#footer_nav dt{
	float: none;
	font-size:0.7em;
	line-height:1.5;
	color:#FFF;
	border:2px solid #B39D7D;
	border-radius: 5em;
	padding: 0.25em 0;
	margin-bottom: 0.5em;
	width:18em;
}
#footer_nav dd {
	margin-left: 0;
	font-size:0.8em;
	line-height:1.5;
	color:#FFF;
	text-align: left;
	margin-bottom: 1em;
}
#footer_nav dd span {
	padding-right:2em;
	padding-left:2em;
	border-right:1px solid #FFF;
	margin-bottom: 0.1em;
}
#footer_contact ul.row-flex {
	max-width: 50%;
}
#footer_sns ul.row-flex {
	max-width: 20%;
}
#footer_copyright {
	background-image:none;
	height:auto;
}
#footer_copyright p {
	font-size:0.8em;
	line-height:1;
	color:#5F4B2C;
	padding-bottom: 100px;
}

/* @section footer_fix_contact
------------------------------------------------------------ */
#footer_fix_contact {
	display:block;
	position: fixed;
    bottom: 0;
    width: 100%;
    height:81px;
	background-image:url("../img/foot_bg2.jpg");
	background-repeat:no-repeat;
	background-position: center top;
	z-index: 999;
}
#footer_fix_contact ul.row-flex {
	padding:0;
	margin:0;
	margin: 0 auto 0 auto;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#footer_fix_contact li.row-flex {
	background-color:#FFF;
	flex: 1 1 20%;
	padding:0.5em 0;
	margin:1.2em 0.8em auto 0.8em;
	text-align:center;
}
/* @end */
/* @footer end */
}

/* スマホ設定　768px
------------------------------------------------------------ */
@media screen and (max-width:768px) {
html,body {
	background-color:#FFF;
	min-width:100%;
	-webkit-text-size-adjust: 85%;
	-ms-text-size-adjust: 85%;
	font-size : 85%;
}
.pcv{ display:none; }
.pcv_side{ display:none; }
.spv{ display:block; }
p {
	font-size:1em;
	line-height:1.5;
}
/*	scale
------------------------------------------------------------ */
.img_zoom60 {zoom: 60%;}
.img_zoom70 {zoom: 70%;}

/* base */
/* ======================================================== */
header,
footer
{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
}
#header_base,
#footer_base
{
	position:relative;
	clear:both;
	width:90%;
	margin:0 auto;
}
/* @end */

/* @Header
------------------------------------------------------------ */
header {
	height:0;
}
#header_base h1{
	display:none;
}
.logo {
	margin: 0;
	padding: 0;
	clear:both;
	text-align:left;
}
.logo img {
	max-width: 220px;
}
/* meanmenu スクロールを可能にする */
/*
header nav {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
header nav ul {
	 height: 100%;
	 overflow: auto;
	 -webkit-overflow-scrolling: touch;
}
*/
/* @end */
	
/* @nav
------------------------------------------------------------ */
#topmenu { display:none; }
#topmenu_base{ display:none; }
/* @end */
	
/* ＠calendar
-----------------------------------------------------------*/
.footer_calendar {
	position:relative;
	clear:both;
	width:70%;
	margin:0 auto;
	display:block;
	border:1px solid #806137;
	padding:0.1em;
	text-align:center;
	margin-bottom:2em;
}
.footer_calendar h2 {
	background-image: url("../img/sidemenu_header.png");
	background-repeat: no-repeat;
	background-position: center top;
	font-size:1.2em;
	line-height:1;
	color: #FFFFFF;
	font-weight: normal;
	text-shadow: -1px 2px 3px #000;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 0.8em 0 1em 0;
}
/* widget wp-calendar start */
/*
#wp-calendar td.businessday,
.usces_calendar td.businessday{
	background-color: #EBCDD1;
	color: #CB7B87;
}
*/
table#wp-calendar,
table.usces_calendar {
	/*
	display:block;
	margin:0 auto;
	text-align: center;
	*/
	width:50%;
}
/*
#wp-calendar,
.usces_calendar {
	width: 200px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	text-align: center;
}
#wp-calendar caption,
.usces_calendar caption {
	padding: 3px 0px;
	color:#A07D73;
	font-weight: normal;
}
#wp-calendar th,
#wp-calendar td,
.usces_calendar th,
.usces_calendar td {
	padding: 3px;
	border: 1px solid #DAD8D1;
}
#wp-calendar th,
.usces_calendar th {
	background-color: #A07D73;
	color: #FFF;
	font-weight: normal;
}
#wp-calendar td,
.usces_calendar td {
	background-color: #FFF;
}
span.businessday {
	background-color: #EBCDD1;
}
#wp-calendar td.businesstoday,
.usces_calendar td.businesstoday {
	color:#A07D73;
	font-weight: bold;
}
*/
/* widget wp-calendar end */		

/* @group page top
------------------------------------------------------------ */
.page_top_sp {
	position:fixed;
	width: 50px;
	bottom:7em;
	right:0;
}
.page_top_sp img {
	width:100%;
}
/* @end */

/* @footer
------------------------------------------------------------ */
footer {
	background-image:none;
}
#footer_nav {
	display:none;
}
#footer_nav_sp {
	display: block;
	width:100%;
	border-top: 2px solid #FFF;
	margin-bottom: 3em;
}
#footer_nav_sp dt,#footer_nav_sp dd,
#footer_nav_sp ul,#footer_nav_sp li	{
		margin: 0;
		padding: 0;
}
#footer_nav_sp #acd-menu dt {
	position: relative;
	
	height: 44px;
	line-height: 44px;
	padding: 0 1em;
	/*
	background-image: url("../img/footer_navi_bg_sp.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	*/
	background: #b7a37c;
	background: -moz-linear-gradient(left,  #b7a37c 1%, #ac9772 4%, #a38d69 7%, #9d8661 10%, #98805d 13%, #937d59 17%, #9d8862 24%, #a99471 32%, #ad9975 42%, #c5b291 55%, #d1ba98 67%, #c9b594 76%, #bca786 87%);
	background: -webkit-linear-gradient(left,  #b7a37c 1%,#ac9772 4%,#a38d69 7%,#9d8661 10%,#98805d 13%,#937d59 17%,#9d8862 24%,#a99471 32%,#ad9975 42%,#c5b291 55%,#d1ba98 67%,#c9b594 76%,#bca786 87%);
	background: linear-gradient(to right,  #b7a37c 1%,#ac9772 4%,#a38d69 7%,#9d8661 10%,#98805d 13%,#937d59 17%,#9d8862 24%,#a99471 32%,#ad9975 42%,#c5b291 55%,#d1ba98 67%,#c9b594 76%,#bca786 87%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7a37c', endColorstr='#bca786',GradientType=1 );
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	border-bottom: 1px solid #FFF;
	font-size: 1em;
	color: #fff;
	cursor: pointer;
	text-align: left;
}
#footer_nav_sp #acd-menu dt::before {
	content: '';
	position: absolute;
	top: 45%;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #FFF;
}
#footer_nav_sp #acd-menu .open::before {
	content: '';
	position: absolute;
	top: 20%;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #FFF;
}
#footer_nav_sp #acd-menu dd ul li a {
	display: block;
	position: relative;
	
	height: 40px;
	line-height: 40px;
	padding: 0 1em 0 1em;
	background-color: #EFE6D8;
	border-bottom: 1px dotted #4F3B24;
	font-size: 1em;
	color:#34291D;
	text-align: left;
	text-decoration: none;
}
#footer_nav_sp #acd-menu dd ul li a::before {
	content: '';
	position: absolute;
	top: 30%;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left-color: #957F5A;
}	
#footer_nav_sp #acd-menu dl li dl dt {
	position: relative;
	
	height: 44px;
	line-height: 44px;
	padding: 0 1em;
	background: none;
	filter: none;
	background-color:#D5BB95;
	border-bottom: 1px solid #fff;
	font-size: 1em;
	color: #34291D;
	cursor: pointer;
	text-align: left;
}	
#footer_nav_sp #acd-menu dl li dl dt::before {
	content: '';
	position: absolute;
	top: 45%;
	right: 15px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #957F5A;
}
#footer_nav_sp #acd-menu dl li dl dt.open::before {
	content: '';
	position: absolute;
	top: 20%;
	right: 15px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #957F5A;
}	
#footer_nav_sp #acd-menu dd ul li dd ul li a {
	display: block;
	position: relative;
	
	height: 40px;
	line-height: 40px;
	padding: 0 1em;
	background-color: #FFF;
	border-bottom: 1px dotted #C8A986;
	font-size: 1em;
	color:#34291D;
	text-align: left;
	text-decoration: none;
}
#footer_nav_sp #acd-menu dd ul li dd ul li a::before {
	content: '';
	position: absolute;
	top: 30%;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left-color: #957F5A;
}		
	
.footer_address {
/*
	display:block;
	margin:0 auto;
*/
	width:100%;
/*
	border-bottom: 1px solid;
	border-top: 1px solid;
    border-image: linear-gradient(to left,  #ffffff 0%, #e8e6de 4%, #cecab9 7%, #bab49d 10%, #a59d7e 13%, #8c825b 16%, #7f7347 19%, #60521b 22%, #584910 25%, #57480e 28%, #57480e 75%, #584910 78%, #60521b 81%, #7f7347 84%, #8c825b 87%, #a59d7e 90%, #bab49d 93%, #cecab9 96%, #e8e6de 98%, #ffffff 100%);
    border-image-slice: 1;
	padding:2em 0;
	margin-bottom:3em;
*/
}
.footer_address p {
	font-size:1em;
	/*
	line-height:1.5;
	color:#5F4B2C;
	padding-bottom:0.25em;
	*/
}
#footer_contact ul.row-flex {
/*
	padding:0;
	margin:0;
	margin: 0 auto 3em auto;
*/
	max-width: 100%;
/*
	display: flex;
	flex-wrap: wrap;
*/
}
/*
#footer_contact li.row-flex {
	flex: 1 1 45%;
}
*/
#footer_sns ul.row-flex {
/*
	padding:0;
	margin:0;
	margin: 1em auto 2.5em auto;
*/
	max-width: 30%;
/*
	display: flex;
	flex-wrap: wrap;
*/
}
#footer_sns li.row-flex {
	flex: 1 1 45%;
}
#footer_sns p {
	padding:0;
	display:block;
	margin:0 auto;
	color:#5F4B2C;
	font-size:0.9em;
	line-height:0;
}
#footer_copyright {
	background-image:none;
	height:auto;
}
#footer_copyright p {
	font-size:0.9em;
	line-height:1;
	color:#5F4B2C;
	padding-bottom: 75px;
}

/* @section footer_fix_contact
------------------------------------------------------------ */
#footer_fix_contact {
	display:block;
	position: fixed;
    bottom: 0;
    width: 100%;
    height:65px;
	background-image:url("../img/foot_bg3.jpg");
	background-repeat:no-repeat;
	background-position: left top;
}
#footer_fix_contact ul.row-flex {
	padding:0;
	margin:0;
	margin: 0 auto 0 auto;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#footer_fix_contact li.row-flex {
	background-color:#FFF;
	flex: 1 1 18%;
	padding:0.5em 0;
	margin:1.1em 0.2em 0.5em 0.2em;
	text-align:center;
}
/* @end */

/* @footer end */

}