@charset "utf-8";
/****************************************************************/
/* class名注意事項
/* PCのみ表示⇒「.○○_pc」　SPのみ表示⇒「.○○_sp」
/*
/****************************************************************/
/*
/* メディアクエリ設定 960px以上
/* 通常(PC用)記述の場所
/*
/****************************************************************/
/* 共通設定 */
html {
    scroll-behavior: smooth;
}

.scroll-behavior-auto{
    scroll-behavior: auto;
}

.color_blue{
  color: #0033A0;
  font-size: 16px;
}

.ua_button300{
  max-width: 300px;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right.svg);
  background-repeat: no-repeat;
  background-position: right 3% bottom 50%;
  background-size: 26px;
}
.ua_button300white{
  max-width: 300px;
}

.ua_button256{
  max-width: 256px;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right.svg);
  background-repeat: no-repeat;
  background-position: right 3% bottom 50%;
  background-size: 26px;
}

.ua_button256white{
  max-width: 256px;
}

.img-h2{
  position: relative;
}
.slideMv img {
  max-width: none;
}
/*ヘッダーアイコン */
@media all and (-ms-high-contrast: none) {

	}

/* メインビジュアル */
.mainArea_PC {
	background-image: url(../img/index_mainbg_pc.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.mainArea_PC p{
	width: 960px;
	margin: 0 auto;
}
.mainArea_PC p img {
	zoom: 1;
}
.mainArea_SP img {
	width: 100%;
	height: auto;
	zoom: 1;
}

.SP_uaMVlogo{
  width:40%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}

/* ナビ */
.mvNav__list>li>span:hover{
  color: #ffffff;
}
.uaNav .mvNav__item{
  font-size: 14px;
}

.ua_emphasis{
  font-weight: bold;
  color: #0033A0;
  font-size: 12px;
}
.uaNav .mvNav__item:hover .ua_emphasis{
  color: #fff;
}

.uaNav .mvNav__item .ua_emphasis{
  transition: all .25s ease-out;
}

.uaNav .mvNav__item:hover, .uaNav .mvNav__item .ua_emphasis:hover{
    background: #0C2340;
    color: #FFF;
}

/*SPナビ*/
.ua_nav_sp{
  background: #E8E8E8;
}
.ua_emphasis_sp{
  font-weight: bold;
  color: #0033A0;
  font-size: 12px;
  text-align: center;
}
.ua_spNAV{
  background-color: #F2F2F2;
}
.ua_spNAV .slideNav__inner{
  background-color: #F2F2F2;
  position: relative;
}

.ua_spNAV .slideNav__inner{
  flex-direction: column;
  justify-content: center;
  padding: 8px 4px;
}

.ua_spNAV_text{
  padding-top: 4px;
  text-align: center;
}

.ua_spNAV::after {
    content: '';
    position: absolute;
    width: 1px;
    top: 8px;
    bottom: 8px;
    left: -1px;
    background: #888888;
}

/* internet */
section#Introduction {
	padding-bottom: 165px;
	background: url(../img/index_bg01.png) no-repeat bottom right;
}
.contentWrapper .leadbox h3 {
	color: #d81e05;
	text-align: left;
}
.leadimg {
	width: 42%;
	float: left;
	margin: 20px 0 0 20px;
	background-color: #e5e5e5;
}
.leadimg img {
	width: 100%;
	zoom: normal;
	margin-top: -40px;
	margin-left: -40px;
	margin-bottom: 40px;
}
.leadtxt {
	width: 52%;
	float: right;
}
.tablearea {
	margin-top: 40px;
}
.tablearea .font_b {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 18px;
}
.tablearea table{
	width: 49%;
	float: left;
	border: 1px solid #c7c7c7;
	text-align: center;
}
.tablearea table:nth-of-type(2n) {
	float: right;
}
.tablearea table colgroup .w33per {
	width: 33%;
}
.tablearea table th {
	padding: 6px 0;
	color: #fff;
	background-color: #70a8c4;
	font-size: 16px;
	text-align: center;
}
.tablearea table tr td {
	padding: 6px 0;
	font-size: 14px;
}
.tablearea table tr:nth-of-type(2) td {
	border-bottom: 1px solid #c7c7c7;
	background-color: #f7f7f7;
}
.tablearea table tr:nth-of-type(3) td {
	color: #70a8c4;
}
/* Services */
.color_white{
  color: #fff;
}

.button_transparent{
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
/* Destination */
#Destination {
	background-attachment: fixed;
	background-image: url(../img/index_bg02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.cityListbox .swiper-wrapper .swiper-slide {
		width: 28.5%;
	padding: 15px 15px 20px;
		background-color: #fff;
	box-shadow: 2px 2px 18px -4px #bfbfbf;
}
.cityListbox h4 {
		line-height: 1.5;
	padding-left: 12px;
	border-left: 4px solid #d81e05;
	color: #331717;
	font-size: 19px;
	font-weight: bold;
}
.cityListbox h4 span {
		color: #8f8f8f;
	font-size: 15px;
	font-weight: normal;
}
.cityListbox img {
	width: 100%;
	zoom: normal;
}
.cityListbox figure {
	margin-top: 10px;
}
.cityListbox .txt {
	margin-top: 10px;
}


.service_citySP{
  border: 1px solid #95989A;
  text-align: center;
  margin-bottom: 16px;

}
.service_citySP .grid-col4{
  height: 40px;
  background-color: #333333;
  color: #fff;
  font-size: 12px;
  vertical-align: middle;
  padding: 12px 8px 8px 8px;
}

.service_citySP .grid-col6{
  border-bottom: 1px solid #95989A;
  padding: 8px;
}

.service_citySP .grid-col6:nth-child(even),
.service_citySP .grid-col6:nth-child(odd) {
  border-right: 1px solid #95989A;
}

.service_citySP .grid-col6:last-child,
.service_citySP:nth-of-type(1) .grid-col6:nth-last-of-type(2),
.service_citySP:nth-of-type(2) .grid-col6:nth-last-of-type(2),
.service_citySP .grid-col6:nth-last-child(1){
  /*border-bottom: none;*/
}

/*カルーセル*/

.ua_carousel .gridCarousel__dots li.slick-active button{
  background: #B6B8DC;
}


/*boring777SP*/

.ua_girdTextLink{
  padding: 0;
    padding-left: 30px;
    font-size: 12px;
}
.ua_seaticon{
  width: 20px;
  left: 0;
}

.ua_seat{
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*マイレージ*/
.contents-subTitle {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  padding-left: 16px;
}
img.text_icon {
  width: 121px;
  display: inline-block;
  padding-top: 2px;
}
img.polaris_icon {
  width: 145px;
  display: inline-block;
  padding-top: 2px;
  position: absolute;
  left: 0;
}

img.text_icon_sp {
  width: 85px;
  display: inline-block;
  padding-top: 2px;
}

.img_text_box{
    margin-bottom: 20px;
    display: flex;
    align-items: center;     /*上下中央揃え*/
}

.logo_text{
  display: inline-block;
  padding-left: 16px;
  padding-top: 12px;
  font-size: 1.6rem;
}

.title16{
  font-size: 16px;
}

#ua_Premium_Plus_sec .grid-row--noGutter div.grid-col2:nth-of-type(1),
#ua_Premium_Plus_sec .grid-row--noGutter div.grid-col2:nth-of-type(4){
  width: 372px;
}

#ua_Premium_Plus_sec > .section__container{
  padding-bottom: 0;
}
#ua_gum .heading--md:nth-of-type(2),
#ua_gum .heading--md:nth-of-type(3) {
  position: relative;
  /*padding-left: 142px;*/
  margin-bottom: 15px;
}
#ua_gum .heading--md:nth-of-type(2) {
  /* position: relative; */
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
}
#ua_gum img.text_icon{
  position: absolute;
  left: 0;
  top: 19px;
  width: 132px;
}
#ua_gum img.text_icon.ua-c {
  position: relative;
  left: 0;
  top: 13px;
}
.pb-15{
  padding-bottom: 15px;
}
.pb-30{
  padding-bottom: 30px;
}
#ua_gum .imgContainer--full{
  margin-bottom: 10px;
}
#ua_gum .imgContainer--full + h4{
  font-size: 17px;
  font-weight: bold;
}
#ua_gum .ua-e .heading--md{
  position: relative;
  padding-left: 142px;
  margin-bottom: 20px;
}
#ua_gum .ua-e .heading--md .text_icon{
  top: -13px;
}
li.slideNav__item{
  position: relative;
}
li.slideNav__item:not(:nth-of-type(1))::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  width: 0;
  height: 40px;
  border: 0.5px solid #888787;
}
img.text_icon.ua-c + span {
  padding-left: 10px;
}

#ua_services h2.heading--title + h3,
#ua_Premium_Plus h2.heading--title + h3,
#ua_mileage h2.heading--title + h3 {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
#ua_Premium_Plus .grid-col3{
  padding-bottom: 0;
}
#ua_Premium_Plus .pb-md {
  padding-top: 16px;
}

@media screen and (max-width: 767px) {
  #ua_services .section__container > h2.heading--title{
    margin-bottom: 5px;
  }
  .amenity > p:nth-of-type(2),
  #ua_Premium_Plus .section__container > h2.heading--title{
  margin-bottom: 15px;
  }
  #ua_services img.text_icon_sp + span.heading--text {
    font-size: 0.9rem;
    padding-left: 10px;
  }
  #ua_Premium_Plus h3 > img.text_icon_sp,
  #ua_mileage h3 > img.text_icon_sp {
    width: 140px;
  }
  #ua_Premium_Plus h3 > img.text_icon_sp + span.heading--text{
    font-size: 12px;
    padding-left: 10px;
  }
  #ua_mileage h3 > img.text_icon_sp + span.heading--text {
    font-size: 12px;
    padding-left: 10px;
    padding-top: 0!important;
}
  #ua_services h3 > img.text_icon_sp {
    width: 90px;
    display: inline-block;
    padding-top: 2px;
  }

  #ua_gum p.heading--md > img.text_icon_sp {
    width: 132px;
    padding-top: 0;
  }
  p.u-eco {
    display: flex;
    align-items: flex-start;
  }
  #ua_gum p.u-eco img.text_icon {
    position: initial;
    padding-top: 0;
  }
  p.u-eco span {
    padding-left: 10px;
    /* top: 15px;
    position: relative; */
}
  #ua_gum .heading--md:nth-of-type(3) {
    padding-top: 0!important;
    font-size: 1.43rem;
    display: flex;
    align-items: center;
}
/* #ua_gum .heading--md > img {
  position: static;
  left: 0;
} */
#ua_gum img.text_icon.ua-c {
  position: static;
  padding-top: 0;
}
#ua_gum .heading--md > img.text_icon_sp + span {
  /* top: 14px;
  position: relative; */
  padding-left: 10px;
}
#ua_gum .heading--md > img.text_icon.ua-c + span {
  /* top: 32px;
  position: relative; */
  padding-left: 10px;
}
  #ua_gum .heading--md {
    padding-left: 0;
    font-size: 1.43rem;
    display: flex;
    align-items: center;
    margin-bottom: 6vw;
  }
  .i-supply {
    padding-left: 20px;
}
  .i-supply img{
    width: 10px;
    position: relative;
    left: -15px;
  }
  #ua_gum .heading--md:nth-of-type(2), #ua_gum .heading--md:nth-of-type(3) {
    margin-bottom: 6vw;
  }
  .slideMv_wrap{
  position: relative;
  }
}

/* 検索ボックス PC */
.is-pc #searchApp {
  padding: 50px 0;
}

/* 検索追従 PC */
.floating_btn {
  top: 300px;
  right: 10px;
  position: fixed;
  z-index: 9999;
  display: none;
}
.floating_btn img {
  width: 160px;
}

/* 検索ボックス SP */
ul.tabMenu01.rn-searchMod__navList.rn-searchMod__navList--ovs {
    width: 75%;
}
li.navi04.navi--ovsHotel.rn-searchMod__navListItem, 
li.navi05.navi--ovsOptional.rn-searchMod__navListItem, 
li.navi07.navi--bothOnline.rn-searchMod__navListItem {
    display: none;
}

/* 取り組み＆ツアー枠追加 */
#ua_environment .attention--area {
  border: 1px solid #0033A0;
  padding: min((20vw / 7.5), 15px);
}
#ua_environment .heading--title {
  font-size: 1.5rem;
  margin-bottom: min((10vw / 7.5), 10px);
}

.product__list {
  display: grid;
  gap: min((40vw / 7.5), 20px);
}
.product__list:not(:last-child) {
  margin-bottom: min((50vw / 7.5), 40px);
}
.is-pc .product__list {
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 20px;
}
.is-pc #product-air .product__list {
  gap: min((20vw / 7.5), 32px);
  grid-template-columns: repeat(2, 1fr);
}
.product__list--inner {
  background: #fff;
  color: inherit;
  display: grid;
  line-height: 1.2;
  height: 100%;
  align-content: start;
  transition: box-shadow .3s;
  text-decoration: none;
}
.is-sp .product__list--inner {
  grid-template-columns: min((280vw/ 7.5), 280px) 1fr;
  grid-template-areas:
    "label label"
    "img txt";
  gap: 0 min((20vw/ 7.5), 20px);
  padding: min((20vw/ 7.5), 20px);
}
.is-sp .product__list--item .product__list--inner {
  border-bottom: 1px dashed #888;
}
.is-pc .product__list--inner {
  grid-template-rows: auto 1fr;
  border: 1px solid #000;
  position: relative;
}
.is-sp .product__list--label {
  grid-area: label;
  display: flex;
  flex-wrap: wrap;
  gap: min((10vw/ 7.5), 10px);
  margin-bottom: min((15vw/ 7.5), 15px);
}
.is-pc .product__list--label {
  position: absolute;
  z-index: 1;
}
.product__list--label [class*="product__list--label--"] {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  color: #fff;
  font-size: min((20vw/ 7.5), 12px);
  font-weight: bold;
  height: min((50vw/ 7.5), 25px);
  min-width: min((180vw/ 7.5), 90px);
}
.product__list--label--line {
  background: #07b53b;
}
.product__list--label--koukoku {
  background: #ff6000;
}
.product__list--item.ctcms_item:not(.line):not(.ad) .product__list--label, .product__list--item.ctcms_item:not(.line) .product__list--label--line, .product__list--item.ctcms_item:not(.ad) .product__list--label--koukoku {
  display: none;
}
.is-sp .product__list--image {
  grid-area: img;
}
.product__list--photo {
  object-fit: cover;
  width: 100%;
  height: min((187vw/ 7.5), 187px);
}
.is-pc .product__list--photo {
  height: 160px;
}
.product__list--text-wrapper {
  font-size: min((20vw/ 7.5), 12px);
}
.is-sp .product__list--text-wrapper {
  grid-area: txt;
}
.is-pc .product__list--text-wrapper {
  display: grid;
  padding: 12px 10px;
}
.product__list--title {
  font-weight: bold;
  font-size: min((28vw/ 7.5), 15px);
  line-height: 1.3;
  margin-bottom: .5em;
}
.product__list--detail {
  color: #333;
  margin-bottom: 1em;
}
.product__list--price {
  color: #888;
  margin-top: auto;
}
.product__list--minmax {
  color: #ff0000;
  font-size: min((28vw/ 7.5), 16px);
}
.product__list--minmax:not(:last-child) {
  margin-bottom: .5em;
}
.product__list--minmax .is-en {
  font-size: calc(35em / 50);
}
.product__list--minmax ~ [class*="product__list--"] {
  margin-top: .25em;
}
#ua_tour .btnbox {
  display: flex;
  justify-content: center;
  margin-top: min((50vw / 7.5), 50px);
}
#ua_tour [class*="btnbox"] li a {
  display: block;
  transition: .4s;
  font-size: min((30vw / 7.5), 16px);
  border: 1px solid #0033A0;
  background-color: #0033A0;
  background-image: url(/cmn/icon/icon_arrow_right_white.svg);
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 32px 32px;
  color: #ffffff;
  text-align: center;
  width: min((690vw / 7.5), 400px);
  padding: min((25vw / 7.5), 18px);
  text-decoration: none;
}
.is-sp #ua_tour [class*="btnbox"] li a {
  background-position: 97% 50%;
}
#ua_tour [class*="btnbox"] li a[target="_blank"] {
  background-image: url(/cmn/icon/icon_blank_white.svg);
  background-size: 32px 32px;
}

@media (hover : hover) and (pointer : fine) {
  .is-pc .product__list--inner:hover {
    box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, .5);
  }
  .is-pc #ua_tour [class*="btnbox"] li a:hover {
    background-color: #ffffff;
    background-image: url(../images/icon_arrow_right_blue.svg);
    color: #0033A0;
  }
  .is-pc #ua_tour [class*="btnbox"] li a[target="_blank"]:hover {
    text-decoration: none;
    background-image: url(../images/icon_blank_blue.svg);
  }
}