@charset "utf-8";

/* CSS Document */
/* 各ページ固有ののレイアウト指定 */



/* layout.css 目次

	1.トップページ
	2.コンセプト
	3.但馬牛料理
	4.客室・施設
	5.温泉・貸切風呂
	6.観光案内
	7.アクセス
	8.ご予約
	9.よくある質問
	10.ブログ
	11.過ごし方
	12.サイトマップ

*/



/* -------------------------------------------------------------------------- 
 *	=1.トップページ
 * -------------------------------------------------------------------------- */
.main-image { background:url(../images/top_main_base.jpg) no-repeat center;}

#top-reserve { margin-top: 5px; }

#top-osusume { margin-top: 30px; padding-bottom:20px;}

#top-osusume h2 { margin: 0 0 5px; }

.osusume-box {
	position: relative;
	width: 227px;
	min-height: 180px;
	background-color: #fff;
	border: 1px solid #999;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom:20px;
	font-family: 'PT Serif', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	font-size: 1.05em;
	color: #000;
}

.osusume-image { margin-bottom: 0; }

.osusume-text { padding: 6px 5px 0 6px; }

.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	filter: alpha(opacity=0);
}

.linkarea a:hover {
	left: 1px;
	top: 1px;
}
.fbpage {
	clear:both;
	padding:20px auto;
	text-align:center;
		width: 100%;
		max-width: 500px;
	
}.fb{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.fb iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}

@media (max-width: 600px) {
.osusume-box { width: 100%; 
	min-height: 200px;}
}
.caution-info {border:1px solid #555;padding:0px 20px 6px;margin-bottom:1.5em;clear:both;}
.caution-info h3 {margin-left:0;}
.caution-info p {margin-bottom:1.2em;}
dl {padding:5px 5px 6px;}
dt {font-size:1.2em;border-bottom:1px solid #666;font-weight: bold;font-family: 'PT Serif', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;margin-bottom:0.6em;}
dd {margin-bottom:1em;}

/* -------------------------------------------------------------------------- 
 *	=2.コンセプト
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- 
 *	=3.但馬牛料理
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- 
 *	=4.客室・施設
 * -------------------------------------------------------------------------- */
dl.facilites { }

dl.facilites dt {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

dl.facilites dd { padding-bottom: 15px; }
#facilities h3 span {font-size:0.8em;}

/* -------------------------------------------------------------------------- 
 *	=5.温泉・貸切風呂
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- 
 *	=6.観光案内
 * -------------------------------------------------------------------------- */
.sightseeing-box {
	padding-bottom:30px;
	font-size:1.1em;
}
.sightseeing-box img {margin-bottom:5px;}
.googlemap {
    position: relative;
    width: 100%;    
    height: 0;
    padding-bottom: 65%;   
    overflow: hidden;
	margin-bottom:20px;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}
@media (max-width: 640px) {
.googlemap {
    position: relative;
    width: 100%;    
    height: 0;
    padding-bottom: 100%;   
    overflow: hidden;
	}}

/* -------------------------------------------------------------------------- 
 *	=7.アクセス
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- 
 *	=8.ご予約
 * -------------------------------------------------------------------------- */
.tellink {
	font-size: 2.4em;
	font-family: 'PT Serif', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	color: #330000;
	margin-top:1.2em;
	margin-bottom:1em;
}

/* -------------------------------------------------------------------------- 
 *	=9.よくある質問
 * -------------------------------------------------------------------------- */
dl.faq { margin-bottom: 4em; }

.faq dt { padding-bottom: 10px; }

.faq dd {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #ccc;
}

/* -------------------------------------------------------------------------- 
 *	=10.ブログ
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- 
 *	=11.過ごし方
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- 
 *	=12.サイトマップ
 * -------------------------------------------------------------------------- */