@charset "utf-8";
/* CSS Document */

/*----------------------------*/
/*左カラム*/
/*----------------------------*/
#left_contents {
	width: 790px;
	float: left;
}

#main_visual {
	margin-bottom: 30px;
}


/*クーポン枠*/
section.coupon{
	background:#f5fcff;
	border:1px #049 dotted;
	padding:0.5em;
	margin-bottom:2em;
}

section.coupon h3{
	font-size:1.5rem;
	text-align:center;
	color:#049;
	font-weight:bold;
	margin:0.5em 0;
}

section.coupon div+p{
	font-size:1.2rem;
	margin:0.5em;
}

section.coupon h3+div{
	text-align:center;
}

section.coupon .cta{
	width:600px;
	margin:0.5em auto;
	text-align:center;
	background:#00aaeb;
	padding:0.5em 0;
	border-radius:4px;
	line-height:3em;
}

section.coupon dl dt{
	font-weight:bold;
	margin-top:0.5em;
}

section.coupon .cta a{
	display:block;
	color:#fff;
}

/*広告枠*/
#ad_area {
	width: 790px;
	margin: 0 auto 30px;
	padding-bottom: 8px;
	border: 1px solid #0075CF;
}

#ad_area .title {
	margin-bottom: 20px;
	padding: 2px 16px 0;
	background-color: #0075CF;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

#recommend {
	margin: 0 0 0 16px;
}

#recommend .imgBox {
	float: left;
	width: 370px;
	margin-right: 15px;
}

#recommend .imgBox .photoBox {
	float: left;
}

#recommend .imgBox .textBox {
	float: right;
	width: 220px;
}

#recommend .imgBox .textBox dl {
	margin-bottom: 8px;
}

#recommend .imgBox .textBox dt {
	color: #323232;
	font-size: 15px;
	font-weight: bold;
}

#recommend .imgBox .textBox dt span {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: normal;
}

#recommend .imgBox .textBox dd {
	color: #323232;
	font-size: 12px;
	line-height: 1.2;
}

#recommend .imgBox .textBox .more {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

#recommend .imgBox .textBox .more a {
	padding-left: 20px;
	background: url(../img/icon_15.png) no-repeat left 2px;
}

/*ホテルメニューボタン*/
#hotel_menu {
	margin-bottom: 30px;
}

#hotel_menu ul {
	width: 800px;
	margin: 0 -10px 0 0;
	overflow: hidden;
}

#hotel_menu ul li {
	width: 390px;
  float: left; 
  margin-right: 10px;
	margin-bottom: 10px;
}


/*ホテルカテゴリー共通*/
.hotel_section {
}

.hotel_section > h2 {
	margin-bottom: 15px;
	padding-left: 115px;
	padding-top: 5px;
	height: 101px;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	line-height: 34px;
}

.hotel_section > h2 span {
	font-size: 22px;
	font-weight: normal;
}

.merit {
	padding: 30px;
}

.merit ul li {
	width: 50%;
	float: left;
	list-style: disc inside;
}

.hotel_intro {
	padding: 10px 0px 20px 20px;
}

.hotel_list {
	width: 762px;
}

.hotel_list li {
	width: 242px;
	height: 360px;
  float: left; 
  margin: 0 12px 20px 0;
	background: #fff;
}

.hotel_detail {
	padding: 20px 10px 10px 10px;
}

.hotel_detail h3 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	height: 34px;
}

.hotel_detail p {
	margin-bottom: 10px;
	font-size: 12px;
}

.hotel_detail p span {
	color: #c73c3c;
	font-weight: bold;
	font-size: 14px;
}

.plan_btn {
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	padding: 5px 7px;
	float: right;
	color: #fff;
	margin-bottom: 10px;
}

.plan_btn:after {
	content: " >";
}

.plan_btn:visited {
	color: #fff;
}

.plan_btn:hover {
	color: #fff;
}

.plan_btn:active {
	color: #fff;
}


.more_btn {
	box-sizing: content-box;
	margin-right: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.more_btn a {
	display: block;
	width: 230px;
	height: 40px;
	float: right;
	color: #fff;
	font-size: 14px;
}

.more_btn a:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../img/icon_01.png) no-repeat right center;
}

.more_btn a:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.5);
}


/*----------------------------*/
/*オフィシャルホテル*/
/*----------------------------*/
#hotel_section_00{
	background-color: #f5f4b1;
	padding-bottom: 20px;
	}
#hotel_section_00 > h2 {
	background: url(../img/img_ttl_00.jpg) no-repeat;
}
.hotel_section#hotel_section_00 > h2 {
	margin-bottom: 0;
    padding-left: 115px;
    padding-top: 16px;
    height: 116px;
    color: #573300;
    font-size: 34px;
    font-weight: bold;
    line-height: 34px;
}
.inner_wrapper{
	margin: 0 20px;
	background-color: #ffffff;
	}
.img_box{
	width: 300px;
	float: left;
	}
.read_box{
	width: 420px;
	float: right;
	padding-right: 10px;
	}
.read_box h3{
	font-size: 150%;
	font-weight: bold;
	}
.read_box p{
	font-size: 120%;
	margin-bottom: 10px;
	}
#hotel_section_00 .plan_btn{
	background-color: #d3a60f;
	font-size: 135%;
	}
#hotel_menu ul li.menu_partner{
	width: 258px;
	margin-right:8px;
	}
/*----------------------------*/
/*アライアンスホテル*/
/*----------------------------*/
#hotel_section_01 {
	background: #FFF0F0;
}

#hotel_section_01 > h2 {
	background: url(../img/img_ttl_01.png) no-repeat;
}

#hotel_section_01 .merit {
	margin: 0 20px;
	padding: 10px 20px;
	background: #FFFBFB;
}

#hotel_section_01 .merit h2 {
	margin-bottom: 10px;
	font-size: 14px;
}

#hotel_section_01 .hotel_intro {
	padding-bottom: 30px;
}

#hotel_section_01 .hotel_list li {
	border-top: 10px solid #df2f5a;
}

#hotel_section_01 .plan_btn {
	background: #E13232;
}

#hotel_section_01 .more_btn a {
	background: #df2f5a; /* Old browsers */
	background: -moz-linear-gradient(top,  #df2f5a 0%, #df2f5a 50%, #c0264c 51%, #c0264c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #df2f5a 0%,#df2f5a 50%,#c0264c 51%,#c0264c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #df2f5a 0%,#df2f5a 50%,#c0264c 51%,#c0264c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2f5a', endColorstr='#c0264c',GradientType=0 ); /* IE6-9 */
}

/*----------------------------*/
/*アソシエイトホテル*/
/*----------------------------*/
#hotel_section_03 {
	margin-top: -10px;
	background: #E7FFFF;
}

#hotel_section_03 > h2 {
	margin-bottom: 2px;
	background: url(../img/img_ttl_03.png) no-repeat;
}

#hotel_section_03 .hotel_list li {
	border-top: 10px solid #3289e1;
}

#hotel_section_03 .plan_btn {
	background: #3289e1;
}

#hotel_section_03 .more_btn a {
	background: #3289e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #3289e1 0%, #3289e1 50%, #1a70c6 51%, #1a70c6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3289e1 0%,#3289e1 50%,#1a70c6 51%,#1a70c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3289e1 0%,#3289e1 50%,#1a70c6 51%,#1a70c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3289e1', endColorstr='#1a70c6',GradientType=0 ); /* IE6-9 */
}

/*おすすめの理由*/
#reason {
	padding-bottom: 10px;
}

#reason h3 {
	font-size: 25px;
	color: #003399;
	text-align: center;
	padding: 0 15px 11px;
	line-height: 1.55em;
}

#reason_list {
	margin-bottom: 24px;
	padding: 5px 50px;
	background: url(../img/bg_reason_list01.gif) repeat left top;
}

#reason_list li {
	padding: 17px 0 15px 70px;
	font-size: 19px;
	font-weight: bold;
	color: #333;
	line-height: 1.5em;
}

#reason_list li span {
	color: #003399;
	font-size: 24px;
}

#reason_01 {
	background: url(../img/icon_02.jpg) no-repeat left center;
}

#reason_02 {
	background: url(../img/icon_03.jpg) no-repeat left center;
}

#reason_03 {
	background: url(../img/icon_04.jpg) no-repeat left center;
}

#category_menu {
	margin-left: 20px;
}

#category_menu li {
	float: left;
	margin-right: 12px;
}

/*----------------------------*/
/*ホテルカテゴリ別ブロック*/
.hotel_category {
	background: #E7FFFF;
	padding-top: 25px;
}

.hotel_category > h2 {
	height: 59px;
	margin: 0 auto 20px;
	padding: 5px 0 0 0;
	width: 750px;
	background: url(../img/img_ttl_04.png) no-repeat;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.category_contents {
	padding-left: 20px;
	padding-bottom: 25px;
}

#market {
	margin: 30px 20px 0 0;
	padding: 5px 0 0 0;
	border: 1px solid #603813;
	background-color: #fff;
}

#market p {
	margin-bottom: 3px;
	color: #42210B;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#market li {
	padding: 0 0 8px 15px;
	width: 374px;
	float: left;
	font-size: 15px;
}

#market li img {
	margin-right: 10px;
}

#map_plan h3 {
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0 10px;
}

.area_ttl {
	width: 750px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	background: #2F4192;
	color: #fff;
	font-weight: bold;
	padding-left: 18px;
	clear: both;
	margin-bottom: 10px;
	border-radius: 8px 0 0 8px;
	position: relative;
	behavior: url(/PC/travel.mynavi.jp/feature/sample/js/pie.htc);
}

.area_ttl h2 {
	float: left;
}

.area_ttl ul {
	float: right;
}

.area_ttl ul li {
	float: left;
}

.area_text {
	font-size: 18px;
	margin-bottom: 5px;
}

.spot {
	width: 750px;
	border: 1px solid #3289e1;
	background: #fff;
	padding: 5px 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.spot h3 {
	float: left;
	font-weight: bold;
	padding-right: 15px;
	border-right: 1px solid #3289e1;
	margin-right: 15px;
}

.spot ul {
	float: left;
}

.spot ul li {
	float: left;
	padding-left: 17px;
	margin-right: 20px;
}

.category_contents .hotel_list {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

/*----------------------------*/
/*エリアで選ぶ*/
#area_01 .spot ul li {
	background: url(../img/icon_05.png) no-repeat left center;
}

#area_02 .spot ul li {
	background: url(../img/icon_10.png) no-repeat left center;
}

#area_03 .spot ul li {
	background: url(../img/icon_11.png) no-repeat left center;
}

#area_04 .spot ul li {
	background: url(../img/icon_12.png) no-repeat left center;
}

#area_01 .more_btn,
#area_02 .more_btn,
#area_03 .more_btn,
#area_04 .more_btn {
}

/*スポット特集*/
#spot_featuret {
	width: 750px;
	margin: 0 20px;
	background: #fff;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative
}

#spot_featuret h2 {
	margin-bottom: 30px;
}

#spot_featuret .prev {
	width: 30px;
	height: 30px;
	border: none;
	background: url(../img/icon_13.png);
	position: absolute;
	left: 0;
	top: 200px;
}

#spot_featuret .next {
	width: 30px;
	height: 30px;
	border: none;
	background: url(../img/icon_14.png);
	position: absolute;
	right: 0;
	top: 200px;
}

#spot_list_area {
	width: 681px;
	margin-left: 40px;
}

#spot_list_area ul li {
	width: 227px;
	height: 255px;
}

#spot_list_area ul li img {
	margin-bottom: 10px;
}

.spot_text {
	width: 214px;
}

.spot_text h3 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

.spot_text p {	
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.spot_text > a {
	display: inline-block;
	padding: 5px 10px;
	min-width: 120px;
	background: #3289e1;
	color: #fff;
	font-size: 11px;
	text-align: center;
	float: right;
}

/*----------------------------*/
/*価格で選ぶ*/
#category_02 {
	background: #fce9d3;
}

#category_02 > h2 {
	background: url(../img/img_ttl_07.png) no-repeat;
}

#category_02 > h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	margin-bottom: 10px;
}

#category_02 > h3 span {
	font-size: 18px;
}

/*----------------------------*/
/*特徴で選ぶ*/
#category_03 {
	background: #def3db;
}

#category_03 > h2 {
	background: url(../img/img_ttl_08.png) no-repeat;
}


.btn_list_01 {
}

.btn_list_01 li {
	width: 180px;
	float: left;
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.btn_list_01 li a {
	text-decoration: underline;
}

.btn_list_01 li a:hover {
	text-decoration: none;
}

.btn_list_01 li img {
	margin-bottom: 5px;
}

.btn_list_01 li span {
	display: block;
	line-height: 1.2em;
	height: 3.6em;
}

.btn_list_02 {
}

.btn_list_02 li {
	width: 370px;
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
}

/*ほかのプラン*/
#other_plan {
	background: #fff;
	padding-bottom: 30px;
}

#other_plan h2 {
	margin-bottom: 20px;
	padding: 5px 15px;
	color: #603813;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	background-color: #FFCC00;
}

#other_plan ul {
	margin-right: -8px;
	width: 798px;
}

#other_plan ul li {
	width: 258px;
	float: left;
	margin-right: 8px;
}


/*----------------------------*/
/*右カラム*/
/*----------------------------*/

/*★★右カラムについては参考ソースの該当部分をそのままコピー＆ペースト。
画像のみ舞浜にて表示されるように、舞浜の画像フォルダにコピーしてきてパスを書き換えています。*/

/* 右袖 .aside-search-fireworks
---------------------------------------------------------- */
.contents-right {
    width: 250px;
    float: right;
}

.aside-search-fireworks .side_navi01{
    border: 1px solid #01aaeb;
}
#sideSearchBox01 .side_navi_sec01 .form_title01 {
    text-align: left;
    background: transparent;
}
.aside-search-fireworks .date_checkout {
    background-color: #f5f5f5;
    font-size: 12px;
    padding: 5px 10px;
}
/**/
.form_calender,
.formSelectList > .result,
.formSelectList2 > .result,
.side_navi_room .childMember .result {
    border: 1px solid #c2c2c2;
}
.searchBoxSec_Calendar .form_calender {
    background: #fff url(../img/icn_calender01.png) 117px 3px no-repeat;
}
.side_navi01 .formSelectList > .result p,
.side_navi01 .formSelectList2 > .result p {
    background: url(../img/bg_select_fireworks01.gif) right center no-repeat!important;
}

.form_submitbtn01 {
    background-color: #245a7c;
}
#sideSearchBox01 .form_submitbtn01 input {
    background-color: #3683af;
}
/**/
.searchBoxSec_Calendar .calendarFormBoxPopUp {
    right: 0;
    left: auto;
}
.recommend-fireworks h2 {
    background-color: #ffcc00;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: bold;
}
.recommend-fireworks-list {
    padding: 15px;
    border-left: 1px solid #ddd6d0;
    border-right: 1px solid #ddd6d0;
    border-bottom: 1px solid #ddd6d0;
}
.recommend-fireworks-list li + li {
    margin-top: 15px;
}
.recommend-fireworks-list li a {
    display: block;
    font-weight: bold;
    margin-top: 10px;
}
.recommend-fireworks-list li p {
    font-size: 12px;
    margin-top: 3px;
    line-height: 1.4;
}
.recommend-feature {
    background-color: #f5f5f5;
    padding: 15px;
}
.recommend-feature h2 {
    font-size: 15px;
    font-weight: bold;
}
.recommend-feature h2:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 19px;
    background-image: url(../img/icn_feature.png);
    background-position: 0 -34px;
    vertical-align: -3px;
    margin-right: 5px;
}
.recommend-bnr li {
    margin-top: 15px;
}

/* 微調整　20160527
---------------------------------------------------------- */
.side_navi_sec01.form_line02 > .form_line02_day .date_wrap02 {
    clear: both;
    float:left;
}
.side_navi_sec01.form_line02 > .form_line02_day .date_wrap02 p.date_checkout{
    clear: both;
    float:left;
}
/* 宿泊数プルダウン、日付未定のチェックボックスの微調整　20160527
---------------------------------------------------------- */
/* 宿泊数プルダウン */
.form_line02 > .form_line02_day .form_calender {
    width: 140px;
    height: 25px;
    background-position: 115px 3px;
}
.form_line02 > .form_line02_day .form_calender .date {
    top: 0;
}
.form_line02 > .form_line02_day .date_wrap01 {
    width: 220px;
}
/* 日付未定のチェックボックス */
input[type="checkbox"].check_large + label span {
    width: 15px;
    height: 15px;
		background: url(../../../common/img/bg_checkbox01.png) left top no-repeat;
}

/* 検索フォームの幅調整 */
.form_line02 {
    width: 250px;
}
.form_line02 > .form_line02_day {
    width: 220px;
}
.form_line02 > .form_line02_day .date_wrap02 {
    width: 220px;
}


/* 右袖バナー .recommend-feature
---------------------------------------------------------- */
.recommend-feature {
    background-color: #f5f5f5;
    padding: 15px;
}
.recommend-feature h2 {
    font-size: 15px;
    font-weight: bold;
}
.recommend-feature h2:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 19px;
    background-image: url(../img/icn_feature.png);
    background-position: 0 -34px;
    vertical-align: -3px;
    margin-right: 5px;
}
.recommend-bnr li {
    margin-top: 15px;
}

/* ---------------------------------------------------------- */
.spot_img{
	height: 142px;
	overflow: hidden;
	}