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

title : ホテル多度温泉
scope : 付帯施設

last modify : 2015/12/14 242_ooba
memo  : 

========================================================== */
/* --------------------------------------
 maincolumn
--------------------------------------- */
#maincolumn {
	width: 962px;
	margin: 0 auto;
	padding: 0 0 30px;
	overflow: hidden;
}

#maincolumn .ttl_txt {
	width: 944px;
	margin: 15px auto 0;
	padding: 0 0 6px 14px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px dotted #000;
}

#maincolumn .mainimg {
	margin: 12px 0 0 0;
}

#maincolumn .lead {
	width: 750px;
	margin: 29px auto 0;
	padding: 0 0 0 25px;
	font-size: 16px;
	line-height: 1.5;
}

#maincolumn .lead img{
	vertical-align:middle;
}

#maincolumn a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

@media screen and (max-device-width: 1024px) {
	#maincolumn a:hover img {
		opacity: 1 !important;
	}
}

/* --------------------------------------
 movie_box
--------------------------------------- */
.movie_box {
	width: 920px;
	height: 320px;
	margin: 34px auto 0;
	background: url(../image/bg_mv_box.jpg) no-repeat 0 0;
	overflow: hidden;
}

.movie_box .stl_mv_box {
	padding: 11px 0 0 34px;
}

.movie_box .thumb_mv {
	width: 340px;
	float: left;
	margin: 8px 0 0 48px;
}

.movie_box .thumb_link {
	width: 320px;
	height: 210px;
	background: url(../image/bg_mv_stage.png) no-repeat 0 0;
	padding: 10px 10px 0;
}

.movie_box .txt_mv {
	margin: 10px 0 0 0;
	font-size: 16px;
	text-align: center;
}

.movie_box .gallery {
	width: 452px;
	float: left;
	margin: 5px 0 0 39px;
	overflow: hidden;
}

.movie_box .gallery li {
	float: left;
	margin: 0 6px 6px 0;
}


/* --------------------------------------
 onsen_info
--------------------------------------- */
.ttl_onsen_info {
	margin: 58px 0 0 0;
}

.lead_onsen_info {
	margin: 16px 0 0 6px;
}


/* --------------------------------------
 onsen_top_box
--------------------------------------- */
.onsen_top_box {
	width: 952px;
	margin: 14px auto 0;
	overflow: hidden;
}

.onsen_top_box .top_box_inner {
	width: 400px;
	float: right;
}

.onsen_top_box .top_box_inner p {
	width: 368px;
	height: 119px;
	margin: 0 0 0 6px;
	font-size: 16px;
	line-height: 1.5;
}

.onsen_top_box .top_box_inner ul {
	width: 400px;
	overflow: hidden;
}

.onsen_top_box .top_box_inner ul li {
	float: left;
}

.onsen_top_box .top_box_inner ul li + li {
	float: right;
}

.onsen_top_box .image {
	width: 510px;
	float: left;
}

.btn_onsen_list {
	width: 940px;
	margin: 26px auto 0;
	padding: 0 0 0 2px;
	overflow: hidden;
}

.btn_onsen_list li {
	float: left;
	margin: 11px 7px 0 0;
}

.txt_facilities {
	margin: 25px 0 0 0;
	font-size: 16px;
	text-align: center;
}

/* --------------------------------------
 clubhouse
--------------------------------------- */
.ttl_clubhouse {
	margin: 55px 0 0 0;
}

.btn_clubhouse_list {
	overflow: hidden;
	margin: 22px 0 0 2px;
}

.btn_clubhouse_list li {
	float: left;
	width: 310px;
	margin: 0 14px 43px 0;
}

.btn_clubhouse_list li:first-child + li + li {
	margin: 0 0 43px 0;
}

.btn_clubhouse_list li .btn {
	margin: 10px 0 0 0;
	text-align: center;
}

/* --------------------------------------
 #restaurant_area / #conpe_area 共通
--------------------------------------- */
section[id$="_area"] {
	width: 942px;
	margin: 47px auto 0 auto;
	overflow: hidden;
}

section[id$="_area"] .lead_text_area {
	width: 710px;
	margin: 15px auto 10px;
	font-size: 16px;
	line-height: 1.5;
}

section[id$="_area"] figure {
	float: left;
	margin: 10px 0 0 10px;
}

section[id$="_area"] figure:nth-of-type(1) {
	/*margin: 10px 0 25px 3px;*/
	margin: 10px 0 0 3px;
}

section[id$="_area"] .btn_box {
	clear: both;
	width: 280px;
	padding: 27px 0 0 0;
	margin: 0 auto;
}

/* --------------------------------------
 #other
--------------------------------------- */
#other h4 {
	width: 942px;
	margin: 59px auto 0 auto;
}

/* --------------------------------------
 residence
--------------------------------------- */
.ttl_residence {
	margin: 6px 0 0 0;
}

.resi_faci_box {
	overflow: hidden;
	width: 942px;
	margin: 26px auto 0;
	padding: 0 0 14px;
}

.resi_faci_box .ttl {
	padding: 0 0 8px 0;
	border-bottom: 1px solid #917802;
}

.resi_faci_box [class^="main_txt"] {
	margin: 13px auto 0;
	padding: 5px 0 15px;
	font-size: 16px;
	line-height: 1.45;
}

.resi_faci_box .main_txt_pool {
	width: 652px;
}

.resi_faci_box .main_txt_practice {
	width: 670px;
	padding-left: 18px;
}

.resi_faci_box .main_txt_simulation {
	width: 670px;
	padding: 0 0 15px 18px;
}

.resi_faci_box .main_txt_bar {
	width: 628px;
}

.resi_faci_box .main_txt_fitness {
	width: 688px;
}

.resi_faci_box .main_txt_vip {
	width: 720px;
}

.resi_faci_box .main_txt_party {
	width: 720px;
}

.resi_faci_box .main_txt_garden {
	width: 720px;
}

.resi_faci_box .gallery_01 {
	overflow: hidden;
}

.resi_faci_box .gallery_01 li {
	float: left;
	margin: 10px 0 0 10px;
}

.resi_faci_box .gallery_01 li:first-child {
	margin: 10px 0 0 0;
}

.resi_faci_box .gallery_02 {
	position: relative;
}

.resi_faci_box .gallery_02 li {
	margin: 10px 0 0 0;
}

.resi_faci_box .gallery_02 li:first-child + li + li {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}

.resi_faci_box .gallery_03 {
	overflow: hidden;
	margin: 10px 0 0 0;
}

.resi_faci_box .gallery_03 li {
	float: right;
}

.resi_faci_box .gallery_03 li:first-child {
	float: left;
}

.resi_faci_box .fig_box {
	overflow: hidden;
}

.resi_faci_box .fig_box li {
	overflow: hidden;
	margin: 10px 0 0 0;
}

.resi_faci_box .fig_box figure {
	float: right;
}

.resi_faci_box .fig_box figure:first-child {
	float: left;
}

.resi_faci_box figure figcaption {
	font-size: 16px;
	margin: 8px 0 0 8px;
}

.resi_faci_box .btn {
	margin: 16px 0 0 0;
	text-align: center;
}


/* --------------------------------------
 btn_fee
--------------------------------------- */
.btn_fee {
	text-align: center;
	margin: 38px 0 0 0;
}

.line-height15{
	line-height: 1.5!important;
}

/* --------------------------------------
 btn_resi_floormap
--------------------------------------- */
.btn_resi_floormap {
	text-align: center;
	margin: 28px 0 0 0;
}

/* --------------------------------------
 food_banner
--------------------------------------- */

.bnr_area {
  width:600px;
  clear:both;
  margin:0 auto;
}

.bnr_area a:hover {
    opacity:0.75;
    filter: alpha(opacity=75);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=75)";  /* ie 8 */
    -moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.75;              /* Safari 1.x */
    zoom:1;
}

#food_banner {
  margin-top: 432px;
  overflow: hidden;
}

#food_banner .dinner{
  float: left;
}

#food_banner .breakfast{
  float: right;
}


/* --------------------------------------
 Googleストリートビュー
--------------------------------------- */

.streetview {
	position:relative;
}

.streetview .ico_streetview{
	position:absolute;
	left:12px;
	bottom:10px;
}

.streetview .ico_streetview_s{
	position:absolute;
	left:6px;
	bottom:4px;
}

#maincolumn .streetview  a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.bnr_streetview {
	width:600px;
	margin:28px auto;
	text-align:center;
}

.bnr_streetview figcaption {
	margin:8px 0px 0px;
	font-size:16px;
}