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

body, h1, h2, h3, h4, h5, h6,
div, p, pre, table, th, td, dl, dt, dd, li,
caption, address, form, blockquote,
del, ins, code, var {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

body {
	font-family:"中ゴシックBBB", "Gothic Medium BBB","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "游ゴシック",YuGothic,"メイリオ", "Meiryo", sans-serif;
	color:#000;
}


ul{
	margin-top: 0;
	margin-bottom: 0;
	list-style-type:none;
	padding: 0;
}
ol {margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style-position: inside
}


ul li,
{list-style:none;}

img {
	vertical-align: top;
	border: 0;
}
a {
    outline: none;
	text-decoration:none;
	color:#000
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
    *zoom: 1;
}



#wrap{width:990px; margin:0 auto}
.mainslide{ }
.mainslide img{width:990px}

.mainlogo{
	margin: 10px 0 10px 770px
}

.thumb_box{margin:30px auto;width:990px;}
ul.thumb_wrap{ text-align:center; margin:auto; width:660px;}
ul.thumb_wrap li{font-size:0.8rem; float:left; width:220px; }
ul.thumb_wrap li:last-child {margin-right:0px; }
ul.thumb_wrap li p{margin-top:5px}
ul.thumb_wrap img{width:186px }

.mt20 { margin-top:20px!important;}

.lead{text-align:center}
h1{
	margin: 30px auto;
	font-size: 35px;
	color: #d99a29;
	font-weight: bold;
}

.bnrBox {
    border: #525759 1px solid;
    padding: 10px;
    line-height: 1.6;
    width: 460px;
    margin: 0 auto 65px;
}
.bnrBox div {
    margin: 20px auto auto 20px;
    font-size: 110%;
    text-align: center;
	color: #555759
}
.bnrBox h2 {
    font-size: 27px;font-weight: bold
}
.bnrBox:hover{background-color:#ebeced }
.flL{float: left}
.mr20{margin-right: 20px}
.mb80{margin-bottom: 80px}

.bd_top{ text-align:center;/*border-top:2px solid #000*/}
h2.mari{margin: 60px auto 40px;
	font-size: 35px;
	color: #a0072b;
	font-weight: bold;
    font-family: "游明朝体","Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 ProN W3","MS PMincho","ＭＳ Ｐ明朝",serif}

.hotels{
	width: 990px;
	transition: all 1.0s;
	/*border-top: 1px solid #000*/
}
.hotelslide{float:left;width:570px;}
.hotelslide img,.hotelslide2 img{width:570px;}
.hotelslide2{float:right;width:570px;}
a img:hover{opacity:0.6}

.hotels_i,.hotels_i:hover,.hotels_f,.hotels_f:hover,.hotels_k,.hotels_k:hover,.hotels_b,.hotels_b:hover,.hotels_s,.hotels_s:hover{float:left; padding:20px 0 0 0; width:420px}

.hotels_i{background-image:url(img/imh_logo_off.png);}
.hotels_i:hover{background-image:url(img/imh_logo_on.png);}

.hotels_f{background-image:url(img/fmh_logo_off.png);}
.hotels_f:hover{background-image:url(img/fmh_logo_on.png);}

.hotels_k{background-image:url(img/kmh_logo_off.png);}
.hotels_k:hover{background-image:url(img/kmh_logo_on.png);}


.hotels_s{background-image:url(img/smh_logo_off.png);}
.hotels_s:hover{background-image:url(img/smh_logo_on.png);}

.hotels_cont{
	padding: 35px 20px;
	width: 380px;
	float: left
}
.hotels h2{
	font-size: 26px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 20px;
}
.hotels h3{
	font-size: 22px;
	font-size: 1.2rem;
}
.hotels p{
	margin: 20px 0;font-size: 14px;
}
.hotels p span{font-size:14px;font-size:0.8rem;}
.fl_L{float:left}
.fl_R{float:right}

.btn,.btn2 {
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	background-color: #000;
	color: #fff;
	padding: 12px 20px;
	border: 1px solid #fff;
}
.btn span::after {
    background: rgba(0, 0, 0, 0) url("../img/arrow2-w.svg") no-repeat scroll 100% 50% / 15px auto;
    margin-top: -9px;
    position: absolute;
    content: "";
    height: 15px;
    right: 0;
    top: 50%;
    width: 15px;
}
.btn2 span::after {
    background: rgba(0, 0, 0, 0) url("../img/arrow2-w.svg") no-repeat scroll 100% 50% / 15px auto;
    margin-top: -9px;
    position: absolute;
    content: "";
    height: 15px;
    right: 0;
    top: 50%;
    width: 15px;
}
.btn span,.btn2 span {
	padding-right: 30px;
	position: relative;
	width: 238px;
	display: inline-block;
}



.holiday_wrap{
	padding: 65px 30px;
	border-top: 1px solid #000
}

h2{line-height:1.3}

.holiday_tx{float:left; width:58%}
.holiday_wrap img{width:35%; float:right;}
.holiday_wrap p{ margin:20px 0 30px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
.mt60{margin-top:60px}
a:hover{opacity:0.75;}

footer{
	padding: 65px 30px;
	border-top: 1px solid #000
}
footer p{width:43%; float:left; font-size:24px; font-weight:bold; text-align:center; margin-top:120px }
.japatabi_bnr img{width:52%; float:right; margin-right:50px}

.foot_bk{
	background-color: #000;
	color: #FFF;
	text-align: right;
	font-size: 16px;
	font-size: 0.6rem;
	padding: 5px 10px 0
}

.udl{
	border-bottom: 2px solid #e6b422;
	padding: 5px;
	font-weight: bold;
	font-size: 18px;
}
.plan_tit{
	font-weight: bold;
	font-size: 18px;
	margin: 8px 0;
	font-family:"中ゴシックBBB", "Gothic Medium BBB","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "游ゴシック",YuGothic,"メイリオ", "Meiryo", sans-serif;
}
.plan_cont{ color:#000; font-family:"中ゴシックBBB", "Gothic Medium BBB","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "游ゴシック",YuGothic,"メイリオ", "Meiryo", sans-serif; margin: 10px;}

.bd_btm{border-bottom: 1px solid #000;}
.bd_top{border-top: 1px solid #000;}
.plan_p{margin:15px 0 0 20px !important; font-weight:bold}

.wrap *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.timeSalePlan{
	padding: 80px 70px 0; margin-bottom: 50px
}

.timeSalePlan ul{
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
   -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
}

.timeSalePlan li{
	width: 276px;
	position: relative;
	padding: 30px 19px 0;
	border: 2px solid #bdb780;
}
.timeSalePlan li:before{
	content:url(../img/ribbon_top.png);
	width: 33px;
	height: 27px;
	position: absolute;
	display: block;
	top: -2px;
	left: -2px;
}
.timeSalePlan li:after{
	content:url(../img/ribbon_bottom.png);
	width: 33px;
	height: 30px;
	position: absolute;
	display: block;
	bottom: -5px;
	right: -5px;
}


.hotelName{
width: 233px;
height: 67px;
padding: 0 0 20px;
display: table-cell;
vertical-align: middle;
font-size: 20px;
font-weight: bold;
text-align: center;
font-family:"游明朝体","Yu Mincho",YuMincho,"Hiragino Mincho ProN","ヒラギノ明朝 ProN W3","MS PMincho","ＭＳ Ｐ明朝",serif
}
.hotelName span{
	font-size: 14px;
	display: block;
}

.planImg{
	margin: 0 0 20px;
}

.planImg img{
	display: inline-block;
}
.planImg img:first-child{
	margin: 0 0 1px;
}
.planImg img:last-child{
	margin-left: 1px;
}

.btn02{
	width: 234px;
	margin: 40px auto 20px;
}


.hotelIntro{
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
   -webkit-box-pack:distribute;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:distribute;/*--- IE10 ---*/
    -webkit-justify-content:space-around;/*--- safari（PC）用 ---*/
    justify-content:space-around;
 -webkit-box-align:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:center;/*--- IE10 ---*/
    -webkit-align-items:center;/*--- safari（PC）用 ---*/
    align-items:center;
    width: 272px;
		height: 65px;
    position: relative;
		padding: 10px 0;
    background: #f0eff0;
    left: -19px;
    bottom: 0;
}

.hotelAdd{
	font-size: 11px;
}
.hotelAdd span{
	display: block;
	font-weight: bold;
}

.heading02{
	margin: 0 0 30px;
font-size: 36px;
font-weight: bold;
	font-family: "A-OTF A1明朝 Std Bold","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ 明朝";
	text-align: center
}
.btn_planall{background-color:#db9d02; color:#fff; font-weight:bold; text-align:center; padding: 10px; }

/* Hakuba*/
#small > .hotels{
	width: 770px;
	margin:50px auto;
	border:#000 1px solid;
	padding:2em;
	transition: all 1.0s;
}

#small > .hotels img{ width:300px;!important:}
#small > .hotels .hotelslide{float:left;width:380px;}
a img:hover{opacity:0.6}

#small > .hotels h2, #small .hotels .tac{ text-align:center!important; margin-bottom:20px;}
#small > .hotels h2 span { font-size:30%!important;}