@charset "utf-8";
/* CSS Document */


@import url("sp_common.css");
@import url("spmenu.css");
@import url("sp_top.css");


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




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

/* SP レイアウト設定 */

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


/* ヘッダー */
/*  ------------------------------------------------------------ */


#head{ background:#F5F3F1; transition: 0.2s; border-bottom:1px solid #E1CEB9;}


/* ヘッダ高さ*/
#header .logo{ height:65px; padding: 10px 0 10px 10px; text-align:left; }

#header .logo img{ width:auto; height:55px;}


/*ナビ位置*/
#head #SpNavBlock .menuBtn {
	right: 10px;
	top: 20px;
}

/*ナビ開閉時　背景位置*/
#head #SpNavBlock #SpNavWrapper { top:90px;}



/*ナビ onメニュー*/
/*  ------------------------------------------------------------ */

#head #SpNavBlock #SpNav li.on{
	background:#F0901E;
}

#head #SpNavBlock #SpNav li.on a{
	color: #FFFFFF;
	background-image: url(../img/common/btnR_wh.svg) ;
}

#head #SpNavBlock #SpNav li a:hover{background-color:#F1DAC9;}



/* ページBG*/
/*  ------------------------------------------------------------ */



.mid #titleArea{
	height:100px;
	padding-top:0;
	margin-top:90px;
	margin-bottom:20px;
	background:#ECE6E1 url(../img/midMv.jpg) no-repeat left top;
	background-size:cover;
	min-width:100%; 
}


#titleArea h2{
	height:100px;
	text-align:right;
	font-size:110%;
	font-weight:bold;
	color:#A55F0A;
	text-shadow: 0 0 25px #FFF, 0 0 20px #FFF, 0 0 0.40px #FFF;
}

.mid #titleArea h2 img{ height:1.8em}





/* トップページ＆インフォエリア */
/*  ------------------------------------------------------------ */


/* 枠囲みブロック　ボーダーカラー */
.borderBlock{ border: 7px solid #DBD1C8;
background:#FFFFFF;}


/* トップ・インフォエリア　Ｈタグ */

.top h2.is_SP,
.top .newsinfo h3,
.spInfoArea h2{
	color:#FFFFFF; 
	padding:0.4em 0.5em 0.5em;
	font-weight:bold;

border: solid 1px #8E745B;	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b39e8e+0,8e745b+100 */
background: rgb(179,158,142); /* Old browsers */
background: -moz-linear-gradient(top, rgba(179,158,142,1) 0%, rgba(142,116,91,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,158,142,1) 0%,rgba(142,116,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,158,142,1) 0%,rgba(142,116,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b39e8e', endColorstr='#8e745b',GradientType=0 ); /* IE6-9 */
}



/* Ｈタグ */
/*  ------------------------------------------------------------ */

/* メインタイトル */
h2.pageTitle{
font-size:110% ;

padding: 14px 0 14px 20px;
}


/* レイアウト内 H3 */

#contentArea h3{
	font-size:100%;
	background-position:-18px center;
	padding: 15px 0 15px 28px; 
}

/*基本要素要素 フォントサイズ */

dl.headingText dt{ font-size:100%; }
.tx-b{ font-size:110%;}

.spBtn{font-size:100%;}








/*フッター*/
/*  ------------------------------------------------------------ */
#footArea{ padding: 0 0;}

#foot .wrap{ padding: 1em 1%; }

#foot h2{ margin-bottom:0.3em; font-weight:bold; font-size:110%;}
#foot p{ margin-bottom:0.3em; font-size:80%;}

#foot .copyright{font-size:70%; }


#pagetop{	transition: 0.2s;}


#yoyaku{ width:100%;

 /* display: none; */
  position: fixed;
  bottom:0px;
  left: 0;
  padding-bottom:0px;
  cursor: pointer;
	transition: 0.2s;
}

#yoyaku img{ width:100%; height:auto;}


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

/*スマホ用リンクボタン*/

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


/*ボタン下マージン*/

ul.spBtn li{	margin-bottom:4px;}
ul.spBtn li:last-child{  margin-bottom:0em}
.spBtn{	margin-bottom:4px;}



/*基本ボタンカラー*/

.links.spBtn li,
.link.spBtn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c51a+0,ff9900+100 */
background: rgb(249,197,26); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,197,26,1) 0%, rgba(255,153,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,197,26,1) 0%,rgba(255,153,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,197,26,1) 0%,rgba(255,153,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c51a', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */


}

/*四角ボタンカラー*/

.links.spBtn li a,.link.spBtn a{	color:#FFFFFF;}




/* 電話ボタン*/
.link.btnTEL,
.links.spBtn  li.btnTEL{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eda0bd+0,e36c9a+100 */
background: rgb(237,160,189); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,160,189,1) 0%, rgba(227,108,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(237,160,189,1) 0%,rgba(227,108,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(237,160,189,1) 0%,rgba(227,108,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda0bd', endColorstr='#e36c9a',GradientType=0 ); /* IE6-9 */
}



/* 予約専用電話ボタン*/
.link.btnyoyakuTEL,
.links.spBtn  li.btnyoyakuTEL{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f77a0b+0,ff7315+49,fb6400+100 */
background: rgb(247,122,11); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,122,11,1) 0%, rgba(255,115,21,1) 49%, rgba(251,100,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(247,122,11,1) 0%,rgba(255,115,21,1) 49%,rgba(251,100,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(247,122,11,1) 0%,rgba(255,115,21,1) 49%,rgba(251,100,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77a0b', endColorstr='#fb6400',GradientType=0 ); /* IE6-9 */
}


/* 予約ボタン*/
.link.reserve,
.links.spBtn  li.reserve{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3b876+0,f0901e+100 */
background: rgb(243,184,118); /* Old browsers */
background: -moz-linear-gradient(top, rgba(243,184,118,1) 0%, rgba(240,144,30,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(243,184,118,1) 0%,rgba(240,144,30,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(243,184,118,1) 0%,rgba(240,144,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3b876', endColorstr='#f0901e',GradientType=0 ); /* IE6-9 */
}

/* 地図ボタン　アイコン変更例*/
.link.map,
.links.spBtn  li.map{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

border:#CCCCCC solid 1px; border-radius:5px;}

.link.map a,
.links.spBtn  li.map a{background-image:url(../img/common/btnSQ.svg) ; color: #333;

}


/*ボタンカラー追加例*/

.links.spBtn.green li,
.links.spBtn li.green,
.link.spBtn.green{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

}





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

/* SP 個別ページレイアウト設定 */

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



.holiday{
	background-image:url(../img/iconHoliday.jpg);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	list-style-type: none;
	padding:0 0 0 55px;
	font-size:95%;
}




/*スクロール*/
.scroll{
overflow: auto; /*tableをスクロールさせる*/
white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
margin-bottom:10px;
}

.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


/*交通アクセス-------------------------------------------*/

.googleMap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.googleMap iframe,
.googleMap object,
.googleMap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}











}