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

 file name  :grouptop.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
@media screen and (min-width: 0px) {

/* clearfix */
.wrap:before,.wrap:after {
	content: " ";
	display: table;
}
.wrap:after { clear: both; }
.wrap { *zoom: 1; }

.is-none,.sp_only { display: none; }
.is-hidden { visibility: hidden; }


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width: 100%;
	background-color: #221308;
	clear: both;
	overflow: hidden;
}
	#header .box_header {
		width: 1040px;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		position: relative;
	}
		/* 上部ロゴエリア */
		#header .box_header .wrp_title {
			clear: both;
			overflow: hidden;
		}
			/* ロゴ */
			#header .box_header .wrp_title h1 {
				float: left;
				width: 190px;
				margin-top: 65px;
			}
			/* インプット */
			#header .box_header .listarea {
				float: right;
				padding: 0 289px 0 0;
				width: 310px;
				margin-top: 15px;
			}
				#header .box_header .listarea p,
				#header .box_header .listarea ul {
					float: right;
					color: #FFF;
					font-size: 12px;
					background-image: url(../images/header/ic_plldown.gif);
					background-repeat: no-repeat;
					background-position: center right;
					background-color: #000000;
					border: 1px solid #2d2d2d;
					padding: 2px 0 2px 10px;
				}
					#header .box_header .listarea p a,
					#header .box_header .listarea ul a {
						display: block;
						width: 100%;
						height: 100%;
						cursor:pointer;
						color: #FFF;
						text-decoration: none;
					}
				#header .box_header .listarea #countory {
					width: 95px;
					margin-right: 15px;
				}
					#header .box_header .listarea #countory .jp {
						background-image: url(../images/header/ic_jp.gif);
						background-repeat: no-repeat;
						background-position: center left;
						padding-left: 20px;
					}
					#header .box_header .listarea #countory .en {
						background-image: url(../images/header/ic_en.gif);
						background-repeat: no-repeat;
						background-position: center left;
						padding-left: 20px;
					}
					#header .box_header .listarea #countory .kor {
						background-image: url(../images/header/ic_kor.gif);
						background-repeat: no-repeat;
						background-position: center left;
						padding-left: 20px;
					}
					#header .box_header .listarea #countory .han {
						background-image: url(../images/header/ic_han.gif);
						background-repeat: no-repeat;
						background-position: center left;
						padding-left: 20px;
					}
					#header .box_header .listarea #countory .kan {
						background-image: url(../images/header/ic_kan.gif);
						background-repeat: no-repeat;
						background-position: center left;
						padding-left: 20px;
					}
				#header .box_header .listarea #hotels {
					width: 170px;
				}
	/* 言語選択 */
	#header #countorys {
		position: absolute;
		top: 48px;
		right: 489px;
		width: 100px;
		z-index: 160;
		height: 0;
		overflow: hidden;
	}
		#header #countorys li {
			line-height: 18px;
		}
			#header #countorys li a {
				color: #FFF;
				font-size: 12px;
				display: block;
				background-color: #000;
				padding: 10px 10px 10px 30px;
				text-decoration: none;
				cursor: pointer;
				line-height: 18px;
				height: 20px;
			}
				#header #countorys li a.select,
				#header #countorys li a:hover {
					background-color: #555;
				}
				#header #countorys li a.select {
					cursor: inherit;
				}
			#header #countorys li a.jp {
				background-image: url(../images/header/ic_jp.gif);
				background-repeat: no-repeat;
				background-position: 8px center;
			}
			#header #countorys li a.en {
				background-image: url(../images/header/ic_en.gif);
				background-repeat: no-repeat;
				background-position: 8px center;
			}
			#header #countorys li a.kor {
				background-image: url(../images/header/ic_kor.gif);
				background-repeat: no-repeat;
				background-position: 8px center;
			}
			#header #countorys li a.han {
				background-image: url(../images/header/ic_han.gif);
				background-repeat: no-repeat;
				background-position: 8px center;
			}
			#header #countorys li a.kan {
				background-image: url(../images/header/ic_kan.gif);
				background-repeat: no-repeat;
				background-position: 8px center;
			}


/* 検索エリア */
#header .box_header .wrp_search {
	clear: both;
	overflow: hidden;
}
	#header .box_header .wrp_search .slider_area {
		float: left;
		width: 750px;
	}
	#header .box_header .wrp_search .form_layout {
		float: right;
		overflow: hidden;
		padding:0 0 30px 0;
		width: 265px;
	}
		#header .box_header .wrp_search .form_area {
			background: #392b21;
			padding: 10px 0;
			width: 265px;
			height:520px;
		}
			.form_area h2 {
				text-align: center;
			}
			#header .box_header .wrp_search .form_area form {
				overflow: hidden;
				clear: both;
			}
				#header .box_header .wrp_search .form_area form dl {
					padding-left: 25px;
				}
					#header .box_header .wrp_search .form_area form dl dt {
						color: #FFF;
						font-size: 11px;
					}
					#header .box_header .wrp_search .form_area form dl dd {
						color: #FFF;
						font-size: 11px;
						margin-bottom: 3px;
					}
					#header .box_header .wrp_search .form_area form dl dd input {
						width:3em;
					}
					#header .box_header .wrp_search .form_area form dl dd.type input {
						width:auto;
					}

					#header .box_header .wrp_search .form_area form	 dl dd a img {
						vertical-align:bottom;
					}
				#header .box_header .wrp_search .form_area select {
					font-size: 11px;
				}
				#header .box_header .wrp_search .form_area form .side_reserve_box {
					clear: both;
					overflow: hidden;
				}
					#header .box_header .wrp_search .form_area form .side_reserve_box .left {
						float: left;
					}
					#header .box_header .wrp_search .form_area form .side_reserve_box .left_last {
						float: left;
						margin-left: 15px;
					}
				#header .box_header .wrp_search .form_area form .bt_area {
					clear: both;
					overflow: hidden;
					margin: 10px auto 10px auto;
					width: 215px;
				}
					#header .box_header .wrp_search .form_area form .bt_area .btn_rsv {
						width: 215px;
						height: 73px;
						margin: 0 auto;
						margin-bottom: 10px;
					}
				#header .box_header .wrp_search .form_area form .bt_area .btn_link {
					overflow: hidden;
					width: 215px;
				}
				#header .box_header .wrp_search .form_area form .bt_area .btn_link .btn_login {
					float:left;
					width:110px;
				}
				#header .box_header .wrp_search .form_area form .bt_area .btn_link .btn_rsv2 {
					float:left;
					width:105px;
				}
					#header .box_header .wrp_search .form_area form .bt_area .btn_rsv2 {
						width: 184px;
						height: 27px;
						margin: 0 auto;
						margin-bottom: 5px;
					}

					#header .box_header .wrp_search .form_area .btn_links {
						padding-top: 10px;
						border-top:1px solid #221308;
					}
					#header .box_header .wrp_search .form_area .btn_links h3 {
						margin-bottom: 2px;
						text-align: center;
						color: #fff;
					}

					.btn_links ul {
						margin: 0 auto;
						width: 237px;
						overflow: hidden;
					}
					.btn_links li {
						float: left;
						font-size: 0;
						line-height: 0;
					}

		#header .box_header .wrp_search .tel {
			clear: both;
			overflow: hidden;
			margin-top: 10px;
		}


/* キャンペーン
----------------------------------------------------------- */
#grouptop .con_camp {
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
}
#grouptop .subtitle img {
  margin-right: 10px;
  vertical-align: middle;
}
#grouptop .con_info .subtitle img {
	vertical-align: baseline;
}
/*	#grouptop .con_camp .subtitle {
		background-image: url(../images/grouptop/ic_camp.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 40px;
	}*/
		#grouptop .con_camp .box_bn {
			clear: both;
			overflow: hidden;
			margin-top: 10px;
		}
		#grouptop .con_camp .subtitle {
			margin-top: 20px;
		}
			#grouptop .con_camp .box_bn .wrp_big {
				float: left;
				width: 320px;
			}
			#grouptop .con_camp .box_bn .wrp_bn {
				width: 1030px;
				padding: 0 0 0 20px;
				overflow: hidden;
			}
				#grouptop .con_camp .box_bn .wrp_bn li {
					float: left;
					margin-right: 20px;
				}


/* インフォメーション
----------------------------------------------------------- */
#grouptop .con_info {
	clear: both;
	overflow: hidden;
}
	#grouptop .con_info .wrp_st {
		clear: both;
		overflow: hidden;
	}
	#grouptop .con_info .infolist {
		width: 53px;
		height: 20px;
		border: 1px solid #6e6e6e;
		background: #000;
		color: #fff;
		font-size: 11px;
		display: block;
		padding:1px 0 0 8px;
		float: right;
	}
	#grouptop .con_info .infolist img {
		margin: 0 9px 1px 0;
	}
		#grouptop .con_info .wrp_st .subtitle {
			background-repeat: no-repeat;
			background-position: top left;
			float: left;
			padding-right: 1em;
		}
	#grouptop .con_info .wrp_article {
		clear: both;
		overflow: hidden;
		margin-top: 10px;
	}
		#grouptop .con_info .wrp_article li {
			width: 1040px;
			background-image: url(../images/line_dot.gif);
			background-repeat: repeat-x;
			background-position: bottom left;
		}


			#grouptop .con_info .wrp_article li a {
				width: 1040px;
				display: block;
				overflow: hidden;
				clear: both;
				outline: none;
				padding:20px;
			}
				#grouptop .con_info .wrp_article li a:hover {
					background-color: #EEE;
				}
				#grouptop .con_info .wrp_article li a article {
					width: 1020px;
					background-image: url(../images/grouptop/ic_news_ar.gif);
					background-repeat: no-repeat;
					background-position: bottom right;
					overflow: hidden;
					clear: both;
				}
					#grouptop .con_info .wrp_article li a article .img {
						float: left;
						width: 120px;
						height: 90px;
						overflow: hidden;
						margin-right: 20px;
					}
					#grouptop .con_info .wrp_article li a article .textarea {
						overflow: hidden;
					}
						#grouptop .con_info .wrp_article li a article .textarea h4 {
							font-weight:normal;
						}
						#grouptop .con_info .wrp_article li a article .textarea .date {
							background-color: #d4ccb0;
							float: left;
							padding: 0 5px 0 5px;
							font-size: 12px;
							margin-top: 0.5em;
							margin-right: 20px;
						}

/* フレックススライダー用 */
#grouptop #header .flexslider {
	margin: 0;
	background: none;
	border:none;
	position: relative;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	zoom: 1;
	width: 750px;
	overflow: hidden;
}
#grouptop #header .flexslider ul {
	padding:0 0 8px 0;
}
	#grouptop #header .flexslider .flex-direction-nav {
		width: 800px;
	}
	#grouptop #header .flexslider .flex-direction-nav a {
		width: 50px;
		height: 86px;
		display: block;
		top: 50% !important;
	}
	#grouptop #header .flexslider .flex-direction-nav a.flex-prev {
		background-image: url(../images/grouptop/bt_arrowL.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	#grouptop #header .flexslider .flex-direction-nav a.flex-next {
		background-image: url(../images/grouptop/bt_arrowR.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
		#footer .footer_layout_bot .wrp_flink {
			min-height:55px;
		}

#grouptop .con_map {
	margin: 20px auto 65px;
	width: 1040px;
}
.nav_map,.box_map {
	float: left;
	width: 279px;
	background: #201B17;
}
.box_map {
	width: 760px;
	position: relative;
	height: 430px;
	background: url("../images/grouptop/bg_map_01.jpg") no-repeat left top;
}
.nav_map h3 {
	margin: 30px 38px;
}
.nav_map li {
	width: 279px;
	height: 90px;
}
.nav_map li a {
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 90px;
	background: no-repeat left top;
}
.nav_map .ms a { background-image: url("../images/grouptop/btn_map_01.gif"); }
.nav_map .fs a { background-image: url("../images/grouptop/btn_map_02.gif"); }
.nav_map .mr a { background-image: url("../images/grouptop/btn_map_03.gif"); }

.box_search {
	position: absolute;
	left: 35px;
	top: 38px;
	width: 300px;
	z-index: 4;
}

.box_search h3 {
	font-size: 125%;
	color: #554c45;
	margin: 0 0 17px 30px;	
}
.box_search h4 {
	color: #554C45;
	font-weight: normal;
}
.box_search .switch,
.box_search ul,
.box_search ul a {
	color: white;
}
.box_search .switch {
	background: #362E27 url("../images/grouptop/mark_map_01.gif") no-repeat 280px center;
	padding: 5px 10px;
	cursor: pointer;
}
.box_search ul {
	position: relative;
	z-index: 3;
	display: none;
	overflow: scroll-y;
	overflow-y: scroll;
	height: 280px;
	background: #362E27;
	font-size: 0.9em;
}
.box_search .bigarea { padding: 5px 10px;}
.box_search .smallarea { padding: 5px 5px 5px 20px;}
.box_search li.first { display: block; }
.box_search li a {
	display: block;
	padding: 5px 5px 5px 25px;
}
.box_search li span {font-weight: bold;}
.box_search .ms span {color: #214A9E;}
.box_search .fs span {color: #7CB426;}
.box_search .mr span {color: #EC6826;}

.box_map p.pref,.box_map img.pref {
	position: absolute;
}
.box_map img.pref {
	display: none;
}
.box_map a.pref {
	display: block;
	background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==);
	height: 0;
	overflow: hidden;
}
.box_map p.kanto { top: 280px; left: 406px; }
.box_map p.chubu { top: 284px; left: 331px; }
.box_map p.hokuriku { top: 248px; left: 314px; }
.box_map p.kinki { top: 288px; left: 275px; }
.box_map p.kyushu { top: 313px; left: 127px; }

.box_map a.kanto { width: 71px; padding-top: 79px; }
.box_map a.chubu { width: 75px; padding-top: 79px; }
.box_map a.hokuriku { width: 80px; padding-top: 54px; }
.box_map a.kinki { width: 57px; padding-top: 83px; }
.box_map a.kyushu { width: 67px; padding-top: 94px; }

.box_map p.txt.kanto { top: 340px; left: 474px; }
.box_map p.txt.chubu { top: 382px; left: 398px; }
.box_map p.txt.hokuriku { top: 200px; left: 232px; }
.box_map p.txt.kinki { top: 242px; left: 162px; }
.box_map p.txt.kyushu { top: 277px; left: 47px; }

.box_map .txt a.kanto { width: 200px; padding-top: 26px; }
.box_map .txt a.chubu { width: 94px; padding-top: 22px; }
.box_map .txt a.hokuriku { width: 85px; padding-top: 20px; }
.box_map .txt a.kinki { width: 126px; padding-top: 25px; }
.box_map .txt a.kyushu { width: 87px; padding-top: 22px; }

.box_map #kanto  { top: 280px; left: 406px; }
.box_map #chubu  { top: 284px; left: 308px; }
.box_map #hokuriku  { top: 200px; left: 232px; }
.box_map #kinki  { top: 244px; left: 162px; }
.box_map #kyushu { top: 289px; left: 47px; }

#hotel_frame .subtitle {
  line-height: 1.5;
  margin-bottom: 10px;
}
#hotel_frame .subtitle img {
	vertical-align: sub;
	margin-right: 10px;
}
#hotel_frame ul {
  margin-left: 20px;
}
#hotel_frame li:first-child {
  margin-left: 0;
}
#hotel_frame li {
  position: relative;
  float: left;
  height: 177px;
  text-align: center;
  margin-left: 20px;
}
#hotel_frame p {
  position: absolute;
  background: rgba(99,152,17,0.8);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88214A9E,EndColorStr=#88214A9E);
  color: #fff;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 5px 0;
}
#hotel_frame p img {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
#grouptop .subtitle {
	font-size: 20px !important;
}
#grouptop .subtitle span {
  font-size: 12px;
  margin-left: 10px;
}
/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}
}

@media screen and (max-width: 767px) {

.sp_only {display: block;}
.pc_only {display: none;}
.pc_only .sp_only{display: block;}

#contents {
padding: 0 3%;
}

/*	.con_slide
-----------------------------------------------------*/
#con_slide {
	margin-bottom: 10px;
}
#page #header {
	min-width: 100% !important;
}
#header .flexslider {
	background: none;
	border:0;
}
.top_link {
	display: none;
}
#header .box_header {
	width: 100% !important;
}
#header .slider_area {
	width:100%;
	min-height:192px;
	position:relative;
	margin-bottom: 20px;
	text-align: center;
}
/*#header .slider_area .slides li a {
	pointer-events:none;
	cursor: default;
}*/
#header .flex-direction-nav a.flex-prev {
	background: url(../sp/images/grouptop/nav_slide_left.png) right bottom no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 40% !important;
	left: 0; 
	width: 20px;
	height: 45px;
	opacity: 1;
}
#header .flex-direction-nav a.flex-next {
	background: url(../sp/images/grouptop/nav_slide_right.png) right bottom no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 40% !important;
	right: 0;
	width: 20px;
	height: 45px;
	opacity: 1;
}
#con_slide .sp_flexslider ul.slides {
	overflow: hidden;
}

#con_slide .sp_flexslider ul.slides li {
	width: 100%;
	display: none;
}

#con_slide .sp_flexslider .flex-direction-nav a {
	display: block;
	width: 20px;
	height: 45px;
	margin: -36% 0 0 0;
	text-indent:-9999em;
}

#con_slide .sp_flexslider .flex-direction-nav a.flex-prev {
	background: url(../sp/images/grouptop/nav_slide_left.png) right bottom no-repeat;
	background-size:auto 100%;
	position:absolute;top:100%;left:0;
}
#con_slide .sp_flexslider .flex-direction-nav a.flex-next {
	background: url(../sp/images/grouptop/nav_slide_right.png) right bottom no-repeat;
	background-size:auto 100%;
	position:absolute;top:100%;right:0;
}

#con_slide .sp_flexslider .flex-control-nav{
	margin:10px;
	text-align:center;
}

#con_slide .sp_flexslider .flex-control-nav li{
	display:inline-block;
	margin:0 4px;
}

#con_slide .sp_flexslider .flex-control-nav li a{
	text-indent:-9999em;
	display:block;
	width:9px;height:9px;
	background: url(../sp/images/grouptop/nav_slide_control.png) left top no-repeat;
	background-size:100% auto;
}

#con_slide .sp_flexslider .flex-control-nav li a.flex-active{
	background-position:left bottom;
}

/*	.con_search_area
-----------------------------------------------------*/
#contents .con_search_area{
	margin:0 0 30px;
}

#contents .con_search_area h2{
	background: url(../sp/images/ic_search_area.png) left center no-repeat;
	background-size:auto 100%;
	float: left;
}
#contents .con_search_area ul{
	clear: both;
}
#contents .con_search_area li{
	margin:0 0 2px;
}

#contents .con_search_area li a{
	display:block;
	border:0;
	padding:16px 20px;
	background: url(../sp/images/ic_arrow_right.png) right center no-repeat #453e35;
	background-size:auto 12px;
	color:#fff;
	font-size:16px;
}

/*	.con_campaign
-----------------------------------------------------*/
#contents .con_campaign {
	clear: both;
	width:100%;
	min-height:167px;
	position:relative;
	margin-bottom: 15px;
}

#contents .con_campaign h2{
	background: url(../sp/images/ic_valuable.png) left center no-repeat;
	background-size:auto 100%;
}

#contents .con_campaign .flexslider_campaign{
	position:relative;
	margin:0 auto;
	width:250px;
}
#contents .con_campaign .flexslider_campaign ul.slides {
	overflow: hidden;
	text-align:center;
}

#contents .con_campaign .flexslider_campaign ul.slides li {
	width: 100%;
	display: none;
}

#contents .con_campaign .flexslider_campaign .flex-direction-nav a {
	display: block;
	width: 40px;
	height: 50px;
	margin: -25px 0 0 0;
	text-indent:-9999em;
}

#contents .con_campaign .flexslider_campaign .flex-direction-nav a.flex-prev {
	background: url(../sp/images/grouptop/nav_slide_campaign_left.png) center center no-repeat;
	background-size:auto 16px;
	position:absolute;top:50% !important;left:-35px;
}

#contents .con_campaign .flexslider_campaign .flex-direction-nav a.flex-next {
	background: url(../sp/images/grouptop/nav_slide_campaign_right.png) center  center no-repeat;
	background-size:auto 16px;
	position:absolute;top:50% !important;right:-35px;
}

#contents .con_campaign .flexslider_campaign .flex-control-nav{
	margin:10px;
	text-align:center;
}

#contents .con_campaign .flexslider_campaign .flex-control-nav li{
	display:inline-block;
	margin:0 4px;
}

#contents .con_campaign .flexslider_campaign .flex-control-nav li a{
	text-indent:-9999em;
	display:block;
	width:9px;height:9px;
	background: url(../sp/images/grouptop/nav_slide_control_02.png) left top no-repeat;
	background-size:100% auto;
}

#contents .con_campaign .flexslider_campaign .flex-control-nav li a.flex-active{
	background-position:left bottom;
}

/*	.con_info
-----------------------------------------------------*/
#contents .con_info{
	margin:0 0 35px;
}

#contents .con_info h2{
	background: url(../sp/images/ic_news.png) left bottom no-repeat;
	background-size:auto 100%;
	line-height:1;
}

#contents .con_info .textarea {
	padding:0 0 5px;
	margin:0 0 10px;
	border-bottom:2px dotted #383832;
}

/*#contents .con_info .textarea .date*/
#grouptop .con_info .wrp_article li a article .textarea .date{
	display:inline-block;
	float: none;
	margin:0 0 9px;
	padding:0 10px;
	background-color:#8f8269;
	color:#000;
	font-size:10px;
}

#contents .con_info .textarea h3{
	font-weight:normal;
}

#contents .con_info .btn_info a{
	display:block;
	padding:3px 0;
	text-align:center;
	background: url(../sp/images/ic_arrow_right.png) right center no-repeat #2b241d;
	background-size:auto 12px;
	color:#fff;
}
#grouptop .con_info .wrp_article li {
	width: auto;
	background: none;
}
#grouptop .con_info .wrp_article li a {
	width: auto;
	padding: 0;
}
#grouptop .con_info .wrp_article li a:hover {
	background: none;
}
#grouptop .con_info .wrp_article li a article {
	width: auto;
	background: none;
}
#contents .sp_hotellist {
	text-align: center;
	margin-bottom: 2px;
}
#contents .sp_hotellist a {
	background: url(../sp/images/ic_arrow_right.png) right center no-repeat #2b241d;
	display: block;
	-webkit-background-size: 25px;
	background-size: 25px;
	padding: 16px 0;
	margin-bottom: 25px;
	font-size: 16px;
}

}