/* CSS Document */
/* スマートフォン用 */

main{
color:#666666;
}


*	{
	margin: 0;
	padding: 0;

}

/* clearfix */  
.clearfix:after { 
visibility: hidden; 
display: block; 
font-size: 0;
content: " ";
clear: both;
height: 0;
}   
* html .clearfix { zoom: 1; }/* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

/*===============================*/


/*===============================*/

.smp_none{ display: none;}


/* -------------------- レイアウト -------------------- */
#pankuzu	{ display:none;}

.head{background:background: url(../../img/back01.gif) repeat center top; width:100%; height:auto;}
.head_inner{
	height: 0; width:100%;
     padding-top: 145.3125%;/* 高さ930 ÷ 幅640 × 100 */
    background: url(../img/hd_sp.png) 0 0 no-repeat;
    background-size: contain;}


.wrp {
	background: #FFF;

}

.cont{
	width:96%;
	margin:0 auto;
	padding:2%;
	font-size:0.8em;
line-height: 1.4em;

}

.cont img{width:100%; height:auto; }


.cont h2{ clear:both; color:#3bc; margin:6% 0 2% 0;  width: 100%;  height:auto; border-bottom: dotted 1px #ccc; padding-bottom:2%; font-size:1.5em; text-align:center;}
.cont p{ margin:5% 0;}

.info_in3{padding:3% 0; background:#006699;}
/*-- index絞込みボタン部分 --*/
.info_in3 ul {
	width:98%;
	margin-left:2%;

}

.info_in3 li {
	float: left;
	list-style: none;
	margin-right:2%;
	width:48%;
}


.info_in3 li img{width:100%; height:auto;}


/*-- indexホテル別ボックス --*/
.tour_waku{ width:100%;	margin-top:2%;}

.tour_waku ul {padding: 0; margin: 0; display: block;}

.tour_waku li {
	float: left;
	margin-bottom:4%;
	width:100%; 
}

.tour_waku li a{display:block; text-decoration:none;}
.tour_waku li div.box{width:96%; border:1px solid #999; padding:2%; color:#333; position:relative;}
.tour_waku li a:hover div.box{background:#FFFFCC;}
.tour_waku li div.box .picb{}
.tour_waku li div.box .rbox{margin:0 auto; }
.rbox ul{display:block; margin:5px 0; width:100%; height:10%; overflow:hidden;}
.rbox li{
	float:left;
	list-style: none;
	list-style-position: inside;
	width:24%;
	background:#9CF;
	border-radius:4px;
	text-align:center;
	padding:2% 0;
	margin-bottom:1%;
	margin-right:1%;
	font-size:0.8em;
	white-space :nowrap;
	}
.rbox li.ar-00{background:#9CC;}
.rbox li.allin{width:33%;}

.linktext{font-size:1.2em; font-weight:bold; line-height:1.6;}
.linkbtn{clear:both;margin-top:4%; padding:2%; background:#666666; color:#FFF; text-align:center; }


#caution	{
	text-align: center;
	font-size: 0.8em;
	padding: 0 0 2%;
}

/* 768px以上 
 @media screen and (min-width: 768px) {
.cont{ font-size:1.2em;}
.linktext{font-size:1.4em;}

}
*/

#btmlinks_wrp{display:none;}

/* topBtn */

#footerBox{
	display:block; font-size: 80%;
    clear: both;
    background: #004BB0;
    background-image: none;
    padding: 1em 0.7em 0.5em;
}
#footerBox .footer-pagetop{
    margin: 0.2em auto 1em;
    width: 80%;
    background-color: #E6EDF7;
    color: #004BB0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
}
#footerBox .footer-pagetop a{
    display: block;
    padding: 0.5em;
    color: #004BB0;
}



/* topBtn */
#page-top {
	position: fixed;
	bottom: 50px;
    right: 30px;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	/*width: 60px;*/
	padding: 20px 30px;
	font-weight:bold;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}