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

title : ホテル多度温泉
scope : 打ち上げ花火大会

last modify : 2016/05/16 285_inose 動画部分微修正
memo  : 

2016/05/16 266_shintani 新規作成

========================================================== */
/* ----------------------------------------------------------------------------
	レイアウト等上書き
---------------------------------------------------------------------------- */
body {
	color: #fff;
	background: url("../image/bg_hanabi_photo.jpg") 50% 253px no-repeat #000;
}

.siteroute a {
	color: #FF0;
}

.txt_mainttl {
	border-bottom: 1px dashed #fff;
}

[id^="main"] > ul.siteroute > li {
  background: url("../image/red_arrow.png") no-repeat 2px center;
	color: #fff;
}

footer {
	background: url(/image_cmn/footer_line.gif) repeat-x 0 bottom #fff;
	color: #000;
}

.end {
    clear: both;
    text-align: center;
    margin: 20px auto 20px;
    padding: 17px 0;
    border: 1px solid #FF0000;
    background: #FFE1E1;
    color: red;
    font-size: 20px;
}	
.end2{
	clear		: both;
	text-align	: center;
	margin		: 15px auto 20px;
	padding		: 15px 0;
	border		: 1px solid #FF0000;
	background	: #FFE1E1;
	color		: red;
	font-size:130%;
	}


.entry2 {
	width: 800px; 
	margin:0 auto;
  }


/* ----------------------------------------------------------------------------
	共通
---------------------------------------------------------------------------- */
[id$="_area"] {
	width: 816px;
	margin: 60px auto 0 auto;
}

[id$="_area"] h2 {
	width: 816px;
	margin: 0 auto;
}

[id$="_area"] [class$="_lead"] {
	width: 706px;
	margin: 30px auto 0 auto;
	text-align: left;
	line-height: 1.6;
}

/* ----------------------------------------------------------------------------
 #maincolumn
---------------------------------------------------------------------------- */
#maincolumn {
	width: 962px;
	margin: 0 auto 0;
	padding: 0 0 30px;
	overflow: hidden;
	clear: both;
	font-size: 17px;

}

/* ----------------------------------------------------------------------------
 .text_img
---------------------------------------------------------------------------- */
.text_img {
	width: 498px;
	text-align: center;
	margin: 32px auto 0 auto;
	padding: 0 0 410px 0;
}

.text_img img {
	margin: 7px 2px 0 0;
}

.first_lead {
	margin: 30px auto 0 auto;
	line-height: 1.6;
	width: 740px;
}

/* ----------------------------------------------------------------------------
 #plan_area
---------------------------------------------------------------------------- */
/*#plan_area {
	background: url("../image/bg_hanabi_img.png") 0 110px no-repeat #000;
}*/

#plan_area .fireworks_inner {
	background: url("../image/bg_hanabi_img.png") 0 0 no-repeat #000;
	padding: 10px 0 30px 0;
	margin: 20px 0 0 0;
}


.day_zone {
	text-align: center;
	margin: 10px 0 0 0;
}

.service_zone {
	padding: 0 0 17px 0;
	width: 566px;
    margin: 0 auto;
}

.service_zone dt {
	margin: 30px 0 0 0;
	display: inline-block;
}

.service_zone dd {
	margin: 15px 0 0 0px;
	display: inline-block;
}

.service_zone dd:nth-child(6) {

	margin-top: 0;
}

.service_zone dd:nth-child(8) {

	margin-top: 0;
}

#plan_area .fireworks_inner .attention {
    margin: 8px auto 0;
    font-size: 14px;
    width: 358px;
}



/* ----------------------------------------------------------------------------
 #laser_area
---------------------------------------------------------------------------- */
#laser_area {
	text-align: center;
}

.laser_img {
	margin: 30px 0 0 0;
}

.btn_zone {
	width: 506px;
	text-align: center;
	margin: 50px auto 0 auto;
}

.btn_zone span {
	display: block;
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 14px;
}

#laser_area .attention {
	margin: 45px 0 0 0;
}


#plan_area #laser_area .attention {
margin: 45px 0 0 0;
}


/* ----------------------------------------------------------------------------
	共通
	=============================================================================
	#appreciation_area
---------------------------------------------------------------------------- */
#appreciation_area{
	background: url("../image/bg_hanabi_back.png") 0 0 no-repeat;
	width: auto;
}

[class$="_course"] {
	width: 764px;
	margin: 30px auto 0 auto;
	overflow: hidden;
}

[class$="_course"] dd:nth-last-of-type(1) {
	float: right;
	margin: 10px 0 0 0;
}

[class$="_course"] p {
	text-align: center;
	margin: 10px 0 0 0;
}

[id$="_area"] .btn_introduction {
	text-align: center;
	margin: 30px 0 50px 0;
}

/* ----------------------------------------------------------------------------
	「バーベキューコース」なら、オープンテラスで真夏の夜を満喫！
	=============================================================================
	#appreciation_area > .bbq_course
---------------------------------------------------------------------------- */
.bbq_course dd {
	float: left;
	width: 378px;
	margin: 10px 0 0 0;
}

.bbq_course p span {
	display: block;
	margin: 5px 0 0 0;
	color: #fff17a;
}

/* ----------------------------------------------------------------------------
	「夕食コース」をオーダーしたお客様はこちらでゆったりと観賞
	=============================================================================
	#appreciation_area > .room_course
---------------------------------------------------------------------------- */
.dinner_course dd {
	width: 182px;
	float: left;
	margin: 10px 12px 0 0;
}

/* ----------------------------------------------------------------------------
	「夕食コース」をオーダーしたお客様はこちらでゆったりと観賞
	=============================================================================
	#appreciation_area > .dinner_course
---------------------------------------------------------------------------- */
.room_course dd {
	width: 248px;
	float: left;
	margin: 10px 10px 0 0;
}

/* ----------------------------------------------------------------------------
	過去の花火大会を動画でご紹介します
	=============================================================================
	#movie_area
---------------------------------------------------------------------------- */

#movie_area dl{
	width:550px;
	margin:25px auto 50px;
	padding:0 8.5px;
	border-radius:10px;
	background: linear-gradient(#907905, #d6c469, #d6c469, #907905);
}

#movie_area dt{
	font-size:18px;
	font-weight:bold;
	padding:20px 0;
	text-align:center;
}

#movie_area dd p{
	padding:10px 0;
	text-align:center;
}

.btn_pc_flyer {
	width: 700px;
	text-align: center;
	margin: 40px auto 0 auto;
	padding-top:10px;
	border-top: 0px solid #bf870d;
}

.btn_pc_flyer_2 {
	width: 506px;
	text-align: center;
	margin: 40px auto 0 auto;
	padding-top:10px;
	border-top: 1px solid #bf870d;
}

.btn_pc_flyer span {
	display: block;
	margin: 10px 0 0 0;
}

/* ----------------------------------------------------------------------------
	お問合せ｜TEL0594-49-3111（宿泊予約専用電話）
	=============================================================================
	.contact_zone
---------------------------------------------------------------------------- */
.contact_zone {
	text-align: center;
	margin:30px 0 0 0;
}

.contact_zone span {
	font-size: 24px;
	margin: 0 0 0 10px;
}

/*花火大会リサーチ バナー*/

#maincolumn .entry2 .banner {
	margin: 60px 0 0;
    text-align: center;
}
.entry2 .banner figcaption {
    text-align: center;
    margin: 10px;
    line-height: 1.4;
}