@charset "utf-8";

/***************************************************
	common.css
	共通レイアウトスタイル定義
***************************************************/
/* ------------------------------------------------------------
Font Size (default:14px)
 10px = 72%     11px = 79%     12px = 86%     13px = 93%
 14px = 100%    15px = 108%    16px = 115%    17px = 122%
 18px = 129%    19px = 136%    20px = 143%    21px = 150%
 22px = 158%    23px = 165%    24px = 172%    25px = 179%
 26px = 186%
------------------------------------------------------------ */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* Reset
------------------------------------------------------------ */
html {
/*	font-size: 62.5%;*/
/*	font-size: 10px;*/
	overflow-y: scroll;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}
address,caption,cite,code,dfn,em,strong,th,var {	font-style: normal;}
a,a:hover,a:active,a:visited {
	margin: 0;
	padding: 0;
	overflow: hidden;
	outline: none;
}
img {
	vertical-align: bottom;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}

/* Base
------------------------------------------------------------ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background: #fff;
	color: #271b08;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 1.7;
}
h1,h2,h3,h4,h5 {
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 1em;
}
p,dl,ol,ul,menu,pre {	margin-bottom: 1em;}
ol,ul,menu {	padding: 0;}
ul {	list-style: none;}
ol {	margin-left: 1.5em;}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
textarea {    resize: vertical;}
img, object, embed {	max-width: 100%;}
img {
	height: auto;
	vertical-align: bottom;
}
small {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 72%;
}

/* Link
------------------------------------------------------------ */
a:link {	color: #271b08;	text-decoration: none;}
a:visited {	color: #271b08;	text-decoration: none;}
a:hover {	color: #271b08;	text-decoration: underline;}

/* Layout
------------------------------------------------------------ */
/*-----page-----*/
html, body, #page, #wrap, #content {    height: 100%;}
#point_wrap,#section01_wrap,#section02_wrap,#section03_wrap,#section04_wrap,#section05_wrap,#section06_wrap {
	margin-top: -50px;
	padding-top: 50px;
}
#content {
/*	padding: 60px 0 0 0;*/
	height: 100%;
	z-index: 100;
}
.container {
	max-width: 1024px;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
.container {	padding: 0 20px;}
}

/*-----header-----*/
#gNav {
	border-bottom: 1px solid #271b08;
	background: #fff;
}
#gNav .gNav_inn {	position: relative;}
#gNav #sitelogo {
	float: left;
	margin-bottom: 0;
	padding-top: 10px;
}
#gNav .siteCatch {
	display: inline-block;
	float: left;
	padding: 25px 0 0 10px;
	font-size: 86%;
}
#gNav nav {
	float: right;
	padding-top: 30px;
	padding-right: 13%;
}
#gNav li {	float: left;}
#gNav li a {
	padding: 0 20px;
}
#gNav li:after {	content:"｜";}
#gNav li:last-child:after {	content:"";}
#gNav .contactBtn_01 {
	position: absolute;
	top: 22px;
	right: 15px;
	background: #7b6f60;
	border-radius: 90px;
	text-align: center;
	line-height: 90px;
}
#gNav .contactBtn_01 a {
	display: block;
	width: 90px;
	height: 90px;
	color: #fff;
	font-size: 115%;
	text-decoration: none;
}
#gNav .contactBtn_01 a:hover {
	background: #988b7c;
	border-radius: 90px;
}

/*-----contactArea　170331追加-----*/
.contactArea_01 {
	margin-bottom: 40px;
	padding: 30px 0;
	background: url(../img/common/bg_03.png) 0 0;
}
.contactBox_01 li {
	width: 48%;
	border: 2px solid #563a30;
	border-radius: 4px;
	font-size: 143%;
	text-align: center;
	line-height: 1.5;
}
.contactBox_01 a {
	display: block;
	text-decoration: none;
}
.contactBox_01 .tel {
	float: left;
	padding: 3px;
	border: none;
	background: #fff url(../img/common/ico_tel01.png) 10% 50% no-repeat;
}
.contactBox_01 .tel a {
	padding: 10px 15px 10px 60px;
	border: 2px solid #f4e3d8;
	color: #ee6411;
	cursor: default;
}
.contactBox_01 .res {
	float: right;
	box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.2);
}
.contactBox_01 .res a {
	padding: 42px 15px;
	background: #563a30 url(../img/common/ico_arr04.png) 93% 50% no-repeat;
	color: #fff;
	transition: all 0.2s ease-in-out;
}
.contactBox_01 .res a:hover {
	background: #fff url(../img/common/ico_arr06.png) 95% 50% no-repeat;
	color: #563a30;
}
.contactBox_01 .res a:hover {	background: #fff url(../img/common/ico_arr06.png) 95% 50% no-repeat;}



/*171220追加*/
#slide_menu .contactBtn_02 {
	position: absolute;
	top: 6px;
	right: 0;
	text-align: center;
}
#slide_menu .contactBtn_02 p {	margin-bottom: 0;}
#slide_menu .contactBtn_02 span {
	display: block;
	/*height: 40px; //161022コメントアウト*/
	padding-bottom: 2px;
	border-bottom: 1px solid #fff;
}
/*#home.index #slide_menu .contactBtn_02 span {	padding-bottom: 4px;}*/
#slide_menu .contactBtn_02 a {
	display: block;
	height: 62px;
	background: #7b6f60;
	font-size: 14px;
	color: #fff;
}
#slide_menu .contactBtn_02 a:hover {	text-decoration: none;}
#slide_menu .contactBtn_02 .btn_checkIn a {
	padding: 20px 18px 0 20px;
	border-radius: 100px 100px 0 0;	
	line-height: 1.3;
}
#slide_menu .contactBtn_02 .btn_contact a {
	padding: 8px 18px 18px 18px;
	border-radius: 0 0 100px 100px;		
}

/*---- 下層ページgNav ----*/
#slide_menu .contactBtn_02 {
	top: 6px;
}
#slide_menu .contactBtn_02 a {
    height: 62px;
    border: 2px solid #fff;
}
#slide_menu .contactBtn_02 a:hover {	background: #968571;}
#slide_menu .contactBtn_02 .btn_checkIn a {
	border: 2px solid #fff;
	border-bottom: none;
}
#slide_menu .contactBtn_02 .btn_contact a {
	border: 2px solid #fff;
	border-top: none;
}

/*-----footer-----*/
footer {
	background: #ccbea9 url(../img/common/bg_02.jpg) 0 0;
}
#fNav {	padding: 15px 0 60px 0;}
#fNav ul {	text-align: center;}
#fNav li {
	display: inline-block;
	margin-bottom: 1em;
}
#fNav li a {	padding: 0 20px;}
#fNav li:after {	content:"｜";}
#fNav li:last-child:after {	content:"";}
footer .container {
	position: relative;
}
.snsBtn {
	position: absolute;
	top: 15px;
	right: 20px;
}
.snsBtn li {
	float: left;
	margin-right: 10px;
}
.snsBtn li:last-child {	margin-right: 0;}
.snsBtn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.f_siteLogo {
	margin-bottom: 15px;
	text-align: center;
}
.copyright {
	display: block;
	padding-bottom: 15px;
	text-align: center;
}
/*-----footer_Nav-----*/


/* Parts
------------------------------------------------------------ */
/*-----button_pageTop-----*/
/*#pgtp {	text-align: center;}*/
#pgtp a {
	display: block;
	width: 100px;
	height: 50px;
	margin: 0 auto;
	padding: 22px 5px 0 8px;
	border-radius: 3px 3px 0 0;
	background: #7b6f60 url(../img/common/pgtp_bg.png) 50% 25% no-repeat;
	background-size: 17px auto;
	color: #fff;
	font-size: 86%;
	text-decoration: none;
}
#pgtp a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*-----button-----*/
.btn_01 {	text-align: center;}
.btn_01 li {
	display: inline-block;
	width: 35%;
	border: 2px solid #563a30;
	border-radius: 3px;
	box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.2);
}
/*.btn_01 li:nth-child(1) {	float: left;}*/
/*.btn_01 li:nth-child(2) {	float: right;}*/
.btn_01 li a {
	display: block;
	padding: 10px 10px;
	background: #563a30 url(../img/common/ico_arr04.png) 93% 50% no-repeat;
	color: #fff;
	font-size: 115%;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
.btn_01 li a:hover {
	background: #fff url(../img/common/ico_arr06.png) 95% 50% no-repeat;
	color: #563a30;
}

/*-----Label-----*/
.labelList01 {	margin-bottom: 0;}
.labelList01 li {
	float: left;
	margin-right: 5px;
	padding: 3px 8px;
	background: #976b24;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border-radius: 6px;
}
.labelList01 li:last-child {	margin-right: 0;}

/*-----Title-----*/
.ttl01 {
	margin-bottom: 0;
	padding: 30px 0;
	text-align: center;
}
.ttl01 span {
	padding: 0 40px;
	background: url(../img/common/ttl_bg01.png) 0 55% no-repeat, url(../img/common/ttl_bg01.png) 100% 55% no-repeat;
	font-size: 129%;
	font-weight: bold;
}

/*-----topic_path-----*/
#topicpath {
	height: 50px;
	line-height: 50px;
}
#topicpath ol {
	margin: 0 0 20px;
	list-style-type: none;
}
#topicpath li {
	display: inline;
	margin-right: 5px;
	font-size: 14px;
}
#topicpath li a {
	margin-right: 5px;
	color: #36adc6;
}
#topicpath li:after {	content:" ＞ ";}
#topicpath li:last-child:after {	content:"";}

/*-----txt_reserv-----*/
.txt_reserv {	margin: 0 0 0.5em 0;text-align: center;font-size: 72%;}
.txt_reserv a {	text-decoration: underline;}
.txt_reserv a:hover {	text-decoration: none;}

/*-----ul style 170331追加-----*/
.ulstyle01 {	list-style-type: circle;}

/*-----reserv_coment 170407追加-----*/
/*
.reserv_coment01 {
	color: #563a30;
	text-align: center;
	font-size: 129%;
	font-weight: bold;
}
*/
.reserv_coment02 {
    width: 40%;
    margin: 20px auto 0;
    padding: 10px;
    border: 1px solid #ee6411;
    background-color: rgb(255, 255, 255);
    color: #dd0404;
    text-align: center;
    font-size: 115%;
    font-weight: bold;
}

/* Generic class
------------------------------------------------------------ */
.alt	{	display: none;}
.clear	{	clear: both;}

section:after,
.container:after,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
section,
.container,
.clearfix {    zoom:1;}

.only_pc {	display: block;}
.only_pc_tb {	display: block;}
.only_tb {	display: none;}
.only_tb_sp {	display: none;}
.only_sp {	display: none;}
@media screen and (min-width: 768px) and (max-width: 1024px){
.only_pc {	display: none;}
.only_pc_tb {	display: block;}
.only_tb {	display: block;}
.only_tb_sp {	display: block;}
.only_sp {	display: none;}
}
@media only screen and (max-width: 767px) {
.only_pc {	display: none;}
.only_pc_tb {	display: none;}
.only_tb {	display: none;}
.only_tb_sp {	display: block;}
.only_sp {	display: block;}
}

.mg00 { margin: 0!important;}
.mga { margin: auto!important;}

.mgt00 { margin-top: 0!important;}
.mgt05 { margin-top: 5px!important;}
.mgt10 { margin-top: 10px!important;}
.mgt15 { margin-top: 15px!important;}
.mgt20 { margin-top: 20px!important;}
.mgt25 { margin-top: 25px!important;}
.mgt30 { margin-top: 30px!important;}
.mgt40 { margin-top: 40px!important;}
.mgt50 { margin-top: 50px!important;}

.mgr00 { margin-right: 0!important;}
.mgr05 { margin-right: 5px!important;}
.mgr10 { margin-right: 10px!important;}
.mgr15 { margin-right: 15px!important;}
.mgr20 { margin-right: 20px!important;}
.mgr25 { margin-right: 25px!important;}
.mgr30 { margin-right: 30px!important;}
.mgr40 { margin-right: 40px!important;}
.mgr50 { margin-right: 50px!important;}

.mgb00 { margin-bottom: 0!important;}
.mgb05 { margin-bottom: 5px!important;}
.mgb10 { margin-bottom: 10px!important;}
.mgb15 { margin-bottom: 15px!important;}
.mgb20 { margin-bottom: 20px!important;}
.mgb25 { margin-bottom: 25px!important;}
.mgb30 { margin-bottom: 30px!important;}
.mgb40 { margin-bottom: 40px!important;}
.mgb50 { margin-bottom: 50px!important;}

.mgl00 { margin-left: 0!important;}
.mgl05 { margin-left: 5px!important;}
.mgl10 { margin-left: 10px!important;}
.mgl15 { margin-left: 15px!important;}
.mgl20 { margin-left: 20px!important;}
.mgl25 { margin-left: 25px!important;}
.mgl30 { margin-left: 30px!important;}
.mgl40 { margin-left: 40px!important;}
.mgl50 { margin-left: 50px!important;}

.pd00 { padding: 0!important;}
.pdt00 { padding-top: 0!important;}
.pdr00 { padding-right: 0!important;}
.pdr10 { padding-right: 10px!important;}
.pdb00 { padding-bottom: 0!important;}
.pdl00 { padding-left: 0!important;}

.flr { float: right;}
.fll { float: left;}
.clb { clear: both;}
.cll { clear:left;}
.clr { clear:right;}

.tac { text-align: center!important;}
.tar { text-align: right!important;}
.tal { text-align: left!important;}
.fwb { font-weight: bold!important;}
.fwn { font-weight: normal!important;}

.wsn {	white-space: nowrap!important;}

.color01 {	color: #d20210;}

/* rollover */
/*170331追加*/
.opt_img a img,
a.opt_img img,
.opt_img input {	transition: all 0.2s ease-in-out;}

.opt_img a:hover img,
a.opt_img:hover img,
.opt_img input:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* jQuery clickBox */
.clickBox {	cursor: pointer;}
.clickBox:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.clickBox:hover a {
/*	color: #777;
	text-decoration: none;*/
}