@charset "UTF-8";

/* メインビジュアル */
#home #visual { width: 1450px; padding: 10px 0; margin: 0 0 0 -725px; position: fixed; left: 50%; z-index: 0;}
#home #visual .flexslider { width: 49.1%; float: left;}
#home #vis_bnr { width: 50.48%; float: right;}
#home #vis_bnr a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#home #vis_bnr li { float: left; padding: 0 0.54% 0 0;}
#home #vis_bnr li:nth-child(-n+3) { padding-bottom: 0.68%;}
#home #vis_bnr li:nth-child(3n) { padding-right: 0;}
#home #vis_bnr li:nth-child(3n+1) { clear: both;}
#home #vis_bnr li:first-child { width: 43.91%;}
#home #vis_bnr li:nth-child(2) { width: 27.35%;}
#home #vis_bnr li:nth-child(3) { width: 27.35%;}
#home #vis_bnr li:nth-child(4) { width: 30.23%;}
#home #vis_bnr li:nth-child(5) { width: 30.23%;}
#home #vis_bnr li:last-child { width: 38%;}
#home #vis_bnr li:last-child img { width: 100%; height: auto;}

/* コンテンツ */
#home #container { margin: 520px 0 0 0; position: relative; z-index: 100; background: url(../img/bg.gif) center top;}
#home #container>.photo { display: block; margin: 0 auto;}
#home #container h2 { padding: 0; background: none; text-align: center;}
#home #container h2 img { display: inline; margin: 0;}

/* ようこそ */
#home #lead { width: 1100px; padding: 38px 0 60px 0; margin: 0 auto; position: relative; background: url(../../imgs/lead_bg.png) no-repeat 32px top;}
#home #lead p:first-of-type { width: 617px; max-width: 100%; padding: 27px 0 15px 0; margin: 0 auto; text-align: center;}
#home #lead b { color: #a74588; font-size: 20px; font-weight: bold;}
#home #lead p:last-of-type { width: 1000px; max-width: 100%; float: right; padding: 0 260px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#home #lead>img { position: absolute; right: 0; bottom: 0;}

/* お宿一覧 */
#home #list { background: url(../../imgs/list_bg.png) no-repeat center top;}
#home #list section { width: 1000px; padding: 30px 0 34px 0; margin: 0 auto;}
#home #list h2 { margin: 0 0 56px 0;}
#home #list h2 span { padding: 0 22px 0 0;}
#home #list a { width: 205px; float: left; margin: 0 46px 15px 0; text-decoration: none;}
#home #list a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#home #list a:hover dd { text-decoration: underline;}
#home #list a:nth-of-type(4n) { margin-right: 0;}
#home #list a:nth-of-type(4n+1) { clear: both;}
#home #list dl { display: table; width: 100%; table-layout: fixed;}
#home #list dt,
#home #list dd { display: table-cell; vertical-align: middle;}
#home #list dt { width: 61px; height: 62px; position: relative; overflow: hidden;}
#home #list dt img { max-width: 200%; position: absolute; top: -10px; left: -20px;}
#home #list dd { padding: 0 0 0 9px;}
#home #list dd span { display: block; padding: 0 0 3px 0; line-height: 1.3;}

/* トピックス */
#home #topics { width: 1100px; padding: 38px 0 76px 0; margin: 0 auto;}
#home #topics h2 { margin: 0 0 45px 0;}
#home #topics h2 img { vertical-align: top;}
#home #topics h2>img { padding: 7px 0 0 0;}
#home #topics h2 span { padding: 0 48px 0 0;}
#home #topics a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#home #topics>ul>li,
#home #topics>div { -webkit-box-shadow: 0 0 5px #d8c7b1; -moz-box-shadow: 0 0 5px #d8c7b1; box-shadow: 0 0 5px #d8c7b1;}
#home #topics>ul { padding: 0 0 15px 0;}

/* トピックス4つずつ 画像サイズ 244x165
#home #topics>ul>li { width: 264px; float: left; padding: 10px 0; margin: 0 14px 20px 0; background: #fff;}
#home #topics>ul>li:nth-child(4n) { margin-right: 0;}*/
#home #topics>ul>li img { display: block; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* トピックス3つずつ 画像サイズ 340x224 */
#home #topics>ul>li { width: 360px; float: left; padding: 10px 0; margin: 0 10px 20px 0; background: #fff;}
#home #topics>ul>li:nth-child(3n) { margin-right: 0;}
#home #topics>ul>li img { width: 100%;}
/* トピックス3つずつ */

#home #topics>ul>li p { min-height: 29px; padding: 0 5px 0 38px; margin: 20px 0 0 0; background: url(../../imgs/tpx_icon.png) no-repeat 5px top; font-size: 15px; font-weight: bold;}
#home #topics>ul>li a { color: #321406; text-decoration: none;}
#home #topics>ul>li a:hover { text-decoration: underline;}
#home #topics>div { width: 506px; border: 10px solid #fff;}
#home #topics_a { float: left; background: #fff url(../../imgs/tpx_a_bg.png) no-repeat center top; -webkit-background-size: 100% auto; background-size: 100% auto; font-weight: bold; text-align: center;}
#home #topics_a h3 { padding: 25px 10px 20px 10px;}
#home #topics_a p { padding: 0 10px;}
#home #topics_a a { display: inline-block; margin: 20px 0 25px 0;}
/* 170331 mori */
#home #topics_b { /*float: right;*/ margin: 0 auto; position: relative; background: #fff url(../../imgs/tpx_b_bg.png) center top; font-weight: bold;}
/* ここまで */
#home #topics_b h3,
#home #topics_b .price { padding: 0 10px 0 172px;}
#home #topics_b h3 { padding-top: 20px;}
#home #topics_b .price { padding-top: 10px; color: #197f01; font-size: 14px; letter-spacing: -0.05em;}
#home #topics_b .price b { display: block; font-size: 17px;}
#home #topics_b .price span { font-size: 13px;}
#home #topics_b .price span span { font-size: 10px;}
#home #topics_b>img { position: absolute; top: -20px; left: 30px;}
#home #topics_b p { padding: 15px 10px; color: #b82f0a;}
#home #topics_b ul { padding: 0 15px 25px 15px;}
#home #topics_b li { float: left;}

#home #topics_b li:last-child { float: right;}
#home #topics_b ul li:nth-of-type(2) { float: right;}
/* 161221 mae 年末年始用
#home #topics_b ul li:last-child { clear: both; float: none; display: block; margin: 0 auto; padding: 10px 0 0; text-align: center;}*/

/* 新着情報 */
#home #info { width: 1100px; padding: 64px 0 60px 0; margin: 0 auto;}
#home #info h2 { margin: 0 0 38px 0;}
#home #info h2 span { padding: 0 53px 0 0;}
#home #info>div {
	width: 536px; float: left; padding: 15px; margin: 0 0 20px 0; background: #fdfcfa; border: 1px solid #dcd0c0;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#home #info>div:nth-of-type(2n) { float: right;}
#home #info>div h3 { padding: 0 0 0 27px; margin: 0 0 25px 0; background: url(../../imgs/info_icon.png) no-repeat left center;}
#home #info li { padding: 5px 15px; border-bottom: 1px dotted #321406;}
#home #info a { text-decoration: none;}
#home #info a:hover { text-decoration: underline;}



/* -------------------------------------------------------
clear
------------------------------------------------------- */
#home #visual:after,
#home #vis_bnr ul:after,
#home #lead:after,
#home #list div:after,
#home #topics:after,
#home #topics ul:after,
#home #info:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}