@charset "UTF-8";

body{
    -webkit-text-size-adjust:none;
}

/*=======================
-Edited by Ratana Works
========================*/

.contents .mc_expand{
    width:780px;
    min-height:300px;
    float: left;
    margin:0 0 0 20px;
    word-wrap: break-word;
}

.contents .mc_expand h2{
    width:760px;
    padding:10px;
    background-color: #efefef;
    font-size: 26px;
    font-weight: normal;
    line-height: 140%;
    margin: 0 0 20px 0;
}

.contents .mc_expand h2.detail_h2{
    width:732px;
    height:auto;
    background: none;
    padding:3px 0 7px 0;
    line-height: 140%;
    font-size: 22px;
    font-weight: bold;
    /*border-top: 1px solid #555;*/
    border-bottom: 1px solid #555;
    margin:0 auto 15px auto;
}

.contents .mc_expand h2 i{
    display: block;
    width:4px;
    min-height: 40px;
    margin: 0 10px 0 0;
    float: left;
    background-color: #00b1d2;
}

.contents .mc_expand h2 span{
    font-size: 20px;
    margin:0 0 0 10px;
}

.contents .mc_expand h3{
    width: 780px;
    height: 40px;
    background: url(../images/common/page_title_bg.png) 0 0 no-repeat;
    color:#fff;
    font-size: 18px;
    line-height: 42px;
    text-indent: 15px;
    margin: 20px 0;
}

.contents .mc_expand h4{
    font-size: 18px;
    border-left: 4px solid #f7941e;
    border-bottom: 1px solid #f7941e;
    padding:3px 0;
    text-indent: 12px;
    font-weight: bold;
    margin:20px 0;
}

.contents .mc_expand h4 a{
    text-decoration: none;
}

.ul_style{
    margin:5px 0;
}

.ul_style li{
    list-style-type: disc;
    list-style-position: inside;
}

.contact_shop{
    margin:15px 0 5px 0;
    font-size: 16px;
}

/*==============================================
                リストページのソート
===============================================*/


.pagenumber_area{
    height: 30px;
    padding:13px 0 10px 0;
    border-bottom:1px solid #ccc ;
    border-top:1px solid #ccc ;
    margin:15px 0 25px 0;
}

.pagenumber_area .change strong,
.pagenumber_area .change a{
    padding:2px 5px;
    font-size: 14px;
}

.pagenumber_area .change a{
    background-color: #ddd;
    margin:0 5px 0 0;
}

.pagenumber_area .change a:hover{
    background-color: #bbb;
}

.pagenumber_area .change strong{
    background-color: #0062c7;
    color: #fff;
    margin:0 5px 0 0;
    font-weight: normal;
}

.pagenumber_area .change span{
    margin:0 3px 0 10px;
}

.pagenumber_area .change select{
    font-size: 14px;
}

.pagenumber_area .change .page_bute{
    float: right;
    width:400px;
    text-align: right;
}

.pagenumber_area .change .page_bute strong,
.pagenumber_area .change .page_bute a{
    padding:2px 10px;
    font-size: 14px;
    margin:0;
}

.item_number{
    font-size: 18px;
}

.item_number span{
    font-size: 22px;
    font-weight: bold;
    color: #f00;
}



/*==============================================
          リストページの商品リストスタイル
===============================================*/

.list_area_wrap{
    border-bottom: 1px dotted #bbb;
}

.list_area{
    width:760px;
    height: auto;
    border: 1px dotted #bbb;
    border-bottom: none;
    margin:0;
    padding:10px;
    background: url(../images/pages/arrow_list.png) right bottom no-repeat;
}


.list_area:hover{

}


.list_area .item_thumb{
    width:187px;
    height:auto;
    margin:0 15px 5px 0;
    float: left;
    border: 1px solid #ccc;
}

.list_area .item_thumb img{
    width: 187px;
    height: auto;
}

.list_area_info{
    width:554px;
    float: right;
}

.list_area h3.item_title{
    /*display: block;*/
    width:554px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    background: none;
    margin:5px 0;
    padding:0;
    text-indent: 0;
    line-height: 130%;
    height: auto;
    /*overflow: hidden;*/
/*    border: 1px solid #000;*/
}

.title_en{
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
}

.list_area_info p.item_price{
    font-size: 16px;
    margin:5px 0 8px 0;
    vertical-align: middle;
    line-height: 120%;
}

.price_style{
    color: #e9601d;
    font-size: 16px;
    font-weight: bold;
}

.list_area_info p.item_price img{
    margin:0 10px 0 0;
    border-right:2px solid #ccc;
    padding-right:10px;
}


.list_area_info .item_code{
    line-height: 120%;
    color: #999;
    font-size: 12px;
    margin:0 5px 5px 0;
}

.list_area_info .item_txt{
    font-size: 12px;
    color: #555;
    margin:5px 15px 10px 0;
    min-height: 40px;
    line-height: 150%;
    overflow: hidden;
}

.list_area .item_status{
    margin:3px 0;
/*    border: 1px solid #000;*/
    line-height: 100%;

}

.list_area .to_detail{
    text-align: right;
    background-color: #666;
    color: #fff;
    margin:0 5px;
    font-size: 14px;
    line-height: 32px;
}


/*==============================================
          商品詳細ページのスタイル
===============================================*/



.contents .mc_expand .detail_wrap{
    width:774px;
    border:3px solid #00b1d2; /*グリーン*/
    border-radius: 7px;        /* CSS3草案 */
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;   /* Firefox用 */
}


.contents .mc_expand h2.detail_h2 .h2_en{
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    padding:0 0 7px 0;
    margin:0;
}

.contents .mc_expand h3.item_detail_h3{
    width:732px;
    text-indent: 10px;
    margin:20px 0 15px 0;
    height:28px;
    line-height: 30px;
    padding:0;
    color: #444;
    font-size: 16px;
    border-top: 1px solid #00b1d2;
    border-bottom: 1px solid #00b1d2;
}

.contents .mc_expand h3.item_detail_h3 i{
    color: #FF5C5C;
    margin:0 5px 0 0;
}

.contents .mc_expand .read_for.hotel{

}

.contents .mc_expand .read_for.beauty h5{
    margin:0;
    font-size: 16px;
    font-weight: bold;
    padding:0;

}

.read_for_wrap{
    width:732px;
    margin:0 auto;
}

.contents .mc_expand .read_for_wrap h4{
    border: none;
    margin:0 0 15px 0;
    text-indent: 0;
    line-height: 130%;
    vertical-align: middle;
    border-bottom: 1px dashed #FF5C5C;
}

.contents .mc_expand .read_for_wrap h4 i{
    font-size: 25px;
    font-weight: bold;
    color: #FF5C5C;
    margin:0 6px 0 0;
    font-style: normal;
    vertical-align: middle;
}

.contents .mc_expand .read_for ul{
    margin:10px 0 10px 20px;
}

.contents .mc_expand .read_for ul li{
    font-size: 14px;
    list-style-type: disc;
    margin:3px 0;
    line-height: 140%;
}

.link_p{
    font-weight: bold;
    margin:10px 0;
    text-indent: 5px;
}

.detail_youtube{
    text-align: center;
}

.detail_youtube iframe{
    border: 1px solid #ccc;
}

/*.inner{
    text-align: center;
}*/

.detail_main_txt .detail_more .inner table{
    display: block;
    margin:auto;
}

.detail_status{
    margin:0 0 20px 0;
    padding:0 0 10px 0;
}

.detail_img_area{
    width:732px;
    margin:0 auto;
}

.detail_img_area .detail_main_img{
    width:400px;
    height: auto;
    margin:0;
    float: left;
}

.detail_img_area .detail_main_img img.picture{
    width:400px;
    height: auto;
}

.detail_main_img_only{
    width:400px;
    height: auto;
    margin:0 auto;
}

.detail_main_img_only img{
    max-width:400px;
    height:auto;
}

.detail_img_area ul{
    width:332px;
    float: right;
}

.detail_img_area ul li{
    display: block;
    width:154px;
    height:auto;
    margin:0 0 10px 10px;
    float: left;
}

.detail_img_area ul li p.subtitle{
    margin:5px 5px 0 5px;
    font-size: 12px;
    line-height: 130%;
}

.detail_img_area ul li img{
    width:auto;
    max-width:154px;
    height:auto;
    max-height:154px;
}

.ninja_onebutton{
    margin:20px;
}

.detail_img_area ul li:nth-child(3),
.detail_img_area ul li:nth-child(5),
.detail_img_area ul li:nth-child(7),
.detail_img_area ul li:nth-child(9){
    clear:left;
}

.kanren_item{
    width:187px;
    min-height:225px;
    border: 1px solid #ccc;
    float: left;
    margin-right:8px;
}

.kanren_item:nth-child(4){
    margin-right: 0;
}

.kanren_item a{
    display: block;
    width:187px;
    height:110px;
    overflow: hidden;
    margin:0 0 5px 0;
}

.kanren_item img{
    width:187px;
    height:auto;
    margin:0;
}

.contents .mc_expand .kanren_item h4{
    border: none;
    margin:0 10px;
    padding:0;
    text-indent: 0;
    font-size: 14px;
    line-height: 140%;
}

.contents .mc_expand .kanren_item .sale_price{
    margin:5px 10px;
    text-align: right;
    font-size: 14px;
}

.contents .mc_expand .kanren_item .sale_price span{
    font-weight: bold;
    color:#f00;
}

.contents .mc_expand .kanren_item .mini{
    font-size: 12px;
    line-height: 140%;
    margin:0 10px 10px 10px;
}

.contents .mc_expand .item_top_meta{
    margin:10px 20px 10px 20px;
    line-height: 120%;
}

.contents .mc_expand .item_top_meta span{
    background: #888;
    color: #fff;
    font-size: 12px;
    padding:1px 5px;
    margin:0;
   border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}

.contents .mc_expand .item_top_meta span.cat-hotel{
    background-color: #654B9A;
    margin:0;
}

.contents .mc_expand .item_top_meta span.cat-tour{
    background-color: #81BF40;
    margin:0;
}

.contents .mc_expand .item_top_meta span.cat-air{
    background-color: #2AA1CE;
    margin:0;
}

.contents .mc_expand .item_top_meta span.cat-beauty{
    background-color: #DF426F;
    margin:0;
}

.contents .mc_expand .item_top_meta span.cat-product{
    background-color: #F28800;
    margin:0;
}

/*--------------管理者専用--*/

.contents .mc_expand .item_top_meta span.staff_only_btn{
    display: block;
    float: right;
    width:180px;
    text-align: right;
    margin:0;
    padding: 3px 5px;
    background-color: #f00;
    border-radius: 0;
    /*border: 1px solid #000;*/
}

.contents .mc_expand .item_top_meta span.staff_only_btn a{
    font-size: 13px;
    color: #fff;
    padding:3px 6px;
}

.contents .mc_expand .item_top_meta span.staff_only_btn a:hover{
    color: #fff;
}

.contents .mc_expand .item_top_meta span.staff_only_btn:hover{
    background-color: #ff577f;
}

.dialog_box .intro{
    font-size: 13px;
    border-bottom: 1px dashed #bbb;
    margin:5px auto 20px;
    padding:0 0 10px;
}

.dialog_box .intro a{
    font-weight: bold;
    color: blue;
}

/*--------------▲管理者専用--*/

.item_meta{
    width:732px;
    margin:10px auto 20px auto;
}

.item_meta dt{
    font-weight: bold;
    font-size: 12px;
    margin:0;
    display: block;
    width:70px;
    color:#0b47b6;
    float: left;
}

.item_meta dd{
    margin:0;
    width:662px;
    float: right;
    font-size: 12px;
}

.item_meta dd a{
    text-decoration: underline;
}


.detail_status{
    width:732px;
    margin:0 auto 10px auto;
    vertical-align: middle;
    line-height: 120%;
}


.detail_status img{
    vertical-align: middle;
    margin-right:5px;
}

.detail_status .h_rank{
    border-right: 2px solid #ccc;
    margin:0 10px 0 15px;
    padding:0 10px 0 0;
    text-indent: 10px;
}

.hotel_check_wrap{
    margin:30px 0 0 0;
}

.hotel_check_wrap table{
    width:732px;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left:none;
    margin:auto;
}

.hotel_check_wrap table td{
    border: none;
    width:214px;
}

.hotel_check_wrap table td.td_check_box{
    width:29px;
    min-height:29px;
    border-left: 1px solid #bbb;
    background: url(../images/hotel/check_off.jpg) 50% 5px no-repeat;
}

.hotel_check_wrap table td.td_check_box.on{
    background: url(../images/hotel/check_on.jpg) 50% 5px no-repeat;
}

.hotel_check_wrap table td{
    border-bottom: 1px dotted #ccc;
    line-height: 140%;
    padding:3px;
    vertical-align: top;
    font-size: 12px;
    width:;
}

.hotel_check_wrap table caption{
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    margin:10px 0;
    padding:2px 0;
    text-align: left;
    text-indent: 5px;
}


.cart_wrap{
    width:688px;
    border: 2px solid #FFB5A6;
    padding:20px 20px 15px 20px;
    margin:20px auto;
    background: #F9F9F2;
}

.cart_wrap h4.cart_item_title{
    border: none;
    border-bottom: 1px dotted #777;
    margin:0 0 15px 0;
    padding:0 0 6px 0;
    text-indent: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 160%;
}

.cart_wrap p{
    margin:4px;
}

.cart_wrap p b{
    font-weight: bold;
    font-size: 16px;
    color: #f00;
}

.cart_wrap p b.black{
    color: #333;
}

.cart_wrap select{
    min-width:200px;
    max-width:350px;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 3px;
}

.cart_wrap input[type="text"]{
    font-size: 14px;
    width:50px;
}

.cart_wrap .attention{
    font-size: 14px;
    color: #f00;
}


.to_add_list a,
.comment_review a{
    display: block;
    width:250px;
    height: 42px;
    margin:15px auto;
    line-height: 45px;
    text-align: center;
    text-indent: 0;
    padding:0;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}

.to_add_list a{
    background-color:#f46221;
    border-bottom: 2px solid #bf4D00;
    color: #fff;
}

.to_add_list a:hover{
    color:#fff;
}

.add_fav{
    text-align: right;
}

.comment_review a{
    background-color:#ddd;
    border-bottom: 2px solid #bbb;
}

.detail_main_txt{
    width:732px;
    margin:30px auto;
    font-size: 14px;
}

.detail_main_txt p{
    font-size: 14px;
}

.detail_main_txt .detail_more .inner{
    width:732px;
    padding:0;
    font-size: 14px;
    margin:5px auto;
}

.detail_main_txt .detail_more table{
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: none;
    border-right: none;
    min-width:50%;
    max-width:100%;
    margin:25px 0;
}

.detail_main_txt .detail_more table th,
.detail_main_txt .detail_more table td{
    padding:2px 5px;
    vertical-align: middle;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-left: none;
    border-top: none;
}

.detail_main_txt aside span{
    color:#f00;
}

.detail_main_txt .detail_more h3{
    background: none;
    height:20px;
    color: #333;
    text-indent: 0;
    padding:0;
}

.detail_main_txt .campaign{
    width:700px;
    padding:70px 15px 15px 15px;
    min-height: 60px;
    margin:15px auto 25px auto;
    font-size: 14px;
    background: url(../images/beauty/campaign_bg.jpg) 0 0 no-repeat #eee;
}

.detail_main_txt .campaign h3{
    font-size: 18px;
    height:auto;
    font-weight: bold;
    margin:0 0 -10px 0;
    line-height: 130%;
    display: block;
    background: none;
    padding:0;
    color: #333;
    text-indent: 0;
    width:700px;
}

.detail_main_txt .menu{
    width:732px;
    min-height:300px;
    margin:20px auto;
    padding:13px 0;
    background: url(../images/beauty/spa_menu_bg.jpg) -26px 0 no-repeat #f0e3d9;

}

.detail_main_txt .menu .menu_inner{
    width:670px;
    min-height:300px;
    margin:0 auto;
    padding:100px 15px 15px 15px;
    border: 2px solid #fff;
}

.contents .mc_expand .detail_main_txt .menu_inner h3{
    /*background: url(../images/beauty/icon_heart.png) 0 0 no-repeat;*/
    width:670px;
    text-indent: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #463217;
    height:26px;
    margin:20px auto;
    padding:4px 0 2px 0;
    line-height: 26px;
    background: none;
    background-color: #fcba9d;
}

.contents .mc_expand .detail_main_txt .menu_inner h4{
    width:670px;
    font-size: 16px;
    border: none;
    text-indent: 0;
    line-height: 150%;
    padding:10px 0 0 0;
    margin:10px auto 5px auto;
    border-top: 1px dashed #222;
}

.contents .mc_expand .detail_main_txt .menu_inner p,
.contents .mc_expand .detail_main_txt .menu_inner{
    font-size: 13px;
}

.contents .mc_expand .detail_main_txt .menu_inner h4 span{
    color: #f00;
    margin:0 0 0 5px;
}

.contents .mc_expand .cart_wrap p{
    text-align:left;
}

.contents .mc_expand .cart_wrap .cart_option_dl{
    margin-top: 5px;
}

.contents .mc_expand .cart_wrap .cart_option_dl dt,
.contents .mc_expand .cart_wrap .cart_option_dl dd{
    display: inline;
    font-weight: normal;
    vertical-align: top;
}


.contents .mc_expand .cart_wrap .cart_option_dl dd input[type="text"],
.contents .mc_expand .cart_wrap .cart_option_dl dd textarea{
    min-width:60%;
    margin:0 0 10px 0;
    border: 1px solid #ccc;
    vertical-align: top;
    font-size: 14px;
}

.total_price_wrap{
    font-size: 18px;
    font-weight: bold;
}

.total_price_wrap span{
    color: #f00;
    font-size: 22px;
}

.price_horizon,
.price_horizon dt,
.price_horizon dd{
    display: inline;
    font-weight: normal;
}


.normal_price.price_horizon{
    margin:0 0 0 5px;
}

.sale_price.price_horizon b{
    font-size: 16px;
    color: #f00;
}


.quantity_val,
.option_area{
    margin:5px 0;
}

.option_area input[type="text"]{
    width:200px;
}

.quantity dt,
.option_area dt{
    font-weight: normal;
}

.quantity dt,
.quantity dd,
.option_area dt,
.option_area dd{
    display: inline;
}


.kikaku_hosoku{
    font-weight: bold;
}

.datepicker_form input[type="input"],
.datepicker_form input[type="text"]{
    width:150px;
    font-size: 16px;
}

.datepicker_form {
}

.status_available{
    font-size: 12px;
    vertical-align: middle;
}

.datepicker_form i{
    font-size: 10px;
    line-height: 100%;
    border: 1px solid #999;
    padding:0 8px;
    background-color: #eee;
    margin:0 4px 0 10px;
    vertical-align: middle;
}

.datepicker_form i.available{
    background-color: #d1eff7;
}

.datepicker_form i.unavailable{
    background-color: #eee;
}

.datepicker_form i.available_few{
    background-color: #f00;
}

.datepicker_form i.high_season{
    background-color: #CD83DD;
}

#product_class_prices{
    min-width:60%;
    max-width:100%;
    margin:15px 0;
    background: #fff;
    border:1px solid #bbb;
}

#product_class_prices th,
#product_class_prices td{
    padding:1px 5px;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    vertical-align: middle;
    font-size: 13px;
    line-height: 150%;
}

/*#product_class_prices li{
    list-style-position: inside;
    font-size: 14px;
    margin:0 15px;
    line-height: 170%;
    border-bottom: 1px solid #c2bb96;
}

#product_class_prices li:last-child{
    border-bottom: none;
}

#product_class_prices li span{
    font-weight: bold;
    color: #f00;
}*/

.sub_comment h5{
    font-size: 16px;
    padding:2px 0;
    text-indent: 12px;
    font-weight: bold;
    margin:15px 0 10px 0;
    text-align: center;
}

.sub_comment{
    text-align: center;
}

.sub_comment p{
    text-align: center;
    margin:5px 0 0 0;
}

.sub_comment img{

}


.tbl_schedule{
    width:100%;
    margin:0;

}

.tbl_schedule caption{
    text-align: center;
    font-size: 16px;
    line-height: 120%;
    font-weight: normal;
    text-indent: 5px;
    padding:8px 0 5px 0;
    color:#fff;
    background-color: #555;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.tbl_schedule th,
.tbl_schedule td{
    padding:15px;
    line-height: 150%;
}

.tbl_schedule th{
    width:110px;
    background-color: #eee;
    text-align: center;
    font-weight: bold;
}

.tbl_schedule td p b{
    text-indent: 10px;
    font-size: 14px;
}

.tbl_schedule td p.bg_gray{
    background-color: #68c5a7;
    text-indent: 10px;
    font-size: 14px;
    padding:5px 0 3px 0;
    line-height: 120%;
    color: #fff; /*green*/
    margin-top:10px;
}

/*口コミ*/

.comment_wrap{
    width:736px;
    padding:20px;
    margin:30px 0 20px 0;
    border:2px solid #ddd;
}

.comment_wrap div{
    margin-bottom:20px;
}

.comment_wrap div h5{
    margin:0 0 15px 0;
    background-color: #eee;
    border-left: 5px solid #fd116a;
    padding:5px 0;
    text-indent: 10px;
    font-size: 20px;
    line-height: 150%;
}

.comment_wrap div h5 span{
    font-size: 14px;
    line-height: 150%;
    font-weight: normal;
    margin:0 0 0 10px;
    color:#777;
}

.comment_wrap .recommend_level{
    color: #f00;
    font-size: 18px;
}

.comment_wrap a{
    color:blue;
}



/*-------------------------------------------------------カートの中　予約リスト*/

.tbl_style{
    width:780px;
    border: 2px solid #00b1d2; /*グリーン*/
    margin:40px 0;
}

.tbl_style td,
.tbl_style th{
    vertical-align: top;
    padding:7px 10px;
    border-color: #ccc;
}

.tbl_style a,
.tbl_style td a{
    text-decoration: underline;
}

.tbl_style a:hover,
.tbl_style td a:hover{
    color:#0b47b6; /*青 - blue*/
}

.tbl_style select{
    font-size: 14px;
    height:25px;
    margin:5px;
}

.tbl_style input[type="radio"]{
    margin:10px;
}

.tbl_style small{
    font-size: 12px;
    color: blue;
    font-weight: normal;
}

.tbl_style td .items_del{
    background-color: #ddd;
    padding:2px 5px;
    font-size: 12px;
    text-decoration: none;
}

.tbl_style td .items_del:hover{
    background-color: #f00;
    color: #fff;
}

.item_pictext img{
    width:100px;
    height: auto;
    margin:0 5px 5px 0;
    float: left;
}

.item_pictext div{
    width:260px;
    height: auto;
    margin:0 0 0 10px;
    float: left;
    line-height: 140%;
}

.item_pictext div p{
    font-size: 12px;
}

.item_pictext div strong a{
    font-size: 14px;
    text-decoration: none;
    line-height: 130%;
    padding-bottom:5px;
    color: #333;
}

.item_pictext div strong a:hover{
    color: #777;
}

.tbl_style td .cart_option dt,
.tbl_style td .cart_option dd{
    font-size: 12px;
    display: inline;
    line-height: 120%;
    font-weight: normal;
    padding:0;
    margin:0;
}


.quantity_level span{
    display: block;
    float: left;
    width:30px;
    vertical-align: top;
}

.quantity_level a{
    margin:0 3px 0 0;
    vertical-align: top;
}

.quantity_level a img{
    width:16px;
    height: 16px;
    vertical-align: top;
}

.booking_list .price{
    color: #f00;
    font-weight: bold;
}

.option_price{
    font-size: 12px;
    line-height: 130%;
}

.option_price span{
    font-size: 14px;
    line-height: 170%;
/*    font-weight: bold;*/
}

.booking_list .btn_area{
    width:320px;
    margin:30px auto;
}

.booking_list .btn_area li{
    width:150px;
    height:41px;
    float: left;
    margin:0 5px;
}


/*---------------------------------------------------------------------買い物手続き/確認画面--*/

.item_text_confirm p,
.cart_option_txt{
    font-size: 12px;
}

.item_text_confirm p b,
.item_pictext div p b,
.cart_option_txt b{
    color:#22999d;
    line-height: 140%;
   /* font-weight: normal;*/
}



/*--------------------------------------------------------------------買い物手続き/ログイン--*/

.inputbox.mypage1{
    margin:20px 0;
}

.inputbox.mypage1 dt{
    margin:20px 0 5px 0;
}

.inputbox.mypage1 .formlist{
    width:400px;
    margin:20px auto;
}

.inputbox.mypage1 .formlist input[type="text"],
.inputbox.mypage1 .formlist input[type="password"]{
    width:400px;
    margin:3px 0;
}

.present_price{
    line-height: 120%;
    font-size: 12px;
    margin-top:5px;
}

.his_product_name{
    line-height: 130%;
}

.his_product_name a:hover{

}

.his_product_name span{
    font-size: 12px;
}

.history_buy_again{
    display: none;
}

.shopping_login .inputbox{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: none;
    width:600px;
    margin:30px auto;
}

.shopping_login .inputbox th,
.shopping_login .inputbox td{
    border: none;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
    padding:12px;
}
.shopping_login .inputbox th{
    font-size: 16px;
}

.shopping_login .inputbox td input[type="text"],
.shopping_login .inputbox td input[type="password"]{
    width:250px;
    margin:3px 0;
}

.btn_area{
    text-align: center;
}

.shopping_login aside,
.asd_style{
    margin:15px 0;
    font-size: 14px;
}

.btn_area2{
    margin:15px 0;
}

.shopping_login h5{
    font-size: 18px;
    background-color: #eee;
    padding:5px 0;
    text-indent: 10px;
    margin:20px 0 15px 0;
}

.entry_tbl input[type="text"]{
    max-width:150px;
    margin:5px;
}

.entry_tbl input.address_1[type="text"]{
    width:300px;
}

.entry_tbl .select_short select{
    width:200px;
}

.entry_tbl .txt_long input[type="text"]{
    max-width:500px;
    margin:5px;
}


.entry_tbl th{

}

.check_wrap{
    width:746px;
    padding:15px 10px 15px 15px;
    border: 2px solid #00b1d2; /*グリーン*/
    margin:20px 0 40px 0;
}

.check_wrap input[type="radio"]{
    margin:5px;
}

.check_wrap label{
    margin:0 10px 0 0;
}

.point_announce{
    margin:0 0 40px 0;
}

.point_announce .user_name{
    font-weight: bold;
}
.point_announce .point,
.point_announce .price{
    font-weight: bold;
    font-size: 18px;
    color: #f00;
}

.point_announce .this_price{
    background-color: #eee;
    padding:10px 0;
    margin:15px 0;
    text-indent: 10px;
}

.point_announce ul li{
    margin:10px 0;
}

.point_announce ul li input[type="text"]{
    width:50px;
    margin:0 5px;
}

.point_announce ul li input[type="radio"]{
    margin:7px;
}

.point_announce ul li p{
    margin:0 0 10px 25px;
}

.pay_area02 textarea{
    width:778px;
    margin:15px 0 5px 0;
}

.pay_area02 .attention{
    text-align: right;
    margin:0 0 20px 0;
}

.flow_area{
    margin:0 0 30px 0;
}

.btn_area.comp{
    margin:25px 0;
}

.shop_information{
    border-top: 2px solid #00b1d2; /*グリーン*/
    border-bottom: 2px solid #00b1d2; /*グリーン*/
    margin:30px 0 30px 0;
    padding:20px 0;

}

.shop_information .name{
    font-weight: bold;
    font-size: 18px;
    margin:0 0 15px 0;
}

div#undercolumn_shopping .flow_area .shopping_img_flow_pc {
    display:inline;
}

div#undercolumn_shopping .flow_area .shopping_img_flow_phone {
    display:none;
}





/*My Page*/

.mynavi_list{
    border-bottom: 1px solid #ccc;
    margin:25px 0 35px 0;
}

.mynavi_list li{
    float: left;
    margin:0 3px;
    padding:10px;
    color: #0b47b6;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    font-weight: bold;
}

.mynavi_list li:hover{
    background-color: yellow;
}





/*--------------------------------------------------------------------会員登録-規約--*/

.kiyaku_wrap{
    text-align: center;
}

.kiyaku_wrap textarea{
    width:650px;
    margin:40px auto;
    padding:15px 10px 15px 15px;
    border: 2px solid #00b1d2; /*グリーン*/
}


/*--------------------------------------------------------------------ポップアップ--*/

.window_area{
    width:500px;
    margin:50px auto;
}

.window_area h3{
    font-size: 24px;
    line-height:160%;
    border-top: 3px solid #ff9211;
    border-bottom: 3px solid #ff9211;
    margin-bottom:30px;
    padding:10px 0;
}

.window_area h3 span{
    margin:0 0 0 10px;
    font-weight: normal;
}

.windowtext{
    font-size: 14px;
}

.window_area table{
    width:500px;
}

.window_area table.tbl_style th{
    width:130px;
}

.window_area table.tbl_style textarea,
.window_area table.tbl_style input[type="text"]{
    width:300px;
}



/*--------------------------------------------------------------------お問い合わせ--*/

.undercolumn_contact p{
    text-align: center;
}

.undercolumn_contact table p{
    text-align: left;
}

.undercolumn_contact .tbl_style th{
    width:150px;
}

.undercolumn_contact .tbl_style input[type="text"]{
    margin:3px 0 7px 0;
}

.undercolumn_contact .tbl_style .box60{
    width: 60px;
}

.undercolumn_contact .tbl_style .box120{
    width: 120px;
}

.tel_form{
    margin:25px 0;
}

.tel_form,
.tel_form p{
    text-align: center;
}

.tel_form p{
    font-weight: bold;
    line-height: 150%;
    margin:0 0 10px 0;
}

.tel_form p span{
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.tel_form h5{
    font-size: 18px;
    text-align: center;
    color: #2057d4;
    /*border-bottom: 1px dotted #ccc;*/
    margin:0 0 10px 0;
}

/*--------------------------------------------------------------------特定商取引法--*/

.undercolumn_order .tbl_style th{
    width:150px;
}

/*----------------------------------------------------*/
/*--static 共通--*/
/*----------------------------------------------------*/


.caption1{
    font-size: 14px;
    text-align: center;
}

.caption2{
    font-size: 14px;
}

.hr_style{
    width:100%;
    margin:30px 0;
    border-top: 2px solid #ddd;
    border-bottom: none;
}

.attention{
    color: #f00;
}


/*--------------------------------------------------------------------FAQ 良くある質問--*/

.nav_orange{
    margin:20px 0 30px 30px;
}

.nav_orange li{
    list-style-type: square;
    color: orange;
    font-size: 16px;
    font-weight: bold;
}

.nav_orange li a{
    color: #333;
}

.nav_orange li a:hover{
    color: #999;
}

.faq_wrap{
    margin:0 0 30px 0;
}

.faq_wrap dt{
    width:760px;
    padding:5px 10px;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 2px solid #ddd;
    margin:10px 0 0 0;
    cursor: pointer;
    background: url(../images/pages/arrow_blue.png) 99% 50% no-repeat;
}

.faq_wrap dt.active{
    background: url(../images/pages/arrow_blue2.png) 99% 50% no-repeat;
}

.faq_wrap dt:hover{
    color: #777;
}

.faq_wrap dt i{
    font-size: 30px;
    margin:0 10px 0 0;
    color: #0b47b6;
}

.faq_wrap dd{
    width:748px;
    padding:15px;
    margin:0 0 10px 0;
    display: none;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.faq_wrap dd ul,
.faq_wrap dd ol{
    margin:10px 0;
}

.faq_wrap dd ul li{
    font-size: 14px;
    list-style-type: disc;
    margin:0 0 0 25px;
}

.faq_wrap dd ol li{
    font-size: 14px;
    list-style-type: decimal;
    margin:0 0 0 25px;
}

.caption_red{
    font-size: 14px;
    color:#e9601d;
}







/*-----------------------------------------------------------カテゴリー category--*/

/*------------------------------------------------ツアー　Tour*/

.contents .mc_expand .title_category{
    width:780px;
    height:240px;
    margin:0 0 20px 0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.contents .mc_expand .title_category h2{
    font-weight: bold;
    font-family: serif;
    background: none;
    padding:10px 0 0 0;
    margin:0 0 0 15px;
    width:765px;
    color: #fff;
    font-size: 60px;
    height:auto;
    line-height: 130%;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.contents .mc_expand .title_category p{
    margin:0 0 10px 18px;
    vertical-align: middle;
    color: #fff;
    font-size: 22px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    /*vertical-align: middle;*/
}

/*.contents .mc_expand .title_category p a{
    margin:0 15px;
    padding:1px 4px 1px 4px;
    background-color: #fff;
    color:#333;
    font-size: 12px;
    font-weight: bold;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    vertical-align: middle;
}*/

.title_category.tour{
    background: url(../images/tour/top.png) 0 -20px no-repeat;
}

.contents .mc_expand .cat_contents .find_cat,
.contents .mc_expand .cat_contents .find_area{
    width:380px;
    min-height:920px;
    border:1px solid #999;
    margin:0 0 20px 0;
}

.contents .mc_expand .cat_contents .find_word{
    width:778px;
    min-height:100px;
    border:1px solid #999;
    clear: both;
    margin:0 0 20px 0;
}

.contents .mc_expand .cat_contents .find_cat{
    float: left;
}

.contents .mc_expand .cat_contents .find_area{
    float: right;
}

.contents .mc_expand .cat_contents h3{
    width: 100%;
    height: 40px;
    color:#333;
    border-bottom: 2px solid #00009F;
    font-size: 20px;
    padding:0;
    line-height: 42px;
    text-indent: 40px;
    margin: 5px 0 15px 0;
}

.contents .mc_expand .cat_contents .find_cat h3,
.contents .mc_expand .cat_contents .find_cat_ex h3{
    background: url(../images/tour/icon_tag.png) 5px 50% no-repeat;
}

.contents .mc_expand .cat_contents .find_area h3,
.contents .mc_expand .cat_contents .find_area_ex h3{
    background: url(../images/tour/icon_pin.png) 5px 50% no-repeat;
}

.contents .mc_expand .cat_contents .find_word h3{
    background: url(../images/tour/icon_search.png) 5px 50% no-repeat;
}

.contents .mc_expand .cat_contents .find_cat ul{
    width:356px;
    margin:0 13px 5px 13px;
}

.contents .mc_expand .cat_contents .find_cat ul li{
    width:170px;
    float: left;
    margin:0 0 8px 0;
}

.contents .mc_expand .cat_contents .find_cat ul li:nth-child(odd) {
    margin-right:14px;
    }

.contents .mc_expand .cat_contents .find_cat ul li img{
    width:170px;
    height:88px;
    margin:0 0 5px 0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.contents .mc_expand .cat_contents .find_cat ul li p,
.contents .mc_expand .cat_contents .find_area ul li p{
    font-size: 12px;
    color:#666;
}

.contents .mc_expand .cat_contents h4{
    font-size: 16px;
    border-left: 5px solid #f7941e;
    border-bottom: none;
    padding:0;
    line-height: 150%;
    text-indent: 12px;
    font-weight: normal;
    margin:10px 12px 10px 12px;
}

.contents .mc_expand .cat_contents h5{
    font-size: 18px;
    font-weight: bold;
    height:28px;
    line-height: 28px;
}

.contents .mc_expand .cat_contents h5.f_small{
    font-size: 16px;
}

.contents .mc_expand .cat_contents .find_area .area_map{
    width:350px;
    height:290px;
    background: url(../images/maps/cambodia-map_03.jpg) 0 0 no-repeat;
    margin:0 auto 20px auto;
    position: static;
    top:0;
    left:0;
}

.contents .mc_expand .cat_contents .find_area .area_map a{
    display: block;
    position: relative;
/*    border: 1px solid #000;*/
    text-indent: -9999px;
    overflow: hidden;
}


.contents .mc_expand .cat_contents .find_area .area_map .rep{
    width:150px;
    height:50px;
    top:60px;
    left:30px;
}

.contents .mc_expand .cat_contents .find_area .area_map .others{
    width:150px;
    height:40px;
    top:60px;
    left:160px;
}

.contents .mc_expand .cat_contents .find_area .area_map .pnh{
    width:120px;
    height:50px;
    top:80px;
    left:110px;
}

.contents .mc_expand .cat_contents .find_area .area_map .snv{
    width:120px;
    height:45px;
    top:90px;
    left:35px;
}

.contents .mc_expand .cat_contents .find_area ul{
    width:350px;
    margin:20px auto;
}

.contents .mc_expand .cat_contents .find_area ul li{
    margin:0 0 18px 0;
}
.contents .mc_expand .cat_contents .find_area .area_map2{
    width:780px;
    height:637px;
    background: url(../images/maps/cambodia-map_03.jpg) 0 0 no-repeat;
    margin:0 auto 20px auto;
    position: static;
    top:0;
    left:0;
}

.contents .mc_expand .cat_contents .find_area .area_map2 a{
    display: block;
    position: relative;
/*    border: 1px solid #000;*/
    text-indent: -9999px;
    overflow: hidden;
}


.contents .mc_expand .cat_contents .find_area .area_map2 .rep{
    width:150px;
    height:50px;
    top:60px;
    left:30px;
}

.contents .mc_expand .cat_contents .find_area .area_map2 .others{
    width:150px;
    height:40px;
    top:60px;
    left:160px;
}

.contents .mc_expand .cat_contents .find_area .area_map2 .pnh{
    width:120px;
    height:50px;
    top:80px;
    left:110px;
}

.contents .mc_expand .cat_contents .find_area .area_map2 .snv{
    width:120px;
    height:45px;
    top:90px;
    left:35px;
}



.contents .mc_expand .cat_contents .find_area ul li img{
    display: block;
    width:170px;
    height:88px;
    margin:0 10px 0 0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    float: left;
}

.contents .mc_expand .cat_contents .find_area h5{
    font-size: 18px;
    font-weight: bold;
}

.contents .mc_expand .cat_contents .find_word ul{
    width:760px;
    margin:0 0 0 14px;
}

.contents .mc_expand .cat_contents .find_word ul li{
    width:180px;
    margin:0 10px 15px 0;
    float: left;
}

.contents .mc_expand .cat_contents .find_word ul li img{
    width:46px;
    height:46px;
    display: block;
    float: left;
    margin:0 7px 0 0;
}

.contents .mc_expand .cat_contents .find_word ul li p{
    display: block;
    width:127px;
    float: left;
    line-height: 140%;
    font-size: 14px;
    font-weight: bold;
}

.contents .mc_expand .cat_contents .find_word ul li p span{
    display: block;
    font-size: 12px;
    color:#777;
    font-weight: normal;
}

/*----------------------------エステ・スパ　esthe spa  ホテル hotel 航空券 air ticlet */

.contents .mc_expand .cat_contents .air h5{
    font-size: 14px;
    text-align: center;
    /*background-color: #eee;*/
    line-height: 130%;
    height:auto;
    margin:0 0 5px 0;
    color: #333;
}

.title_category.beauty{
    background: url(../images/beauty/top.jpg) 0 0 no-repeat;
}

.title_category.hotel{
    background: url(../images/hotel/top.jpg) 0 0 no-repeat;
}

.title_category.air_ticket{
    background: url(../images/air_ticket/top.jpg) 0 0 no-repeat;
}

.title_category.bus_ticket{
    background: url(../images/bus_ticket/top.jpg) 0 0 no-repeat;
}

.contents .mc_expand .title_category.bus_ticket h2{
    color: #333;
    text-shadow:none;
}

.contents .mc_expand .title_category.bus_ticket p{
    color: #333;
    text-shadow:none;
}

nav.inner_menu{
    margin:20px 0;
}

nav.inner_menu ul{
    width:780px;
}

nav.inner_menu ul li{
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin:0 10px 10px 0;
    padding:0 10px 0 0;
    border-right: 1px solid  #ccc;
    text-indent: 35px;
}

nav.inner_menu ul li.cat{
    background: url(../images/tour/icon_tag.png) 0 50% no-repeat;
}

nav.inner_menu ul li.area{
    background: url(../images/tour/icon_pin.png) 0 50% no-repeat;
}

nav.inner_menu ul li.gmaps{
    background: url(../images/hotel/icon_gmaps.png) 0 50% no-repeat;
}

nav.inner_menu ul li.expedia{
    background: url(../images/hotel/icon_expedia.png) 0 50% no-repeat;
}

nav.inner_menu ul li a:hover{
    color:#0b47b6;
}



.contents .mc_expand .cat_contents .find_cat_ex,
.contents .mc_expand .cat_contents .find_area_ex{
    width:778px;
    min-height:100px;
    border:1px solid #999;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
}

.contents .mc_expand .cat_contents .find_cat_ex ul{
    width:756px;
    margin:0 auto;
/*    border: 1px solid #000;*/
}

.contents .mc_expand .cat_contents .find_cat_ex ul li{
    width:175px;
    float: left;
    margin:0 7px 7px 7px;
}

.contents .mc_expand .cat_contents .find_cat_ex ul li img{
    width:175px;
    height: 90px;
    margin:0 0 5px 0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.contents .mc_expand .cat_contents .find_cat_ex p{
    font-size: 18px;
    font-weight: bold;
}

.contents .mc_expand .cat_contents .find_area_ex div{
    width:455px;
    height: 375px;
    background: url(../images/hotel/area_map_big.png) 0 0 no-repeat;
    margin:0 0 0 15px;
    float: left;
    position: static;
    top:0;
    left:0;
}

.contents .mc_expand .cat_contents .find_area_ex div a{
    color: #f00;
    border: 1px solid #f00;
    position: relative;
}

.contents .mc_expand .cat_contents .find_area_ex ul{
    width:275px;
    float: right;
    margin:0 15px 0 0;
}

.contents .mc_expand .cat_contents .find_area_ex ul li{
    float: left;
    margin:0 12px 8px 0;
    line-height: 130%;
    list-style-type: square;
    list-style-position: inside;
    color:#0b47b6;
    font-size: 14px;
    text-indent: -5px;
}

.contents .mc_expand .cat_contents .find_area_ex ul li a{
    color: #333;
    font-size: 14px;
}

.contents .mc_expand .cat_contents .find_area_ex ul li a:hover{
    color:#0b47b6;
    text-decoration: underline;
}

.contents .mc_expand .cat_contents .find_area_ex ul li.items_none,
.contents .mc_expand .cat_contents .find_area_ex ul li.items_none a{
    color:#bbb;
}

.gmap_wrap{
    margin:0 0 20px 0;
}

.gmap_wrap .gmaps_tabs{
    margin:15px 0 0 0;
}

.gmap_wrap .gmaps_tabs li{
    width:150px;
    height:40px;
    line-height: 42px;
    background-color: #ddd;
    float: left;
    font-weight: bold;
    text-align: center;
    margin:0 4px 0 0;
    border-top: 2px solid #bbb;
    border-left: 2px solid #bbb;
    border-right: 2px solid #bbb;
    border-top-left-radius: 5px;        /* CSS3草案 */
    -webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-top-left-radius: 5px;   /* Firefox用 */
    border-top-right-radius: 5px;        /* CSS3草案 */
    -webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-top-right-radius: 5px;   /* Firefox用 */
}

.gmap_wrap .gmaps_tabs li a{
    display: block;
    width:100%;
    height:100%;
}


.gmap_wrap .gmaps_tabs li.active,
.gmap_wrap .gmaps_tabs li a:hover{
    background-color: #1647d4;
    color: #fff;
    cursor:pointer;
}

.gmap_wrap .tab{
    border-top: 2px solid #bbb;
    width:778px;
    height:350px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}


.contents .mc_expand .cat_contents .gmap_wrap h3{
    background: url(../images/hotel/icon_gmaps.png) 0 50% no-repeat;
}

.contents .mc_expand .cat_contents .find_cat.beauty,
.contents .mc_expand .cat_contents .find_area.beauty{
    min-height:620px;
}

.find_list{
    margin:0 15px;

}

.find_list a{
    background-color: #ff8c8c;
    padding:2px 7px;
    font-size: 14px;
    color: #fff;
}

.find_list a:hover{
    color: #fff;
    background-color: #db5c5c;
}

.contents .mc_expand .cat_contents .find_area.beauty ul{
    height:540px;
    width:360px;
    margin:20px auto 5px auto;
    overflow:scroll;
}

.contents .mc_expand .cat_contents .find_area.beauty ul li{
    width:330px;
    min-height:60px;
    display: block;
    clear: both;
    margin:0 0 8px 0;
/*    border: 1px solid #000;*/
}

.contents .mc_expand .cat_contents .find_area.beauty ul li p{
    display: block;
    float: left;
    height:auto;
    line-height: 130%;
    padding:0;
    width:223px;　
}

.contents .mc_expand .cat_contents .find_area.beauty ul li p.snv{
    color: #0090ff;
}

.contents .mc_expand .cat_contents .find_area.beauty ul li p.pnh{
    color: #f55b83;
}

.contents .mc_expand .cat_contents .find_area.beauty ul li p.rep{
    color: #8d8723;
}


.contents .mc_expand .cat_contents .find_area.beauty ul li img{
    width:90px;
    height:60px;
    margin:0 7px 0 0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}


.contents .mc_expand .cat_contents .find_area.beauty ul li h5{
    display: block;
    float: left;
    height:auto;
    font-size: 14px;
    padding:5px 0 3px 0;
    line-height: 140%;
    margin:0;
    width:223px;
}



.contents .mc_expand .cat_contents .find_cat.air{
    min-height:100px;
}

.contents .mc_expand .cat_contents .find_cat.air h3{
    background: none;
    text-indent: 0;
}

.contents .mc_expand .cat_contents .find_cat.air h3 i{
    display: block;
    width:5px;
    height: 25px;
    background-color: orange;
    float: left;
    margin:8px 8px 0 15px;
}

.contents .mc_expand .cat_contents .find_cat.air ul{
    clear: both;
}

.contents .mc_expand .cat_contents .find_cat.air:nth-child(even){
    float: right;
}

.contents .mc_expand .cat_contents .find_cat.air:nth-child(odd){
    clear: both;
    float: left;
}


.contents .mc_expand .attention_area{
    width:756px;
    padding:10px 10px;
    border: 2px dotted orange;
    margin:15px 0 25px 0;
}

.contents .mc_expand .attention_area,
.contents .mc_expand .attention_area ul li{
    font-size: 14px;
}



/*=======================
 New airline Timetable
========================*/

.contents .mc_expand .airTimeTable h4{
    border: none;
    border-bottom: 2px solid #FF9784;
    text-indent: 5px;
    font-size: 20px;
    margin-bottom: 0;
}

.contents .mc_expand .airTimeTable ul{
    border-left: 6px double #ccc;
    margin:0 0 30px 15px;
    padding:15px 0 0 0;
}

.contents .mc_expand .airTimeTable ul li{
    margin:10px 0 10px 20px;
    ;
}

.contents .mc_expand .airTimeTable ul li h5{
    background: url(../images/air_ticket/arrow2.png) 98% 50% no-repeat #E8F5F5;
    line-height: 45px;
    height: 45px;
    font-weight: normal;
    font-size: 18px;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 5px;
}

.contents .mc_expand .airTimeTable ul li h5:hover{
    background-color: #fafae7;
}

.contents .mc_expand .airTimeTable ul li h5.active{
    background: url(../images/air_ticket/arrow1.png) 98% 50% no-repeat #E8F5F5;
}

.contents .mc_expand .airTimeTable ul li h5 img{
    height:45px;
    width:auto;
    margin-right: 10px;
}

.contents .mc_expand .airTimeTable table{
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right:none;
    border-bottom:none;
    display: none;
}

.contents .mc_expand .airTimeTable table th,
.contents .mc_expand .airTimeTable table td{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top:none;
    border-left:none;
    padding:3px 4px;
}

.contents .mc_expand .airTimeTable table th{
    background-color: #fafae7;
}

.contents .mc_expand .airTimeTable table .book{
    text-align: center;
}

.contents .mc_expand .airTimeTable table .book a{
    background-color: #FF5943;
    padding:1px 10px;
    margin:5px 2px;
    color: #fff;
    border-radius: 3px;
}






/*--------------------------------------------------------------------souvenir--*/



.souvenir_wrap{
    margin:0 0 25px 0;
}

/*--------------------------------------------------------------------How to--*/

.contents .mc_expand .howto_h4{
    font-weight: bold;
    font-size: 20px;
}


i.number{
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    margin:0 5px 0 0;
}

.howto_tour{
    width:780px;
    margin:15px auto;
}

.howto_tour li{
    width:146px;
    margin:5px;
    float: left;
}



.howto_tour li p{
    font-size: 12px;
    text-align: center;
}

.howto_tour li img{
    width:146px;
    height:90px;
    margin:0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.howto_tour li h5{
    font-size: 14px;
    margin:5px 0;
    text-indent: 5px;
    text-align: center;
    color: #0b47b6;
    text-decoration: underline;
}

.howto_tour li h5:hover{
    color: #62A4F5;/*薄い青*/
    text-decoration: underline;
}

.contents .mc_expand .h5_style{
    font-size: 18px;
    color: #0b47b6;
    margin:20px 0 5px 0;
}

.btn_orange.ml{
    margin-left:0;
}

.ul_style,
.ol_style{
    margin:10px 0 10px 25px;
}

.ul_style li,
.ol_style li{
    list-style-position: outside;
    line-height: 150%;
    margin:8px 0 5px 0;
}

.ul_style li{
    list-style-type: disc;
}

.ol_style li{
    list-style-type: decimal;
}

.tbl_style .ol_style li{
    font-size: 14px;
    margin:3px 0;
}

.important_info{
    width:94%;
    padding:2%;
    border: 1px solid #ddd;
    margin:20px auto;
}

.important_info dt{
    font-size: 18px;
    font-weight: bold;
    margin:0 0 10px 0;
}

.bankinfo{
    margin:8px 0 8px 10px;
    font-weight: bold;
    border-left: 3px double #999;
    padding:0 0 0 10px;
}

.howto_wrap b,
.howto_wrap p b{
    font-size: 16px;
    font-weight: bold;
}

.howto_wrap .howto_buy_img_pc {
    display:inline;
}

.howto_wrap .howto_buy_img_phone {
    display:none;
}


/*--------------------------------------------------------------------shop--*/



.shop_info{
    width:780px;
    margin:10px 0 30px 0;
}

.shop_info img{
    width:240px;
    height:auto;
    float: left;
}

.shop_info .shop_info_p{
    display: block;
}

.shop_info dl,
.shop_info .shop_info_p{
    width:520px;
    margin:0 0 0 20px;
    float: right;
}

.shop_info dl dt{
    display: block;
    width:80px;
    margin:0 10px 0 0;
    clear: both;
    float: left;
}

.shop_info dl dd{
    width:430px;
    float: left;
}

.shop_info dl dt,
.shop_info dl dd{
    margin:0 0 8px 0;
}

/*.shop_info_footer{
    border-top: 2px dashed #ccc;
    margin:30px 0;
    padding:20px 0 0 0;
}*/

/*-------------------------------------------------------error / 404 --*/

#main_column.main_contents{

}

#undercolumn_error,
#undercolumn_error .error{

}

#undercolumn_error .error{
    margin:20px 0;
}

#undercolumn_error .btn_area{
    margin:20px 0;
    text-align: left;
}

/*-------------------------------------------------------prepare--*/




.howto_travel{
    width:700px;
    padding:10px;
    background-color: #eee;
    margin:10px auto;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.arrow_b{
    font-size: 24px;
    color: #62A4F5;
    text-align: center;
    margin:10px 0;
}

.howto_travel h5{
    vertical-align: middle;
    margin-bottom:7px;
}

.number2{
    font-size: 30px;
    color:#ed0c5b;
    font-style: italic;
    font-weight: normal;
    vertical-align: middle;
}

.tbl_style.prepare2{
    margin:10px 0 40px 0;
    border-color: #ccc;
}

.tbl_style.prepare2 th{
    width:70px;
    text-align: center;
    font-size: 16px;
}

.add_info{
    width:758px;
    padding:10px;
    border: 1px dashed blue;
    margin:20px 0;
}

.h5_cap{
    color: #f00;
    font-size: 16px;
    font-weight: bold;
    background-color: #eee;
    padding:5px 0;
    margin:30px 0 10px 0;
    text-indent: 10px;
}

.tbl_style.prepare{
    margin:10px 0 20px 0;
    border-color: #ccc;
}

.tbl_style.prepare th{
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    width:170px;
}

.tbl_style.prepare td{
    line-height: 150%;
    vertical-align: middle;
}

.tbl_style.prepare td li,
.prepare_cap{
    font-size: 14px;
    line-height: 140%;
}

.h5_prepare{
    font-size: 20px;
    text-indent: 5px;
    color:#ed0c5b;
    line-height: 120%;
}

.tbl_style.gray{
    margin:10px 0 20px 0;
    border-color: #ccc;
}

.about_company .tbl_style th{
    width:120px;
}

.about_company .tbl_style th,
.about_company .tbl_style td{
    padding-top:5px;
    padding-bottom:5px;
}

.about_company h5 i{
    color:#ed0c5b;
}


/*--------------------------------------------------------------kiyaku joken*/

.kiyaku_wrap{
    margin-top:30px;
    margin-bottom:30px;
    padding-top:20px;
    padding-bottom:20px;
    border-top: 2px solid #ccc ;
    border-bottom: 2px solid #ccc ;
}

.joken .kiyaku_wrap{
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    border: none;
}

.joken table,
.joken table th,
.joken table td{
    border-color: #ccc;
}

.joken table th,
.joken table td{
    padding:4px 8px;
}

.joken table th{
    text-align: center;
}

.joken table.payment{
    width: 80%;
    text-align: center;
}


.joken p{
    margin: 4px 0;
}

.joken address,
.areaBlock{
    font-size: 13px;
    width:94%;
    padding:1% 3%;
    margin:10px 0;
    background-color: #fff7da;/*pale yellow*/
    border-radius: 5px;
}

.joken address h5,
.areaBlock h5{
    font-size: 14px;
}

.joken h5{
    font-size: 16px;
    font-weight: bold;
    margin:5px 0 0 0;
}

.joken .kiyaku_wrap .redline{
    width: 94%;
    padding: 1% 2%;
    border: 1px dashed #f00;
    border-radius: 5px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.joken .kiyaku_wrap .redline h5{
    font-size: 16px;
    color: #f00;
    font-weight: bold;
    margin: 7px 0;
}


.kiyaku_wrap .ol_style li{
    margin-bottom:15px;
}

.link_p{
    margin:5px 0;
}

.listAttention{
    margin-left: 25px;
    font-size: 13px;
    font-weight: normal;
}

.kiyaku_wrap .ol_style li ol{
    margin-left: 20px;
}

.kiyaku_wrap .ol_style li ol li{
    margin-bottom: 8px;
}

.kiyaku_wrap .ol_style li .arrow{
    margin-top: 5px;
    margin-left: 50px;
    font-weight: bold;
    color:#0b47b6; /*青 blue*/
}

/*----------------------------------------------------*/
/*--Hover効果--*/
/*----------------------------------------------------*/

.booking_list .btn_area li:hover,
.btn_area2 a:hover,
.btn_area input:hover,
.btn_area2 input:hover,
.contents .mc_expand .krorma_bus .bus_intro .btn_to:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*----------------------------------------------------*/
/*--リンク効果--*/
/*----------------------------------------------------*/

.booking_list a,
a.blue,
.detail_main_txt a{
    color:#0b47b6; /*青 blue*/
    text-decoration: underline;
}

a.blue:hover,
.detail_main_txt a:hover{
    color: #62A4F5;
}



.disnone{
    display:none;
}

a.link_orange{
    background-color: #f7941e;
    color: #fff;
    /*font-weight: bold;*/
    padding:3px 10px;
    margin:0 5px 0 0;
}

a.link_orange:hover{
    background-color: #ea5818;
    color: #fff;
}

.link_wrap{
    margin:10px 0;
}

/*----------------------------------------------------*/
/*--text-align効果--*/
/*----------------------------------------------------*/

.textCenter{
    text-align: center;
}


/*--------------------------------------------------------tripadvisor--*/

.tripadvisor_ads{
    width:192px;
    height:175px;
    border:4px solid #7cda97;
    margin:0 auto 15px auto;
}

.tripadvisor_ads a.logo{
    display: block;
    margin:10px auto;
    text-align: center;
}

.tripadvisor_ads p{
    margin:10px 10px;
    text-align: center;
    font-size: 14px;
}

.tripadvisor_ads p a{
    font-weight: bold;
    text-decoration: underline;
}

.tripadvisor_ads .btn_wrap{
    border:1px solid #d67b00;
    background:url(https://cdn.tripadvisor.com/img2/sprites/btns-v2.gif) 0 -72px repeat-x #d67b00;
    white-space:nowrap;
    cursor:pointer;
    text-align:center;
    width:120px;
    padding:2px 0;
    margin:10px auto;
}

.tripadvisor_ads a.btn{
    font-size: 12px;
}



#complete_area .message,
#complete_area .message_area p{
    text-align: center;
    margin:10px 0;
}


.window_area input.forgot[type="text"]{
    width:100px;
    margin:10px 0;
}

.window_area input.forgot2[type="text"]{
    width:200px;
    margin:10px 0;
}

.window_area #forgot{
    margin:20px 0 0 0;
    padding:15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.window_area #forgot p{
    text-align: center;
}

.window_area.forgot .attention{
    font-size: 14px;
    line-height: 130%;
}

.window_area .btn_area.secret_btn{
    margin:20px auto;
}


/*---------------------------------------------ランディング landing--*/

.contents .mc_expand .krorma_bus .bus_intro h2{
    background: none;
    text-indent: -9999px;
    overflow: hidden;
    margin:0;
    padding:0;
    height: 0;
}

.contents .mc_expand .krorma_bus .bus_intro{
    width:780px;
    height:auto;
    padding:0 0 20px 0;
    margin:0 0 40px 0;
    background: url(../images/pages/krorma_bus_bg.jpg) 0 0 no-repeat #E3E3CD;
}

.contents .mc_expand .krorma_bus .bus_intro .txt{
    margin:125px 0 0 230px;
    font-size: 14px;
    color: #fff;
    line-height: 150%;
}

.contents .mc_expand .krorma_bus .bus_intro .btn_to_list{
    text-align: right;
}

.contents .mc_expand .krorma_bus .bus_intro .btn_to_list a{
    display: block;
    width:176px;
    height:35px;
    background: url(../images/pages/btn_to_list.jpg) 0 0 no-repeat;
    float: right;
    text-indent: -9999px;
    margin:25px 30px 30px 0 ;
}

.contents .mc_expand .krorma_bus .bus_intro h3{
    margin:0 0 10px 30px;
    padding:0;
    width:100%;
    height:45px;
    text-indent: -9999px;
    overflow: hidden;
}

.contents .mc_expand .krorma_bus .bus_intro h3.koko_point{
    background: url(../images/pages/point.png) 0 0 no-repeat;
}

.contents .mc_expand .krorma_bus .bus_intro h3.yoyaku_system{
    margin-top:10px;
    background: url(../images/pages/howto_krorma_bus.png) 0 0 no-repeat;
}

.contents .mc_expand .krorma_bus .bus_intro h3.faq_krorma{
    margin-top:10px;
    background: url(../images/pages/faq_krorma.png) 0 0 no-repeat;
}


.contents .mc_expand .krorma_bus .bus_intro .hr_krorma{
    clear: both;
    border: none;
    display: block;
    height:10px;
}

.contents .mc_expand .krorma_bus .bus_intro ol{
    width:720px;
    height:auto;
    margin:0 30px;
}

.contents .mc_expand .krorma_bus .bus_intro ol li{
    width:320px;
    padding:15px;
    min-height:320px;
    background-color: #fff;
    float: left;
    font-size: 14px;
    margin:10px 0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.contents .mc_expand .krorma_bus .bus_intro ol li p{
    font-size: 14px;
}

.contents .mc_expand .krorma_bus .bus_intro ol li:nth-child(odd){
    margin-right:20px;
    clear: left;
}

.contents .mc_expand .krorma_bus .bus_intro ol li h5{
    font-size: 24px;
    height:42px;
    color:#FF7728;/*orange*/
    font-weight: bold;
    line-height: 40px;
}

.contents .mc_expand .krorma_bus .bus_intro ol li h5 i{
    display: block;
    width:42px;
    height: 42px;
    float: left;
    color: #fff;
    margin:0 5px 0 0;
    text-align: center;
    background: url(../images/pages/circle_bg.png) 0 0 no-repeat;
}

.contents .mc_expand .krorma_bus .bus_intro ol li img{
    width:320px;
    height:130px;
    margin:10px 0;
}

.contents .mc_expand .krorma_bus .bus_intro ol li p span{
    background-color: #ffec1d;
    padding:0 5px;
}

.contents .mc_expand .krorma_bus .bus_intro h4{
    font-size: 20px;
    font-weight: bold;
}

.contents .mc_expand .krorma_bus .howto_bus_tour{
    width:720px;
    margin:20px auto;
}

.contents .mc_expand .krorma_bus .howto_bus_tour li{
    display: block;
    width:141px;
    padding:10px;
    margin:0 20px 0 0;
    background: #fff;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #C4C494;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.contents .mc_expand .krorma_bus .howto_bus_tour li i{
    display: block;
    height:50px;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    color: #FF7728;
}

.contents .mc_expand .krorma_bus .howto_bus_tour li:nth-child(4){
    margin-right:0;
}

.contents .mc_expand .krorma_bus .caption_bus{
    width:700px;
    margin:5px 30px 30px 30px;
    background-color: #fff;
    padding:10px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.contents .mc_expand .krorma_bus .caption_bus p{
    font-size: 14px;
}

.contents .mc_expand .krorma_bus .caption_bus p i{
    color: #519200; /*green*/
}

.contents .mc_expand .krorma_bus .bus_intro .btn_to{
    width:500px;
    height:50px;
    display: block;
    margin:15px auto;
    text-align: center;
    background-color: #519200;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.contents .mc_expand .krorma_bus .bus_intro .find_bus{
    display: block;
    width:720px;
    height:80px;
    text-indent: -9999px;
    margin:30px 30px 40px 30px;
    overflow: hidden;
    background: url(../images/pages/find_bus.png) 0 0 no-repeat;
}


.contents .mc_expand .krorma_bus .bus_intro .btn_to.orange{
    background-color: #FF7728;

}

.contents .mc_expand .krorma_bus .bus_intro .btn_to a{
    font-size: 20px;
    line-height: 50px;
    /*font-weight: bold;*/
    color:#fff;
    display: block;
    width:100%;
    height: 100%;
}

/*---------------------------------------------------------business--*/

.contents .mc_expand .business_tour_wrap{

}


.contents .mc_expand .business_tour_wrap h3{
    background: none;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding:0 0 5px 0;
    text-indent: 0;
    border-bottom: 1px solid #1F64C9;
}

.contents .mc_expand .business_tour_wrap .about img{
    width:230px;
    /*height:auto;*/
    height:160px;
    float: left;
}

.contents .mc_expand .business_tour_wrap .about p{
    display: block;
    width:530px;
    float: right;
    margin:0 0 0 20px;
    font-size: 14px;
}

.contents .mc_expand .business_tour_wrap .business_todo{
    margin:30px 2px;
}

.contents .mc_expand .business_tour_wrap .business_todo li{
    width:180px;
    border-top:solid 4px #222;
    border-right:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    float: left;
    margin:10px 6px;
}

.contents .mc_expand .business_tour_wrap .business_todo li:nth-child(5),
.contents .mc_expand .business_tour_wrap .business_todo li:nth-child(9){
    clear: both;
}

.contents .mc_expand .business_tour_wrap .business_todo li img{
    width:180px;
    height:130px;
}

.contents .mc_expand .business_tour_wrap .business_todo li h4{
    border: none;
    font-size: 22px;
    font-weight: bold;
    padding:0;
    margin:0;
    line-height: 140%;
    text-indent: 0;
    text-align: center;
}

.contents .mc_expand .business_tour_wrap .business_todo li p{
    font-size: 12px;
    margin:10px;
}

.contents .mc_expand .business_tour_wrap .contact_txt{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}


.contents .mc_expand .business_tour_wrap .contact_btn{
    text-align: center;
    margin:40px 0 60px 0;
}


.contents .mc_expand .business_tour_wrap .contact_btn a{
    margin:0 5px;
    color: #fff;
    border: 5px double #fff;
}

.contents .mc_expand .business_tour_wrap .contact_btn a.btn_blue{
    background-color:#4C65E1;
    padding:10px;
}

.contents .mc_expand .business_tour_wrap .contact_btn a.btn_red{
    background-color:#D93A2D;
    padding:10px 35px;
}


/*---------------------------------------------------------blog - Wordpress--*/


.contents .mc_expand .blog_style h3,
.contents .mc_expand .blog_style h4,
.contents .mc_expand .blog_style h5,
.contents .mc_expand .blog_style h6,
.contents .mc_expand .blog_style hr{
    clear: both;
}

.contents .mc_expand .blog_style h4{
    margin-bottom: 40px;
}

.contents .mc_expand .blog_style hr{
    width:100%;
    border: none;
    border-top: 1px solid #ccc;
    margin:30px 0;
}

.contents .mc_expand .blog_style h2{
    width:95%;
    background: none;
    font-size: 24px;
    font-weight: bold;
    text-indent: 0;
    margin:15px 0 15px 0;
    line-height: 150%;
    padding: 0 0 0 10px;
    border-left: 5px solid #666;
}

.contents .mc_expand .blog_style address{
    clear: both;
    width:94%;
    /*background-color: #fcfcf0;*/
    padding:1% 3%;
    margin:20px 0 30px 0;
    border: 1px dotted #acdae6;
}


.contents .mc_expand .blog_style h3{
    width:776px;
    background: none;
    color: #275fc6;
    font-size: 20px;
    text-indent: 8px;
    margin:20px 0 30px 0;
    padding:0;
    line-height: 150%;
    border-left: 4px solid #ccc;
    border-bottom: 1px dotted #ccc;
    height: auto;
}

.contents .mc_expand .blog_style ul li{
    list-style-type: disc;
    list-style-position: inside;
}

.contents .mc_expand .blog_style ol li{
    list-style-type: decimal;
    list-style-position: inside;
}

.contents .mc_expand .blog_style .red{
    color:#ff6934;
}


.contents .mc_expand .blog_style .big,
.contents .mc_expand .blog_style .big li,
.contents .mc_expand .blog_style .big p{
    font-size:18px;
}

.contents .mc_expand .blog_style a{
    color:#2ab7ab;
    text-decoration: underline;
}


/*-----------------------blog - image align*/


.contents .mc_expand .blog_style .alignnone,
.contents .mc_expand .blog_style .alignleft,
.contents .mc_expand .blog_style .aligncenter,
.contents .mc_expand .blog_style .alignright{
    clear: both;

}

.contents .mc_expand .blog_style .alignleft{
    float: left;
    margin:5px 15px 20px 15px;
}

.contents .mc_expand .blog_style .alignright{
    float: right;
    margin:5px 15px 20px 15px;
}

/*blog - image align END*/



.widget_search input[type="search"]{
    width:170px;
    margin:10px 0 5px 10px;
}

.widget_search input[type="submit"]{
    display: block;
    width:178px;
    height: 42px;
    background: url(../images/common/btn_cian.png) 0 0 no-repeat;
    margin:5px auto 10px auto;
    color: #fff;
    line-height: 42px;
    text-align: center;
    border: none;
    cursor:pointer;
}



.widget_area.blog h2{
    text-indent: 20px;
}


aside.widget{
    width:198px;
    min-height:50px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    margin:0 0 20px 0;
    clear: both;
}

aside.widget ul{
    margin:10px 10px 10px 25px;
}

aside.widget ul li{
    list-style-type: square;
    line-height: 140%;
    font-size: 14px;
}

aside.widget ul li span{
    display: block;
    font-size: 12px;
    color: #777;
}


.entry-cat{
    text-align: right;

    padding:0 0 5px 0;
    /*font-weight: bold;*/
}

.entry-cat b{
    color: #fff;
    background-color: #999;
    font-size: 12px;
    padding: 2px 5px;
    margin:0 3px;
}

.entry-content{
    margin:20px 0;
}

.entry-content h5{
    font-size: 18px;
    border-bottom: 2px solid #00b1d2;
    margin:25px 0 15px 0;
    padding:0 0 5px 0;
}

.entry-content h6{
    font-size: 16px;
    border-left: 5px double #0b47b6;
    text-indent: 8px;

}

.entry-content img{
    display: block;
    margin:15px auto;
}

.main_contents .archives_blog h3{
    color: #333;
    background: none;
    margin:0;
    padding:0;
    text-indent: 0;
}

.search_wrap{
    width:400px;
    margin:30px auto;
}

.search_wrap input[type="search"]{
    width:400px;
    margin:0;
}

.search_wrap input[type="submit"]{
    display: block;
    width:178px;
    height: 42px;
    background: url(../images/common/btn_cian.png) 0 0 no-repeat;
    margin:5px auto 10px auto;
    color: #fff;
    line-height: 42px;
    text-align: center;
    border: none;
    cursor:pointer;
}

.not_found_message{
    text-align: center;
}

.archive_sec{
    height:auto;
    border-bottom: 1px dotted #ccc;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
}

.contents .mc_expand .archive_sec h4{
    display: block;
    width:565px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: none;
    line-height: 130%;
    margin:0 0 10px 0;
    padding: 0 0 0 10px;
    float: left;
    text-indent: 0;
}

.contents .mc_expand .archive_sec h4 a{
    text-decoration: underline;
}

.contents .mc_expand .archive_sec h4 a:hover{
    color: #999;
}

.contents .mc_expand .archive_sec span{
    font-size: 14px;
    font-weight: normal;
}

.contents .mc_expand .archive_sec p{
    display: block;
    width:570px;
    font-size: 14px;
    float: left;
}

.contents .mc_expand .archive_sec p span{
    background-color: #0077dc;
    padding:0 5px;
    margin:auto 5px;
    color: #fff;
    font-size: 12px;
}

.contents .mc_expand .archive_sec .archiveImgWrap{
    display: block;
    text-align: center;
    float: right;
    width:180px;
    height:auto;
    overflow: hidden;
    margin:0;
    padding:0;
    border: 1px solid #eee;
    vertical-align: middle;
}

.contents .mc_expand .archive_sec img{
    max-width:180px;
    height:auto;
    vertical-align: middle;
}

.sns_tag_area{
    border-top: 1px dotted #ccc;
    padding: 10px 0 0 0;
    margin: 40px 0 30px 0;
    clear: both;
}

.blog_tag_wrap{
    margin:10px 0;
}

.contents .mc_expand h2.travel_info_top{
    background: none;
    margin:0 0 25px 0;
    padding:0;
    text-indent: 0;
}

.loop-pagination{
    text-align: right;
    margin:20px 0 0 0;
}

.loop-pagination span{
    font-weight: bold;
    background-color: #0077dc;
    color: #fff;
    padding:0 9px;
    border: 1px solid #0077dc;
}

.loop-pagination a{
    color: #0077dc;
    border: 1px solid #0077dc;
    font-weight: normal;
    padding:0 9px;
}



.download_maps ul{
    max-width:710px;
    margin:auto;
}

.download_maps ul.maps_pp{
    max-width:530px;
    margin:auto;
}

.download_maps ul li{
    width:170px;
    padding:0 0 15px 0;
    margin:0 10px 10px 0;
    min-height:auto;
    /*border: 1px dotted #bbb;*/
    float: left;
    text-align: center;
}

.download_maps ul li img{
    width:140px;
    height:140px;
    margin:0 auto;
    padding:0;
}

.download_maps ul li p{
    font-size: 12px;
    color: #00B1D2;
    text-align: center;
    margin:5px 0 0 0;
}

.download_maps ul li a{
    background-color: #333;
    /*border: 3px solid #00B1D2;*/
    padding:2px 10px;
    color: #fff;
    margin:5px 0;
}

.download_maps ul li a:hover{
    background-color: #555;
    color: #fff;
}


.download_maps ul li:nth-child(4){
    margin-right:0;
}

.download_maps ul.maps_pp li:nth-child(3){
    margin-right:0;
}

.contents .mc_expand .download_maps h4{
    border: none;
    text-indent: 0;
    padding:0;
    margin:7px 0 7px 0;
    height:auto;
    line-height: 120%;
    font-size: 14px;
}



/*---------------*/

.order_made_tour{

}

.ol_order_made{
    margin:20px 0;
}

.order_made_tour .ol_order_made li{
    text-align: center;
    color: #e9601d;
    font-size: 26px;
    /*font-weight: bold;*/
    margin:5px 0;
    list-style-type: decimal;
    line-height: 35px;
    list-style-position: inside;
    vertical-align: middle;
}

.order_made_tour .ol_order_made li span{
    font-size: 16px;
    border-bottom: 2px dotted #ccc;
    line-height: 35px;
    font-weight: bold;
    color: #333;
    vertical-align: middle;
}

.center{
    text-align: center;
}

.contents .mc_expand .order_made_tour .tbl_style th{
    width:150px;
}

.contents .mc_expand .order_made_tour .tbl_style th,
.contents .mc_expand .order_made_tour .tbl_style td{
    vertical-align: middle;
}

.contents .mc_expand .order_made_tour .tbl_style td.ot_name input[type="text"],
.contents .mc_expand .order_made_tour .tbl_style td.budget input[type="text"]{
    width:150px;
    margin:0 15px 0 0;
    font-size: 16px;
}

.contents .mc_expand .order_made_tour .tbl_style td input[type="email"],
.contents .mc_expand .order_made_tour .tbl_style td input[type="tel"],
.contents .mc_expand .order_made_tour .tbl_style td.ot_date input[type="text"]{
    width:250px;
    font-size: 16px;
}

.contents .mc_expand .order_made_tour .tbl_style td.pax input[type="text"]{
    width:25px;
    margin:0;
    font-size: 16px;
}

.contents .mc_expand .order_made_tour .tbl_style td textarea{
    width:500px;
    height: 300px;
    margin:0;
    font-size: 16px;
}

.contents .mc_expand .order_made_tour .tbl_style th i{
    color:#f00;
}

.order_submit input{
    display: block;
    width:178px;
    height: 42px;
    background: url(../images/common/btn_orange.png) 0 0 no-repeat;
    margin:5px auto;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor:pointer;
    border:none;
}

.order_submit input:hover{
    color:#fff;
}



.holiday_style,
.holiday_style_buddhism{
    width:670px;
    margin:30px auto;
    border: 1px solid #999;
    /*float: left;*/
}

.holiday_style th,
.holiday_style td,
.holiday_style_buddhism th,
.holiday_style_buddhism td{
    padding:4px 7px;
    border: none;
    line-height: 130%;
    font-size: 16px;
}

.holiday_style th,
.holiday_style_buddhism th{
    border-right: 1px dotted #999;
    border-bottom: 1px dotted #999;
    background-color: #eee;
}

.holiday_style th{
    width:150px;
}

.holiday_style_buddhism th{
    width:50px;
    border-left:1px solid #999;
}

.holiday_style_buddhism{
    border-left:none;
}

.holiday_style td,
.holiday_style_buddhism td{
    border-bottom: 1px dotted #999;
}

.holiday_style .hendou th{
    background-color: #fcf08b;/*黄色*/
}

/*-------------------------------------------------手配内容メモwordpress----*/

.attention_login_user{
    width:500px;
    height:auto;
    margin:40px auto 0;
    text-align: center;
    padding:20px;
    border: 2px dotted #ccc;
}

.attention_login_user p{
    font-size: 26px;
    text-align: center;
    margin:0 0 10px 0;
    color: orange;
}

.attention_login_user a{
    font-weight: bold;
    text-decoration: underline;
    margin:0 1px;
    color:orange;
}

.attention_login_user a:hover{
    color: #f00;
}

.tehai_meta_area{
    text-align: right;
}

.tehai_meta_area li{
    display: inline;
    margin:0 3px;
}

.tehai_meta_area li a{
    border-bottom: 1px dotted blue;
}

.tehai_meta_area li.btn1 a{
    border:none;
    font-size: 12px;
    padding:2px 5px;
    background-color: #FF577F;
    color: #fff;
}

.link_to_tehai{
    margin:20px 0;
    text-align: right;
}

.link_to_tehai a{
    background-color: #eee;
    font-size: 12px;
    padding:2px 5px;
}


/* tehai archive table*/


.tbl_style.archive_tehai th,
.tbl_style.archive_tehai td{
    vertical-align: middle;
}

.tbl_style tr.archive_tehai_th th{
    background: #eee;
    padding:3px 10px;
    text-align: center;
}

.tbl_style .archive_tehai_title a{
    text-decoration: none;
}

.tbl_style .archive_tehai_update{
    font-size: 12px;
}

.tbl_style .archive_tehai_btn{
    text-align: center;
}

.tbl_style .archive_tehai_btn a{
    background-color: #0b47b6;
    text-decoration: none;
    padding:1px 5px;
    margin:0 2px;
    font-size: 12px;
    color:#fff;
}

.tbl_style .archive_tehai_btn a:hover{
    color: #fff;
    text-decoration: none;
}

.tbl_style .archive_tehai_btn a.view{
    background-color: #FF577F;
    text-decoration: none;
}

.new_tehai{
    text-align: right;
}

.new_tehai a{
    background-color: #00b1d2;
    color:#fff;
    padding:2px 4px;
    font-size: 13px;
}

.new_tehai a:hover{
    color:#fff;
}


/*-------------------------------------------------BtoB向け商品wordpress----*/

ul.b2b_cat_list{
    width:643px;
    border: 1px solid #c6c75e;
    border-radius: 3px;
    margin: 30px auto;

}

ul.b2b_cat_list li{
    width:300px;
    margin:10px;
    font-size: 18px;
    /*font-weight: bold;*/
    float: left;
    /*text-align: center;*/
}

ul.b2b_cat_list li a{
    display: block;
}

.cat-item-150 a{
    color: #fff;
    /*border-bottom: 1px solid #000;*/
    margin-bottom: 10px;
    background-color: #d69c00;
    text-align: center;

}

.cat-item-151 a{
    color: #fff;
    /*border-bottom: 1px solid #000;*/
    margin-bottom: 10px;
    background-color: #11aa72;
    text-align: center;
}

ul.b2b_cat_list li ul{

}

ul.b2b_cat_list li ul li{
    width:240px;
    font-size: 14px;
    margin:0 30px;
    font-weight: normal;
    list-style-type: disc;
}


ul.b2b_cat_list li ul li a{
    color: #333;
    /*border-bottom: 1px dotted #555;*/
    margin:0;
    background: none;
    text-align: left;
}

ul.b2b_cat_list li ul li a:hover{
    color:#c6c75e;
}


/*アーカイブ*/

.b2b_tour_list{
    margin: 40px auto;
}

.b2b_tour_list li{
    width:700px;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px auto;
    border-radius: 3px;
}

.contents .mc_expand .b2b_tour_list li h3{
    color: #444;
    font-size: 18px;
    text-indent: 0;
    margin: 0;
    padding: 0 ;
    line-height: 150%;
    min-height: 20px;
    background: none;
}

.contents .mc_expand .b2b_tour_list li h3 a{
    border-bottom: 1px dotted #999;
}

.contents .mc_expand .b2b_tour_list li h3 a:hover{
    color: #666;
    border-bottom: 1px dotted #c6c75e;
}

.honbun p{
    font-size: 12px;
    height: 40px;
    overflow: hidden;
    display: inline;
}

.honbun p:hover{
    border-bottom: 1px dotted #c6c75e;
}

.bloginfo{
    font-size: 12px;
    margin-bottom: 8px;
}

.bloginfo span{
    border:1px solid #3c579c;
    padding: 1px 3px;
}

.bloginfo a:hover{
    border-bottom: 1px dotted #c6c75e;
}

.bloginfo b{
    color: #fff;
    font-weight: normal;
    padding: 1px 3px;
    margin: 4px;
    background-color: #3c579c;
}



/*wordpressで会員専用のログインフォームを設ける*/

form#loginform{
    margin:20px;
}

form#loginform p{
    margin:10px;
}

.tml-action-links{
    display: none;
}


.side_all .banner{
    margin:0 0 20px 0;

}
@charset "UTF-8";

.landingAngkor{
    margin:0;
    padding:30px 0 0;
    min-height: 1000px;
    background: url(../images/landing/angkorwat_bg.jpg) center top no-repeat #000;
    border-radius: 5px;
    border: 4px solid #C1A774;
}

.mc_expand .landingAngkor h3{
    display: block;
    width:100%;
    text-indent: 0;
    background: none;
    font-size: 22px;
    color: #bf995d;
    margin:0;
    padding:0;
    font-weight: normal;
    text-align: center;
}

.mc_expand .landingAngkor .MustSeeWrap{
    margin:320px 0 0 0;
}

.aboutRuins{
    margin:0 20px;
}

.aboutRuins dt{
    font-size: 30px;
    color:#C1A774;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
}

.aboutRuins dt img{
    vertical-align: middle;
    margin:0 10px;
}

.aboutRuins dd{
    color:#C1A774;
    text-align: center;
    margin:20px 0 0 0;
}

.mc_expand .landingAngkor .MustSee{
    margin:20px 11px;

}

.mc_expand .landingAngkor .MustSee li{
    width:230px;
    margin:10px;
    padding:5px 0;
    float: left;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: #999 0 0 5px;
}

.mc_expand .landingAngkor .MustSee li img{
    display: block;
    width:220px;
    height:130px;
    margin:5px auto;
}

.mc_expand .landingAngkor .MustSee li p{
    margin:10px;
    line-height: 150%;
    font-size: 13px;
}

.mc_expand .landingAngkor .MustSee li p a{
    display: block;
    width:100%;
    height:30px;
    line-height: 30px;
    margin:auto;
    text-align: center;
    color:#fff;
    background-color: #bf995d;
    border-radius: 3px;
}

.mc_expand .landingAngkor h4{
    display: block;
    width:50%;
    height:47px;
    color:#fff;
    font-weight: normal;
    margin:30px auto 60px;
    line-height: 50px;
    border: none;
    text-align: center;
    background-color: #009cb9;
    border-radius: 5px;
    border-bottom: 2px solid #065268;
}

.mc_expand .landingAngkor h4:hover{
    background-color: #e43764;
    border-bottom: 2px solid #a7004b;
}

.mc_expand .landingAngkor h4 a{
    display: block;
    width:100%;
    height:100%;
}

.mc_expand .landingAngkor .ijigen{
    margin-top:60px;
}

.allRuins{
    height:90px;
    background-color: #bf995d;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 90px;
    vertical-align: middle;
}

.allRuins img{
    vertical-align: middle;
    margin-right:10px;
}

.allRuins a{
    display: block;
    width:100%;
    height:100%;
}



/*----------------------------------------------年末年始キャンペーン---*/

.campaignTemp{



}

.campaignTemp .campaignImgTop{
    margin: 0 0 30px 0;
}

.mc_expand .campaignTemp .ouen{
    line-height: 65px;
    font-size: 18px;
    text-align: center;
    background: none;
}

.mc_expand .campaignTemp .ouen img{
    width:40px;
    height:40px;
    margin:10px;
}

.mc_expand .campaignTemp h3{
    font-weight: bold;
    text-align: center;
    text-indent: 0;
    height:70px;
    color: #333;
    font-size: 22px;
    padding:0;
    line-height: 75px;
    background: url(../images/landing/line_deco.png) left top repeat-x;
    margin:40px 0 30px 0;
}

.campaignTemp .campaignTitle{
    text-align: center;
}

.campaignTemp .campaignTitle b{
    color: #ff254e;
    font-size: 15px;
}

.campaignTemp .ouen{
    text-align: center;
    margin: 20px auto 40px;
    font-size: 16px;
    font-weight: bold;
}

.campaignTemp table.EventCalender{
    width:100%;
    border-color: #999;
}

.campaignTemp table.EventCalender th{
    text-align: center;
    border-color: #999;

}

.campaignTemp table.EventCalender td{
    width:20%;
    line-height: 120%;
    border-color: #999;
    vertical-align: top;
}

.campaignTemp table.EventCalender td b{
    font-size: 12px;
    line-height: 120%;
    margin-right: 3px;
}

.campaignTemp table.EventCalender td a{
    font-size: 12px;
    line-height: 120%;
    padding: 0;
    color: #184999;
    text-decoration: underline;
    cursor: pointer;
}

.campaignTemp table.EventCalender td a:hover{
    color: #ba5490;
}

.campaignTemp table.EventCalender td span{
    font-weight: bold;
    color: red;
    font-size: 12px;
    line-height: 120%;
}

.campaignTemp table.EventCalender td li{
    border-bottom: 1px dotted #999;
    padding: 4px;
    text-align: center;
}

.campaignTemp table.EventCalender td li:last-child{
    border-bottom: none;
}

.THmonth{
    background-color: #333;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    font-weight: normal;
}

.THsat{
    color: #fff;
    background-color: #608eda;
}

.THsun{
    color: #fff;
    background-color: #f14e4e;
}

.THday{
    background-color: #f6fcd2;
}



.campaignTemp .hitItems li{
    width:233px;
    margin: 10px;
    border: 3px solid #59e0e2;
    float: left;
    border-radius: 5px;
}

.campaignTemp .hitItems li:nth-child(4),
.campaignTemp .hitItems li:nth-child(7){
    clear: both;
}

.campaignTemp .hitItems.onepax li{
    border-color:#ccc;
}

.campaignTemp .hitItems.onepax li.longSize{
    min-height:480px;
}

.campaignTemp .hitItems.onepax li.midSize{
    min-height:315px;
}

.campaignTemp .hitItems.onepax h5{
    border:none;
}

.campaignTemp .hitItems li p.rank{
    text-align: center;
}

.campaignTemp .hitItems li p.rank img{
    margin: auto;
}

.campaignTemp .hitItems li p.subtitle{
    text-align: center;
    font-size: 13px;
    margin:5px 0 0 0;
    font-weight: bold;
    color: #ff254e;
}

.campaignTemp .hitItems li img{
    width:100%;
    height: auto;
    margin:0;
}

.campaignTemp .hitItems li h4{
    border: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    font-size: 16px;
}

.campaignTemp .hitItems li .badget{
    text-align: center;
    color: #ff254e;
    font-size: 18px;
    font-weight: bold;
}

.campaignTemp .tourSchedule{
    font-size: 13px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 7px;
    padding: 5px 0;
}

.campaignTemp .tourSchedule b{
    font-weight: normal;
    color: #ff254e;
}

.campaignTemp .stars{
    margin:0 10px;
    text-align: center;
    color: #777;
    font-size: 12px;
    vertical-align: middle;
    line-height: 16px;
}

.campaignTemp .stars b{
    font-size: 16px;
    color: #ff254e;
    vertical-align: middle;
    line-height: 16px;
}

.campaignTemp .tourPrice{
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    line-height: 130%;
    margin: 7px;
    padding: 5px 0;
}

.campaignTemp .tourPrice b{
    color: #ff254e;
}

.campaignTemp .booking{
    text-align: center;
    margin:15px auto;
}

.campaignTemp .booking span{
    font-size: 13px;
    line-height: 150%;
    display: block;
    margin: 17px 10px 7px 10px;
}

.campaignTemp .booking span a{
    text-decoration: underline;
    color: #3f519c;
    cursor: pointer;
}

.campaignTemp .booking span a:hover{
    color: #ba5490;
}

.campaignTemp .booking a.btn{
    background-color: #ff254e;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    border: 2px solid #ff0;
    cursor: pointer;
}

.campaignTemp .hitItems li ul li{
    width:190px;
    border: none;
    margin:5px 5px 5px 25px;
    padding: 0;
    font-size: 13px;
    list-style-type: disc;
}

.campaignTemp .hitItems li ul li a{
    text-decoration: underline;
    color: #3f519c;
}

.campaignTemp .hitItems li ul li a:hover{
    color: #ba5490;
}

.campaignTemp .hitItems h5{
    text-align: center;
    border-top: 3px double #59e0e2;
    padding: 5px 0 0 0;
    font-size: 14px;
}

.campaignTemp .hitItems .caption{
    font-size: 13px;
    color: #555;
    margin:5px 10px;
}

/*gakutabi*/

.campaignTemp.gakutabi{
    background-color: #ffeef7;
}

.mc_expand .campaignTemp.gakutabi h3{
    color: #e93090;
}

.campaignTemp.gakutabi p.campaignTitle{
    font-size: 16px;
}

.campaignTemp.gakutabi p.campaignTitle b{
    font-size: 18px;
}

.campaignTemp .hotItemsList{
    margin:40px auto;
}

.campaignTemp .hotItemsList li{
    color: #e93090;
    font-weight: bold;
    vertical-align: middle;
    width:80%;
    text-align: center;
    font-size: 20px;
    background-color: #fff;
    margin:10px auto;
    padding:3px 0;
    border-radius: 5px;
    border: 1px #e93090 dotted;
}

.campaignTemp .hotItemsList li:hover{
    background-color: #fbdbec;
}

.campaignTemp .hotItemsList li a{
    display: block;
    width:100%;
    height:100%;
}

.campaignTemp .hotItemsList li span{
    font-weight: normal;
    color: #444;
    font-size: 18px;
}


.campaignTemp .hotItemsList li img{
    vertical-align: middle;
}



.campaignTemp .itemList.column1{
    width:780px;
}

.campaignTemp .itemList.column1 li{
    width:710px;
    border: 1px dotted #ddd;
    margin:20px auto;
    padding:15px 5px 0 15px;
    background-color: #fff;
    border-radius: 4px;
}

.campaignTemp .itemList.column1 li img{
    width:220px;
    height: 130px;
    float: left;
    margin-right: 15px;
}

.campaignTemp .itemList.column1 li .right{
    width:465px;
    float: left;
    /*border: 1px solid #000;*/
}

.campaignTemp .itemList.column1 li h5{
    font-size: 18px;
}

.campaignTemp .itemList.column1 li .status{
    font-size: 12px;
    color: #fff;
    margin:0 6px 0 0;
    padding:2px 5px;
    background-color: #bbb;
}

.campaignTemp .itemList.column1 li .status.orange{
    background: #ff844e;
}

.campaignTemp .itemList.column1 li .status.blue{
    background: #00b8df;
}

.campaignTemp .itemList.column1 li .status.green{
    background: #07bf96;
}

.campaignTemp .itemList.column1 li .status.pink{
    background: #ff8ba9;
}


.campaignTemp .itemList.column1 li .status.yellow{
    color: #156ca3;
    background: #ffde00;
}

.campaignTemp .itemList.column1 li .badget{
    margin:8px 0;
    font-size: 16px;
    vertical-align: middle;
    line-height: 150%;
}

.campaignTemp .itemList.column1 li .badget del{
    font-weight: bold;
    margin:0 5px;
    vertical-align: middle;
}

.campaignTemp .itemList.column1 li .badget b{
    font-size: 20px;
    color: #f00;
    margin:0 5px;
    line-height: 100%;
    vertical-align: middle;
}

.campaignTemp .itemList.column1 li a.link{
    display: block;
    width:170px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #ff0;
    text-align: center;
    background-color: #e93090;
    border-top: 2px solid #fddce4;
    border-left: 2px solid #fddce4;
    border-right: 2px solid #fddce4;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    float: right;
}

.campaignTemp .itemList.column1 li a.link:hover{
    background-color: #fcafdc;
}

.attentionArea{
    width:730px;
    margin:30px auto;
    padding-bottom: 30px;
}

.mc_expand .campaignTemp.gakutabi .attentionArea h4{
    border-color: #e93090;
}

.attentionArea ol{
    margin-left: 25px;
}

.attentionArea ol li{
    list-style-type: decimal;
    margin:3px 0;
}
@charset "UTF-8";
/*=====================================================================
 スマートフォン用リセットCSS reset-phone.css
 reset.cssを上書きするもの
 デフォルトフォントサイズ設定が主
=====================================================================*/


@media screen and (max-width:479px)
{


/*======================
Edited by Ratana Works
========================*/

* html, body {
	margin:0;
	padding:0;
}

* html,
body,
div,
blockquote,
pre,
address,
ul, ol, li, dl, dt, dd, p,
form,
input,
fieldset {
	font-size: 18px;
	text-align: justify;
	line-height: 170%;
}


*html {
-webkit-text-size-adjust: 100%; /* iPhone */
}

strong,
em {
	color:inherit;
	font-weight: bold;
	font-style: normal;
}

del {
	color:inherit;
	font-weight: normal;
	text-decoration: line-through;
}

ins {
	text-decoration: none;
}


/* +++++++++++++++++ title-style +++ */

h1,h2,h3,h4,h5,h6{
	font-size:20px;
	line-height:160%;
}


/* ---------------------------------------------------------------------------------------------- font style */
/* for WinIE6*/

* html body {
	letter-spacing: 1px;
	font-size: 75%;
	font-family:"メイリオ",Meiryo,sans-serif;
	vertical-align:baseline;
}

* html td,
* html th {
	font-size: 100%;
	line-height:1.5;
}


/* for WinIE7*/

*:first-child+html body {
	font-size: 75%;
	font-family:"メイリオ",Meiryo,sans-serif;
        letter-spacing: 0; /* hasLayout set */
}


/* --------------------------------------------------------------------------------------------- head line style */


/* -------------------------------------------------------------------------------------------- hide */

hr {
/*	display: none;*/
	color:#222;
	width:97%;
	margin:0 auto 0 auto;
	height: 1px;

}

/* -------------------------------------------------------------------------------------------- link style */
a {
	text-decoration: none;
	color:inherit;
}
a:link {
	text-decoration: none;
	background-color: transparent;
	color:inherit;
}
a:visited {
	text-decoration: none;
	background-color: transparent;
	font-weight:inherit;
	color:inherit;
}
a:hover,
a:visited:hover {
	text-decoration: none;
	color:inherit;
	font-weight:inherit;
}
a:active {
	text-decoration: none;
	color:inherit;
	border: none;
}

a:focus {
   outline:none;
}

fieldset a,
fieldset a:link,
fieldset a:hover,
fieldset a:visited{
	color:inherit;
}

/* ------------------------------------------------------------------------------------------------ images */

img {
	border: none;
	vertical-align:top;
	margin:0;
	padding:0;
}

a:hover img {
	border: none;
}


/* ----------------------------------------------------------------------------------------------- p should be justified */

p {
	text-align: justify;
	margin: 0;
	padding: 0;
}

* html p {
	text-justify: distribute;
	margin: 0;
	padding: 0;
}

/* ----------------------------------------------------------------------------------------------- table */

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	margin: 1em 0px;
	font-size: 16px;
}

table th,
table td {
	padding: 0;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	vertical-align:middle;
	font-size: 16px;
}

table th {
	font-weight: bold;
	text-align: left;
}



/* ----------------------------------------------------------------------------------------------- dl */

dl {
	margin: 0;
	padding: 0;
}

dl dt {
	font-weight: bold;
	color:#222;/*ほぼ黒色*/
	margin: 0;
	padding: 0;
}

dl dd {
	margin:0;
	padding:0;
}

/* +++++++++++++++++ list-style +++ */

ul,ol {
	margin:0;
	padding:0;
}

ul li, ol li {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}

/* +++++++++++++++++ clearfix +++ */


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* +++++++++++++++++ other-style +++ */

address,small{
	margin:0;
	padding:0;
	font-style: normal;
}



/*===============================================*/
}	/* End @media screen and (max-width:479px) */
@charset "UTF-8";
/*=====================================================================
 スマートフォン用共通CSS commmon-phone.css
 common.cssを上書きするもの
=====================================================================*/

header .phone_menu {
    display: none;
}



@media screen and (max-width:479px)
{


/*=======================
-Edited by Ratana Works
========================*/

body{
    background: url(../images/common/body_bg.png) 0 0 repeat-x;
    margin: 0;
    padding: 0;
    min-width: 320px;
}

.body_wrap {
    overflow: hidden; /* スマートフォンで横にスクロールしないように */
}

/*--------------------------------------------------------------------*/
/*header*/
/*--------------------------------------------------------------------*/

header .header_inner{
    width: auto;        /* サイズ可変 */
    height: 50px;
    margin:0 auto;
    margin-top: 10px;
    padding: 10px;
}

header .header_inner h1{
    width: 60px;
    min-width: 60px;
    height:auto;
    background: url(../images/common/logo.png) 0 0 no-repeat;
    background-size: contain;
    text-indent:-9999px;
    overflow: hidden;
    margin: 0;
    float: left; 
}

header .header_inner h1 a{
    display: block;
    width:100%;
    height:100%;
}

header .header_inner dl{
    width: 160px;
    height: auto;
    margin: 0 0 0 5px;
    float: left;
    line-height: 150%;
}

header .header_inner dl dt{
    font-size:10px;
    font-weight: bold;
    line-height: 150%;
    margin: 0 0 10px 0;
/*    background: url(../images/common/flag_cam_s.png) 0 0 no-repeat; */
    background: none;
    background-size: contain;
    text-indent: 0;
}

header .header_inner dl dd{
    font-size:10px;
}

header .phone_menu {
    background-color: #0B47B6;/*青色*/
    text-align: center;
    display: block;
    float: right;
    margin: 0 0 0 0;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 10px;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}

header .phone_menu:hover {
    cursor: pointer;
}

header .phone_menu p {
    color: #fff;
    font-size: 10px;
}

header .phone_menu_icon {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    top: 0;
    left: 4px;
}

header .phone_menu_icon:before,
header .phone_menu_icon:after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
}

header .phone_menu_icon:before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    top:-webkit-calc(50% - 6px);
    top:-moz-calc(50% - 6px);
    top:calc(50% - 6px);
    height:8px;
}

header .phone_menu_icon:after {
    border-top: 2px solid #fff;
    top:-moz-calc(50% - 1px);
    top:calc(50% - 1px);
    height:0;
}

header .phone_menu_text {
    margin: 5px 0 0 0;
}

header .header_inner ul{    /* アコーディオン折り畳み */
/*    display: none; */      /* 消しておく */
    width: 100%;
    height: auto;
    float: none;
}

header .header_inner .h_menu1{
    margin:10px 0 10px 0;
    display: none;
}

header .header_inner .h_menu2{
    margin-bottom: 10px;
    display: none;
}


header .header_inner li{
    width: 50%;
    height: 30px;
    float: right;
    font-size: 18px;
    line-height: 30px;
}

header .header_inner li:hover{
    color:#0b47b6;/*ブルー*/
    text-decoration: underline;
}

header .header_inner .h_menu1 li{
    margin:0 0 0 0;
    text-indent: 20px;
}

header .header_inner .h_menu1 li.logout_header input{
    border: none;
    height: 26px;
    background: #FF8500;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    line-height: 100%;
    padding:5px 40px;
    margin:0;
    vertical-align: top;
    cursor:pointer;
}

header .header_inner .h_menu1 li.logout_header input:hover{
    background: #FF4800;
}

header .header_inner .h_menu1 li.logout_header:hover{
    text-decoration: none;
}

header .header_inner .h_menu1 li.logout_header{
    text-indent: 0;
    vertical-align: top;
    margin-left:8px;
    margin-top:10px;
}

header .header_inner .h_menu1 form{
    height: 14px;
    margin:0;
    padding:0;
    line-height: 100%;
    vertical-align: top;
}

header .header_inner .h_menu1 .h_menu_en{
    text-indent: 0;
    font-weight: bold;
    color: #00ac6d;
}

header .header_inner .h_menu1 .h_menu_contact{
    background: url(../images/common/icon_mail.png) 0 8px no-repeat;
}

header .header_inner .h_menu1 .h_menu_faq{
    background: url(../images/common/icon_faq.png) 0 8px no-repeat;
}

header .header_inner .h_menu1 .h_menu_howto{
    background: url(../images/common/icon_howto.png) 0 8px no-repeat;
}

header .header_inner .h_menu2 li{
    border-left: none;
    padding-left: 0;
    margin:0 0 0 0;
}

header .header_inner .h_menu2 li:last-child{
    border-left: none;
}

/*--nav--*/

header .nav_wrap{
    clear: both;
    border-top: none;
    height:auto;
    background: #f0f0f0;
    margin: 0 auto;
    margin-top: 10px;
}

header nav{
    width:100%;
    height:auto;
    margin:0 auto;
    z-index: 9999;
}

header nav ul{
    width:100%;
    height:auto;
    float: left;
    margin: 0 0 0 0;
    z-index: 9999;
    background-color: #f0f0f0;
}

header nav ul li{
    width:48%;
    margin-top: 0;
    height:30px;
    float: left;
    position: relative;

    /*overflow: hidden;*/
}

header nav ul li a{
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width:100%;
    height: 20px;
}

header nav li ul {
    display: none;
    position: absolute;
    top: 28px;
    left: -1px;
    padding:0;
    width: 100%;
    height:auto;
    background: #fff;
    border: solid 3px #80c9ea;/*水色*/
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

header nav li ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    height:30px;
    line-height: 30px;
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

header nav li ul li:nth-child(2),
header nav li ul li:nth-child(4),
header nav li ul li:nth-child(6),
header nav li ul li:nth-child(8),
header nav li ul li:nth-child(10),
header nav li ul li:nth-child(12){
    border-right: none;
}

header nav li ul li.bbnone{
    border-bottom: none;
}

header nav li ul li.more{
    color: #fff;
    background-color: #4184bd;
}

header nav ul li ul li a{
    text-indent: 8px;
    display: block;
    width: 150px;
    height: 30px;
    font-size:12px;
    /*font-weight: bold;*/
}

header nav ul li ul li:hover{
    background-color:#c7e0ed;
}


header nav ul li.gnav_home{
    background: url(../images/common/gnavi_home.png) 0 50% no-repeat #f0f0f0;
}

header nav ul li.gnav_tour{
    background: url(../images/common/gnavi_tour.png) 0 50% no-repeat #f0f0f0;
}

header nav ul li.gnav_bus{
    width:50%;
    background: url(../images/common/gnavi_bus.png) 0 50% no-repeat #f0f0f0;
}

header nav ul li.gnav_beauty{
    width:50%;
    background: url(../images/common/gnavi_beauty.png) 4px 50% no-repeat #f0f0f0;
}

header nav ul li.gnav_airticket{
    background: url(../images/common/gnavi_air.png) 0 50% no-repeat #f0f0f0;
}

header nav ul li.gnav_hotel{
    background: url(../images/common/gnavi_hotel.png) 0 50% no-repeat #f0f0f0;
}

header nav p{
    display: block;
    width:40%;
    height: 42px;
    float: right;
    margin:10px 0 10px 0;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    -o-box-shadow: 0 1px 3px #999;
    -ms-box-shadow: 0 1px 3px #999;
}

header nav p a{
    display: block;
    width:100%;
    height:100%;
    text-indent: -9999px;
    overflow: hidden;
    line-height: 30px;
}

header nav p.gnav_mypage{
    background: url(../images/common/gnav_mypage.png) 0 0 no-repeat;
    background-size: cover;
    margin-left: 5%;
}

header nav p.gnav_booklist{
    background: url(../images/common/gnav_booklist.png) 0 0 no-repeat;
    background-size: cover;
    margin-left: 10%;
    margin-right: 5%;
}

/*効いていないっぽい*/

header nav ul li ul li,
header nav ul li ul,
header nav ul li:hover ul li,
header nav ul li:hover ul{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

/*--------------------------------------------------------------------*/
/*eye_catch*/
/*--------------------------------------------------------------------*/

.eye_catch{
    height:auto;
    background-color: #f0f0f0;
    z-index: -9999;
}

.eye_catch .eye_catch_inner{
    width:auto;
    margin: 0 auto;
    padding: 0 10px;
}

.eye_catch .eye_catch_inner .slider{
    width:100%;
    height:auto;
    float: none;
    /*position:static;*/
    top:0;
    left:0;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.eye_catch .eye_catch_inner .slider .slides .slide {
    width: 100%;
    height: auto;
    height: 100%;
    float: none;
    clear: none;
}

.eye_catch .eye_catch_inner .slider img{
    width:100%;
    height: auto;
}

.eye_catch .eye_catch_inner .slider .slider-arrow {
    position: absolute;
    display: block;
    padding: 0 5px;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.eye_catch .eye_catch_inner .slider .slider-arrow--right,
.eye_catch .eye_catch_inner .slider .slider-arrow--left{
    background-color: #eee;
}

.eye_catch .eye_catch_inner .slider .slider-arrow--right {
  bottom: 10px;
  left: 35px;
}

.eye_catch .eye_catch_inner .slider .slider-arrow--left {
  bottom: 10px;
  left: 10px;
}


/*--------------------------------------------------------------------*/
/*search_area*/
/*--------------------------------------------------------------------*/


.eye_catch .eye_catch_inner .search_area{
    width:100%;
    height: auto;
    float: none;
/*    background: url(../images/common/search_bg.png) 0 0 no-repeat; */
    background: none;
}

.eye_catch .eye_catch_inner .search_area form{
    width:auto;
    margin: 0 0 0 0;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.eye_catch .eye_catch_inner .search_area form select{
    width:100%;
    height: 30px;
    padding:0;
    margin:0 0 10px 0;
    font-size: 20px;
    line-height:30px;
    text-align: center;
    /*vertical-align: middle;*/
    color:#777;
    border: 1px solid #ccc;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.eye_catch .eye_catch_inner .search_area form .search_text{
    width:100%;
    height: 30px;
    padding:0;
    margin:0 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.eye_catch .eye_catch_inner .search_area form .search_btn{
    width:100%;
    height: 70px;
    padding:0;
    margin:0 auto 0;
    background: url(../images/common/search_btn.png) 0 0 no-repeat;
    background-size: contain;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

.search_area ul{
    width: 100%;
    margin: 0 0;
}

.search_area ul li{
    width:100%;
    height: 40px;
    background: url(../images/common/arrow_blue_l.png) right 12px no-repeat;
}

.search_area ul li a{
    display: block;
    width:100%;
    height: 100%;
    text-indent: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.search_area ul .link_mail{
    border-bottom: 1px solid #bbb;
}

.search_area ul .link_mail a{
    background: url(../images/common/icon_mail_l.png) 0 3px no-repeat;
}

.search_area ul .link_tel{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bbb;
}

.search_area ul .link_tel a{
    background: url(../images/common/icon_tel.png) 0 4px no-repeat;
}

.search_area ul .link_tourdesk{
    border-top: 1px solid #fff;
}

.search_area ul .link_tourdesk a{
    background: url(../images/common/icon_tourdesk.png) 0 3px no-repeat;
}

.search_area ul li a:hover{
    color: #777;
}

/*--carrousel--*/

.eye_catch .list_carousel {
    position: static;
    top:0;
    left:0;
    width: 100%;
    height: auto;
    margin: 30px auto 0;
    padding:0;
    background-color: #fff;
    box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    -o-box-shadow: 0 1px 3px #999;
    -ms-box-shadow: 0 1px 3px #999;
}

.eye_catch .list_carousel ul {
    width:100%;
    height:auto;
    position: relative;
    top:50px;
    left:10px;
    clear: both;
    margin:0;
    padding: 0;
    overflow: hidden;
    /*border: 1px solid #000;*/

}

.eye_catch .list_carousel li {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 0;
    margin:0;
    display: block;
    text-align: center;
}

.eye_catch .list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

.eye_catch .prev {
    position: relative;
    top:-70px;
    left:0px;
    display: none;
    width:24px;
    height: 48px;
    float: left;
    background: url(../images/slider/prev.png) 0 0 no-repeat;
    z-index: 10;
}

.eye_catch .next {
    position: relative;
    top:-70px;
    right:0;
    display: none;
    width:24px;
    height: 48px;
    float: right;
    background: url(../images/slider/next.png) 0 0 no-repeat;
    z-index: 10;
}

.eye_catch .list_carousel img {
    max-width: 175px;
    margin-bottom: 20px;
}

/*--------------------------------------------------------------------*/
/*contents*/
/*--------------------------------------------------------------------*/

.contents{
    width:auto;
    min-height:300px;
    margin: 0 0;
    position: static;
    top: 0;
    left:0;
    padding:0 10px;
}

/*--------------------------------------------------------------------*/
/*side_left*/
/*--------------------------------------------------------------------*/

.contents .side_left{
    width:100%;
    float: none;
}

/*----title + widget */

.widget_area h2{
    width: auto;
    height: auto;
/*    background: url(../images/common/title_bg.png) 0 0 no-repeat; */
    background: none;
    background-size: 100%;
    background-color: #354273;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 40px;
    margin:0;
    padding:0;
    border-left: 4px solid #fff100;
}

.widget_area h2 i{
    display:block;
    width:30px;
    height:30px;
    float: left;
    margin:0 0 0 10px;
}

.widget_area h2 .i_tag{
    background: url(../images/common/i_tag.png) 0 0 no-repeat;
}

.widget_area h2 .i_air{
    background: url(../images/common/i_air.png) 0 0 no-repeat;
}

.widget_area h2 .i_list{
    background: url(../images/common/i_list.png) 0 0 no-repeat;
}

.widget_area h2 .i_key{
    background: url(../images/common/i_key.png) 0 0 no-repeat;
}

.widget_area h2 .i_yen{
    background: url(../images/common/i_yen.png) 0 0 no-repeat;
}

.widget_area h2 .i_cloud{
    background: url(../images/common/i_cloud.png) 0 0 no-repeat;
}



.widget_wrapper{
    width:100%;
    min-height:50px;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin:0;
    clear: both;
}

/*----title END*/

.widget_area.side_items_list h2{
    margin: 0 0 10px 0;
}

.side_items_list{   /* 非表示に */
display: none;
    margin:0 0 15px 0;
}

/*.side_items_list dl{
    margin: 10px 0 0 0;
}*/


.side_items_list dl dt,
.side_items_list ul li.level1 a{
    display: block;
    width:200px;
    /*height: 95px;*/
    height: 62px;
    background: #ddd;
    margin: 0 0 3px 0;
    cursor: pointer;
    text-indent:-9999px;
    overflow: hidden;
}

.side_items_list ul li.level1 ul li a:link{
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
}

.side_items_list ul li.level1 ul li a:visited{
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
}

.side_items_list ul li.level1 ul li a:hover{
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
}

.side_items_list ul li.level1 ul li a:active{
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
}

.side_items_list ul li.level1 ul li a,
.side_items_list ul li.cat7 ul li a,
.side_items_list ul li.cat8 ul li a,
.side_items_list ul li.cat10 ul li a,
.side_items_list ul li.cat71 ul li a{
    display: block;
    width: 200px;
    height: 30px;
    font-size: 14px;
    text-indent: 15px;
    line-height: 30px;
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
    margin:0;
}

.side_items_list ul li.level1 ul li a:hover,
.side_items_list ul li.cat7 ul li a:hover,
.side_items_list ul li.cat8 ul li a:hover,
.side_items_list ul li.cat10 ul li a:hover,
.side_items_list ul li.cat71 ul li a:hover{
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
}

.side_items_list ul li.level1 ul{
    display: none;
    margin:0 0 10px 0;
}

.side_items_list ul li.cat7 a{
    background: url(../images/common/smb_tour.png) 0 0 no-repeat;
}

.side_items_list ul li.cat7 a.active{
    background: url(../images/common/smb_tour.png) 0 -62px no-repeat;
}

.side_items_list ul li.cat8 a{
    background: url(../images/common/smb_hotel.png) 0 0 no-repeat;
}

.side_items_list ul li.cat8 a.active{
    background: url(../images/common/smb_hotel.png) 0 -62px no-repeat;
}

.side_items_list ul li.cat9 a{
    background: url(../images/common/smb_air.png) 0 0 no-repeat;
}

.side_items_list ul li.cat9 a.active{
    background: url(../images/common/smb_air.png) 0 -62px no-repeat;
}

.side_items_list ul li.cat10 a{
    background: url(../images/common/smb_beauty.png) 0 0 no-repeat;
}

.side_items_list ul li.cat10 a.active{
    background: url(../images/common/smb_beauty.png) 0 -62px no-repeat;
}

.side_items_list ul li.cat71 a{
    background: url(../images/common/smb_souvenir.png) 0 0 no-repeat;
}

.side_items_list ul li.cat71 a.active{
    background: url(../images/common/smb_souvenir.png) 0 -62px no-repeat;
}

.side_items_list ul li.cat138 a{
    background: url(../images/common/smb_restaurant.png) 0 0 no-repeat;
}

.side_items_list ul li.cat138 a.active{
    background: url(../images/common/smb_restaurant.png) 0 -62px no-repeat;
}

.side_items_list ul li.cat168 a{
    background: url(../images/common/smb_bus.png) 0 0 no-repeat;
}

.side_items_list ul li.cat168 a.active{
    background: url(../images/common/smb_bus.png) 0 -62px no-repeat;
}

.side_items_list ul li ul{
    margin: 0;
}

.side_items_list ul li ul li{
    width: 200px;
    min-height: 30px;
    border-bottom: 1px dotted #ccc;
}

.side_items_list dl dd ul li a{
    display: block;
    width: 200px;
    height: 30px;
    font-size: 14px;
    text-indent: 15px;
    line-height: 30px;
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
}

.side_items_list ul li ul a:hover{
    color: #007fd0;

}

/*---hidden category---*/

/*---オリジナルプランをサイドメニューから外す---*/

.side_items_list ul li.level2.cat124{
    display: none;
}


/*----------------------------------------------------footer_item_list--*/

.footer_cat{
    margin-top: 30px;
    border: 2px solid #3caee2;
    text-align: center;
    font-size: 28px;
    border-radius: 7px;        /* CSS3草案 */
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;   /* Firefox用 */
}

.main_contents.mc_expand .footer_cat h3{
    font-size: 18px;
    color: #555;
    background: none;
    border: none;
    margin:10px 0 25px 0;
    padding:0;
    text-indent: 0;
    height: 20px;
    font-weight: normal;

}

.footer_cat_inner{
    width:96%;
    margin:2%;
}


.footer_cat ul li.level1 ul{

}

.footer_cat ul li.level1 a{
    background-color: #efefcc;
    font-weight: bold;
    display: block;
    width:100%;
    height:25px;
    color: #555;
    line-height: 25px;
    margin: 10px 0;
    pointer-events: none;
    text-indent: 10px;
    text-align: center;
}


.footer_cat ul li.level1 ul li{
    display: inline-block;
    margin: 0 3px;
}

.footer_cat ul li.level1 ul li a{
    background: none;
    background-color: #fff;
    display: inline;
    pointer-events: auto;
    font-size: 13px;
    font-weight: normal;
    text-indent: 0;
    padding: 0 1px;
}

.footer_cat ul li.level1 ul li a:hover{
    background-color: #ee8600;
    color: #fff;
}

.footer_cat ul li.level1 ul li.level3{
    display: none;
}










/*--side_travel_info--*/

.side_travel_info{
    margin:0 0 15px 0;
}

.side_travel_info .tab{
    width:100%;
    margin:0 auto;
    padding:0;
}

.side_travel_info .tab li{
    width:50%;
    height: 30px;
    float: left;
    color: #fff;
    background-color: #ccc;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    font-weight: normal;
    cursor: pointer;
    margin: 10px 0;
}

.side_travel_info .tab .select{
    background-color:#00b1d2;/*シアン*/
}

.side_travel_info .article_list{
    width:100%;
    margin:0 0;
}

.side_travel_info .article_list ul{
    padding: 0 10px;
}

.side_travel_info .article_list ul li{
    font-size: 16px;
    width:90%;
    padding-left: 12px;
    line-height: 140%;
    margin: 0 0 10px 0;
    background: url(../images/common/arrow_blue_s.png) 0 8px no-repeat;
}

.side_travel_info .article_list ul li a,
.side_travel_info .article_list ul li a:hover{
    border-bottom:1px dotted #777;
}

.side_travel_info .btn_cian{
    display: block;
    width:auto;
    height: 42px;
/*    background: url(../images/common/btn_cian.png) 0 0 no-repeat; */
    background: none;
    background-color: #00b0d2;
    background-size: 100%;
    margin:10px 10px;
    color: #fff;
    line-height: 42px;
    text-align: center;
}


a.btn_cian:hover,
.side_travel_info .btn_cian:hover{
    color:#fff;
}


/*--アプリでお問い合わせ--*/
.contact_app {
    padding: 0 10px;
}

.side_travel_info_line {
    border-top: 4px solid #00c300;
    margin-top: 10px;
}

.side_travel_info_skype {
    border-top: 4px solid #00ade1;
    margin-top: 10px;
}

/*--ameba_area--*/

.ameba_area{
    width:100%;
    margin:0 0 15px 0;
}

.ameba_area dt{
    font-size: 20px;
    width:100%;
    height: 28px;
    background: url(../images/common/title_bg_blog.png) 0 0 no-repeat;
    color: #fff;
    font-weight: normal;
    line-height: 28px;
    text-indent: 5px;
    margin:0;
    padding:0;
}

.ameba_area dd{
    border: 1px solid #999;
    margin:-1px 0 0 0;
}

.ameba_area dd ul{
    width:100%;
    margin:10px auto;
}

.ameba_area dd ul li{
    width:100%;
    margin:0 0 5px 0;
    padding:0 0 0 10px;
    font-size: 20px;
    line-height: 150%;
    background: url(../images/common/mark_green.png) 0 5px no-repeat;
}

.ameba_area dd ul li span{
    display: block;
    color:#888;
    font-size: 20px;
}

.ameba_area dd ul li a:hover{
    border-bottom:1px dotted #777;
}

.ameba_area p{
    font-size: 20px;
    color: #999;
    font-weight: bold;
    border-top: 1px solid #009900;/*緑*/
    margin: 5px 10px;
    padding:10px 0 0 0;
    text-align: right;
}

.ameba_area p a{
    padding:5px 0 5px 28px;
    font-size: 20px;
    background: url(../images/common/icon_ameba.png) 0 0 no-repeat;
}

.ameba_area p a:hover{
    color:#009900;
}

/*--------------------------------------------------------------------*/
/*main_contents*/
/*--------------------------------------------------------------------*/

.contents .main_contents{
    width:100%;
    float: none;
    margin:0 0;
    padding: 0 0;
}

.contents .main_contents .phone_main_contents_inner {
    padding: 0 0;
}

.blog_rss{
    margin:0 0 20px 0;
}

/*--travel_info--*/

.travel_info{
    width:100%;
    height:auto;
    border:1px solid #999;
    float: none;
}

.travel_info .img_wrap{
    display: none;
    width:100%;
    height:auto;
    margin: 0 0 10px 0;
    overflow: hidden;
    background-color: #eee;
    text-align: center;
}

.travel_info .img_wrap img{
    display: block;
    width:auto;
    height:auto;
    max-height: 250px;
    /*max-width: 300px;*/
    margin:0 auto;
}

.travel_info h2{
    width:100%;
    text-indent: 10px;
    background: #444;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.travel_info .travel_info_title{
    width:100%;
    height:auto;
    /*font-family:"ヒラギノ明朝 Pro W6",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    serif;*/
    font-size: 20px;
    font-weight: normal;
    margin: 10px;
    padding:0 0 0 10px;
    border-left: 4px solid #0B47B6;/*青色*/
    line-height: 150%;
    overflow: hidden;
}

.travel_info .travel_info_title a:hover{
    text-decoration: underline;
}

.travel_info .btn_cian_s{
    margin:0 10px;
}

.travel_info .btn_cian_s a{ /* ※ */
    display: block;
    width:102px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    background: url(../images/common/btn_cian_s.png) 0 0 no-repeat;
    float: right;
}

/*--news--*/

.news{
    width:100%;
    height:auto;
    border: none;
    float: none;
}

.news h2{
    width:100%;
    height:45px;
    font-size: 20px;
    line-height: 49px;
    border-bottom: 2px solid #0B47B6;/*青色*/
    margin:0 0 15px 0;
    text-indent: 53px;
    background: url(../images/common/icon_news.png) 7px 6px no-repeat;
}

.news h2 a{
    color: #fff;
    text-align: center;
    display: block;
    width:42px;
    height:22px;
    line-height: 22px;
    text-indent: 0;
    font-size: 12px;
    background-color: #0B47B6;/*青色*/
    margin:12px 10px 0 0;
    font-weight: normal;
    float: right;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}

.news h2 a:hover{
    color: #fff;
    background: #296ad3;/*明るい青*/
}

.news ul{
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding: 0 10px;
    overflow: scroll;
}

.news ul li{
    width:90%;
    margin:0 0 10px 0;
    padding:0 0 0 0;
    background: url(../images/common/arrow_blue_s.png) 0 10px no-repeat;
    line-height: 160%;
    font-size: 16px;
    text-indent: 10px;
}

.news ul li a{
    font-size: 16px;
    border-bottom: 1px dotted #0B47B6;
    word-wrap:break-word;
}

.news ul li span{
    font-size: 20px;
    color: #999;
}

.news ul li i{
    color: #fff;
    background-color: #f00;
    font-size: 20px;
    padding:1px 2px;
    margin:0 2px 0 0;
}

/*--items_ranking--*/

.items_ranking{
    background: url(../images/common/ranking_bg.png) 0 0 no-repeat;
    clear: both;
}

.items_ranking h2{
    display: block;
    width:100%;
    height:50px;
    line-height: 35px;
    margin:0 0 10px 50px;
    float: none;
    font-weight: normal;
/*    border: 1px solid #000;*/
}

.items_ranking .tab2{
    display: block;
    width:100%;
    height: 40px;
    margin:10px 0 10px 0;
    float: none;
/*    border: 1px solid #000;*/
}

.items_ranking .tab2 li{
    display: block;
    width:auto;
    height: 33px;
    line-height: 33px;
    float: left;
    font-weight: bold;
    font-size: 10px;
    color:#ccc;
    cursor: pointer;
    text-indent: 33px;
    text-align: left;
}

.items_ranking.popular_cat .tab2 .tab_tour{
    background: url(../images/common/tab_tour.png) 0 -33px no-repeat;
}

.items_ranking .tab2 .tab_tour.select,
.items_ranking .tab2 .tab_tour:hover{
    background: url(../images/common/tab_tour.png) 0 0 no-repeat;
}

.items_ranking.popular_cat .tab2 .tab_beauty{
    width: auto;
    background: url(../images/common/tab_beauty.png) 0 -33px no-repeat;
}

.items_ranking .tab2 .tab_beauty.select,
.items_ranking .tab2 .tab_beauty:hover{
    width: auto;
    background: url(../images/common/tab_beauty.png) 0 0 no-repeat;
}

.items_ranking.popular_cat .tab2 .tab_ticket{
    background: url(../images/common/tab_ticket.png) 0 -33px no-repeat;
}

.items_ranking .tab2 .tab_ticket.select,
.items_ranking .tab2 .tab_ticket:hover{
    background: url(../images/common/tab_ticket.png) 0 0 no-repeat;
}

.items_ranking.popular_cat .tab2 .tab_hotel{
    background: url(../images/common/tab_hotel.png) 0 -33px no-repeat;
}

.items_ranking .tab2 .tab_hotel.select,
.items_ranking .tab2 .tab_hotel:hover{
    background: url(../images/common/tab_hotel.png) 0 0 no-repeat;
}

.items_ranking .tab2 .select{
    color:#333;
}
.items_ranking .tab2 li:hover{
    color:#333;
}

/*----*/

.items_ranking .ranking_list{
    clear: both;
    width:100%;
    margin:0 auto;
}

.items_ranking .ranking_list li{
    width:99%;
    height: 80px;
    margin: 10px 0;
    float: none;
    border: 1px solid #ccc;
    /*background: #333;*/
    clear: both;
}

.items_ranking .ranking_list li:nth-child(4),
.items_ranking .ranking_list li:nth-child(7),
.items_ranking .ranking_list li:nth-child(10){
/*    clear: left; */
}

.items_ranking .ranking_list li div{
    width:100px;
    height: auto;
    overflow: hidden;
}

.items_ranking .ranking_list li img{
    width:100px;
    height: auto;
    float: left;
    margin: 20px 0;
}

.items_ranking .ranking_list li p{
    display: block;
    background: #333;
    width:180px;
    padding: 0;
    height:auto;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    /*margin:10px;*/
    line-height: 100%;
    float: left;
    margin: 0;
}

.items_ranking .ranking_list li p b{
    color: #ff6f6f;
}

/*-----------*/
.items_ranking.popular_cat h3{
    background: none;
    font-size: 16px;
    margin: 5px 0;
    width:180px;
    float: left;
    line-height: 100%;
    padding: 0 0 0 10px;
}

.items_ranking.popular_cat h3.fsmall{
    font-size: 14px;
}



.items_ranking.popular_cat .tab2 li{
    background: none;
    height: 33px;
    margin: 0 0 0 5px;
}

.items_ranking.popular_cat .ranking_list li{
    height: auto;
    clear: both;
    margin: 0 0 5px 0;
}

.items_ranking.popular_cat .ranking_list li p{
    background: none;
    display: inline-block;
    width:170px;
    padding:0 10px;
    height:auto;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    /*margin:10px;*/
    line-height: 180%;
}

.items_ranking.popular_cat .ranking_list li p a.fsmall{
    font-size: 14px;
}

.items_ranking.popular_cat .ranking_list ul{

}

.items_ranking.popular_cat .ranking_list li p a,
.items_ranking.popular_cat .ranking_list li p a:link,
.items_ranking.popular_cat .ranking_list li p a:visited,
.items_ranking.popular_cat .ranking_list li p a:hover,
.items_ranking.popular_cat .ranking_list li p a:active {
    text-decoration: underline;
}

/*--contents_banner--*/


.banner_wide{   /* ※バナーは非表示 */
    display: none;
    margin:0 0 5px 0;
}

.banner_wide img{
    margin:0 0 10px 0;
}

.banner_square{
    display: none;
    margin:0 0 15px 0;
}

.banner_square ul{
    width:564px;
    margin: 0 1px;
}

.banner_square ul li{
    width:135px;
    height: 135px;
    float: left;
    margin:5px 0;
}

.banner_square ul li:nth-child(2),
.banner_square ul li:nth-child(6),
.banner_square ul li:nth-child(10){
    margin-left:8px;
    margin-right:8px;
}

.banner_square ul li:nth-child(3),
.banner_square ul li:nth-child(7),
.banner_square ul li:nth-child(11){
    margin-right:8px;
}

/*--media--*/

.media{

}

.media .youtube{
    width:100%;
    height:auto;
    border: none;
    background-color: #00b1d2;
    float: none;
    border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */
    margin: 0 0 10px 0;
}

.media .youtube iframe{
    display: block;
     width:100%;
     height:auto;
     margin:6px auto 5px;
}


.media .youtube p{
    text-align: center;
    line-height: 110%;
}

.media .youtube p a{
    color: #fff;
    font-size: 14px;
    margin-right:10px;
}

.media .krorma_magazine{
    width:auto;
    height: auto;
    border: none;
    float: none;
    padding: 0 0;
}

.media .krorma_magazine dt{
    width:auto;
    height:34px;
    line-height: 35px;
    border-bottom: 2px solid #0B47B6;
    margin: 0 auto 8px;
    font-weight: normal;
    font-size: 16px;
}

.media .krorma_magazine dt b{
    font-weight: bold;
    font-size: 18px;
    margin:0 0 0 5px;
}

.media .krorma_magazine dd img{
    display: block;
    width:80px;
    height:auto;
    float: left;
    margin: 0 0 0 10px;
}

.media .krorma_magazine dd p{
    display: block;
    width:200px;
    text-align: center;
    float: right;
    font-size: 16px;
    margin: 10px 0 0 0;
}

.media .krorma_magazine dd .dist_access{
    display: block;
    width:50%;
    height: auto;
    background: url(../images/common/dist_access.png) 0 0 no-repeat;
    background-size: contain;
    margin: 10px 0 10px 0;
    float: right;
    text-indent: 40px;
    color:#fff;
    line-height: 34px;
}

.media .krorma_magazine dd .dist_web{
    display: block;
    width:95%;
    height:auto;
    line-height: 15px;
    background: url(../images/common/dist_web.png) right 0 no-repeat;
    float: left;
    font-size: 20px;
    color: #007fd0;
    margin:10px 0 0 0;
}

/*--------------------------------------------------------------------*/
/*review みんなの口コミ　ピックアップ*/
/*--------------------------------------------------------------------*/

.review_list{
    max-width:96%;
    min-height: 220px;
    padding:0 2% 2%;
    margin:10px auto;
    background-color: #f5e7a6;
    border: none;
    border-bottom: none;
    border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */
}

.review_list h3{
    font-size: 20px;
    padding:10px 0 0 0;
    margin:0 0 10px 0;
    color: #14a6af;
    border-left: #e54264 4px solid;
    line-height: 140%;
    text-indent: 20px;
}

.review_list ul{
    height: 260px;
    overflow: scroll;
}

.review_list ul li{
    border: 1px solid #ccc;
    margin:6px 0;
    background-color: #fff;
}

.review_list ul li .list_inner{
    margin:5px 8px;
}

.review_list ul li .list_inner .meta{
    font-size: 16px;
    font-weight: bold;
    text-indent: 5px;
    padding:2px 0;
    background-color: #eee;
    color: #444;
}

.review_list ul li .list_inner .meta span{
    color: #e54264;
}

.review_list ul li .recommend_level{
    font-size: 12px;
    margin:5px 0;
    line-height: 120%;
    vertical-align: middle;
}

.review_list ul li .recommend_level span{
    font-size: 12px;
    font-weight: bold;
    line-height: 120%;
    color: #e54264;
    vertical-align: middle;
}

.review_list ul li .recommend_level a{
    display: block;
    float: right;
    font-size: 12px;
    max-width:180px;
    padding:2px 3px;
    background-color: #14a6af;
    color: #fff;
    vertical-align: middle;
}

.review_list ul li .voicetitle{
    font-size: 12px;
    font-weight: bold;
    margin:0 0 3px 0;
    line-height: 140%;
}

.review_list ul li .voicecomment{
    /*border: 1px solid #000;*/
    max-height:34px;
    overflow: hidden;
    font-size: 12px;
    line-height: 150%;
}



/*--------------------------------------------------------------------*/
/*side_right*/
/*--------------------------------------------------------------------*/

.contents .side_right{
    width:100%;
    float: none;
}


/* ＊＊＊＊＊＊＊＊＊＊＊＊＊ここまで修正 */

/*--side_contact--*/

.side_contact{
    width:100%;
    min-height: 140px;
    background-color: #fff;
    margin: 10px 0 10px 0;
    padding: 0 0 5px 0;
    border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */
}

.side_contact dl{
    width:100%;
    height: 100%;
    background-color: #fff;
    margin:0 auto 10px;
    padding:8px 0;
    border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */
}

.side_contact dl dt{
    display: block;
    width:100%;
    margin: 0 7px;
    padding:0 0 0 7px;
    font-size: 20px;
    color: #666;
    line-height: 130%;
    border-left: 4px solid #0B47B6;/*青色*/
}


.side_contact dl dd{
    width: 100%;
    border-top: 1px solid #bbb;
    margin:10px 0;
    padding: 10px 10px 0 10px;
}

.side_contact dl dd h4{
    font-size: 20px;
    text-indent: 21px;
}

.side_contact dl dd p{
    font-size: 20px;
    font-weight: bold;
    color: #0B47B6;
    line-height: 150%;
    background: url(../images/common/icon_tel_l.png) 6px 4px no-repeat;
    margin: 0 0 10px 0;
    -webkit-text-size-adjust: none; /* iPhone */
}

.side_contact dl dd p.line1{
    height: 35px;
    line-height: 35px;
    background: url(../images/common/icon_tel_l.png) 6px 0 no-repeat;
}

.side_contact dl dd aside{
    text-align: center;
    font-size: 20px;
    line-height: 130%;
    -webkit-text-size-adjust: 100%; /* iPhone */
}

.side_contact dl dd p a{
    margin: 0 0 0 40px;
    font-size: 20px;
    padding:0;
    text-indent: 0;
    -webkit-text-size-adjust: 100%; /* iPhone */
}

/*
@media screen and (max-device-width: 480px) {
.side_contact dl dd p a {
    font-size: 12px;
    margin: 0 0 0 12%;
}
}
*/

a.btn_cian{
    display: block;
    width:auto;
    height: auto;

/*    background: url(../images/common/btn_cian.png) 0 0 no-repeat; */
    background: none;
    background-color: #00b0d2;
    background-size: 100%;    
    margin:10px 10px;
    color: #fff;
    line-height: 42px;
    text-align: center;
}

.widget_wrapper .btn_cian:hover,
.btn_cian:hover{
    color:#fff;
}



/*--side_cart--*/

.side_cart{
    margin:0 0 15px 0;
}

.side_cart .widget_wrapper{
    padding:15px 0 5px 0;
}

.side_cart table{
    margin:0 15px 12px 15px;
    border: none;
}

.side_cart table th,
.side_cart table td{
    border: none;
    vertical-align: top;
}

.side_cart table th{
    font-weight: normal;
}

.side_cart table td{
    font-weight: bold;
    padding-left: 5px;
}

.side_cart table td span{
    font-weight: normal;
    font-size: 20px;
}

a.btn_orange{
    display: block;
    width:auto;
    height: 42px;
/*    background: url(../images/common/btn_orange.png) 0 0 no-repeat; */
    background: none;
    background-size: 100%;
    margin:5px 10px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    background-color: #ec8501;
}

a.btn_orange:hover{
    color:#fff;
}

/*--member--*/

.side_member{
display: none;
    margin:0 0 15px 0;
}

.side_member .widget_wrapper{
    margin: 0;
    padding: 5px 0;
}

.side_member .side_logout,
.side_member .side_logout p.btn{
    text-align: center;
    font-size: 14px;
    margin:10px 0 0 0;
}

.side_member .side_logout .point{
    font-weight: bold;
}


/*--QRコード--*/
.side_qr_code{
    display: none;
}

/*--calender--*/

/*.block_body{
    width:198px;
    border: 1px solid #f00;
}

.block_outer .block_body table.tbl_style_cal{
    width:198px;
}

.block_outer .block_body table.tbl_style_cal th{
    color:#f00;
}*/









/*--search_side--*/

.search_side{
    margin:0 0 15px 0;
}

.search_side .widget_wrapper{
    margin:0;
    padding: 5px 0;
}

.search_side .widget_wrapper form{
    text-align: center;
}

.search_side .widget_wrapper form input[type="text"]{
    width:100%;
    margin:10px auto 5px auto;
}

.search_side .widget_wrapper form input[type="submit"]{
    display: block;
    width:100%;
    height: auto;
/*    background: url(../images/common/btn_cian.png) 0 0 no-repeat; */
    background: none;
    background-color: #00afd1;
    margin:5px auto;
    color: #fff;
    line-height: 42px;
    text-align: center;
    border: none;
    cursor:pointer;
}

.search_side .widget_wrapper form input[type="submit"]:hover{
    color:#fff;
}

/*--rate--*/

.side_rate{
    margin: 0 0 15px 0;
}

.side_rate .rate_data{
    padding: 10px 0 3px 0;
    margin: 0 5px;
    font-size: 20px;
    border-bottom: 1px #bbb dotted;
}

.side_rate .rate_data span{
    display: block;
    width:94px;
}

.side_rate .rate_data .rate_ymd{
    float: left;
    color: #777;
}

.side_rate .rate_data .rate_daily{
    float: right;
    text-align: right;
    color:#0B47B6;
}

.side_rate .rate_today{
    font-size: 20px;
    line-height: 120%;
    font-weight: bold;
    text-align: center;
    margin:15px 0 5px 0;
}

.side_rate .rate_today strong{
    color: #f15a29;
}

.side_rate .rate_rocal{
    font-size: 18px;
    text-align: center;
    color: #777;
    margin: 0 0 10px 0;
}

/*--side_whether--*/

.side_whether{
display: none;
    margin:0  0 15px 0;
}

.side_whether .widget_wrapper{
    padding:10px 0 3px 0;
    text-align: right;
}

.side_whether .widget_wrapper ul{
    width:191px;
    margin:0 auto;
}

.side_whether .widget_wrapper ul li{
    display: block;
    width: 95px;
    margin:0;
    float: left;
    height:auto;
}

.side_whether .widget_wrapper ul li.pnh{
    border-right: 1px solid #ccc;
}

.side_whether .widget_wrapper ul li p{
    font-size: 12px;
    font-weight: bold;
    margin:3px 0 0 0;
    text-align: center;
}


.side_whether .widget_wrapper ul li span{
    display: block;
    width: 90px;
    height:50px;
    margin:0;
    border: none;
    overflow: hidden;
}

.side_whether .widget_wrapper .link{
    text-align: right;
    font-size: 10px;
    margin:0 15px 0 0;
}

/*--side_sns--*/

.side_sns{
display: none;
    width:100%;
    height: auto;
    margin:0 0 15px 0;
    background: url(../images/common/widget_sns.png) 0 0 no-repeat;
}

.side_sns h3{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.fb_button{
    width:70px;
    float: left;
    margin:15px 0 0 25px;
}

.twitter_button{
    width:70px;
    float: right;
    margin:15px 25px 0 0;
}

.fb-like-box-wrap{
display: none;
}

.fb-like-box{
    height:auto;
    margin:0 0 15px 0;
    font-size: 10px;
}


.twitter-timeline-wrap {
    display: none;
}

#twitter-widget-1 {
}

/*--ads_area_right--*/

.ads_area_right {
    width: 200px;
    margin:0 0 15px 0;
}

.ads_area_right h3{
    color: #777;
    font-size: 14px;
    line-height: 130%;
    background: url(../images/common/line-gray.png) left bottom no-repeat;
    margin:0 0 10px 0;
}

/* 右サイドランキング */
#_____01 {
    display: none;
}


/*--------------------------------------------------------------------*/
/*footer*/
/*--------------------------------------------------------------------*/

footer{
    border-top: 1px solid #282859;
    background:#f0f0f0;
    margin: 20px 0 0 0;
    padding:0;
}

footer .sketch_link{
    width: 100%;
    height:auto;
    margin: 0 0 0 0;
}

footer .sketch_link h2{
    width:92px;
    height: 50px;
    float: none;
    background: url(../images/common/sketch_logo.png) left 10px top 10px no-repeat;
    background-size: initial;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 0 10px 0;
}

footer .sketch_link ul{
    width:100%;
    float: none;
}

footer .sketch_link ul li{
    text-align: center;
    float: left;
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #777;
    width: 25%;
}

footer .sketch_link ul li img{
    margin: 0 0 5px 0;
}

footer .footer_inner_wrap{
    background: #ddd;
    padding: 10px 0 0 0;
}

footer .footer_inner{
    width: 100%;
    min-height:340px;
    margin:0 0;
}

footer .footer_inner .f_tel{
    width:100%;
    height: auto;
    border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */
    float: none;
    margin: 0 0 15px 0;
    background: url(../images/common/icon_f_tel.png) 0 0 no-repeat #fff;
}

footer .footer_inner .f_tel h3{
    width:100%;
    height: auto;
    margin:5px 10px 5px 80px;
    padding:5px 0;
    font-size: 20px;
    line-height: 160%;
    color: #0B47B6;/*青色*/
    float: none;
    border-right: 2px solid #ddd;
}

footer .footer_inner .f_tel .f_tel_no{
    display: block;
    width:100%;
    height: auto;
    margin:5px 10px 5px 0;
    padding:5px 0;
    color: #0B47B6;/*青色*/
    font-size: 18px;
    font-weight: bold;
    line-height: 46px;
    float: left;
    border-right: 2px solid #ddd;
}

footer .footer_inner .f_tel .f_business_hours{
    margin:15px 0 0 0;
    line-height: 160%;
    font-size: 20px;
    padding-bottom: 10px;
}

footer .footer_inner .f_tel .f_tel_no,
footer .footer_inner .f_tel .f_business_hours{
    text-align: center;
}

footer .footer_inner .f_tel .f_tel_no {
    text-indent: 1em;
}

footer .footer_inner .f_tel_no span:before{
    content: "\A";
    white-space: pre;
    margin-left: 10px;
}

footer .footer_inner .f_mail{
    width:100%;
    height: auto;
    border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */
    float: right;
    margin: 0 0 15px 0;
    background: url(../images/common/icon_f_mail.png) 10px 0 no-repeat #fff;
}

footer .footer_inner .f_mail h3{
    height: 44px;
    margin:0 0 5px 90px;
    padding:10px 0;
    font-size: 20px;
    line-height: 130%;
    color: #0B47B6;/*青色*/
}

footer .footer_inner .f_mail:hover{
    background-color: #ffe600;
}

footer .footer_inner .f_krorma_tours{
    width: 100%;
    min-height: 160px;
    clear:both;
    margin: 0 0 10px 0;
    background-color: #fff;
    border-radius: 0;        /* CSS3草案 */
    -webkit-border-radius: 0;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0;   /* Firefox用 */

}

footer .footer_inner .f_krorma_tours .f_tours_info{
    width:100%;
    float: none;
    margin:15px 0 15px 0;
    padding: 0 10px;
}

footer .footer_inner .f_krorma_tours .f_tours_info h3{
    font-size: 20px;
    color: #0B47B6;/*青色*/
    border-left: none;
    border-bottom: 1px solid  #ccc;
    margin: 0 0 15px 0;
    text-indent: 0;
}

footer .footer_inner .f_krorma_tours .f_tours_info strong{
    font-size: 20px;
}

footer .footer_inner .f_krorma_tours .f_tours_info strong:before{
    content: "\A";
    white-space: pre;
}


footer .footer_inner .f_krorma_tours .f_tours_info .f_logo{
    display: block;
    width:162px;
    height: 68px;
    margin: 5px 10px 0 0;
    float: left;
}

footer .footer_inner .f_krorma_tours .f_tours_info p{
display: none;
    width:358px;
    font-size: 14px;
    line-height: 160%;
    margin:5px 0 5px 0;
    padding:0;
    float: right;
}

footer .footer_inner .f_krorma_tours .f_tours_info a{
    display: block;
    text-align: left;
    clear: both;
    font-size: 16px;
    margin: 0 0 0 10px;
}

footer .footer_inner .f_krorma_tours .f_tours_info a:hover{
    text-decoration: underline;
}

footer .footer_inner .f_krorma_tours .f_tours_info a i{
    display: inline-block;
    width:13px;
    height:10px;
    background: url(../images/common/arrow_blue_double.png) 0 0 no-repeat;
    margin:0 3px 0 0;
}

footer .footer_inner .f_krorma_tours .link_desk_rep_wrap {
    width: 200px;
    margin: 12px auto;
}

footer .footer_inner .f_krorma_tours .link_desk_rep,
footer .footer_inner .f_krorma_tours .link_desk_pnh{
    display: block;
    width: 200px;
    height: 136px;
    float: none;
    margin:12px 0 0 0
}

footer .footer_inner .f_krorma_tours .link_desk_rep{
}

footer .footer_inner .f_krorma_tours .link_desk_rep img,
footer .footer_inner .f_krorma_tours .link_desk_pnh img{
    border: none;
}

footer .footer_inner .f_krorma_tours .link_desk_rep a,
footer .footer_inner .f_krorma_tours .link_desk_pnh a{
    display: block;
    width:200px;
    height: 30px;
    line-height: 30px;
    text-indent: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: url(../images/common/arrow_white.png) 10px 7px no-repeat;
}

footer .footer_inner .f_krorma_tours .link_desk_rep a{
    background-color: #333;
}
footer .footer_inner .f_krorma_tours .link_desk_pnh a{
    background-color: #333;
}

/*--f_menu--*/

footer .f_menu{
    margin:0 0 0 0;
    padding: 0 10px;
}

footer .f_menu dt{
    width:100%;
    min-height:20px;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    float: left;
    margin:0 0 10px 0;
    background: url(../images/common/accordion-close.png) right 0 no-repeat;
}

footer .f_menu dt.open{
    background: url(../images/common/accordion-open.png) right 0 no-repeat;
}

footer .f_menu dd{
    display: none;
    width:100%;
    min-height:20px;
    font-size: 20px;
    line-height: 20px;
    float: left;
    margin:0 0 5px 0;
}

footer .f_menu dd ul li{
    float: none;
    font-size: 20px;
    margin:0 15px 0 0;
    background: url(../images/common/arrow_blue_s.png) 0 12px no-repeat;
    text-indent: 20px;
}

footer .f_menu dd ul li a:hover{
    text-decoration: underline;
}

footer nav{
    width:100%;
    margin:0 0;
}

footer nav ul{
    margin:10px 0;
    text-align: center;
}

footer nav ul li{
    font-size: 20px;
    display: block;
    text-decoration: underline;
    margin:0 10px;
}

footer nav ul li:hover{
    color: #0B47B6;/*青色*/
}

footer .credit_wrap{
    height: 80px;
    margin:0 auto;
    padding:0;
    background: url(../images/common/footer_bg.png) 0 0 repeat-x;
    background-size: contain;
}

footer .credit{
    width: 100%;
    height: 80px;
    margin:0 auto;
    padding:0;
    overflow: hidden;
    background: url(../images/common/credit_logo.png) 10px 10px no-repeat;

}

footer .credit p{
    color: #fff;
    line-height: 40px;
    text-indent: 60px;
    font-size: 18px;
    padding: 0 10px;
    text-align:left;
}

footer .credit small{
    font-size: 12px;
    margin:0 0 0 0;
}

footer .credit small:before{
    content: "\A";
    white-space: pre;
    margin-left: 10px;
}


/*--------------------------------------------------------------------*/
/*static common 共通*/
/*--------------------------------------------------------------------*/



/*--------------------------------------------------------------------*/
/*module モジュール*/
/*--------------------------------------------------------------------*/

.float_clear{
    clear: both;
}

/*--------------------------------------------------------------------*/
/*opacity - hover時に透明効果*/
/*--------------------------------------------------------------------*/

/*header nav ul li:hover,*/
header nav p:hover,
.eye_catch .eye_catch_inner .search_area form .search_btn:hover,
.travel_info .btn_cian_s a:hover,
.items_ranking .ranking_list li:hover,
.media .krorma_magazine dd .dist_access:hover,
.box:hover,
.side_items_list ul li.level1 a:hover,
.search_side .widget_wrapper form input[type="submit"]:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*無効にする*/
.items_ranking.popular_cat .ranking_list li:hover{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

/*--------------------------------------------------------------------*/
/*linkbox - ボックス全体をクリックできるようにする*/
/*--------------------------------------------------------------------*/

.something a{
	display: block;
	width:100%;
	height:100%;
}

/*--jquery ver--*/
.box{
    cursor: pointer;
}
.box:hover{
    /*background: #eee;*/
}

/*--------------------------------------------------------------------*/
/*text-indent - テキストを隠す*/
/*--------------------------------------------------------------------*/

.something {
	text-indent:-9999px;
	overflow: hidden;
}

/*--------------------------------------------------------------------*/
/*非表示にする*/
/*--------------------------------------------------------------------*/

.something {
    display:none;
}

/*--------------------------------------------------------------------*/
/*hr - 区切り線*/
/*--------------------------------------------------------------------*/

.gray_line{
    width:566px;
    height: 10px;
    clear: both;
    margin:20px 0;
    background: url(../images/common/gray_line.png) 0 0 no-repeat;
    border: none;
}

/*--------------------------------------------------------------------*/
/* display:none; 非表示にする */
/*--------------------------------------------------------------------*/

.dsnone{
    display:none;
}




/*===============================================*/
}	/* End @media screen and (max-width:479px) */