@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++
HTML Setting
+++++++++++++++++++++++++++++++++++++++++++*/
 html .contents, body .contents, .contents div, .contents span, .contents applet, .contents object, .contents iframe, .contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6, .contents p, .contents blockquote, .contents pre, .contents a, .contents abbr, .contents acronym, .contents address, .contents big, .contents cite, .contents code, .contents del, .contents dfn, .contents em, .contents font, .contents img, .contents ins, .contents kbd, .contents q, .contents s, .contents samp, .contents small, .contents strike, .contents strong, .contents sub, .contents sup, .contents tt, .contents var, .contents b, .contents u, .contents i, .contents center, .contents dl, .contents dt, .contents dd, .contents ol, .contents ul, .contents li, .contents img, .contents fieldset, .contents form, .contents label, .contents legend, .contents caption, .contents tbody, .contents tfoot, .contents thead, .contents article, .contents aside, .contents canvas, .contents details, .contents embed, .contents figure, .contents figcaption, .contents footer, .contents header, .contents hgroup, .contents menu, .contents nav, .contents output, .contents ruby, .contents section, .contents summary, .contents time, .contents mark, .contents audio, .contents video{
    /*box-sizing:content-box;*/
 }

 /* 終了告知文 */
.Post {
  font-size: 22px;
  font-weight: 600;
  color: #c00;
  text-align: center;
  padding: 20px 0;
}

/* インデックス */
.MB10{ clear:both; margin-bottom:10px;}
.MB20{ clear:both; margin-bottom:20px;}
.txt{ font-size:14px; line-height:18px; margin-bottom: 10px;}

/*ul { list-style-type:none;}*/
/*li img ,dt img,dd img { vertical-align:bottom;}*/

.ttl_idx {
	position:relative;
	width:960px;
	height:620px;
	background:url(../images/ttl_bg.jpg);
	margin-bottom:20px;
}

.ttl_idx h2{
	position:absolute;
	top:118px;
	left:221px;
	z-index:3;
}
.ttl_idx .ttl_illust{
	position:absolute;
	top:50px;
	left:238px;
	z-index:2;
}
.ttl_idx .ttl_btn{
	position:absolute;
	top:385px;
	left:486px;
	z-index:4;
}

.ttl_idx p.seo {
	color: #333333;
    font-size: 13px; font-size: 1.3rem;
    height: auto;
    left: 20px;
    line-height: 15px;
	line-height: 1.5rem;
    position: absolute;
    top: 562px;
    width: 680px;
}
.ttl_idx p.gogo {
	position:absolute;
	left:93px;
	top:38px;
	width:100px;
	height:60px;
	color:#fff;
}

.ttl_idx .snsbox	{
	height:40px;
	width:129px;
	position:absolute;
	top:566px;
	right:20px;
	overflow:hidden;
	}
.ttl_idx .snsbox li{ float:left; padding-right:3px; width:40px; height:40px;}

/*---------------------- マスク処理 ----------------------*/
.toneBox{ position:relative;}
.toneBox2{ position:relative; clear:both;}

/* タイトルボツ */
.toneTtl_o{position:absolute; top:15px; left:543px; width:188px; height:105px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneTtl_o p{ font-size:20px; color:#F00; text-align:center; font-weight:bold; margin-top:31px;}
.toneTtl_hinode{position:absolute; top:445px; left:283px; width:206px; height:105px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneTtl_hinode p{ font-size:20px; color:#F00; text-align:center; font-weight:bold; margin-top:33px;}
.toneTtl_onsen{position:absolute; top:445px; left:504px; width:155px; height:105px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneTtl_onsen p{ font-size:20px; color:#F00; text-align:center; font-weight:bold; margin-top:33px;}
.toneTtl_mode{position:absolute; top:236px; left:673px; width:272px; height:314px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:1;}
.toneTtl_mode p{ font-size:20px; color:#F00; text-align:center; font-weight:bold; margin:125px 0 0 26px;}
/* タイトルボツここまで */

.toneTop_o{position:absolute; top:162px; right:41px; width:414px; height:124px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneTop_o p{ font-size:20px; line-height:124px; color:#F00; text-align:center; font-weight:bold;/*vertical-align:middle;*/}
.toneTop_t{position:absolute; top:98px; left:28px; width:905px; height:138px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneTop_t p{ font-size:20px; line-height:138px; color:#F00; text-align:center; font-weight:bold;/*vertical-align:middle;*/}

.toneLink_o{position:absolute; top:15px; right:32px; width:370px; height:144px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneLink_o p{ font-size:20px; line-height:144px; color:#F00; text-align:center; font-weight:bold;/*vertical-align:middle;*/}
.toneLink_t{position:absolute; top:7px; left:22px; width:887px; height:138px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneLink_t p{ font-size:20px; line-height:138px; color:#F00; text-align:center; font-weight:bold;/*vertical-align:middle;*/}

.toneHawaii{position:absolute; top:5px; left:20px; width:920px; height:333px; background-image:url(/attending/newyear/images/HalfTone.png); z-index:100;}
.toneHawaii p{ font-size:20px; line-height:333px; color:#F00; text-align:center; font-weight:bold;/*vertical-align:middle;*/}

/*---------------------- マスク処理ここまで ----------------------*/


/*かるたポジション*/
.karuta01{ position:absolute; top:15px; left:15px;}
.karuta02{ position:absolute; top:15px; left:340px;}
.karuta03{ position:absolute; top:15px; left:543px;}
.karuta04{ position:absolute; top:15px; left:745px;}
.karuta05{ position:absolute; bottom:70px; left:15px;}
.karuta06{ position:absolute; bottom:70px; left:283px;}
.karuta07{ position:absolute; bottom:70px; left:504px;}
.karuta08{ position:absolute; bottom:70px; left:673px;}

.idxBoxTxt{ top:95px; padding-bottom:22px; margin:95px 22px 24px 22px; border-bottom:3px #45b9b3 solid;}
.idxBoxTxt p{ font-size:14px; line-height:18px; margin-bottom:10px;}

.footer_idx {
	position:relative;
	width:960px;
	height:170px;
	background:url(../images/idx/footer.gif) bottom;
}
.footer_idx .snsbox	{
	height:60px;
	width:170px;
	position:absolute;
	top:8px;
	right:10px;
	overflow:hidden;
	}
.footer_idx .snsbox li{ float:left; padding-right:10px;}	

div.SnsCts {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 35px;
    margin: 0 0 0 8px;
    padding-top: 5px;
    width: 942px;
    z-index: 20;
	position:relative;
}
.Gplus {
    height: 25px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 76px;
}
.FbBtn {
    height: 25px;
    left: 82px;
    position: absolute;
    top: 10px;
    width: 110px;
}


.fb_iframe_widget {
    display: inline-block;
    left: 240px;
    position: absolute;
    top: 5px;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}


.MiBtn {
    height: 25px;
    left: 80px;
    position: absolute;
    top: 10px;
    width: 75px;
}
.TwBtn {
    height: 25px;
    left: 155px;
    position: absolute;
    top: 10px;
    width: 80px;
}
.fb_edge_widget_with_comment {
    left: 250px;
    top: 5px;
}

.tourttl{ width:200px;}

/* TOP導線_海外航空券・ホテル */
.boxAirHotel{ float:left; margin:0px 15px 30px 15px; padding:95px 22px 0px; background:url(/attending/newyear/images/boxAir.jpg) no-repeat; width:411px; height:236px;}
.boxAirHotel p{ font-size:14px; line-height:18px; margin-bottom:15px;}
.boxAirHotel ul li { float:left; width:200px; height:55px; margin:0px 10px 10px 0px;}
.boxAirHotel ul li:last-child { margin-right:0px;}
.boxAirHotel ul .airBtn1{ width:410px !important; margin:0px 0px 10px 0px;}


/* TOP導線_ホテル */
.boxOyado{ float:left; padding:95px 22px 0px; background:url(/attending/newyear/images/boxOyado.jpg) no-repeat; width:411px; height:236px; margin-bottom:30px;}
.boxOyado p{ font-size:14px; line-height:18px; margin-bottom:15px;}
.boxOyado ul li { float:left; width:95px; height:55px; margin:0px 10px 10px 0px;}
.boxOyado ul li:nth-child(4) { margin-right:0px;}


/*indexカレンダー*/
.mask_cal { position:absolute; width:886px; height:166px; margin:7px; background-image:url("/attending/newyear/images/HalfTone.png"); z-index:1; text-align:center; font-size:16px; line-height:270px;}
.cal_idx{ width:900px; height:auto; overflow:hidden; padding:0 15px 15px;}
.tabblk {overflow:hidden;}
.cal_idx_i{width:860px; margin:20px; overflow:hidden; background:url(/attending/newyear/images/calbg.gif) no-repeat;}
.cal_idx_d{width:860px; margin:20px; overflow:hidden; background:url(/attending/newyear/images/calbg.gif) no-repeat;}
.cal_idx_i li,.cal_idx_d li{ float:left;}
.calbox{ clear:both;  margin:0px 15px 30px 15px; background-color:#FFFFFF;}
.calbox p{ margin:10px 15px 10px 15px; font-size:14px; line-height:18px;}
.tabblk{ width:900px;}


/* テーマから選ぶ旅 */
.theme{ margin:0px 15px 30px 15px; background-color:#432302; overflow:hidden;}
.theme p{ margin:10px 15px 0px 15px; font-size:14px; line-height:18px; color:#FFFFFF;}
.themeLink{ width:900px; padding:15px; overflow:hidden;}
.themeLink li{ float:left; margin-right:15px;}
.themeLink li:last-child{ margin-right:0px;}


/* 世界各国のカウントダウン */
.count{ clear:both; margin:0px 15px 30px 15px; background:url(/attending/newyear/images/bg_count.gif); overflow:hidden;}
.count p{ margin:10px 15px 10px 15px; font-size:14px; line-height:18px;}

.count00 { background:url(/attending/newyear/images/count_bkImage.png) no-repeat bottom 0px left 15px; overflow:hidden;}

.count01 { float:left; height:165px; background:url(/attending/newyear/images/count_bkImage2.jpg) no-repeat top 0px right 15px;}
.count01 dd{ float:left;}
.count01 .ttl{ float:left; width:502px; height:auto;}
.count01 .txt{ width:487px; margin:5px 15px 0px 0px;}
.count01 .btn{ width:160px; margin:5px 15px 15px 327px;}

.count02{ float:right; width:487px; margin:0px 15px 15px 0px;}
.count02 dd{ float:left;}
.count02 .photo{ width:255px; margin-right:12px;}
.count02 .ttl{ float:left; width:220px; height:auto;}
.count02 .txt{ width:220px; margin:5px 0px;}
.count02 .btn{ float:right; width:160px;}

.count03{ float:left; width:485px; margin:0px 0px 15px 15px;}
.count03 dd{ float:left;}
.count03 .photo{ float:right; width:255px; margin-left:10px;}
.count03 .ttl{ float:left; width:220px; height:auto;}
.count03 .txt{ width:220px; margin:5px 0px;}
.count03 .btn{ float:left; width:220px; text-align:right;}

.count04{ float:right; width:395px; height:203px; margin:0px 15px 15px 20px; background:url(/attending/newyear/images/EBP14-36452D.png) no-repeat top right;}
.count04 dd{ float:left;}
.count04 .photo{ width:255px; margin-right:12px;}
.count04 .ttl{ float:left; width:220px; height:auto;}
.count04 .txt{ width:220px; margin:5px 0px;}
.count04 .btn{ float:left; width:220px; text-align:right;}

.count05{ float:left; width:485px; margin:0px 0px 15px 15px;}
.count05 .photo{ float:left; width:255px; margin-right:10px;}
.count05 .ttl{ float:right; width:220px; height:auto;}
.count05 .txt{ float:right; width:220px; margin:5px 0px;}
.count05 .btn{ float:right; width:200px; text-align:right;}

.count06{ float:right; width:395px; height:203px; margin:0px 15px 15px 20px; background:url(/attending/newyear/images/EBP14-36451D.png) no-repeat top left;}
.count06 .photo{ float:left; width:255px; margin-right:12px;}
.count06 .ttl{ float:right; width:220px; height:auto;}
.count06 .txt{ float:right; width:220px; margin:5px 0px;}
.count06 .btn{ float:right; width:220px; text-align:right;}

.count07{ float:right; width:915px; height:203px; margin:0px 15px 15px 0px;}
.count07 dl{ float:right; width:395px; height:203px; background:url(/attending/newyear/images/ESP16-49595D.png) no-repeat top right; }
.count07 .photo{ width:255px; margin-right:12px;}
.count07 .ttl{ float:left; width:220px; height:auto;}
.count07 .txt{ width:220px; margin:5px 0px;}
.count07 .btn{ float:left; width:220px; text-align:right;}

/* 他の特集ページを見る */
.another{ margin:0px 15px 30px 15px; overflow:hidden;}
.anotherLink{ width:930px; overflow:hidden; margin-top:15px;}
.anotherLink li{ float:left; width:300px; margin-right:15px;}
.anotherLink li:last-child{ margin-right:0px;}
.anotherLink li dd{ padding-top:5px; font-size:14px; line-height: 18px; }

/* 出発地ボタン */
/*.IndexEtcBox{ width:940px; height:auto; margin:0 0 30px 10px;}*/
/*.IndexBtnBox{background:#FFF; padding: 20px;overflow: hidden;}*/
/*.IndexBtnBox dt img,.IndexBtnBox dd img{vertical-align: bottom;}*/
/*
.IndexPadding10{ padding:5px 0 15px 10px}
.IndexPadding15{ padding:5px 0 15px 20px}
.IndexPadding25{ padding:25px 0 15px 20px}
*/
.dropdownSubMenu {
    background-color: #ffffff;
    border: 1px solid #9e927d;
    height: 100px;
    padding: 12px;
    width: 169px;
    z-index: 500;
	position:absolute;
}
.AncBtn_idx { width:960px; height:104px; background:#3c0707;position: relative; margin-bottom:20px;}
.btnIdx_i{ position:absolute; top:12px; left:25px;}
.btnIdx_d{ position:absolute; top:12px; left:255px;}
.btnIdx_a{ position:absolute; top:12px; left:485px;}
.btnIdx_h{ position:absolute; top:12px; left:715px;}
#btnIdx_a,#btnIdx_h{cursor: pointer; position: absolute; z-index: 10;}
#btnIdx_a dd {
    background: none repeat scroll 0 0 #fffef2;
    border: 1px solid #cdcdcd;
    height: auto;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 80px;
    width: 200px;
}
#btnIdx_h dd {
    background: none repeat scroll 0 0 #fffef2;
    border: 1px solid #cdcdcd;
    height: auto;
    left:0px;
    padding: 10px;
    position: absolute;
    top: 80px;
    width: 200px;
}
#btnIdx_a li,#btnIdx_h li{
    color: #1d50c3;
    line-height: 20px;
    padding-right: 5px;
	border-bottom: 1px dotted #ccc;
}
#btnIdx_a dd ul li a,#btnIdx_h dd ul li a {
    color: #1d50c3;
    font-size: 1.3rem;
	font-size:13px;
    line-height: 25px;
}
#uncB #btnIdx_a dd {
    background: none repeat scroll 0 0 #fffef2;
    border: 1px solid #cdcdcd;
    height: auto;
    left: 15px;
    padding: 10px;
    position: absolute;
    top: 80px;
    width: 370px;
}

.tourBtnI{width:436px; height:210px; float:left; background:url(../images/idx/idxIBg.gif) no-repeat top; margin-bottom:15px}
.tourBtnD{width:436px; height:210px; float:right; background:url(../images/idx/idxDBg.gif) no-repeat top; margin-bottom:15px}
.tourBtnA{width:436px; height:210px; float:left; background:url(../images/idx/idxABg.gif) no-repeat top; margin-bottom:15px}
.tourBtnO{width:436px; height:210px; float:right; background:url(../images/idx/idxOBg.gif) no-repeat top; margin-bottom:15px; position:relative;}

.OyadoSoon{
	background: #999;
    color: #fff;
    font-size: 20px;
    height: 60px;
    padding: 40px 0 0;
    text-align: center;
    width: 415px;
	position:absolute;
	top:145px;
	left:475px;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	z-index:100;
}
.OyadoSoon2{
	background: #999;
    color: #fff;
    font-size: 20px;
    height: 60px;
    padding: 40px 0 0;
    text-align: center;
    width: 565px;
	position:absolute;
	top:130px;
	left:30px;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	z-index:100;
}

.tourBtnI dt,.tourBtnD dt,.tourBtnA dt,.tourBtnO dt{ color:#FFF; font-size:24px; font-size:2.4rem; font-weight:bold; padding:10px 0 0 15px;}
.tourBtnI dd.txt{ color:#0080cd; font-size:16px; font-size:1.6rem; font-weight:bold; padding:20px 0 0 20px;}
.tourBtnD dd.txt{ color:#e53a2a;  font-size:16px; font-size:1.6rem; font-weight:bold; padding:20px 0 0 20px;}
.tourBtnA dd.txt{ color:#e2a100;  font-size:16px; font-size:1.6rem; font-weight:bold; padding:20px 0 0 20px;}
.tourBtnO dd.txt{ color:#009b33;  font-size:16px; font-size:1.6rem; font-weight:bold; padding:20px 0 0 20px;}

.IdxLink{ width:413px; height:auto; margin:5px 20px 0 0;}
.IdxLink li{ border-bottom:1px dotted #ccc; padding-bottom:2px; margin-bottom:2px;}

.kyotenMenu{width:420px; height:90px;}
.kyotenMenuLi{float:left; width:129px; height:42px;}
.kyotenMenuLi1{float:left; padding:0 8px 10px 0; width:94px; height:37px;}
.kyotenMenuLi2{float:left; padding:0 8px 10px 0; width:94px; height:37px;}
.Js_kyoten_menu_sub{position: relative;}
.Js_kyoten_menu_sub ul {position: absolute; top: 38px; left: 0px; background: url(../images/idx/bgFukidashi.png) left top no-repeat; border-bottom: solid 1px #005DB3; width: 129px; padding-top: 9px; white-space: nowrap; z-index: 10; }
.Js_kyoten_menu2_sub{position: relative;}
.Js_kyoten_menu2_sub ul { position: absolute; top: 38px; left: 0px; background: url(../images/bgFukidashi.png) left top no-repeat; border-bottom: solid 1px #fe7e9f; width: 129px; padding-top: 9px; white-space: nowrap; z-index: 10;}
.kyotenMenu ul li{background: #fff url(../images/arrow01.gif) 101px center no-repeat; padding: 0px 10px; border-left: solid 1px #005db3; border-right: solid 1px #005db3; color: #666666; }
.kyotenMenu ul li a {border-bottom: dotted 1px #cccccc; padding: 6px 0 3px; text-align: left; font-size: 14px; font-weight: bold; color: #582918; line-height:20px; line-height:2.0rem; display:block;}
.kyotenMenu ul li.gray {border-bottom: dotted 1px #cccccc; padding: 0 10px; text-align: left; font-size: 14px; font-weight: bold; color: #cccccc; line-height:29px; display:block;}

.AirNavi{width:420px; height:90px;}
.AirNavi li{float:left; padding:0 5px 5px 0; width:192px; height:37px;}
.oyadoNavi{width:420px; height:90px;}
.oyadoNavi li{float:left; padding:0 5px 5px 0; width:auto; height:37px;}
.oyadoNavi li.padR{ padding-right:15px;}

/* スクロールアンカー */

.sbttl_gw_idx{ position:absolute; top:10px; left:40px;}

/* .fixed { position: fixed !important; top: 0; margin-left:0px; z-index:100; } */
*:first-child+html .fixed { position: fixed !important; top: 0; margin-left:0px; }
.fixed2 { position: fixed !important; top: 0;}
*:first-child+html .fixed2 { position: fixed !important; top: 0; margin-left:0px; }

.contents{ background: url(../images/bg.gif); height: auto; overflow: hidden; width: 960px; margin-bottom:8px; }
.contents_waku{ background:url(../images/idx/bg_waku.gif) repeat-y; height: auto; overflow: hidden; width: 960px; }




.arrow_box {
    color: #3f050a;
    font-size: 14px;
	 line-height:16px;
    height: 36px;
    overflow: hidden;
    position: absolute;
}
.arrow_box span{
	color: #3f050a; 
	font-size: 14px; 
	line-height: 24px; 
	border-bottom:2px solid #3f050a;
}

#contents .img {
	display: inline-block;
	margin-bottom: 20px;
}
#contents .img:after {
	content: "";
	display: block;
	clear: both;
}
#contents .img li {
	margin: 0 10px 10px 0;
	float: left;
}
#contents .txt {
	display: inline-block;
}
#contents .txt:after {
	content: "";
	display: block;
	clear: both;
}
#contents .txt li {
	margin-right: 20px;
	float: left;
}
.modal_link_p {
	position: absolute;
	bottom: 5px;
	left:5px;
}
.modal_link_n {
	position: absolute;
	bottom: 5px;
	right:5px;
}
.modal-close {
	position: absolute;
	bottom: 5px;
    left: 340px;
}
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}

.d_txt {
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    right: 10px;
    text-shadow: 1px 1px 2px #000;
    top: 1px;
}


/*夏休み流用箇所*/

@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++
HTML Setting
+++++++++++++++++++++++++++++++++++++++++++*/

/*------------インデックス------------*/

.left{ float:left}
.right{ float:right}


.themei{ width:450px; margin-right:20px; margin-top:10px;}
.themed{ width:450px; margin-top:10px;}

ul { list-style-type:none;}
li img ,dt img,dd img { vertical-align:bottom;}
.mr0{
	margin-right:0px !important;
	}

/*------------ヘッダーまわり------------*/

.head_com_osoto{
	widows:100%;
	max-width:2000px;
	margin:0 auto;
	position:relative;
	}

.head_com{
	position:absolute;
	top:413px;
	z-index:3;
	width:100%;
	max-width:2000%;
	padding:5px;
	}
.head_com span{
	display:block;
	width:950px;
	font-size:14px;
	line-height:20px;
	margin:0 auto 0 auto;
	padding:5px;
	background-position:center;
	background:url(/attending/summer/images/2017/top/bg_s70.png);
	}

/*------------内容------------*/
.contentsTop {
	clear:both;
	height:auto;
	width:960px;
	margin: 0 auto;
}

.naigai_box{
	overflow:hidden;
	width:960px;
	margin:30px 0 20px 0;
	}

.naigai_box_l{
	width:470px;
	float:left;
	margin-right:20px;
	}
.naigai_box_r{
	width:470px;
	float:left;
	}
.naigai_box_com{
	padding-top:5px;
	font-size:16px;
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	}

/*----sns----*/
.snsBox ul li {
	max-width:960px;
    float: right;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 15px;
}
/*----sns----*/

/*------------state------------*/
.hotel_body{
	overflow:hidden;
	width:960px;
	margin-bottom:20px;
	}
.hotel_box_state{
	height:25px;
	width:460px;
	padding-top:5px;
	padding-left:10px;
	font-size:14px;
	background:url(/attending/summer/images/2017/top/hotel_top.png);
	color:#FFFFFF;
	}
span.homen_text{
	font-size:11px;
	color:inherit !important;
	}

/*------------state左------------*/
.hotel_box_l{
	position:relative;
	width:470px;
	float:left;
	margin-right:20px;
	}
	
.hotel_box_l dt{
	border-top: 1px #35b8cc solid;
	border-right: 1px #35b8cc solid;
	border-left: 1px #35b8cc solid;
	}

.hotel_box_l dd ul{
	overflow:hidden;
	padding-left:10px;
	padding-bottom:5px;
	border-right: 1px #35b8cc solid;
	border-left: 1px #35b8cc solid;
	border-bottom: 1px #35b8cc solid;
	}

.hotel_box_l_side_border{
	border-right: 1px #35b8cc solid;
	border-left: 1px #35b8cc solid;
	}


.hotel_box_com_a{
	position:absolute;
	top:89px;
	left:0px;
	width:470px;
	font-size:14px;
	text-align:center;
	}
	
	
	
.hotel_box_r{
	position:relative;
	width:470px;
	float:left;
	}

.hotel_boxl_btn_a_01{
	overflow:hidden;
	width:450px;
	margin-bottom:4px;
	text-align:center;
	}
	
.hotel_boxl_btn_a_01 a{
	display:block;
	width:448px;
	height:68px;
	line-height:68px;
	font-size:16px;
	background:url(/attending/summer/images/2017/top/hotel_boxl_btn_01_off.jpg);
	border: 1px #35b8cc solid;
	color:#35b8cc;
	}
.hotel_boxl_btn_a_01 a:hover{
	color:#FFF;
	background:url(/attending/summer/images/2017/top/hotel_boxl_btn_01_on.jpg);
	text-decoration:none;
	}

.hotel_boxl_btn_a_02{
	overflow:hidden;
	width:223px;
	height:60px;
	text-align:center;
	float:left;
	margin-right:4px;
	}
.hotel_boxl_btn_a_02 a{
	display:block;
	width:220px;
	height:58px;
	line-height:58px;
	font-size:16px;
	border: 1px #35b8cc solid;
	background:url(/attending/summer/images/2017/top/hotel_boxl_btn_02_off.jpg);
	color:#35b8cc;
	}
.hotel_boxl_btn_a_02 a:hover{
	color:#FFF;
	background:url(/attending/summer/images/2017/top/hotel_boxl_btn_02_on.jpg);
	text-decoration:none;
	}
	
.hotel_boxl_btn_a_03{
	overflow:hidden;
	width:223px;
	height:60px;
	text-align:center;
	float:left;
	margin-right:4px;
	}
.hotel_boxl_btn_a_03 a{
	display:block;
	width:221px;
	height:58px;
	line-height:58px;
	font-size:16px;
	border: 1px #35b8cc solid;
	background:url(/attending/summer/images/2017/top/hotel_boxl_btn_02_off.jpg);
	color:#35b8cc;
	}
.hotel_boxl_btn_a_03 a:hover{
	color:#FFF;
	background:url(/attending/summer/images/2017/top/hotel_boxl_btn_02_on.jpg);
	text-decoration:none;
	}

/*------------state右------------*/
.hotel_box_r dt{
	border-top: 1px #35b8cc solid;
	border-right: 1px #35b8cc solid;
	border-left: 1px #35b8cc solid;
	}
.hotel_box_r{
	position:relative;
	width:470px;
	float:left;
	margin-right:0px;
	}
.hotel_box_r dd ul{
	overflow:hidden;
	padding-left:9px;
	padding-bottom:5px;
	border-right: 1px #35b8cc solid;
	border-left: 1px #35b8cc solid;
	border-bottom: 1px #35b8cc solid;
	}
.hotel_box_com_b{
	position:absolute;
	top:89px;
	left:0px;
	width:470px;
	font-size:14px;
	text-align:center;
	}
.hotel_boxr_btn_b{
	overflow:hidden;
	width:111px;
	height:66px;
	float:left;
	margin-right:2px;
	margin-bottom:1px;
	text-align:center;
	text-align:left;
	}

/*お宿ダミーから*/
.hotel_boxr_btn_b_d{
	overflow:hidden;
	width:104px;
	height:40px;
	float:left;
	margin-right:2px;
	margin-bottom:1px;
	padding-top:22px;
	padding-left:5px;
	text-align:center;
	color:#BBBBBB;
	font-size:16px;
	border: 1px #CCCCCC solid;
	text-align:left;
	background:url(/attending/summer/images/2017/top/hotel_boxr_btn_d.jpg);
	}
.hotel_boxr_btn_b_d_02{
	overflow:hidden;
	width:104px;
	height:50px;
	float:left;
	margin-right:2px;
	margin-bottom:1px;
	padding-top:12px;
	padding-left:5px;
	text-align:center;
	color:#BBBBBB;
	font-size:16px;
	border: 1px #CCCCCC solid;
	text-align:left;
	background:url(/attending/summer/images/2017/top/hotel_boxr_btn_d.jpg);
	}
/*お宿ダミーまで*/

.hotel_boxr_btn_b a{
	display:block;
	width:104px;
	height:64px;
	padding-left:5px;
	line-height:68px;
	font-size:16px;
	color:#35b8cc;
	border: 1px #35b8cc solid;
	background:url(/attending/summer/images/2017/top/hotel_boxr_btn_off.jpg);
	}
.hotel_boxr_btn_b a:hover{
	color:#FFFFFF;
	background:url(/attending/summer/images/2017/top/hotel_boxr_btn_on.jpg);
	text-decoration:none;
	}

.hotel_boxr_btn_b_02{
	overflow:hidden;
	width:109px;
	height:66px;
	float:left;
	margin-right:2px;
	margin-bottom:1px;
		text-align:center;
	color:#35b8cc;
	border: 1px #35b8cc solid;
	text-align:left;
	background:url(/attending/summer/images/2017/top/hotel_boxr_btn_off.jpg);
	}
.hotel_boxr_btn_b_02 a{
	display:block;
	height:49px;
	line-height:18px;
	padding-left:5px;
	font-size:16px;
	padding-top:17px;
	color:#35b8cc;
	}
.hotel_boxr_btn_b_02 a:hover{
	color:#FFF;
	text-decoration:none;
	}
.hotel_boxr_btn_b_02:hover{
	background:url(/attending/summer/images/2017/top/hotel_boxr_btn_on.jpg);
	color:#FFF;
	text-decoration:none;
	}


/*------------コラムcolumn------------*/
/*
h3{
	margin-bottom:10px;
}
*/
.column_body_soto{
	overflow:hidden;
	width:960px;
	margin-bottom:70px;
	padding-bottom:10px;
	background:url(/attending/summer/images/2017/top/back_border.jpg);
	}
.column_body{
	overflow:hidden;
	padding:0 20px;
	width:920px;
	}
.column_body li dl{
	overflow:hidden;
	width:280px;
	padding:10px;
	background:url(/attending/summer/images/2017/top/column_in_mikan.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
.column_body li{
	overflow:hidden;
	width:300px;
	float:left;
	margin-right:10px;
	background-color:#FFF;
	}
.column_body li dt{
	width:270px;
	padding-top:7px;
	padding-left:10px;
	height:23px;
	color:#FFFFFF;
	font-size:14px;
	background:url(/attending/summer/images/2017/top/column_in_head.jpg);
	}
.column_photo{
	margin:0 0 10px 0;
	}
.column_com{
	overflow:hidden;
	width:280px;
	margin-bottom:5px;
	padding-top:5px;
	font-size:14px;
	line-height:20px;
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	}
.column_btn{
	width:280px;
	height:40px;
	}
.column_btn a{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:280px;
	height:40px;
	color:#f87575;
	background:url(/attending/summer/images/2017/top/column_in_btm_off.jpg);
	font-size:14px;
}
.column_btn a:hover{
	color:#FFF;
	background:url(/attending/summer/images/2017/top/column_in_btm_on.gif);
	text-decoration:none;
	}

/*------------------------------------------------バナー枠から------------------------------------------------*/
.bunner_body_out{
	margin:0 auto;
	}
.bunner_body{
	overflow:hidden;
	}
.bunner_body dt{
	margin-bottom:30px;
	}

.bunner_body dd ul{
	width:940px;
	margin-left:30px;
	}
.bunner_body dd ul li{
	overflow:hidden;
	float:left;
	width:440px;
	height:220px;
	margin-bottom:20px;
	}
.bn_mr10{
	margin-right:20px;
	}
/*------------------------------------------------バナー枠まで------------------------------------------------*/


/*------------メニュー------------*/
.MenuBox {
	clear: both;
    height: auto;
    margin: 0 auto;
    width: 100%;
	background: #fff none repeat scroll 0 0;
/*    position: relative;
*/}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
}

.MenuBtn {
	 margin: 0 auto;
	width:960px;
}
.MenuBtn li {
    float: left;
	width:192px;
    margin: 0 auto;
    padding: 0;
}
.hide-menu {
    background: rgba(0, 0, 0, 0) url("/attending/haruyasumi/images/2016/bgFukidashi.png") no-repeat scroll left top;
    border-bottom: 1px solid #0099d2;
    padding-top: 11px;
    position: absolute;
    white-space: nowrap;
    width: 240px;
    z-index: 100;
}

.hide-menu li {
    background: #fff url("/attending/haruyasumi/images/2016/arrow01.gif") no-repeat scroll 210px 10px;
    border-bottom: 1px dotted #cccccc;
    border-left: 1px solid #0099d2;
    border-right: 1px solid #0099d2;
    box-sizing: border-box;
    cursor: pointer;
    height: auto;
    padding: 6px 10px;
    width: 100%;
}
.hide-menu li a {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    text-decoration: none;
}

/* .fixed {
    position: fixed !important;
    top: 0;
	z-index: 100;
} */

.AllSlider {
	clear:both;
	width:2000px;
}

.slideHide {
	display: none;
}
/*-----------------メニューまで--------------------*/

/*------------------------------スライダーから------------------------------*/
body {
    margin:0;
    padding:0;
}

.slideWrap {
	max-width:2000px;
    width:100%;
    margin:0 auto;
}

.slide {
    width:100%;
	height:496px;
    overflow:hidden;
    position:relative;
}

.slideInner {
    list-style:none;
    margin:0;
    padding:0;
}
.slideInner li {
    position:absolute;
    width:100%;
    background:#fff;
    margin:0;
    padding:0;
	height:496px;
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
}
.slideInner li img {
	display:none;
    width:2000px;
	height:496px;
}

.slidePrev {
    position:absolute;
    width:50px;
    height:60px;
    left:0;
    cursor:pointer;
    z-index:100;
}

.slideNext {
    position:absolute;
    display:block;
    width:50px;
    height:60px;
    right:0;
    cursor:pointer;
    z-index:100;
}

.controlNav {
    position:absolute;
    float:left;
    left:50%;
    bottom:0;
}
.controlNav span {
    position:relative;
    left:-50%;
    overflow:hidden;
    float:left;
    width:8px;
    height:8px;
    margin:5px;
	color:#fff;
    vertical-align:middle;
	border-radius:8px;
	background-color:#FFFFFF;
}

.controlNav span img {
    width:100%;
    height:100%;
}
.controlNav span:hover {
	background-color:#f5a019;
    cursor:pointer;
}
.controlNav span.current {
	background-color:#f5a019;
	color:#f5a019;
    cursor:pointer;
}

@media screen and (max-width:767px) {
    .slideWrap {
        width:100%;
    }
}
/*------------------------------スライダーまで------------------------------*/


/*------------------------------オススメ枠から------------------------------*/
.ossm{
    margin: 10px 0 20px;
    overflow: hidden;
    width: 960px;}
.ossm_box_i{position:relative; width:470px; height:auto;}
.ossm_box_d{position:relative; width:471px; height:auto;}
.ossm_tuer{
    width: 468px;
    border: 1px solid #35b8cc;
    overflow:hidden;
    background:#ffffef;}
.ossm_tuer_state{
    background: rgba(0, 0, 0, 0) url("/attending/summer/images/2017/top/ossm_top.png") no-repeat scroll 0 0;
    color: #ffff00;
    font-size: 16px;
    height: 25px;
    padding-left: 10px;
    padding-top: 20px;
	background-size:100%;}

.ossm_tuer_title{
    height: auto;
    line-height: 20px;
    margin:10px 10px 10px 0;
    width: 240px;
    float:right;}
.ossm_tuer_title a{
    font-size: 16px;
    font-weight: bold;
    margin-top:10px;}
.ossm_tuer_photo{
	overflow:hidden;
	width:200px;
    float:left;
    margin:10px 0 10px 10px;
    background:#ccc;}
.ossm_tuer_photo a img {
	width:100% !important;
	}
.ossm_tuer_maney{
    color: #db0000;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    text-align:right;
    margin-right:10px;
    width:240px; float:right;}
.ossm_tuer_btn_d,ossm_tuer_btn_d{
	clear:right;
		}
.ossm_tuer_btn_i a,.ossm_tuer_btn_d a{
    display:block;
    width:160px;
    height:30px;
    margin:10px;
    padding-top:10px;
    font-size: 16px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    float:right;}
.ossm_tuer_btn_i a{background:#00ada1;}
.ossm_tuer_btn_d a{background:#f87575;}

.h_title{
	color:#F90 !important;
	}
.h_btn{
	color:#FFFF00 !important;
	}
.h_photo{
	opacity:0.8
		}
/*------------------------------オススメ枠まで------------------------------*/


#gotop {
    bottom: 1rem;
    position: fixed;
    right: 1rem;
    z-index: 100;
}


/*
.areaSeparete_spk{
	margin-right:5px !important;
	}
	*/

.Js_AreaSelectPanel dl dt{
    font-size: 1.2rem;
    font-weight: bold;
    height: auto;
    margin-right: 10px;
    text-align: left;
    width: 85px;
	}

.srchBlk{ border:none; }
#icalender .calboxbgbox{ overflow:hidden; background:url(/attending/newyear/images/Cal_i_frame.gif) no-repeat; }
#dcalender .calboxbgbox{ overflow:hidden;  background:url(/attending/newyear/images/Cal_d_frame.gif) no-repeat; }


.link_gray{opacity:0.3; pointer-events:none; }

/*おすすめ特集*/
/*
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
	margin-top: 50px;
}

#SlideBanner {
	width: 910px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 219px;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
	word-wrap: break-word;
}

.bannerCassette_content p.bannerImg {
	width: 100%;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}
*/

/* 次ページボタンのスタイル */
/*
.swiper-button-next {
	background-image: url(/attending/newyear/images/arrow.png) !important;
}
*/
/* 前ページボタンのスタイル */
/*
.swiper-button-prev {
	background-image: url(/attending/newyear/images/arrow.png) !important;
	transform: scale(-1, 1);  左右反転 
}
*/
/*
.swiper-slide{
    width: 218.837px!important;
}
*/
/*-----------------おすすめ特集-----------------*/
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
	margin-top: 50px;
}

#SlideBanner {
	width: 974px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 100%;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
}

.bannerCassette_content p.bannerImg {
	width: 219px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 1024px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/attending/newyear/images/arrow.png) !important;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(/attending/newyear/images/arrow.png) !important;
	transform: scale(-1, 1); /* 左右反転 */
}