@charset "UTF-8";

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

TOPページのスタイルシート設定ファイルです。

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

/* インポートデータここから */

@import url("base.css");

/* インポートデータここまで */
@media (max-width: 600px) {
	
	/* -------------------------------------------------------------------
基本設定
--------------------------------------------------------------------- */

html {
	font-size:16px;
	text-align: center;
}

body {
	text-align: left;
	background-image: url(../images/background_image.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #473b14;
	line-height: 1.5;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}

#container{
	width: 100%;
	margin: 0 auto;
}

/* ------画像の設定------ */

img {
	vertical-align:bottom;
	max-width:100%;
	
}

a img{
	border-style:none;
}

/* 画像リンクのマウスオーバー(IE7以降対応) */
a:hover img {
	opacity: 0.90;
	filter: alpha(opacity=90);
	}

/* ------リンクの色設定------ */

a{
	color: #fe6c83;
	font-weight: bold;
}

a:hover{
	text-decoration:none;
}

/* ------テキストの設定------ */

/* 強調(基本色：緑) */
em{
	font-weight: bold;
	color: #006666;
}

/* ------テキストや画像の中央寄せ------ */
p.center{
	text-align:center;
}

/* --------------------------------------------
表示領域が1499px以下の場合に適用するスタイル設定
-------------------------------------------- */


/* -------------------------------------------------------------------
ヘッダーの設定
--------------------------------------------------------------------- */

#header {
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



/* --------------------------------------------
mainMenuAreaの設定
-------------------------------------------- */



	
	
/* ----------------------------
gNaviの設定
------------------------- */

#header #mainMenuArea ul#gNavi {
	width:70%;
	margin-left: 24px;
	float:none;
	margin:0 auto;
	display:none;
}

#header #mainMenuArea ul#gNavi li {
	float: left;
	margin-left: 0;
	margin-bottom: 5px;
}

#header #mainMenuArea ul#gNavi li.plan {
    padding-top: 32px;
    width: 100%;
    margin-left: 0;
}
#header #mainMenuArea ul#gNavi li.plan a img{
    padding-top: 4px;
}
/* ----------------------------
headerLogoAreaの設定
------------------------- */

#header #mainMenuArea #headerLogoArea{
	float: none;
	width: 100%;
	padding:0 ;
	margin-bottom:50px;
	text-align:center;
	}

/* -------------------------------------------------------------------
contentsBlockの設定
--------------------------------------------------------------------- */

#container #contentsBlock {
	clear: both;
	width:100%;
	overflow: hidden;
}

/* -------------------------------------------------------------------
contentsの設定（メインカラム+サイドカラム）
--------------------------------------------------------------------- */

#container #contents {
	clear: both;
	width: 90%;
	margin:0 auto;
	
}

/* -------------------------------------------------------------------
メインカラムの設定
--------------------------------------------------------------------- */
 
#contents #maincolumn {
	width: 100%;
	float: left;
}

/* --------------------------------------------
maincolum内の下線ありタイプ記事（articleA）の基本設定
-------------------------------------------- */

#maincolumn .articleA{
	clear: both;
	margin-bottom: 50px;
	border-bottom: 2px dotted #000000;
	padding-bottom: 50px;
}

/* --- 一番下にくるarticleAに設定(下線なし指定) --- */
#maincolumn .articleAEnd{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
	}

/* ----------------------------
 各記事の中でさらに小分けにする時に使用
 ------------------------- */

#maincolumn .articleA .section{
 padding-bottom: 45px;
 clear:both;
}

#maincolumn .articleA .section .sectionA{
 display: block;
 clear:both;
}

/* --------------------------------------------
maincolum内の下線なしタイプ記事（articleB）の基本設定
-------------------------------------------- */

#maincolumn .articleB{
	clear: both;
	margin-bottom: 62px;
}

/* --- 一番下にくるarticleBに設定 --- */
#maincolumn .articleBEnd{
	margin-bottom: 0;
	}

/* ----------------------------
 各記事の中でさらに小分けにする時に使用
 ------------------------- */

#maincolumn .articleB .section{
 padding-bottom: 60px;
 clear:both;
}

#maincolumn .articleB .section .sectionA{
 display: block;
 clear:both;
}

/* ----------------------------
段落の設定（記事内でも記事外でも使用可）
------------------------- */
#maincolumn p.paragraph {
	padding-bottom: 10px;
}

/* ----------------------------
見出しの設定 
------------------------- */
#maincolumn h1, #maincolumn h2, #maincolumn h3, #maincolumn h4, #maincolumn h5, #maincolumn h6{
	clear: both;
	text-align:center;
}

/* 見出しにリンクを貼る場合 */
#maincolumn h1 a, #maincolumn h2 a, #maincolumn h3 a, #maincolumn h4 a, #maincolumn h5 a, #maincolumn h6 a{
	text-decoration: none;	
}

/* ----------------------------
背景画像の設定
------------------------- */

/* ----茶色の背景設定----*/

#maincolumn .brownbgTop{
	background: url(../images/brown_bg_top.png) no-repeat center top;
	padding-top: 30px;
	}

#maincolumn .brownbgMiddle{
	background: url(../images/brown_bg_middle.png) repeat-y center top;
	}

#maincolumn .brownbgBottom{
	background: url(../images/brown_bg_bottom.png) no-repeat center bottom;
	padding-bottom: 14px;
	}		
	
/* ----クリーム色の背景設定----*/

#maincolumn .creambgTop{
	background: none;
	background-color:#dfddd2;
	padding-top: 20px;
	}

#maincolumn .creambgMiddle{
	background: none;
	background-color:#dfddd2;
	padding-bottom: 14px;
	}

#maincolumn .creambgBottom{
	background: none;
	background-color:#dfddd2;
	padding-bottom: 14px;
	}

/* -------------------------------------------------------------------
フッター部分の設定
--------------------------------------------------------------------- */

#footer {
	clear: both;
	display: block;
	width: 90%;
	padding-top: 32px;
	
	margin-right: auto;
	margin-left: auto;
}

.footerbg {background: #5b6528 url(../images/footer_bg.jpg) repeat-y left top;
	display: block;
	height: 260px;
	width: 100%;}

/* ----------------------------
footerBoxAの設定 
------------------------- */

#footer #footerBoxA {
	float: none;
	width: 100%;
	margin-right: 12px;
}

/* ----footerLogoの設定----*/
#footer #footerBoxA #footerLogo {
	margin-bottom: 2px;
	text-align: center;
}

/* ----copyrightの設定----*/
#footer #footerBoxA #copyright {
	text-align: center;
	color: #d8ddbb;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#footer #footerBoxA #copyright a {
	color: #d8ddbb;
	text-decoration: none;
}

/* ----------------------------
footerBoxBの設定 
------------------------- */

#footer #footerBoxB {
	float: none;
	width: 100%;
}

/* ----footermenuの設定----*/
#footer ul.footermenu{
	width: 100%;
	margin-bottom: 5px;
	display: none;
}

#footer ul.footermenu li{
	float: none;
	margin-right: 3px;
	margin-bottom: 3px;
}


/* ----footermenuEndの設定----*/
#footer ul.footermenuEnd{
	width: 244px;
	margin-bottom: 20px;
	display: block;
	margin-right: 123px;
	margin-left: 123px;
}

/* ----addressの設定----*/
#footer address{
	color: #d8ddbb;
	margin-top:10px;
	text-align:center;
	}

#footer address a{
	color: #d8ddbb;
	text-decoration: none;
	font-weight: normal;
	}	

/* -------------------------------------------------------------------
ヘッダーの設定
--------------------------------------------------------------------- */

#header {
	position: relative;
	width:100%;
}


/* --------------------------------------------
mainImageAreaの設定
-------------------------------------------- */

#header #mainImageArea{
	
	clear: both;
	position: relative;
	top: -50px;
	z-index: 1;
	height:600px;
	margin-top: 0px;
	background: url(../images/main_slider_image01.jpg) no-repeat center top;
	background-attachment: relative;
	background-position: center center;
	min-height: 600px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

#header #mainImageArea h1 {
	position: absolute;
	width:90%;
	top: 30%;
	z-index: 5;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


/* ----------------------------
bxsliderの設定
---------------------------- */

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

#header #mainImageArea .bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

#header #mainImageArea .bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

/*.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

 .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#header #mainImageArea .bx-wrapper .bx-prev {
	left: 270px;
	background: url(../images/main_arrow_icon_l.png) no-repeat left top;
}

#header #mainImageArea .bx-wrapper .bx-next {
	left: 1200px;
	background: url(../images/main_arrow_icon_r.png) no-repeat right top;
}

#header #mainImageArea .bx-wrapper .bx-prev:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
}

#header #mainImageArea .bx-wrapper .bx-next:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
}

#header #mainImageArea .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 356px;
	margin-top: -16px;
	outline: 0;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* --------------------------------------------
mainMenuAreaの設定
-------------------------------------------- */
#header .mainMenuAreabg {
	width: 100%;
	height: 240px;
	display: block;
	background: url(../images/header_menu_bg.png) repeat-x center bottom;
	clear: both;
	z-index: 199;
	top:310px;
	position: absolute;
	}

#header #mainMenuArea {
	width: 100%;
	height: 200px;
	display: block;
	clear: both;
	margin:20px auto 0 auto;
	}

 .reservationArea {
	background: #333333;
	clear: both;
	width: 100%;
	display: block;
	height:30px;
 }
	


/* -------------------------------------------------------------------
猿ヶ京ホテルの魅力・こだわり
--------------------------------------------------------------------- */

#maincolumn #attractiveBox h2{
	margin-bottom: 12px;
}

/* ----上部の設定----*/

#attractiveBox .sectionA{
	background-color:#dfddd2;
	display: block;
	height: auto;
	padding-bottom:30px;
}

#attractiveBox .sectionA .insideSection{
	margin-left: 30px;

	margin-right: 34px;
	line-height: 1.4;
	}

#attractiveBox .sectionA .insideSection ul.imageBox .textBox{
	clear:both;
}

.ttlsp { margin:0 30px; padding:30px 0}

/* ----中央部オビの設定(高さ：36px)----*/

#maincolumn #attractiveBox h5{
	color: #FFF;
	background: url(../images/attractivebox_bg_center.png) no-repeat left top;
	padding-left: 33px;
	font: 1.8em/30px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-top: 6px;
}

/* ----下部の設定(高さ：124px)----*/

#maincolumn #attractiveBox .sectionB{
	background-color:#dfddd2;
	border-top:solid 15px #a9883a;
	padding-left: 0;
	padding-right: 0;
	padding-bottom:30px;
	width: 100%;
	display: block;
	height: auto;
	padding-top: 50px;
	text-align:center;
}

/* ----下部左側の設定----*/
#maincolumn #attractiveBox .sectionB .boxA ul {
	width:90%;
	margin:0 auto;
}


#maincolumn #attractiveBox .sectionB .boxA ul li{
	width:50%;
	float:left;
	margin-right:0;
	margin-bottom:15px;
}
#maincolumn #attractiveBox .sectionB .boxA ul .boxAend{
	margin-right:0;
}

#maincolumn #attractiveBox .sectionB .boxA p{
	line-height:1.8em;
}
/* ----下部中央の設定----*/

#maincolumn #attractiveBox .sectionB .boxB{
	margin-right:11px;
	
	padding-top:4px;
	width:341px;
	float:left;
}

#maincolumn #attractiveBox .sectionB .boxB ul{
	width:341px;
	display:block;
	margin-bottom:2px;
	clear:both;
}

#maincolumn #attractiveBox .sectionB .boxB ul.bottomend{
	margin-bottom:0;
}

#maincolumn #attractiveBox .sectionB .boxB ul li{
	width:170px;
	float:left;
	margin-right:1px;
}

#maincolumn #attractiveBox .sectionB .boxB ul li.rightend{
	margin-right:0;
}

/* ----下部右側の設定----*/

#maincolumn #attractiveBox .sectionB .boxC{
	width:102px;
	float:left;
}

/* --------------------------------------------
料理
-------------------------------------------- */

#cuisineBox{
	background-color:#dfddd2;
	display: block;
	height: auto;
	padding: 30px;
	line-height: 1.9;
	text-align:center;
	}
 #cuisine{
	display:none;
}

 #cuisinesp{
	display:block;
	margin-bottom:40px;
}

#cuisineBox .sectionA{
	float: none;
	margin: 0 0 0 0;
	
}
#cuisineBox .sectionA ul {
	width:90%;
	margin:0 auto;
}


#cuisineBox .sectionA ul li{
	margin: 15px 0 0 0;
	width:50%;
	float:left;
	margin-right:0;
	margin-bottom:15px;
}
#cuisineBox .sectionB{
	float: none;
	
}
#cuisineBox .sectionB .boxA p{
	width: 100%;
	margin: 20px 0 20px 0;
	text-align:left;
}
#cuisineBox .sectionB .boxB{
	float: none;
	margin: 0 15px 20px 0;
	}
#cuisineBox .sectionB .boxB p{
	width: 100%;
	text-align:left;
}

#cuisineBox .sectionB .boxC{
	float: none;
	}
/* --------------------------------------------
温泉紹介
-------------------------------------------- */

/* ----sectionAの設定----*/
#onsenBox {
	background-color:#dfddd2;
	display: block;
	height: auto;
	padding: 30px;
	line-height: 1.9;
	text-align:center;
	}


#onsenBox .sectionA{
	width: 100%;
	display: block;
	margin-bottom: 12px;
	height: auto;
	overflow: hidden;
	}
	
/* --boxAの設定--*/
	
#onsenBox .sectionA .boxA{
	float: none;
	width: 100%;
	margin-right: 13px;
	position: relative;	
	}	

#onsenBox .sectionA .boxA h2{
	position:none;
}

 #onsen{
	display:none;
}

 #onsensp{
	display:block;
	margin-bottom:40px;
}

#onsenBox .sectionA .boxA .image{
	position:none;
	top:none;
	display:none;
}

#onsenBox .sectionA .boxA .imagesp{
	position:none;
	top:none;
	display:block;
}

/* --boxBの設定--*/

#onsenBox .sectionA .boxB{
	float: none;
	width: 100%;
	margin-bottom: 14px;
	}

#onsenBox .sectionA .boxB h3 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #d8ddbb;
	padding-top: 8px;
	padding-bottom: 4px;
}

#onsenBox .sectionA .boxB .text {
	color: #d8ddbb;
	line-height: 1.8em;
	padding-right: 2px;
	padding-left: 2px;
}

/* -insideBoxの設定(311px*244px)- */

#onsenBox .sectionA .boxB .insideBox {
	height: auto;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	display: block;
	margin-bottom:15px;
	margin-top:30px
	
}
#onsenBox .sectionA .boxB .insideBox img{
	margin: 0 0 20px 0;
	}

#onsenBox .sectionA .boxB .insideBox p{
	text-align:left;
	}

/* ----sectionBの設定----*/

#onsenBox .sectionB{
	width:100%;
	clear:both;
	display:block;
	margin-bottom:25px;
	text-align:left;
	}
	
#onsenBox .sectionB .box{
	width:310px;
	float:left;
	margin-right:15px;	
	}

#onsenBox .sectionB .boxEnd{
	margin-right:0;
}

#onsenBox .sectionB .box .textBox{
	margin: 0;
	background: url(../images/onsenbox_sub_bg02.png) no-repeat left top;
	line-height: 1.8em;
	color: #d8ddbb;
	height: 92px;
	width: 278px;
	padding-top: 10px;
	padding-right: 16px;
	padding-left: 16px;
	display: block;
}

/* ----sectionCの設定----*/

#onsenBox .sectionC{
	background: #808100;
	margin: 50px 0 0 0;
	padding: 5%;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	
	}

/* --猿ヶ京温泉ってどんな温泉？（846px*134px）--*/


#onsenBox .sectionC .insideSection .titleBox{
    float: none;
    display: block;
    padding-right: 15px;
    margin-right: 15px;
	margin-bottom:15px;
}

#onsenBox .sectionC .insideSection .textBox {
	color: #d8ddbb;
	float: left;
	width: none;
	line-height: 1.7;
	text-align:left;
}

/* --詳細ボタン--*/

#onsenBox .sectionC .detailButton{
	float: left;
	width: 102px;
	margin-right: 2px;
	padding-top: 16px;
}

/* --------------------------------------------
客室紹介
-------------------------------------------- */

#roomBox{
	background-color:#dfddd2;
	display: block;
	height: auto;
	padding: 30px;
	line-height: 1.4;
	}
 #room{
	display:none;
}

 #roomsp{
	display:block;
	margin-bottom:40px;
}

#roomBox .sectionA{
	float: none;
	margin: 0 0 0 0;
}
#roomBox .sectionA ul li{
	margin: 15px 0 0 0;
}
#roomBox .sectionB{
	float: none;
}
#roomBox .sectionB .boxA p{
	width: 100%;
	margin: 0 0 20px 0;
}
#roomBox .sectionB .boxB{
    border-top: 2px dotted #000000;
	padding: 30px 0 0 0;
	line-height: 1;
	}
#roomBox .sectionB .boxB p{
	width: 100%;
}


/* --------------------------------------------
猿ヶ京ホテル人気プランBEST３
-------------------------------------------- */

#popularplanBox {
	background: url(../images/info/info_popularplan_bg.png) no-repeat center 44px;
	height: 1091px;
	display: block;
	}

#popularplanBox h2 {
	text-align:center;
	margin-bottom:17px;
}

#popularplanBox .section{
	width:920px;
	margin-right:20px;
	margin-left:20px;
	}

#popularplanBox .section .sectionA{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #e0ded3;
	}
	
#popularplanBox .section .sectionAEnd{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
	}	

/* ----左側のBOXの設定----*/

#popularplanBox .section .sectionA .boxA{
	width:403px;
	float:left;
	margin-right:22px;
}

#popularplanBox .section .sectionA .boxA p.image{
	text-align:center;
}

/* ----右側のBOXの設定----*/

#popularplanBox .section .sectionA .boxB{
	width:495px;
	float:left;
	position:relative;
	z-index:0;
}

/* ---見出しの設定--*/

#popularplanBox .section .sectionA .boxB h3{
	margin-bottom: 16px;
	color: #ffe7a4;
	font: 2em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#popularplanBox .section .sectionA .boxB h4{
	margin-bottom: 16px;
	color: #e0ded3;
	font: 1.7em/1.2em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	
}

#popularplanBox .section .sectionA .boxB h5{
	color: #e0ded3;
	font: 1.5em/1.2em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* ---textboxの設定--*/

#popularplanBox .section .sectionA .boxB .textbox{
	width: 495px;
	display: block;
	line-height: 1.7em;
	
	}
	
#popularplanBox .section .sectionA .boxB .textbox .text{
	color: #FFF;
	position: absolute;
	z-index: 1;
	
	}
	
#popularplanBox .section .sectionA .boxB .textbox .detailButton{
	position:absolute;
	z-index:2;
	left: 373px;
	}		

/* --黒毛和牛ステーキ付 懐石レストラン食の設定--*/
#popularplanBox #popularplanA .boxB{
	padding-top: 20px;
	}

#popularplanBox #popularplanA .boxB .textbox .detailButton {
	top: 188px;
	}

/* --ふたりの温泉旅の設定--*/

#popularplanBox #popularplanB .boxB h3 {
	margin-bottom:26px;
}

#popularplanBox #popularplanB .boxB h5 {
	font-size: 1.7em;
	margin-bottom:30px;
	}

#popularplanBox #popularplanB .boxB h5 span {
	font-size: 1.5em;
	padding-left: 4px;
	}	

#popularplanBox #popularplanB .boxB .textbox .detailButton {
	top: 163px;
	}

/* --憧れの露天風呂付客室 お部屋食の設定--*/

#popularplanBox #popularplanC .boxB h5 {
	font-size: 1.5em;
	margin-bottom:20px;
	}

#popularplanBox #popularplanC .boxB .textbox .detailButton {
	top: 163px;
	}

/* --------------------------------------------
周辺観光のご案内
-------------------------------------------- */

#facilityBox h2{
	text-align:center;
	margin-bottom:29px;
	}

#maincolumn #facilityBox .section{
	width:90%;
	clear:both;
	display:block;
	margin:0 auto;
	text-align:center;
	}

#facilityBox .sectionEnd{
	margin-bottom:0;
	}	

#facilityBox .section .box{
	width: 100%;
	margin-right: 18px;
	float: none;
	margin-bottom:80px;
	}

#facilityBox .section .boxEnd{
	margin-right: 0px;
	}		

/* --写真の設定--*/

#facilityBox .section .box .image{
	margin-bottom:21px;
}

/* --textboxの設定--*/

#facilityBox .section .box .textbox h4{
	margin-bottom: 10px;
	font: 1.7em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 2px dotted #000;
	color: #534741;
}
#facilityBox .section .box .textbox p.text{
	color: #534741;
	line-height: 1.3em;
	text-align:left;
	}
	
#facilityBox .section a{
	text-decoration: none;
	}

#facilityBox .boxA .boxB {
	float: none;
	width: 90%;
	background: #808100;
	margin: 50px 0 0 0;
	padding: 5%;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	}
#facilityBox .boxA .boxB p{
	width: 100%;
	float: none;
	padding: 0 0 0 0;
	color: #d6dcb8;
	text-align:left;
	margin-top:30px;
	}
#facilityBox .boxA .boxBend {
	float: none;
	width: 90%;
	background: #808100;
	margin: 50px 0 0 0;
	padding: 5%;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	}
#facilityBox .boxA .boxBend p{
	width: 100%;
	float: none;
	padding: 0 0 0 0;
	color: #d6dcb8;
	text-align:left;
	margin-top:30px;
	}
/* -------------------------------------------------------------------
06アクセス・観光ページの設定
--------------------------------------------------------------------- */

/* --------------------------------------------
Google Map
-------------------------------------------- */


#accessMapBox h2{
	text-align:center;
	margin-bottom:29px;
	}
#accessMapBox .g_map {
	width: 100%;
	height: 500px;
	border: 1px solid #999999;
}

/* --------------------------------------------
交通案内
-------------------------------------------- */

/* --背景の設定(960px×1151px)--*/

#accessTransportBox .creambgMiddle{
	width: 96%;
	padding-top: 22px;
	padding-right: 2%;
	padding-left: 2%;
	text-align:center
	}
	
/* --各記事内の設定--*/

#accessTransportBox .section{
	margin-bottom: 45px;
	padding-bottom: 38px;
	border-bottom: 2px dotted #000;	
}

#accessTransportBox .section h3{
	background: url(../images/circle_icon03.png) no-repeat 13px top;
	margin-bottom: 35px;
	padding-bottom: 7px;
	padding-left: 52px;
	border-bottom: 2px solid #b2a456;
	color: #6d5b51;
	font: 2em/32px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#accessTransportBox .section .textbox{
	width: 100%;
	float: none;
	margin: 30px 0 0 0;
	text-align:left;
}

#accessTransportBox .section .textbox p{
	font-size: 1.2em;
	line-height: 1.5em;	
	}

/* --送迎のご案内の設定--*/

#accessTransportBox .sectionEnd{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

#accessTransportBox .sectionEnd h3{
	margin-bottom: 22px;
}


#linksBox h2{
	text-align: center;
	font-size: 1.7em;
	margin: 0 0 15px 0;
	}
	
	#linksBox { width:70%;
	margin:0 auto;
	text-align: center;}

#linksBox ul li{
	margin: 0 14px 15px 0;
	float: none;
	}
#linksBox ul .linksBoxend{
	margin: 0 0 15px 0;
	}

/* -------------------------------------------------------------------
youtubeの設定
--------------------------------------------------------------------- */
.youtube_st {
	 width:100%; margin:0 auto;
}

#menu{
    display:none; /* 最初は非表示 */
    width:100%;
    position: fixed;
    z-index:999;
    top: 0px;
    left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #333;
	background-color:#d8ddbb;
    background-size: 120px 120px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 150%;
	padding:5px;
}
  .dropmenu{
  *zoom: 1;
  list-style-type: none;
width:900;
height:80px;
float:left;
margin-left:10px;
margin-top:50px;
display:none;
  }




#spmenu {
	display:block;
	margin-top:10px;
}

/* ナビボタン */


#navi-area a:hover, #navi-area a {
	color: #ffffff;
	text-decoration: none;
	opacity:0.8;
}

#navi-area li {
	list-style:none
	}
	

/* 上からにゅっと降りてくるメニュー */
#menu ul{ margin:25px; }
#menu ul li{
    padding: 10px 0;
    text-align: center;

    }
#menu ul li:first-child{ border-top:none; }
#menu ul li:last-child{ border-bottom:none; }
#menu a{
    display: block;
    height: 20px;
    color: #000000;
	margin-top:20px;
    text-shadow: 0 1px 1px #333;
    text-decoration:none;
    tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
    -webkit-tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
    }


.wpcf7-form-control {padding:5px;width:100%}
.wpcf7-form-bt {cursor:pointer; width:120px; height:30px;border:1px solid #ccc;}
.screen-reader-response{ display:none}
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:20px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #fff;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#c6b96e;
	text-align:left;
}
table.formTable td{
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
}