@charset "Shift_JIS";

/*float*/
.search_kokunaiBar{
    width: 96%;
    display: block;
}

/*titlebar*/
.commonTit3 {
    font-size: 2em;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    border-left: 8px solid #FFE900;
    padding: 5px 5px 5px 10px;
    -webkit-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    font-family: "Mplus 1p";
}

.osusumeTitKokunai img,
.osusumeTitKaigai img {
    width: 35px;
    height: auto;
    margin-right: 20px;
}
.topicpath a,
#maincontents .topicpath a:visited { color: #ffffff; }
#maincontents .topicpath a:hover { color: #ffffff; }

/*kokunai hotel_plan*/
#hotelplan_box{width:96%; margin:5% 2% 0; display:block;}
#hotelplan_box::after {content: "";display: block;clear: both;}
#hotelplan_box h3{font-size:18px;}
#hotelplan_box > div{width: 100%;margin: 0 0 8%;display: block;float: left;}
#hotelplan_box > div dl dt.hotelplan_box_image,
#hotelplan_box > div dl dd{width:48%;margin:0 1%;float:left;}
#hotelplan_box > div dl dd ul li{font-size:14px;margin-bottom:2%;}
#hotelplan_box > div dl dd ul li.hotelplan_box_areaname{font-size:10px;}
#hotelplan_box > div dl dd ul li.hotelplan_box_hotelname{font-weight:bold;}
#hotelplan_box > div dl dd ul li.hotelplan_box_planname{font-size:12px;}
#hotelplan_box > div dl dd ul li.hotelplan_box_price{color:red;font-weight:bold;}
#hotelplan_box > div dl dd ul li.hotelplan_box_bottom {line-height: 38px;transition: 0.3s;background: url(//www.nta.co.jp/tohoku/images/icon_bt_on.svg) right 5px center no-repeat #003081;background-size: 5px auto;border: rgba(255,255,255,0.5) 1px solid;font-size: 12px;text-align: center;}
#hotelplan_box > div dl dd ul li.hotelplan_box_bottom a{color:#FFF;}
#hotelplan_box > div dl dd ul li.hotelplan_box_bottom:hover {background: url(//www.nta.co.jp/tohoku/images/icon_bt.svg) right 8px center no-repeat #ffffff;border: #003081 1px solid;}
#hotelplan_box > div dl dd ul li.hotelplan_box_bottom:hover a{color: #003081;}

/*gadget_kokunai*/
html:has(.fw-modal-portal),
body:has(.fw-modal-portal) {overflow: hidden;}
#webconnect-gadget-1 header,
#webconnect-tour-hotels-gadget header {height: auto!important;}
.fw-top .fwnta-modal-search-condition {z-index: 9501!important;}
.search_kokunaiBar .serchBox.kokunaiS .fw-top .fwnta-select-area .fwnta-area-list__item > .fwnta-area-list {margin-left: 16px!important;}
.search_kokunaiBar .selectS{
    background:#EA498C!important;
}
.search_kokunaiBar .checkBlock p{
    display:inline-block;
}
.search_kokunaiBar .serchBox.kokunaiS{
    text-align:center; display: flex;
}
.search_kokunaiBar .serchBox.kokunaiS > ul li{
    text-align:center; background: #b2c4e7; color: #003081;
    font-size:16px; margin:0 0 4px; 
    width:100px; height: 85px; line-height: 85px;
}
.search_kokunaiBar .serchBox.kokunaiS > ul li:last-child { margin-bottom: 0; }
.search_kokunaiBar .serchBox.kokunaiS > ul li.select{
    background:rgba(0,0,0,0.6); color: #ffffff;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS p.topicpath { font-size: 13px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .date { width: 380px; margin-left: 15px; float: none; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS p { 
    color: #ffffff; text-align: left; font-size: 16px; 
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl{
    text-align:left; position: relative;
    margin-bottom:5px;
    overflow:hidden;
    font-size:12px;
}

.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dt{
    position: absolute; color: #003081; line-height: 40px; top:0; left: 12px; z-index: 4;
    float: none; width: auto;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .datecheck { margin-left: 5px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS label,
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS span {color: #ffffff;}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions { display: flex; flex-wrap:wrap; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions dl dd select.pl90 { padding-left: 90px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions dl dd select.pl70 { padding-left: 70px; }
.search_kokunaiBar .content_wrap.serchBox.originalCSS .required{
    background:#F00;
    padding:4px;
    color:#FFF;
    font-size:10px;
    margin-right:3px;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd{
    overflow:hidden; position: relative; display: flex; flex-wrap:wrap; float:none;
    align-items:center; width: auto;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd select { width: 180px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt {
    margin-top: 26px;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd select.month {
    width: 180px; margin-right: 0;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd:after {
    content: ""; width: 1px; height: 30px; background: #b9b9b9; position: absolute; left: 180px;
    top:5px;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd select.day {
    width: 100px; padding: 0 35px 0 10px;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd select {
    position: relative; height: 40px; line-height: 40px;
    /*width: 100%;*/
    padding: 0 35px 0 55px;
    margin-bottom:5px;
    margin-right:8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-size:13px;
    background:url(../images/icon_menu.svg) right 13px center no-repeat #ffffff;
    background-size:9px auto;
}
#NTA_W_CalendarContainer { z-index: 2000; }

/*kaigai_kokunai*/
.serchBox.kaigaiS > ul > li,
.serchBox.kokunaiS > ul > li{cursor: pointer;}
.content_wrap.serchBox.originalCSS{border:none;}

/*BTN*/
.search_kaigaiBar .content_wrap.serchBox.originalCSS button.btnSeach,
.search_kaigaiBar .content_wrap.serchBox.originalCSS p.btnSeach a{
    padding: 8px 0;
    background: url(/shared2015/common/images/ic_search_01.png) no-repeat #ff9800 97% 50%;
    background-size: 12px auto;
    color: #FFF;
    border: none;
    font-size: 20px;
    text-align: center;
    color: #FFF;
    width: 90%;
    margin: 0 auto;
    display: block;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    clear: both;
}
.content_wrap.serchBox.originalCSS .bswrp,
.content_wrap.serchBox.originalCSS .f-button { width: 100%; }
.search_kokunaiBar .content_wrap.serchBox.originalCSS button.btnSeach,
.f-button button,
.search_kokunaiBar .content_wrap.serchBox.originalCSS p.btnSeach a{
    height: 40px; line-height: 38px; transition:0.3s;
    background: url(../images/icon_bt_on.svg) right 13px center no-repeat #003081;
    background-size: 5px auto;
    border: #ffffff 1px solid;
    font-size: 20px;
    text-align: center;
    color: #FFF;
    width: 300px;
    margin: 0 auto;
    display: block;   
}
.search_box_pop_area { position: relative;}
.search_kokunaiBar { width: 100%; }
.serchBox.yado .column2WrapA01.withmap,
.serchBox.jr .column2WrapA01.withmap {
        width: 100%;
    }
.search_kokunaiBar .serchBox.kokunaiS { display: block; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .date { width: 100%; margin-left: 0; }
.search_kokunaiBar .serchBox.kokunaiS>ul { display: flex; justify-content:space-between; }
.search_kokunaiBar .serchBox.kokunaiS>ul>li { width: 20vw; margin-bottom: 0;
        height: 13vw; line-height: 13vw; background: #b2c4e7; font-size: 3.7vw; }
.search_kokunaiBar .serchBox.kokunaiS>ul li.select { background: #ededed; color: #161616; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox { 
        background: #ededed; color: #161616; padding: 4vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS p { 
        color: #161616; font-size: 3.8vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd { width: 100%; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd select.month { width: 100%; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd:after { background: none; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd select { height: 13vw; line-height: 13vw;
        font-size: 4vw; padding: 0 4vw 0 18vw; background-size: 2vw auto; width: 100%;
         border-radius: 0; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dt { line-height: 13vw; font-size: 4vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd select.day { width: 32vw; }
.content_wrap img.ic_cal { top:0; width: 5vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS label { color: #161616; font-size: 4vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions { display: block; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd select.pl70 {
        padding-left:22vw !important;
    }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions dl dd select.pl90 {
        padding-left:27vw !important;
    }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.pay dt { color: #161616; padding-right: 2vw; }
.search_kokunaiBar .content_wrap.serchBox.originalCSS button.btnSeach,
.search_kokunaiBar .content_wrap.serchBox.originalCSS p.btnSeach a {
        width: 74vw; height: 13vw; line-height: 13vw; font-size: 4vw;
        background-size: 2vw auto;
    }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS label,
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS span {color: #161616;}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS label { padding-left: 2vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS span { font-size: 3.2vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS button.btnSeach span, 
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS p.btnSeach a span { color: #ffffff; font-size: 4vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl { margin-bottom: 4vw; }
#airSearch { display: flex; flex-wrap: wrap; }
.calendar-hide {display: none;}
#airSearch p.date { background: url(../images/ic_cal_blue.svg) right 8vw center no-repeat #ffffff; background-size: auto 4vw; line-height: 13vw;
    color: #333;
    padding: 0 2vw;
    cursor: pointer; margin-bottom: 2vw; }

#airSearch dd { margin-bottom: 15px; }

#airSearch input[type="number"],
#airSearch input[type="number"]:disabled { background: #ffffff; padding: 0 2vw; line-height:8vw; opacity: 1; }

.NTA_air_popup_calendar_contents.depday{
  top: 100px;
  left: 218px;
}
.NTA_air_popup_calendar_contents.retday{
  top: 143px;
  left: 218px;
}

.NTA_air_popup_calendar_contents .title_air {
    float: left;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    height: 32px;
    background: #20208c;
    color: #fff;
    padding: 5px 0 0 0;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS p.title_air { color: #fff; }
.NTA_air_popup_calendar_contents .btnbox{float: right;}
.NTA_air_popup_calendar_contents .btnbox a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .calendarbox p { color: #16181c; }
.NTA_air_popup_calendar_contents .btnbox a::before,
.NTA_air_popup_calendar_contents .btnbox a::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(15% - -10%);
    left: 15%;
}
.NTA_air_popup_calendar_contents .btnbox a::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 14%;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl{
    text-align:left; position: relative;
    margin-bottom:5px;
    overflow:hidden;
    font-size:12px;
}

.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dt{
    position: absolute; color: #003081; line-height: 40px; top:0; left: 12px; z-index: 4;
    float: none; width: auto;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .datecheck { margin-left: 5px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS label { padding-left: 6px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions { display: flex; flex-wrap:wrap; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions dl dd select.pl90 { padding-left: 90px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS .conditions dl dd select.pl70 { padding-left: 70px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.pay { display: flex; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.pay dt { position: static;margin-right: 6px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl#NTA_JR2_KodawariBasic dt { position: static;
    line-height: 24px; }
.search_kokunaiBar .required{
    background:#F00;
    padding:4px;
    color:#FFF;
    font-size:10px;
    margin-right:3px;
}

.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd{
    overflow:hidden; position: relative; display: flex; flex-wrap:wrap; float:none;
    align-items:center; width: auto;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd select { width: 180px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd select.month {
    width: 180px; margin-right: 0;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl.deptDt dd select.day {
    width: 100px; padding: 0 35px 0 10px;
}
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd select {
    position: relative; height: 40px; line-height: 40px;
    width: 220px;
    padding: 0 8vw 0 17vw;
    margin-bottom:5px;
    margin-right:8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none; border-radius: 0;
    font-size:13px;
    background:url(../images/icon_menu.svg) right 13px center no-repeat #ffffff;
    background-size:9px auto;
}
.search_kokunaiBar .serchBox.kokunaiS #airSearch dl dd select { width: 150px;
    padding: 0 20px; margin-left: 1vw; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd select.dep { width: 280px; margin-right: 0; }
.search_kokunaiBar .serchBox.kokunaiS .s_air dl dd select.dep { width: 360px; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd.kc select { margin-right: 0; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS dl dd.kc:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #b9b9b9;
    position: absolute;
    left: 180px;
    top: 5px;
}
#NTA_W_CalendarContainer { z-index: 2000; }
.search_kokunaiBar .serchBox.kokunaiS .content_wrap.serchBox.originalCSS span.fc_red.fw_normal { display: inline-block; width: 50px; line-height: 20px; font-size: 3vw;
    color: #ffffff; background: #003081; text-align: center; margin-right: 1vw; }
.minus_or_plus_btn{
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 12px;
    padding: 0;
    line-height: 0;
    background: #FFF;
    cursor: pointer;
    border-radius: 18px;
    font-size: 18px;
    color: #aaa;
    border: 1px solid #aaa;
}
.minus_or_plus_btn:hover{
    background: #ff9326;
    color: #FFF;
    transition: 0.3s;
}
.NTA_air_popup_calendar_contents {
    width: 80vw;
    background: #FFF;
    border: 1px solid #bebebe;
    padding: 5px 5px 15px;
    z-index: 1;
}

#outboundCalendar{
    position: absolute;
    top: 0;
}
#returnCalendar{
    position: absolute;
    top: 63px;
}
.air-calendar__current {
  display: flex;
  float: left;
  width: 326px;
  margin: -3px auto 3px;
}
.air-calendar__current > span{width:12.5%;display:block;text-align:center;}

.monthPager{
  height: 20px;
  width: 100%;
}
.calendarbox{
  display: flex;
  justify-content: space-between;
}
.calendarbox > div {
    width: 49%;
    text-align:center;
}

.air-calendar__next {
  float: right;
    width: 8px;
    height: 8px;
    margin-right: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(45deg);
}
.air-calendar__prev {
  float: left;
    width: 8px;
    height: 8px;
    margin-left: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(-135deg);
}

.content_air .calenderBox > p{font-weight:bold;}

.NTA_air_popup_calendar_contents table{
    width:100%;
    margin-top: 15px;
}

.NTA_air_popup_calendar_contents table,
.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
  border: none;
  border-collapse: collapse;
}

.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
  padding: 2px;
  width: 24px;
  text-align: center;
  box-sizing: border-box;
}
.NTA_air_popup_calendar_contents th {
  color: #595959;
  background-color: #fff;
}

.NTA_air_popup_calendar_contents tr > th:first-child,
.NTA_air_popup_calendar_contents tr > td:first-child,
.NTA_air_popup_calendar_contents tr > td.holiday{
  font-weight: bold;
  color: #cc0d21;
}

.NTA_air_popup_calendar_contents tr > th:last-child,
.NTA_air_popup_calendar_contents tr > td:last-child{
  font-weight: bold;
  color: #2051c1;
}

.NTA_air_popup_calendar_contents tr > td.select-enable{
  cursor: pointer;
}
.NTA_air_popup_calendar_contents tr > td.current{
  background-color: rgb(32, 32, 140);
  color: #fff;

}
.NTA_air_popup_calendar_contents tr > td.select-enable:hover{
  background-color: #eee;
  font-weight: bold;
}
.NTA_air_popup_calendar_contents tr > td.select-disable{
  color: #ccc;
}
.hide-contents__disnone{display:none!important;}
.disnone{display:none!important;}
.spnone { display: none; }
#airSearch #returnDirection P { margin-left: 1em; }
.content_wrap.serchBox.originalCSS #pax_wrap p { width: 35vw; }
.search_kokunaiBar .serchBox.kokunaiS #doAirSearch span { color: #ffffff; }