@charset "utf-8";

/* theme_top start */
#header_box{width:100%!important; margin-bottom:0px!important; margin-left:0px!important; margin-right:0px!important; border-width:0px 0px 1px 0px!important;}
ul#nnb_end span.user_name{padding-right:8px; font-size:100%; color:#666666;}
#nnb_end .noticeno{margin-left:0.2em; color:rgb(250,128,31); font-size:1em;}
#nav{with:100%; background-color:#fa801f!important; padding:0;}

/* header */
.topheader{position: relative; overflow: hidden; zoom:1; min-height: 40px;}
.topheader {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
}
.topheader > p{display: inline;}
.top_header_logo img{margin-top: 0px;}
.topheader .user_name{padding: 0 0.5em 0 1em;}
.topheader .user_name a{color: #7a7a7a; font-weight: bold;}
.top_header_iconmenu ul li{display:inline-block; position:relative;}
.top_header_iconmenu ul li span{width: 15px;
    height: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    font-size: 9px;
    color: #FFF;
    background-color: #cc0000;
    text-align: center;
    font-weight:bold;
    position:absolute;
    top:5px;
    right:4px;
    letter-spacing:-0.1em;
}
.top_header_iconmenu{background-color:#FFFFFF; position:absolute; bottom: 0; right:0; height:43px;}
.top_header_iconmenu ul li{display:inline-block; position:relative;}
.top_header_iconmenu ul li:last-child{margin-left: 10px;}
.top_header_iconmenu .more a{font-weight:bold; color:#333333; padding:1em 2em 1em 1em;}
.top_header_iconmenu ul li a:hover,.top_header_iconmenu ul li a:active,.top_header_iconmenu ul li a:focus{opacity:0.6;}
.mainmheader{border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin:0;}
.mainmheader > div{padding:0; margin:0 auto; max-width:1200px;}
.mainmheader > div > div{padding:0; min-height:35px;}
.header_navi{width:100%; position: relative;}
.header_navi > p,.header_navi li{display:inline-block; float:left;}
.header_navi > p,.header_navi > nav{float:left;}
.header_navi #gnb_navi {width:2000px;}
.header_navi li:first-child{border-left: 1px solid #CCCCCC;}
.header_navi li{padding:9px 13px; border-right:1px solid #CCCCCC; min-height:33px;}
.header_navi li a{font-weight:bold; color:#333333;}
.header_navi > .more{position: absolute; right: 0;}
.header_navi > .more a{padding: 9px 13px; display: block; color: #333333; font-weight: bold; background-color: #ffffff;}
.header_navi .menu-coupon{background-color: #e83434;}
.header_navi .menu-coupon a{color: #fff;}

.gnb_navi_more{background-color: #ffffff; border:1px solid #cccccc; width: 125px; position: absolute; top:44px; left: -38px; z-index: 10;}
.gnb_navi_more li{display:  block!important; box-sizing: border-box; border: none!important; padding: 0;}
.gnb_navi_more li a{color: #333333; display:  block; font-weight: bold;width: 100%; padding: 0.5em; }
.gnb_navi_more li a:hover,.gnb_navi_more li a:active,.gnb_navi_more li a:focus,.menu_header_iconmenu .more a:hover,.menu_header_iconmenu .more a:active,.menu_header_iconmenu .more a:focus{opacity:1!important;}
.header_keysearch{border-top: 1px solid #cccccc; font-size: 14px; padding: 1em 0; text-align: center;}
.header_keysearch input{padding: 0.5em; border: 2px solid #CCCCCC; background:url(//imagel.sekainavi.com/simage/search/ico/ico_header_search.png) no-repeat right center / 30px 30px; padding-right:30px; box-sizing: border-box;}


@media (max-width: 1200px){
    .mainmheader > div > div{border-right: 1px solid #CCCCCC;}
}

/* header_menu */
.mainheader_menu{background-color:#ff9934;}
.mainheader_menu > div,.header_border > div{padding:0.5em 0; margin:0 auto; max-width:1200px; position: relative;}
#header_lg_upper1 h1{font-size:1.65em; font-weight:bold; padding:0.1em 0; line-height: 1.3em;}
.mainheader_menu > div > .header_link_close{bottom:0; top:auto;}
.mainheader_menu > div > .header_link_close a{color: #fff; font-weight: bold; text-decoration: none;}
.header_ksearch{margin:9px 0 -10px 0; width:130px; border:2px solid #CCCCCC; background:url(//imagel.sekainavi.com/simage/search/ico/ico_header_search.png) no-repeat right center / 30px 30px; padding-right:30px; box-sizing: border-box;}
.header_link_box{width:100%; max-width:100%!important;}
.header_link{padding:0; margin:0 auto; max-width:1200px; position:relative;}
.header_link li{display:inline-block; padding:0em 1em 0em 0em; font-size:1.1em;}
.header_link li a{padding:0.5em 0;}
.header_link li a:hover,.header_link li a:active,.header_link li a:focus{text-decoration:underline;}
.header_link li.on a{background-color:#141414; padding-left:2em; padding-right:2em;}
#P_header_menu_link{top:0px!important;}
@-moz-document url-prefix() {
    #P_header_menu_link{top:0px!important;}
}
#P_header_menu_link a{color:#fff!important; display: inline-block;}
#P_header_menu_link a:hover,#P_header_menu_link a:focus,#P_header_menu_link a:focus{text-decoration: none;}
.hlo_jenre_list > p a:hover{text-decoration: none;}
.header_link_allmenu{display:inline-block; position:absolute; right:0; top:0!important; line-height: 2.5em; background-color: #141414;}
.header_link_allmenu a,.header_link_open a{color:#FFFFFF; font-size:1em;}
.header_link_allmenu a{background:url(//imagel.sekainavi.com/simage/common/ico/header-icon-line.png) no-repeat 10px center; font-weight:bold; padding:0.5em 1em 0.5em 40px;}
.header_link_allmenu a.on{background-color:#141414; padding:0.5em 1em 0.5em 40px;}
.header_link_allmenu a.win_close{background:url(//imagel.sekainavi.com/simage/ico/icon_mainheader_close.png) no-repeat 10px center!important; font-weight:bold; padding:0.5em 1em 0.5em 40px; background-color:#141414;}
.header_link_open{padding:0 0 0.5em!important; background-color:#141414; max-width:100%!important;}
.header_link_open > nav{background-color: #636363;}
.header_link_open > .row{padding-bottom:0.5em; margin-bottom:0.5em;}
.header_link_open > div,.hlo_search{margin:0 auto 10px; max-width:1200px; position: relative;}
.header_link_open > div .more,.sl_smenu_open .more{position: absolute; bottom: -1px; right: 0;}
.header_link_open > div .more:last-child{bottom: -10px;}
.hlo_area_list,.hlo_station_list{padding-top: 10px;}
.hlo_search{padding:0; display: flex;}
.hlo_search li{font-size:1.3rem; font-weight:bold; width: 25%; padding: 0.5em; text-align: center; border-right:1px solid #141414;}
.hlo_search li:last-child{border: none;}
.hlo_search .on{background-color: #141414; border: none;}
.hlo_search .header_search_station{font-weight:bold;}
.hlo_search .header_search_spot{font-weight:bold;}
.hlo_keyform{margin:9px 0 -10px 0; width:130px; border:2px solid #CCCCCC; background:url(//imagel.sekainavi.com/simage/search/ico/ico_header_search.png) no-repeat right center / 30px 30px; padding-right:30px; box-sizing: border-box; background-color: #ffffff;}
.header_search_map{font-weight:bold;}
.hlo_search .header_link_allmenu{position:relative;}
.hlo_station_list{padding-bottom:10px!important;}
.hlo_station_list > div{padding:0;}
.hlo_station_list ul li{display: inline-block; margin-bottom: 5px;}
.hlo_station_list ul li::after{color:#ffffff; content: "｜"; padding: 0 5px;}
.hlo_station_list ul li:last-child::after{content: none;}
.hlo_station_list p{font-weight: bold; text-align: right;}
.hlo_station_list > div input{box-sizing:border-box; width: 90%}
.hlo_list{padding:0 1em;}
.hlo_list:last-child{border-right:none;}
.hlo_list li{padding-bottom:0.3em;}
.hlo_more{display:block; text-align:center; padding:0.5em 0;}
.hlo_area_list{padding-top: 10px;}
.hlo_area_list > .row{margin:0;}
.hlo_area_list > p{text-align: center; font-weight: bold;}
.hlo_area_list > p a,.sl_smenu_open .more a{background: #e8473d; padding: 0 5px; font-weight: bold; font-size: 16px;}
.hlo_area_list > p a:hover,.hlo_area_list > p a:focus{ text-decoration: none;}
.all_area_more{text-align: right!important; padding-bottom: 1.5em;}
.all_area_more a{background-color: transparent!important; font-size: 13px!important; }
.hlo_jenre_list{border-top: 1px solid #515151; padding-top: 10px;}
.header_link_check{background-color: #242424; color: #ffffff; opacity: 0.9; padding: 1em 1em 0.5em; margin: 1em auto!important;}
.header_link_check ul{margin-top: 10px;}
.header_link_check li{color: #ffffff; display: inline-block; width: 14.2%; margin-bottom: 0.5em; vertical-align: top;}
.header_link_check label{display: inline; font-weight: normal; margin-left: 3px; margin-bottom: 0;}
div.header_link_box{background-color: #FFFFFF; border-bottom: 1px solid #cccccc;}
.header_border{border-bottom: 1px solid #fff; width: 100%!important; max-width: 100%!important; padding: 0 0 0.5em!important;}

@media (max-width: 1200px){
    @-moz-document url-prefix() {
        #P_header_menu_link{top:0px!important;}
    }
    .mainheader_menu > div{padding: 0 1em!important;}
}


/* header_reservation_form */
.header_reservation p{display:inline; font-size:1.1em; margin-left:35px; color:#333333;}
.header_tour_search{text-align:center;}
.header_tour_search .clear{color: #333333}
.header_reservation label{font-weight:normal; margin:0 3px 0 0;}
.header_btn{background-color:#e8473d; color:#FFF; font-size:1.2em; padding:0.4em 2em; border:none;}
.header_btn:hover,.header_btn:active,.header_btn:focus{background-color:#e8473d;}
.header_hotel_search{display: flex; justify-content: center; position: relative;}
.header_hotel_search .header_link_close{top:20px;}
.header_hotel_search > div{margin: 0 0.5em;}
.header_hotel_search span,.header_hotel_search label{color: #333;}
.header_hotel_search span{margin-left: 2em; padding-right: 3px;}
.hhs_button{padding: 0 3em;}
.hhs_date{width: 100px;}
.hhs_box2 > div{margin-bottom:10px;}
.hhs_box2 > div:last-child{margin-bottom:0px;}
.hhs_in_box td{padding-bottom:5px;}
.header_link_close{background-color: #141414; padding: 0.5em 1em; right: 0; top: -31px; position: absolute;}
.header_link_close a{background:url(//imagel.sekainavi.com/simage/ico/icon_mainheader_close.png) no-repeat left center; padding-left: 28px;}


@media (max-width: 1199px){
    .mainheader_menu > div{padding:0 1em 0.5em;}
    .header_link_box{padding:0.5em 0 0.5em 0.5em!important;}
    .hlo_list:nth-child(2n){border-right:none;}
    .header_link_check{display: inline-block; width: 100%;}
    .header_link_check li{width: 20%;}
    .hlo_station_list{margin-right: 1em!important; margin-left: 1em!important;}
    div.header_link_box{padding: 0.5em 0em!important;}
    .mainheader_menu > div > h1{padding:0.5em 0 0;}
}

@media (max-width: 991px){
    #nav ul li{padding:5px 2px!important; text-align:center; font-weight:bold; font-size:0.9em;}
    #nav ul li a{padding:5px 2px;}
    #nav ul li img{margin:3px; width:60%;}
    .header_navi img{margin-top:3px;}
    .menu_header_iconmenu ul li span{right:10px;}
    .header_link_open{padding:0 0 1em;}
    .hlo_list{border:none;}
    .hlo_list li,.header_link_check li{width:50%; float: left;}
    .header_hotel_search{flex-direction: column;}
    .header_hotel_search > div{margin-bottom: 10px;}
    .header_hotel_search span:first-child{margin-left: 0;}
    .hhs_button{padding: 0;}
}

@media (max-width: 767px){
    .header_navi #gnb_navi{width:100%; display: flex; flex-wrap: wrap; border:1px solid #cccccc; border-width:0 0 0 1px!important;}
    .header_navi > p, .header_navi li{float: none; width: 25%; border-bottom: 1px solid #CCCCCC; padding: 8px 5px; text-align: center; min-height: initial;}
    .header_navi{margin-bottom: 10px;}
    .header_navi li:first-child{border-left: none;}
    .header_navi li:nth-child(4n){border-right: none;}
    .header_navi img{width:100px; height:auto; margin-top:7px;}
    .menu_header_iconmenu{padding-top:2px;}
    .menu_header_iconmenu img{width:35px; height:35px; margin-top:5px;}
    .menu_header_iconmenu ul li span{right:4px;}
    .menu_header_iconmenu .more a{padding:1em 0 1em 1em;}
    .header_link_open > .hlo_search:first-child{border-bottom:none!important; margin-bottom: 0!important; padding-bottom: 0!important;}
    .hlo_search_xskey{margin-top: 5px!important; text-align:center;}
    .hlo_search_xskey input{width: 80%; box-sizing: border-box;}
    .hlo_station_list{margin-top:10px; padding: 0 1em; text-align: left;}
    .hlo_station_list p{font-weight: normal;margin-top: 5px; text-align: center;}
    .header_link_open{padding:0!important;}
    .header_link_open > .row{margin-top: 10px;}
    .header_link_check{margin-bottom:0!important;}
    .hlo_search{flex-wrap: wrap; text-align: center;}
    .hlo_search > div{width: 50%; padding: 0.8em 0.3em; border-bottom: 1px solid #515151;}
    .hlo_search > div:nth-child(1),.hlo_search > div:nth-child(3){border-right: 1px solid #515151;}
    .hlo_search > div.on{background-color: #5b5b5b;}
    .top_header_logo img{width: 130px; height: auto; margin-top: 2px;}
    .sl_smenu_box{padding: 0.5em;}
    .hdr_menu_cap{margin-bottom: 10px;}
    .reserve_theme_top span{padding-left: 0!important; font-size: 20px; color: #333; display: block;}
    .ritem_wrap{display: flex; font-weight: normal; align-items: center;}
    .ritem_box > label,.ritem_box > span:first-child{display: block; font-weight: normal;}
    .header_btn{width: 100%;}
    .ritem_box{width:25%; padding: 1%; box-sizing: border-box;}
    .hotel_checkin_xs{width: 50%;}
    .hotel_checkin_xs label{margin-bottom: 0px;}
    .hotel_checkin_xs .hhs_date{padding: 0.4em;}
    .ritem_box input,.ritem_box select{width: 100%; box-sizing:border-box;}
    .sl_smenu_box .hhs_button{margin-top: 20px; margin-bottom: 0!important;}
    .ritem_ttl_big{font-weight: bold!important; font-size: 1.3rem;}
    #newS_menu_area_genre{position: relative;}
    .header_link_open > div .more,.hlo_area_list > p a,.sl_smenu_open .more{bottom: -10px!important;}
    #newS_menu_allarea_genre{padding-top:1.5em!important; border-top: 1px solid #515151!important;}
    .xs-station-form{float: left; width: 50%;}
    .xs-station-area{float: left; width: 50%;}
    .xs-station-area li{float: none!important; display: inline!important; width: auto!important;}
    .xs-station-area li::after{content: "｜"; padding:0.5em; color:#fff;}
    .xs-station-area li::after:last-child{display: none;}
    .xs-station-search{margin-bottom: 10px; padding: 10px 1em!important;}
    .xs-border{border-top:1px solid #515151!important;padding-top:1.5em!important; }
    .kwsrch_toggle img{width: 80%; height: auto;}
    .top_header_iconmenu{height:37px;}
}

