@charset "utf-8";
/* ==========================================================

title : ホテル多度温泉
scope : 白鳥の池／ホタルの小川

last modify : 2016/03/17 266_shintani
memo  : 

========================================================== */
/* --------------------------------------
 パンくずリスト
--------------------------------------- */
#main .siteroute {
    float: none;
    display: block;
}

#main section p {
	font-size: 17px;
	line-height: 1.5;
}

/* --------------------------------------
 共通
--------------------------------------- */
#main section figcaption {
	font-size: 16px;
	line-height: 1.2;
	margin-top: 5px;
	padding:0 1em;
}
#main section figcaption.kakko {
	font-size: 16px;
	line-height: 1.2;
	margin-top: 5px;
	padding:0 1em;
	text-indent:-.5em;
}
section[id$="_area"] {
	width: 903px;
	margin: 40px auto 0 auto;
	overflow: hidden;
}
.first_read{
    width:45em;
    margin:1em auto;
}
.red {
	color: #e50000;
}

.blue {
	color: #0d3091;
}

.content_read {
	width: 776px;
	margin: 20px auto 0 auto;
}
.bnr_single{
    width:520px;
    margin:20px auto;
}
.bnr_single figcaption{
    text-align:left!important;
    line-height:1.5!important;
}

a:hover .hover {
	opacity: 0.7;
}
/* --------------------------------------
 #maincolumn
--------------------------------------- */
#maincolumn {
	width:963px;
	margin: 0 auto;
	clear: both;
}

.main_img {
	width:963px;
	margin: 13px auto 0 auto;
}

#maincolumn h1 {
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../image/bg_line.png) left bottom repeat-x;
	font-weight: normal;
	width: 958px;
	margin: 15px auto 0 auto;
	text-indent: 16px;
	padding-bottom: 6px;
}

figure + p.first_read {
	width: 776px;
	margin: 35px auto 0 auto;
}

/* --------------------------------------
 #swan_area
--------------------------------------- */
#swan_area .content_area {
	width: 735px;
	margin: 11px auto 0 auto;
	overflow: hidden;
}

#swan_area .content_area figure {
	float: left;
	margin: 19px 0 0 0;
}

#swan_area .content_area figure:nth-of-type(3) {
	float: right;
}

#swan_area > ul {
	overflow: hidden;
	margin: 28px auto 0 auto;
	width: 834px;
}

#swan_area > ul li {
	width: 270px;
	float: left;
	margin: 12px 12px 0 0;
}

#swan_area > ul li:nth-of-type(3n) {
	margin: 12px 0 0 0;
}

.more {
	margin: 34px 0 0 0;
	text-align: center;
}

/* --------------------------------------
 #about_bout
--------------------------------------- */
#about_bout {
	margin: 0 auto;
	padding: 45px 0 0 0;
	width: 735px;
	clear: both;
}

#about_bout .content_area {
	width: 654px;
	margin: 21px auto 0 auto;
	padding: 18px 40px;
	background: #e9f1fb;
	font-size: 16px;
	line-height: 1.5;
}

/* --------------------------------------
 #about_bout
 ========================================
 	table
--------------------------------------- */
#about_bout th,
#about_bout td {
	background: #fff;
	vertical-align: middle;
	border-left: 10px solid #e9f1fb;
	border-right: 10px solid #e9f1fb;
	border-top: 10px solid #e9f1fb;
	font-weight: bold;
}

#about_bout th {
	font-size: 17px;
	width: 110px;
	padding: 13px 0;
}

#about_bout .first_th {
	padding: 36px 0;
	border-bottom: 13px solid #e9f1fb;
}

#about_bout .first_td {
	border-bottom: 13px solid #e9f1fb;
	font-weight: normal;
}

#about_bout td {
	width: 499px;
	padding: 0 20px 0 12px;
}

.red strong {
	font-size: 20px;	
}

#about_bout .f15 {
	font-size: 15px;
}

#about_bout .blue {
	margin: 0 33px 0 20px;
	font-weight: bold;
	font-size: 17px;
}

/* --------------------------------------
 #about_bout
 ========================================
 	.attention
--------------------------------------- */
.attention {
	width: 562px;
	padding: 14px 13px 28px 13px;
	margin: 17px auto 0 auto;
	border: 2px solid #eab50f;
	background: #fff;
}

.attention dt {
	background: url(../image/img_bg_attention_line.png) 0 bottom repeat-x;
	padding: 0 0 11px 0;
}

.attention dt span {
	font-size: 20px;
	font-weight: bold;
	background: url(../image/ico_attention.png) 3px 0 no-repeat;
	padding: 0 0 0 45px;
}

.attention dd {
	padding: 10px 0 0 0;
}

.attention li {
	margin: 8px 0 0 0; 
	line-height: 1.2;
}

/* --------------------------------------
 #firefly_area
 ========================================
 	.content_box
--------------------------------------- */
#firefly_area .content_box {
	width: 670px;
	margin: 40px auto 0 auto;
	padding: 25px;
	background: #f4eefb;
	overflow: hidden;
}

.content_box dl {
	width: 350px;
	float: left;
}

.content_box p {
	margin: 20px 15px;
}

.content_box figure {
	width: 290px;
	float: right;
}

/* --------------------------------------
 #firefly_area
 ========================================
 	.firefly_content
--------------------------------------- */
.firefly_content {
	width: 268px;
	border: 1px solid #6a0b75;
	text-align: center;
	margin: 35px 0 0 13px; 
	padding: 0 0 20px 0;
	float: left;
}

.firefly_content:nth-of-type(1) {
	margin: 35px 0 0 32px; 
}

.firefly_content figure {
	margin: 8px 0 0 0;
}

#firefly_area .firefly_content p {
	margin: 15px 10px 0 10px;
	font-size: 15px;
	text-align: left;
}

aside.keyword {
	margin: 70px auto 25px auto;
	font-size: 14px;
}