/*------------インデックス------------*/
.mask{
	position:absolute;
	background-image: url("/attending/summer/images/2017/HalfTone.png");
    height: 1200px;
    width: 960px;
    z-index: 100;
	}

.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%;
	width:1200px;
	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/post/images/post_bg.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-color:#FFFFFF;
	background-position:bottom right;
	background-repeat:no-repeat;
	}
.column_body li{
	overflow:hidden;
	width:300px;
	float:left;
	margin:0 10px 10px 0;
	}

.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 1px 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;
	}
.d_btn{
	width:920px;
	margin:5px 20px 0 20px;
	overflow:hidden;
}
.d_btn li{
	width:920px;
	float:left;
	background-color:#FFFFFF;
}
.d_btn li:last-child{
	margin-right:0;
}
/*もっとボタン*/
.txt_link_btn{
	display:block;
	width:100%;
	padding:5px auto 5px auto !important;
	max-width:918px !important;
		border:#f87575 1px solid !important;
	}
.txt_link_btn a{
	display:block;
	padding:2% 0 2% 0 ;
	color:#f87575;
	font-size:18px;
	}
.txt_link_btn:hover{
	display:block;
	width:100%;
	padding:5px auto 5px auto !important;
	max-width:918px !important;
	background-color:#f87575;
	border:#f87575 1px solid !important;
	}
.txt_link_btn a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}



/*------------メニュー------------*/
.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: 10;
}

.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 {
	padding: 10px 0;
    /* 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:960px;
	height:350px;
    overflow:hidden;
    position:relative;
	margin: 0 auto;
}

.slideInner {
    list-style:none;
    margin:0;
    padding:0;
}
.slideInner li {
    position:absolute;
    width:100%;
    background:#fff;
    margin:0;
    padding:0;
	height:350px;
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
	background-size: cover;
}
.slideInner li span {
	position: absolute;
    bottom: 0;
    left: 50%;
    color: #ffffff;
    margin-left: -480px;
	font-size: 14px;
	text-shadow: 0px 0px 10px #000000;
}
.slideInner li img {
	display:none;
    width:2000px;
	height:350px;
}

.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%;
    }
}
/*------------------------------スライダーまで------------------------------*/