@charset "utf-8";

.header{position: -webkit-sticky;position: sticky;top: 0;z-index: 999;}
.siteHeader{/*position: fixed;top:0;*/background: #fff;/*z-index: 999;*/width:100%}

/*書き換え*/
@media all and (min-width:569px){
.siteHeader{height: 90px}
/*.header + div {padding-top: 90px;}*/
.header_logo_wrap{border-bottom:1px solid #eee;padding:/*20px */0;height:50px}
.header_logo_wrap svg {overflow: inherit;}

.header_logo_box{min-width: 1210px;max-width:1900px;height:50px;margin:0 auto;display: flex;padding:0 10px}
#logo_view_travel{height:50px;padding:10px 0}
#logo_ekinet{height:20px;}
#logo_jreast{height:25px;}
}

.header_logo_box > .header_logo{order:1;}
.header_logo_box > .header_logo_group{display: flex;align-items: center;margin: auto 0;/* margin-left: auto;*/order: 4;/*padding: 5px 0 0;*/}
.header_logo_box > .header_logo_group li{padding:0 0 0 10px}


@media all and (min-width:569px){
.header_logo_box > .header_select_wrap{font-size: 1.4rem;line-height: 1.2;/*margin-right: auto;*/order: 2;/*padding-left: 150px;*/padding: 10px 20px 0;}
}

.header_select_wrap .header_select dd, .header_select_wrap .header_select select{height:30px}

.header_snav{order:3;display: flex;align-items: center; justify-content: flex-end; margin:0;/*0 auto*/ max-width:inherit; /* 1000px; */ padding: inherit;/*12px 0;*/}
.header_snav > li{}

/*書き換え*/
.header_snav li{font-size:1.4rem;line-height:1.2;padding:0;border-right: 1px solid #eee;background: #fff;}/*margin-left:0;padding-left:14*/
.header_snav li:first-child{border-left:1px solid #eee}
.header_snav li > a{padding: 16px 15px 16px 30px; display: block}
.header_snav li:nth-child(2) a{padding: 16px 15px;}

@media all and (min-width:569px){
.header_snav a.outside_icon{background-position: 15px 20px;}
}

input[type="text"], select, textarea{padding:4px 10px}


/*書き換え*/
.header_select dd::before {width: 24px;height: 24px;margin: 2px;}

/*書き換え*/
.globalNav{-webkit-box-shadow:/*0 1px 1px rgba(0,0,0,.2)*/none;box-shadow:/*0 1px 1px rgba(0,0,0,.2)*/none;/*★→*/background: #eff9f9/*#eee*/;border-bottom: 1px solid #eee;padding:0;}
.globalNav ul {justify-content: space-between;}
.globalNav li {width:calc(100%/4);}
.globalNav li a{font-size:1.6rem;color:#222;display: block;padding: 6.5px 10px;text-align: center;font-weight: bold;text-decoration:none}
.globalNav li a:hover {background:/*#ddd*/#eee;text-decoration:none;}

@media all and (max-width:568px){
body.is_lock:before{height: 10000vh;}
.siteHeader{height: 93px}
/*.header + div {padding-top:90px;}*/
.header_logo_box{width:100%;flex-wrap: wrap;display: flex;}
.header_logo_box > .header_logo_group{order: 2;padding:2% 2% 0 0;}
/*.header_logo_box > .header_logo_group li{padding-left:6.5%}*/
.header_logo_box > .header_select_wrap{order:3;display: flex;}
.header_logo1 {margin-right: auto;}
#logo_view_travel{height: 33.5px;padding: 3% 0 0 3%;}
#logo_ekinet{height:15px;}
#logo_jreast{height:20px;}


.header_select_wrap {border-top: 1px solid #eee;/*★追加*/border-bottom: 1px solid #eee;/*★/追加*/display: flex;justify-content: space-between;font-size: 1.2rem;order: 3;padding: 10px 8px 10px 10px;position: relative;width: 100%;}



.header_snav {display: none;}

.header_sp_menu .sp_menubox .header_snav_reserve {padding: 0;}
.header_sp_menu .sp_menubox .header_snav_reserve a.outside_icon {background-position: 30px 18px;padding: 10px 22px 10px 45px;}

.header_sp_menu .sp_menubox ul li:nth-child(2) a {padding: 10px 22px 10px 0;}

.sp_menubox li:last-child {padding-left: 1.2%;}
}


/*header contents*/
/*section [id]{margin-top:-100px;padding-top:100px;}
@media all and (max-width:568px) {
	section [id] {margin-top:-93px;padding-top:93px;}
}*/


/*IE 11*/

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){

.header{position: fixed;top: 0;z-index: 999;}
.header + div {padding-top: 90px;}

#logo_view_travel{width:160px}
#logo_jreast{width:40px}
#logo_ekinet{width:80px}
.outside_icon, .header_snav .header_snav a.outside_icon{display: block;background-image: url("/content/dam/jretravel/site/common/images/outside_icon_ie.svg");background-repeat:no-repeat;background-size:12px;padding:0 0 0 15px;background-position:0 1px;
}
.globalNav li a{padding:4px 10px}
}


/*テンプレート*/
ul.link_pattern {
  position: absolute;
  right: 0;
  z-index: 999
}

ul.link_pattern li {
  display: block;
}

ul.link_pattern li a {
  background-color: #efefef;
  color: #444;
  text-align: left;
  padding: 17px 15px 17px 15px;
}

ul.link_pattern li a:nth-child(1) {
  border-bottom: 1px solid #ddd
}

ul.link_pattern li a:hover {
  background-color: #ddd;
}

ul li ul.link_pattern {
  display: none;
}

ul.header_snav li:hover ul.link_pattern,
ul li.header_snav_reserve:hover ul.link_pattern {
  display: block;
}

@media screen and (max-width: 568px) {
  ul.link_pattern {
    padding: 0 !important;
    right: -68px;
    opacity: 1;
    z-index: 1;
  }

  .header_sp_menu>.sp_menubox>p>span.outside_icon {
    background-image: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2012%2012"><path%20d="M302.64,421.91v2.61h-8.15v-8.15h2.61m6.44,3.81v-4.71h-4.71m-.9,5.5,5.29-5.3m-10.68,2.66v8.14h8.14"%20transform="translate(-292.04%20-414.97)"%20fill="none"%20stroke="%23fff"%20stroke-miterlimit="10"/></svg>');
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-size: 12px;
    padding: 0 0 0 15px
  }

  .header_sp_menu .sp_menubox ul {
    margin: 0;
    padding: 0
  }

  .header_sp_menu .sp_menubox li:nth-child(2),
  .header_sp_menu .sp_menubox li:nth-child(3) {
    border: inherit;
    font-size: inherit;
    position: inherit;
    display: inherit;
    width: 100%;
    padding: 0
  }

  .header_sp_menu .sp_menubox ul li:nth-child(2) a {
    padding: 10px 22px 10px 15px !important
  }

  .header_sp_menu .sp_menubox ul li>p {
    margin: 0 0 0 4%;
  }

  .header_sp_menu .sp_menubox ul li:nth-child(2)>p a {
    padding: 0 0 0 6%;
  }

  .header_sp_menu .sp_menubox ul li>p a span {
    padding-left: 1%
  }

  .header_sp_menu .sp_menubox ul li:nth-child(2) {
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    margin: .5% 0
  }

  .header_sp_menu .sp_menubox ul.sp_menu2 li:last-child {
    border-bottom: none !important;
  }
}