/* CSS Document */

html { font-size: 3.5vmin }


body {
	width: 100%;
	margin: 0px auto 0px auto;
	color: #56432e;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 125%;
	background-color: #cfc295;
}

@media (min-width: 1040px) {
    body {
        font-size:18px;
    }
}


	
	/* メインの設定 */

#main {
	width: 750px;
	height: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	}


	/* テキストボックス中央寄せ */

.text {
	width: 620px;
	height: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	}


	/* テキストボックス左寄せ */

.text_left {
	width: 620px;
	height: 50%;
	margin: 0 auto;
	font-size: 90%;
	background-color: #ffffff;
	}
	
	
	/* テーブルの上下に余白 */
table.space{
margin:10px 0px 25px 0px;
}

	/* h1の設定 */
h1 {
	color: #56432e;/*文字色*/
	line-height: 125%;
}
	

	/* h3の設定 */
h3 {
	color: #56432e;/*文字色*/
  /*線の種類（点線）2px 線色*/
	border-bottom: dotted 2px #cfc295;
	line-height: 150%;
}

	/* リストの行間 */
 li {
        margin-top: 20px; /* liの上部に10pxの余白を設ける */
        margin-bottom: 20px; /* liの下部に10pxの余白を設ける */
    }

/* タイトルの設定 */

#title {
	width: 750px;
	height:100%;
	margin: auto;
	}
	


/* 複数利用ボックス */

.box {
	width: 600px;
	height:100%;
	margin: auto;
	}



/* 複数利用ボックス */

.box800 {
	width: 800px;
	height:100%;
	margin: auto;
	}

/* マーカー設定 */
.marker-blue {
background: linear-gradient(transparent 60%, #baeafa 0%);
}
	
	
/* フッターの設定 */

#footer {
	width: 750px;
	height: 30px;
	margin: auto;
	padding: 20px 0px 35px 0px;
	}
	

/* 区切り */	
hr {
   border-width:1px 0 0 0;
   margin:50px 0px 50px 0px;
} 


/* リンク画像の周りの線 */	
a img {
	border-style:none;
	} 

	
/* テーブルの上揃え */	
td {
	vertical-align: top;
	} 


/* フロー解除 */	
.clear{
	clear:both;
}
		
	
img {
	line-height: 0;
	vertical-align: bottom;
	} 


/* リンク画像のホバー */	
a:hover img {
opacity: 0.7;     /* 透過レベル */
filter: alpha(opacity=80);
}
	

strong {
	color: #830051;
	}


/* テキスト強調 */
.textb {
	font-weight: bold;
	color: #fff571;
	}


/* テキストミニ */
.textmini {
	font-size: 50%;
	line-height: 120%;
	}


/* テキストビッグ */
.textbig {
	font-size: 200%;
	line-height: 150%;
	font-weight: bold;
		}

/* 囲み罫 */
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #4c4948;
    background: #c9edfb;
    border-left: solid 10px #00326d;
}
.box8 p {
    margin: 0; 
    padding: 0;
}


/* 問い合わせ先 */

#toi {
	width: 750px;
	height: 100%;
	margin: 0px 50px 0px 50px;
	}


/* テキストセピア */
.textblue {
	color: #56432e;
	font-weight: bold;
	line-height: 150%;
	}



/* テキスト注意 */
.textattention {
  font-size: 110%;
  font-weight: bold;
  background-color: #fadce2;/*背景色*/
}


/* テキスト宿泊プラン名 */
.textplan {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #007cc4;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #007cc4;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}


/* テキストプラム */
.textplum {
	color: #00326d;
	}
	
	
/* メニュー行間 */
.text200 {
	line-height: 200%;
	}	


/* リンクcolor設定 */
a:link { 
color: #56432e; 
}

a:visited {
	 color: #56432e; 
	 } 
	 
	 
/*フレーム*/ 
.ifrm-container {
  width:750px;
  height:600px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
}

.ifrm {
  width:100%;
  height:100%;
  border:none;
  display:block;
}
	 

	
/* スライド画像 */	
	.slide {
width:750px;
height:500px;
margin:0 auto;
position:relative;
}
.slide img {
position:absolute;
left:0;
top:0;
}


/* マップをモノクロ　*/
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
	
		
/* 上に戻るボタン　*/
#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 100px;
  bottom: 100px;
  background: #00326d;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f0d8';
  font-size: 50px;
  color: #fff;
  position: absolute;
  width: 100px;
  height: 50px;
  top: 60px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}