@charset "utf-8";

/*-- トップ画像 --*/

.widget-wrap img{width:inherit;}
img{	max-width: 100%;}
li{list-style: none;}
.full-width-content #content{	padding: 0 10px;}
#box-hotel,#box-toursearch {
    padding-top: 80px;
    margin-top: -80px;
}
#title img.logo-pc {width:477px;}
.common_ttl3{
    font-size: 150%;
    margin-bottom: 20px;
    border-top: 2px solid #349de7;
    padding-top: 7px;
}
.seo_top {	width: 100%;	position: relative;}
.seo_top .ico-symbol {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12% 0 0 -10%;
}
.seo_top .ttl-main {
	position: absolute;
	top: 24%;
	left: 15%;
	color:#fff;
	font-size: 400%;
	text-shadow: 2px 2px 8px #000,-2px 2px 8px #000,2px -2px 8px #000,-2px -2px 8px #000;
}
.seo_top .box-intro {
    position: absolute;
    bottom:9%;
    right: 5%;
    width: 40em;
    text-shadow: 2px 2px 8px #000,   -2px 2px 8px #000,  2px -2px 8px #000,  -2px -2px 8px #000;
}
.seo_top .top_lead{
	color: #fff;
    font-size: 185%;
    margin-bottom:4%;
}
.seo_top .top_txt {    color: #fff;}
.common_ttl {
    font-size: 180%;
    border-left: #349de7 solid 7px;
    padding-left: 10px;
}
.bnr_box{    margin-bottom: 30px;}
.bnr_box ul{    font-size: 0;}
.bnr_box li{
    display: inline-block;
    font-size: 13px;
    margin: 0 3px;
    width: 32.5%;
}
.anchor_box{    margin-bottom: 30px;}
.anchor_box ul{    font-size:0;}
.anchor_box li{
    display: inline-block;
    font-size: 13px;
    width: 30%;
    margin: 0 16px;
}
.anchor_box a {
    display: table-cell;
    border: #349de7 solid 2px;
    border-radius: 5px;
    font-size: 150%;
    text-align: center;
    width: 291px;
    line-height: 1.0;
    height: 62px;
    vertical-align: middle;
    position: relative;
}
.anchor_box a:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    right: 12%;
    margin: auto 0;
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #349de7 transparent transparent transparent;
}

.anchor_box a span{	text-align: left;	display: inline-block;}
.anchor_box .monthTour a{
	color: #fff;
	background: #349de7;
	border: 2px solid #349de7;
}
.anchor_box .monthTour a:after{
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #fff;
}
.cat_box {text-align: center;margin-bottom: 30px;overflow: hidden;}
.cat_box .item-cate {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 0 5px 15px;
}
.cat_box .box-map {    float: left;     margin:0 0px 12px 20px;}
.cat_box .box-map .btn-area {
    position: relative;
    background: url(images/tour/bg_map_pc.png) no-repeat #d4e8ee 50%;
    width: 463px;
    height: 351px;
}
.cat_box .box-map .btn-area li {    position: absolute;left:50%;    top: 50%;}
.cat_box .box-map .btn-area li.btn-area1 {margin: -149px 0 0 -16px;}
.cat_box .box-map .btn-area li.btn-area2 {    margin: -109px 0 0 26px;}
.cat_box .box-map .btn-area li.btn-area3 {    margin: -69px 0 0 95px;}
.cat_box .box-map .btn-area li.btn-area4 {margin: 32px 0 0 80px;}
.cat_box .box-map .btn-area li.btn-area5 {margin: 58px 0 0 51px;}
.cat_box .box-map .btn-area li.btn-area6 {    margin: 105px 0 0 44px;}
.cat_box .box-map .btn-area li.btn-area7 {    margin: -44px 0 0 -145px;}
.cat_box .box-map .btn-area li.btn-area8 {margin: -8px 0 0 -228px;}
.cat_box .box-map .btn-area li.btn-area9 {    margin: 33px 0 0 -212px;}
.cat_box .box-map .btn-area li.btn-area10 {margin: 66px 0 0 -197px;}
.cat_box .box-map .btn-area li.btn-area11 {    margin: 113px 0 0 -89px;}

.cat_box .box-map .btn-area li a {
    line-height: 1;
    display: inline-block;
    background: #00b259;
    padding: 4px;
    color: #FFF;
    font-weight: normal;
    font-size: 90%;
}
.cat_box .box-map .btn-area li.btn-miyako a,
.cat_box .box-map .btn-area li.btn-ishigaki a {    padding:4px 12px;}
.cat_box .box-map .btn-area li a:hover {    background: #85dc7f;    opacity: 1;}

.cat_box .item-cate a {
    display: block;
    background: #eee;
    border-bottom: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    text-align: center;
    position: relative;
}
.cat_box .item-cate a:before{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    width: 50px;
    height: 50px;
}
.cat_box .cat1 a:before{
background: url(images/icon1.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat2 a:before{
background: url(images/icon2.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat3 a:before{
background: url(images/icon3.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat4 a:before{
background: url(images/icon4.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat5 a:before{
background: url(images/icon5.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat6 a:before{
background: url(images/icon6.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat7 a:before{
background: url(images/icon7.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat8 a:before{
background: url(images/icon8.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat9 a:before{
background: url(images/icon9.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat10 a:before{
background: url(images/icon10.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat11 a:before{
background: url(images/icon11.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat12 a:before{
background: url(images/icon12.png) no-repeat;
background-size: 50px 50px;
}
.cat_box .cat_ttl{
    width: 80%;
    margin: 0 auto;
    padding: 65px 0 8px;
    color: #349de7;
    font-size: 135%;
    font-weight: bold;
    display: block;
}
.cat_box .item-cate a {    border-bottom: 1px solid #eee;    border-right: 1px solid #eee;}
.cat_box .cat12 .cat_ttl,
.cat_box .cat12 .cat_des {    color: #CCC;}
.cat_des{
    font-weight: normal;
    font-size: 80%;
    display :block;
    color: #696969;
    text-align: left;
}
.osusume_box{ margin-bottom: 30px;}
.osusume_box ul{font-size: 0;text-align: center;}
.osusume_box li{
    font-size: 13px;
    display: inline-block;
    width: 45%;
    margin: 0 8px 12px;
}
.lowprice_box{overflow:hidden;margin: 0 24px 30px;}
.lowprice_l{float:left;width: 49%;}
.lowprice_r{float:right;width: 49%;}
.lowprice_l ul{font-size: 0;}
.lowprice_l li{
    font-size: 13px;
    display: inline-block;
    width: 32%;
    margin: 0 5px 8px 0;
}
.lowprice_l li a {
    display: block;
    border-top: 1px solid #349de7;
    border-left: 1px solid #349de7;
    border-right: 3px solid #349de7;
    border-bottom: 3px solid #349de7;
    color: #000;
    text-align: center;
    padding: 8px 0;
}
.lowprice_l li span{
    display: block;
    color:#ea0000;
    text-decoration: underline;
    font-weight: bold;
    font-size: 140%;
}
.lowprice_l li a:hover span{text-decoration: none;}
.search_box .monthly-search-content select,
.search_box .monthly-search-content input[type=text]{
    padding:3px 0;
    font-size: 124%;
    width: 100%;
}
.search_box .monthly-search-content input[type=text]{padding: 5px 0;}
.search_box li label{display: block;}
.search_box ul{font-size: 0;}
.search_box li{
    font-size: 13px;
    vertical-align: top;
    display: inline-block;
}
.search_box li.col3{    width: 30%;    margin: 0 7px 15px;}
.search_box li.col2{    width: 46%;    margin: 0 7px 15px;}
.search_box #datepicker{
    background: url("images/icon-calendar.png") no-repeat;
    background-position: 98% center;
}
.search_box li.hakuForm select{width: 38%;}
.search_box li.hakuForm span{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}
.search_box button{
    display: block;
    width: 214px;
    background-color: #E7004C;
    padding: 5px 0px;
    color: #FFFFFF;
    border-radius: 5px;
    border: none;
    text-align: center;
    margin: auto;
    font-size: 18px;
    margin-top: 20px;
    cursor: pointer;
}
.search_box button:before {
    content: url("images/icon-search.png");
    width: 18px;
    height: 18px;
    padding-right: 10px;
    vertical-align: middle;
}
.lowprice_box .btn_list{font-size: 0;}
.lowprice_box .btn_list li{
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 8px;
    width: 32%;
}
.lowprice_box .btn_list a {
    display: block;
    border-top: 1px solid #349de7;
    border-left: 1px solid #349de7;
    border-right: 3px solid #349de7;
    border-bottom: 3px solid #349de7;
    color: #000;
    text-align: center;
    padding: 8px 0;
    font-size: 120%;
    position: relative;
}
.lowprice_box .btn_list a:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6.1px;
    border-color: transparent transparent transparent #f9417e;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 13px;
    margin: auto 0;
}
.tour_box .tour_inner {    padding-top: 80px;    margin: -80px 0 25px;}
.tour_box .tour_inner ul{font-size: 0;margin-top: 20px;}
.tour_box .tour_inner li{
    font-size: 13px;
    display: inline-block;
    margin: 0 20px 8px 15px;
}
.tour_box .tour_inner a{
    text-decoration: underline;
    position: relative;
}
.tour_box .tour_inner a:before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6.1px;
    border-color: transparent transparent transparent #01acf2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    margin: auto 0; 
}
.tour_box .common_ttl2{
    color: #09aaec;
    font-size: 162%;
    margin-bottom: 10px;
    line-height: 1.0;
    padding: 5px 0 5px 39px;
    background: url(images/tour/ico_category.png) no-repeat;
    background-size: 33px;
}
.tour_box .list2 .common_ttl2{background-position: 0 -34px;}
.tour_box .list3 .common_ttl2{background-position: 0 -68px;}
.tour_box .list4 .common_ttl2{background-position: 0 -101px;}
.tour_box .list5 .common_ttl2{background-position: 0 -135px;}
.tour_box .list6 .common_ttl2{background-position: 0 -169px;}
.tour_box .list7 .common_ttl2{background-position: 0 -203px;}
.tour_box .list8 .common_ttl2{background-position: 0 -237px;}
.tour_box .list9 .common_ttl2{background-position: 0 -271px;letter-spacing: -.08em;}
.tour_box .list10 .common_ttl2{background-position: 0 -305px;}
.tour_box .list11 .common_ttl2{background-position: 0 -339px;}
.tour_box .list12 .common_ttl2{background-position: 0 -384px;}

.tour_box .tourinfo{    padding: 0 0 0 215px;}
.tour_box .list1 .tourinfo {background : url(images/tour/cat1.jpg) no-repeat;}
.tour_box .list2 .tourinfo {background : url(images/tour/cat2.jpg) no-repeat;}
.tour_box .list3 .tourinfo {background : url(images/tour/pht_departure.jpg) no-repeat;}
.tour_box .list4 .tourinfo {background : url(images/tour/pht_syukuhaku.jpg) no-repeat;}
.tour_box .list5 .tourinfo {background : url(images/tour/pht_ryotei.jpg) no-repeat;}
.tour_box .list6 .tourinfo {background : url(images/tour/pht_jiki.jpg) no-repeat;}
.tour_box .list7 .tourinfo {background : url(images/tour/pht_who.jpg) no-repeat;}
.tour_box .list8 .tourinfo {background : url(images/tour/pht_basyo.jpg) no-repeat;}
.tour_box .list9 .tourinfo {background : url(images/tour/pht_kuchikomi.jpg) no-repeat;}
.tour_box .list10 .tourinfo {background : url(images/tour/pht_kodo.jpg) no-repeat;}
.tour_box .list11 .tourinfo {background : url(images/tour/pht_suitcase.jpg) no-repeat;}
.tour_box .list12 .tourinfo {background : url(images/tour/pht_other.jpg) no-repeat;}

.hotel_box{overflow: hidden;}
.hotel_box .wrap-hotelInfo {    letter-spacing: -.4em;}
.hotel_box .hotelInfo{
    width: 43%;
    margin: 0 34px 15px;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}
.hotel_box .hotelInfo dd{    margin: 0;    padding: 15px 0;}
.hotel_box .hotelName{font-weight: bold;font-size: 150%; }
.hotel_box .lst-tour {font-size: 0;margin: 15px 0 0 -25px;}
.hotel_box li{
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    margin:0 0 5px 25px;
}
.hotel_box li a{
    color: #000;
    font-weight: bold;
    font-size: 120%;
    position: relative;
    line-height: 1;
}
.hotel_box li a span{
    color: #ea0000;
    text-decoration: underline;
    font-weight: normal;
    display: inline-block;
    margin-left: 5px;
    font-size: 120%;
}
.hotel_box li a img {    width: inherit;}
.hotel_box li a .ico-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6.1px;
    border-color: transparent transparent transparent #349de7;
    display: inline-block;
    vertical-align: top;
    margin: .45em 4px 0 0;
}
.hotel_box li a:hover {    text-decoration: underline;}
.hotel_box li .btn_nomove {    color: #ccc;}
.hotel_box li .btn_nomove span {    color: #ccc; text-decoration: none;}
.hotel_box li .btn_nomove .ico-arrow {    border-color: transparent transparent transparent #ccc;}

.month-list-btn{margin:0 0 20px 0;}
.month-list-btn li {display: inline-block;}
/*.month-list-btn li a {
    display: block;
    background: #3fc0f5;
    padding: 3px 20px;
    font-size: 130%;
    color: #fff;
    border-radius: 2px;
    border-bottom: 1px solid #218db9;
}*/
.month-list-btn li a {
    display: block;
    background: #ffffff;
    padding: 3px 20px;
    font-size: 130%;
    color: #349de7;
    border-radius: 2px;
    border: 2px solid #349de7;
}

/*===============================================
画面の横幅が1200pxまで
===============================================*/
@media screen and (max-width: 1200px){
.seo_top .top_lead {
    font-size: 113%;
    width: 100%;
    font-weight: bold;
    margin: 10px 0 10px;
}
.seo_top .top_txt {
    font-size:90%;
    width:100%;
}
}

/*===============================================
画面の横幅が830pxまで
===============================================*/
@media screen and (max-width: 830px){
.seo_top .box-intro {
    width: inherit;
    position: inherit;
    margin: 0 auto;
    top: 0;
    left: 0;
    width:94%;
}
.seo_top .top_lead, 
.seo_top .top_txt {
    text-shadow: none;
    color: #222;
}
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

.full-width-content #content {padding: 0;}
.seo_top h2 {    top: 7%;    left: 6%;}
.seo_top .ico-symbol {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9% 0 0 -10%;
}
.seo_top .ico-symbol img {	width: 65%;}
.seo_top .box-intro {    bottom: 4%;    right: 2%;}
.bnr_box li {    margin: 0 3px;}
.search_box li.hakuForm span {    margin-left: 0;    font-size: 12px;}
.search_box li.btn-search {    width:90%;}
.search_box li.btn-search button {    margin-top: 0;    width: 100%;}
.anchor_box li {    margin: 0 10px;}
.anchor_box a:after {    right: 6%;}
.cat_box .box-map {    float: none;}
.cat_box .box-map .btn-area {    margin: 0 auto;}
.lowprice_box {
    overflow: hidden;
    margin: 0 2% 30px;
    width: 96%;
}
.lowprice_box .btn_list li {    width: 31%;}
.lowprice_l li {
    font-size: 13px;
    display: inline-block;
    width: 32%;
    margin: 0 4px 8px 0;
}
.tour_box{padding: 0 2%;}
.hotel_box{padding: 0 2%;}
.hotel_box li {    display: block;}
.hotel_box li a {    padding-bottom: 13px;display: block;}
.hotel_box .hotelInfo {    margin: 0 25px 15px;}



}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.full-width-content #content{    padding: 0;margin: 0;}
.seo_top .ico-symbol {	margin:-75px 0 0 -50px;}
.seo_top .ico-symbol img {    width: 53%;}
.seo_top .box-intro {
    width: inherit;
    position: inherit;
    margin: 0 auto;
    top: 0;
    left: 0;
    width:94%;
}

.bnr_box {width: 98%;    margin: 0 1% 20px;}
.bnr_box .bnr_inner{
    overflow: scroll;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.bnr_box ul {    width: 900px;}
.bnr_box li{margin: 0 5px;    width: 290px;}
.anchor_box {    margin-bottom: 20px;}
.anchor_box a:after {
    content: " ";
    position: absolute;
    bottom: 4px;
    top: inherit;
    width: 0;
    height: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #fa558d transparent transparent transparent;
}
.anchor_box .monthTour a{    padding: 12px 15px 9px 7px;}
.anchor_box .monthTour a:after{
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    right: 1px;
    left: inherit;
    margin: auto 0;
}
.anchor_box a span {    line-height: 1.5;}
.cat_box {    text-align: left;}
.cat_box .box-map {    margin: 0 0 6px;}
.cat_box .box-map .btn-area {
    background-size:auto 211px; 
    width:auto;
    height: 211px;
}
.cat_box .box-map .btn-area li.btn-area1 {margin: -105px 0 0 -17px;}
.cat_box .box-map .btn-area li.btn-area2 {margin: -79px 0 0 21px;}
.cat_box .box-map .btn-area li.btn-area3 {    margin: -54px 0 0 67px;}
.cat_box .box-map .btn-area li.btn-area4 {    margin: 17px 0 0 37px;}
.cat_box .box-map .btn-area li.btn-area5 {margin: 40px 0 0 38px;}
.cat_box .box-map .btn-area li.btn-area6 {margin: 67px 0 0 32px;}
.cat_box .box-map .btn-area li.btn-area7 {margin: -63px 0 0 -133px;}
.cat_box .box-map .btn-area li.btn-area8 {margin: -14px 0 0 -152px;}
.cat_box .box-map .btn-area li.btn-area9 {margin: 18px 0 0 -156px;}
.cat_box .box-map .btn-area li.btn-area10 {margin: 43px 0 0 -151px;}
.cat_box .box-map .btn-area li.btn-area11 {margin: 77px 0 0 -69px;}

.cat_box .item-cate {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 0 0 6px 5px;
}
.cat_box .item-cate .ttl {
    display: inline-block;
    padding-left: 28px;
    line-height: 1.1;
    text-align: left;
}
.cat_box .item-cate a {    min-height: 136px;}
.cat_box .item-cate a:before {
content: " ";
    position: absolute;
    left: -106px;
    right: 0;
    margin: 0 auto;
    top: 22px;
    width: 30px;
    height: 30px;
}
.cat_box .cat1 a:before{
background: url(images/icon1.png) no-repeat;
background-size: 30px;
}
.cat_box .cat2 a:before{
background: url(images/icon2.png) no-repeat;
background-size: 30px;
}
.cat_box .cat3 a:before{
background: url(images/icon3.png) no-repeat;
background-size: 30px;
}
.cat_box .cat4 a:before{
background: url(images/icon4.png) no-repeat;
background-size: 30px;
}
.cat_box .cat5 a:before{
background: url(images/icon5.png) no-repeat;
background-size: 30px;
}
.cat_box .cat6 a:before{
background: url(images/icon6.png) no-repeat;
background-size: 30px;
}
.cat_box .cat7 a:before{
background: url(images/icon7.png) no-repeat;
background-size: 30px;
}
.cat_box .cat8 a:before{
background: url(images/icon8.png) no-repeat;
background-size: 30px;
}
.cat_box .cat9 a:before{
background: url(images/icon9.png) no-repeat;
background-size: 30px;
}
.cat_box .cat10 a:before{
background: url(images/icon10.png) no-repeat;
background-size: 30px;
}
.cat_box .cat11 a:before{
background: url(images/icon11.png) no-repeat;
background-size:30px;
}
.cat_box .cat12 a:before{
background: url(images/icon12.png) no-repeat;
background-size: 30px;
}
.cat_box .cat_ttl {
    width: 88%;
    margin: 0 auto;
    padding: 25px 0px 8px;
    color: #3498db;
    font-size: 124%;
    font-weight: bold;
}
.cat_des {
    font-weight: normal;
    font-size: 76%;
    display: block;
    color: #696969;
    text-align: left;
    margin-top: 12px;
}
.anchor_box ul {
    font-size: 0;
    text-align: center;
}
.anchor_box li {
    display: inline-block;
    font-size: 13px;
    width: inherit;
    margin: 0 2px;
    vertical-align: top;
}
.anchor_box a {
    display: block;
    border: #349de7 solid 2px;
    border-radius: 5px;
    font-size: 81%;
    text-align: center;
    width: inherit;
    line-height: 1.0;
    height: inherit;
    position: relative;
    padding: 15px 4px 10px;
    min-height: 2.5em;
}
.osusume_box {    margin-bottom: 10px;}
.osusume_box li {    width: inherit;    margin: 0 8px 8px;}
.lowprice_box {    margin: 0 1% 30px;}
.lowprice_l {float: none;width: 100%;}
.lowprice_r{float: none;width: 100%;}
.lowprice_l ul{text-align:center;}
.lowprice_l li {
    font-size: 13px;
    display: inline-block;
    width: 31%;
    margin: 0 2px 8px 2px;
}
.lowprice_l li a {
    padding: 8px 3px;
    font-size: 94%;
    text-align: center;
}
.lowprice_l li strong{display:block;}
.lowprice_l li span {    letter-spacing: -.05em;    font-size: 132%;}
.search_box li.hakuForm,
.search_box li.spcol1{width:95%;}
.search_box button {    margin-top: 5px;}
.lowprice_box .btn_list li {    width: 31%;}
.lowprice_box .btn_list a:after {    right: 4px;}
.tour_box, #tour_month {   padding: 0 3%;}
.tour_box .tourinfo{padding: 0;}
.tour_box .tourinfo p {    margin-left: 110px;}
#content .tour_box .tourinfo {background-size: 100px auto;

}
.tour_box .list1 .common_ttl2 {
    background: url(images/caticon1.png) no-repeat center left;
    background-size: 25px;
}
.tour_box .list2 .common_ttl2{
    background: url(images/caticon2.png) no-repeat center left;
    background-size: 25px;
}
.tour_box .tour_inner li {
    font-size: 11px;
    display: inline-block;
    width: 44%;
    margin: 0 3px 20px 15px;
}
.hotel_box { overflow: hidden;    padding: 0 3%;}
.hotel_box .hotelInfo {    width: 100%;    float: none;    margin: 0;}
.hotel_box li {
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 15px;
    width: 44%;
}
.hotel_box .lst-tour {        margin:15px 0 0 0;}
.hotel_box .lst-tour li {    text-indent: -1em;    margin-left: 1em;}
.hotel_box .lst-tour li span {
    text-indent: 0;
    margin-left:5px;
}
.page .breadcrumb {
    padding: 0 20px;
    margin: 27px 0 10px 0px;
}
.cat_box .box-map .btn-area li a { font-size: 70%;}
.month-list-btn li a {text-align: center;padding: 3px 0;}.month-list-btn li{width:20%;margin:3px;}
.month-list-btn{text-align:center;}
.tour_box .common_ttl2 {font-size: 130%;padding: 8px 0 8px 39px;}
}