/* CSS Document */

html { font-size: 4.5vmin }


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

@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;
	text-align: center;
	background-color: #ffffff;
	}


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

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

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

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



/* タイトルの設定 */

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


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

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



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

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

	
	
/* フッターの設定 */

#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;
		}


/* 問い合わせ先 */

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


/* テキストブルー */
.textblue {
	color: #009245;
	font-weight: bold;
	line-height: 150%;
	}



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


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


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


/* リンクcolor設定 */
a:link { 
color: #4c4948; 
}

a:visited {
	 color: #4c4948; 
	 } 
	 
	 
/*フレーム*/ 
.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;
}
	
	
		
/* 上に戻るボタン　*/
#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 100px;
  bottom: 100px;
  background: #009245;
  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;
}