@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　87%
13px　94%
14px　100%
15px　108%		29px　208%
16px　115%		30px　215%
17px　122%		31px　222%
18px　129%		32px　229%
19px　136%		33px　236%
20px　143%		34px　243%
21px　150%		35px　250%
22px　158%		36px　258%
23px　165%		38px　265%
24px　172%		38px　272%
25px　179%		39px　279%
26px　186%		40px　286%
27px　193%		41px　293%
28px　200%		42px　300%

//////////////////////////////*/


/*************************************************
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:15px;color:#333;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			/*font-feature-settings : "palt";	fontの自動カーニング*/
			font-weight:normal;font-style: normal;
			font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif, source-han-serif-japanese,serif;}


/*源ノ明朝 Light*/
.min-light{font-family:source-han-serif-japanese,serif;font-weight: 300 !important;font-style: normal;}
/*源ノ明朝 Regular
.min-regular{font-family:source-han-serif-japanese,serif;font-weight: 400 !important;font-style: normal;}*/
/*源ノ明朝 Medium
.min-medium{font-family:source-han-serif-japanese,serif;font-weight: 500 !important;font-style: normal;}*/
/*源ノ明朝 SemiBold
.min-semibold{font-family:source-han-serif-japanese,serif;font-weight: 600 !important;font-style: normal;}*/
/*源ノ明朝 Bold
.min-bold{font-family:source-han-serif-japanese,serif;font-weight: 700 !important;font-style: normal;}*/


a         {color: #990000;text-decoration:none;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}/*hover ゆっくり変わる*/
a:link    {color: #990000;text-decoration:none;}
a:visited {color: #996633;text-decoration:none;}
a:active  {color: #990000;text-decoration: underline;}
a:hover   {color: #FF9900;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.7;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../images/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}



/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;text-align: center;width: 100%;height: 100%;background:#fff;}
#load-text {position: absolute;font-size: 72%;color: #444;text-align: center;width: 100%;top: 50%;margin-top: -40px;padding-top:40px;display: block;background:url(../js/loading.svg) no-repeat center top;}
/*横に伸びるバー
#bar {width: 100%;height: 1px;font-size: 2px;position: absolute;top: 50%;}
#bar span {display: block;width: 0px;height: 1px;background: #c3bbb5;}*/



/* ページの各セクション-------------------*/
.section{padding:50px 0 50px 0;}
.section:nth-child(even){background-color:#ececec;}
.section-end{padding:50px 0 60px 0;background-color:#f0f0f0;}





/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:1;width:100%;}
/*.container {width:1000px;margin:0 auto;padding:0;line-height:1.9;overflow: hidden;}*/
.container {/*! width:1000px; */margin:0 auto;padding:0;line-height:1.9;/*! overflow: hidden; */max-width: 1100px;position: relative;}


/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}



/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;}
}


/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position: fixed;z-index:400;width:100%;height:83px;background-color:#333;border-bottom:3px solid #c3a66f;}

#header h1{display:none;}

.head-cont{/*width:1000px;margin:0 auto 0 auto;*/}
.header-logo{position:absolute;z-index:100;}
.header-logo a{background: #000 url(../img/rogo.png) no-repeat center center;width: 184px;height: 184px;text-indent: -8989px;display: block;overflow: hidden;background-size: 165px;}
.header-logo a:hover img{opacity:1;}

.head-tel-cont{opacity: 0.9;margin-top: 5px;margin-right: 0;}
/*IE8以上*/
.head-tel-cont{margin-top:8px\0;}

.head-tel-cont ul{text-align:right;}
.head-tel-cont ul li{display:inline-block;vertical-align:middle;color:#fff;}
.head-tel-cont ul li.tel-cap{font-size: 70%;font-weight: normal;letter-spacing: 0.08em;}
.head-tel-cont ul li.tel a{background: url(../img/icon-tel.png) no-repeat 0 8px;background-size: 14px;height: 15px;line-height: 1.0;padding-left:16px;color: #fff;font-size: 136%;margin-left: 5px;}
.head-tel-cont ul li.tel a:hover{}

.head-tel-cont ul li.blog a{background: url(../img/arrow_white7-7.png) no-repeat left top 6px;padding-left: 7px;font-size:86%;color: #fff;line-height: 1.1;text-decoration: none;margin-right: 30px;background-size: 5px;}
.head-tel-cont ul li.blog a:hover{text-decoration:underline;opacity:0.5;}

.head-tel-cont ul li.naka-kuwashii{margin-top:0;}
.head-tel-cont ul li.naka-kuwashii a{font-size:85%;padding:4px 12px 5px 22px;border: 1px solid #aaa;line-height: 1;background-size: 6px;}
.head-tel-cont ul li.naka-kuwashii a:hover{background-color:#666;border-color:#666;}
.head-tel-cont ul li.naka-kuwashii a:hover::before,
.head-tel-cont ul li.naka-kuwashii a:focus::before,
.head-tel-cont ul li.naka-kuwashii a:hover::after,
.head-tel-cont ul li.naka-kuwashii a:focus::after {background-color:#666;}


/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{position:absolute;top: 41px;/*width:1000px;margin:0 auto;*/right: 0;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
.menu-yokomenu-container{}

ul#yoko-menu {float: right;}
ul#yoko-menu li{position:relative;right:0;float:left;margin: 0;padding: 0;text-align: center;}
ul#yoko-menu li a{font-size: 108%;color: #fff;font-weight: 300;border-left: 1px solid #eee;line-height: 1.3;height: 35px;display: table-cell;overflow: hidden;padding: 0 20px;text-decoration: none;opacity: 0.9;vertical-align: middle;}
ul#yoko-menu li a span{display:block;font-size:55%;color: #bbb;letter-spacing: 0.1em;}

/*ul#yoko-menu li.arrow > a{background:url(../img/arrow_9-5.png) no-repeat center 55px;}----未使用*/
ul#yoko-menu > li:first-child a{background:url(../img/home.png) no-repeat center center;text-indent:-8989px;display:block;overflow:hidden;padding: 0 35px;}
ul#yoko-menu > li:last-child a{border-right:1px solid #eee;}
ul#yoko-menu li a:hover{color:#fff;background-color:#666;}


/*カレント表示用----------------*/
/*body.home ul#yoko-menu li.yokomenu1 > a,*/	/*ホーム*/
body#news ul#yoko-menu li.yokomenu2 > a,				/*お知らせ*/
body#keijihouji ul#yoko-menu li.yokomenu5 > a,
body#trip ul#yoko-menu li.yokomenu6 > a,
body#shop ul#yoko-menu li.yokomenu7 > a{color:#fff;background-color:#666;}	/*店舗案内*/


/*プルダウン部分 submenu*/
/*三角の表示用
ul#yoko-menu ul li:first-child a:after {content: '';position: absolute;width: 0;height: 0;left:45%;top: -9px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #53912b;}
*/
ul#yoko-menu li ul {position: absolute;background-color:#64000f;z-index:200;list-style-type: none;top:100%;left:0;width:100%;margin: 0;padding: 0;}
ul#yoko-menu li ul li {overflow: hidden;line-height:1.2;text-align:center;background-image:none;width: 100%;height: 0;transition: .2s;}
ul#yoko-menu li ul li a {font-size:93%;line-height:1.2;color:#fff;text-decoration:none;display:block;height:35px;padding: 7px 0 0 0;background-image: none !important;border-left:none;}
ul#yoko-menu li:last-child ul li a {border-right:none;}

ul#yoko-menu > li:hover > a {}
ul#yoko-menu > li:hover li > a:hover {background-color:rgba(0,0,0,0.3);color:#fff;}/*background-color:#751e1e;*/
ul#yoko-menu li:hover > ul > li {overflow: visible;height:35px;border-bottom:1px dotted #8a4d57;border-right:none;}
ul#yoko-menu li:hover > ul > li:last-child{border-bottom:none;}


/*subsubmenu
ul#yoko-menu li ul li ul {top: 0;left: 100%;}
ul#yoko-menu li:last-child ul li ul {left: -100%;width: 100%;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before							{position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#fff;}三角の表示用
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:18px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#fff;}
*/





/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/

/*全ページ共通のSNSボタン----------------*/
#sns-box{margin-top:60px;text-align:center;}
#sns-box ul{margin:0 !important;padding:0;}
#sns-box ul li{display:inline-block;margin: 0 4px;width: 25px;height: 25px;padding:0 !important;}
#sns-box ul li a img{width:100%;height:100%;}
#sns-box ul li a:hover,
#sns-box ul li a:active{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}


/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:500;}
#pagetop a {position: fixed;bottom:45px;right:30px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;width:65px;height:65px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.4;filter: alpha(opacity=40);-ms-filter: "alpha( opacity=40 )";}
#pagetop a:hover {opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}


/*ご予約・お問合せは、お電話で承ります。*/
.yoyaku-box{width:850px;margin:0 auto;border:5px solid #e0e0e0;background-color:#fff;padding:27px 50px;text-align:center;}
.yoyaku-box-midashi{font-size:215%;line-height:1.2;}

.yoyaku-box .naka-kuwashii{max-width:400px;margin:15px auto 30px auto;}
.yoyaku-box .naka-kuwashii a{font-size:130%;padding:11px 30px 11px 30px;background-position: 15px center;display: block;}


dl.yoyaku-box-dl{display: table;margin: 20px auto 0 auto;}
dl.yoyaku-box-dl dt{display: table-cell;}
dl.yoyaku-box-dl dd{display: table-cell;width:440px;text-align:center;}

.yoyaku-tel{line-height: 1.0;}
.yoyaku-tel a{background: url(../img/icon-tel-gold.png) no-repeat 0 23px;line-height: 1.0;padding-left: 37px;color: #a67926;font-size: 360%;}
.yoyaku-tel a:hover{text-decoration:none;opacity:0.6;}
.yoyaku-tel-cap{font-size:100%;color:#a67926;margin-top:7px;}

.yoyaku-boder{border-top:1px solid #ac8640;width:100%;margin-top:30px;}

dl.yoyaku-box-dl2{position: relative;display: table;margin:15px auto 0 auto;}
dl.yoyaku-box-dl2 dt{display: table-cell;width:440px;text-align:left;vertical-align: middle;}
dl.yoyaku-box-dl2 dd{display: table-cell;}

.yoyaku-bus-title{font-size:150%;line-height:1.3;color:#990000;}
.yoyaku-com{font-size:100%;margin-top:7px;line-height:1.6;}

.yoyaku-box-com2{text-align:center;font-weight:bold;font-size: 108%;margin-top: 15px;}
dl.yoyaku-box-dl3{position: relative;display: table;margin:0 auto;}
dl.yoyaku-box-dl3 dt{float: left;width:90px;text-align:left;line-height: 1.4;}
dl.yoyaku-box-dl3 dd{text-align: left;padding: 0 0 7px 91px;line-height: 1.4;}





/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;text-align:center;background-color:#333;}

ul.footer-yokomenu{text-align:center;margin-top:18px;}
ul.footer-yokomenu li{display:inline-block;margin:0 18px 7px 18px;}
ul.footer-yokomenu li a{background:url(../img/arrow_white7-7.png) no-repeat 0 center;padding-left:12px;font-size:108%;color:#fff;line-height:1.1;text-decoration:none;}
/*IE8以上*/
ul.footer-yokomenu li a{background:url(../img/arrow_white7-7.png) no-repeat 0 7px\0;}
ul.footer-yokomenu li a:hover{opacity:0.6;}


.footer-zip-box{text-align:center;margin-top:20px;}

.footer-logo{display:inline-block;text-align:left;line-height: 1.3;margin-right:25px;vertical-align:top;}
.footer-logo a img{margin-top:3px;width:110px;}
.footer-logo a:hover{opacity:0.7;}

.footer-zip{display:inline-block;text-align:left;line-height: 1.7;font-size:100%;color:#fff;}
.footer-zip span{display:inline-block;padding-right:20px;}

.footer-zip .naka-kuwashii{display:inline-block;margin-top:0;}
.footer-zip .naka-kuwashii a{font-size:85%;padding:4px 12px 5px 22px;border: 1px solid #aaa;line-height: 1;background-size: 6px;}
.footer-zip .naka-kuwashii a:hover{background-color:#666;border-color:#666;}
.footer-zip .naka-kuwashii a:hover::before,
.footer-zip .naka-kuwashii a:focus::before,
.footer-zip .naka-kuwashii a:hover::after,
.footer-zip .naka-kuwashii a:focus::after {background-color:#666;}

.footer-link-btn{width:180px;margin-top:-4px;}
.footer-link-btn a{display:block;border: 1px solid #bbb;font-size: 86%;line-height: 1.1;padding:4px 0 3px 23px;background: url(../img/arrow_white7-7.png) no-repeat 10px center;color: #ddd;margin-top: 10px;}
/*IE8以上*/
.footer-link-btn a{padding: 6px 0 3px 25px\0;}
.footer-link-btn a:hover{background-color:#555;border: 1px solid #999;text-decoration:none;}

#footer .copyright{font-size:72%;color:#ddd;line-height:1.2;text-align:center;margin-top:25px;background-color:#000;padding:12px 0;}



/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}

#header{position: absolute;}
}