@charset "utf-8";

/*------------------------------------
方面別エリアナビ
-------------------------------------*/
nav[id^="dataNav"] {
    width: 100%;
    margin: 5vw auto;
	background: #fff6c6;
    /*background: #fcdd51;*/
    /*border: solid 1px #cc9e17;*/
    padding: 2vw 3%;
}
nav[id^="dataNav"] .choice {
    text-align: center;
    /*font-size: 4.6vw;*/
    font-size: 5.6vw;
    line-height: 2.0em;
    font-weight: bold;
}
nav[id^="dataNav"] .items_wrap ul {
	display: flex;
	flex-wrap: wrap;
    color: #FFF;
    text-align: center;
	gap: 1.5vw 2%;
}
nav[id^="dataNav"] .items_wrap li {
	font-size: 3.2vw;
	line-height: 1.3;
    width: calc(98% / 2);
    position:relative;
    justify-content: center;
    align-items: stretch;
    background-color: #fff;
	border-radius: 5px;
}
nav[id^="dataNav"] .items_wrap li.col2 {
	width: 98%;
}
/*.is-2nd nav[id^="dataNav"] .items_wrap li:first-child {
	width: 98%;
}*/
nav[id^="dataNav"] ul li a{
    height: 100%;
	color:#000;
    text-decoration: none;
	padding: 8px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 5px;
	box-shadow: calc(1vw / 7.5) calc(1vw / 7.5) 0px 0px rgba(0, 0, 0, 0.5);
    /*border: solid 1px #ccc;*/
}
nav[id^="dataNav"] ul li.choosing a{
    background-color: #014099;
    color: #fff;
    box-shadow: none;
}
#dataNav .items_wrap li a:after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    right: 3px;
}
#dataNav-foot .items_wrap li a:after {
    font-family: FontAwesome;
    content: "\f106";
    position: absolute;
    right: 3px;
}
/*------------------------------------
ローディング
-------------------------------------*/
.loading{
	display: none;
	width: 100%;
	padding: 100px 0;
}
.loading > div{
	width: 20%;
	margin: 0 auto;
}

/*------------------------------------
目玉商品部分　ツアーポイント
-------------------------------------*/
.item__special {
    width: 100%;
    margin-top: 2vw;
    padding: 1vw 2vw;
    background-color: #f3f3f3;
    font-size: 3.0vw;
    line-height: 1.4em;
}
.item__special--title {
    font-weight: bold;
    color: #ff5400;
}
.item__special--text {
}
/*------------------------------------
imp商品部分　ツアーポイント
-------------------------------------*/

#impresso .item__special {
	width: auto;
	margin: 2vw;
}


/*------------------------------------
方面別下層ページ（横スクロール用）
-------------------------------------*/
.product__title--sub {
    background-color: #eb5d3b;
    font-size: 4.0vw;
    line-height: 1.3em;
    padding: 1vw 2vw;
    color: #fff;
    margin-top: 3vw;
    margin-bottom: 3vw;
}
.sp_scroll {
    width: 100%;
    overflow-x: scroll;
    overflow-scrolling: touch; 
}
.product__list--sp {
    display: flex;
    margin-bottom: 10vw;
}
.product__list--item--sp {
    width: 55vw;
    margin-right: 2vw;
    background-color: #fff;
    position: relative;
}
.product__list--data--sp {
    width: 55vw;
}
.product__list--item--sp a {
    text-decoration: none;
    color: #000;
}
.product__list--type--sp {
    padding: 1vw 2vw;
}
.product__list--type--sp.is-color-blue {
    background-color: #062d91;
    color: #fff;
}
.product__list--image-wrapper--sp .product__list--image {
    height: 35vw;
}
.product__list--text-wrapper--sp {
    padding: 2vw;
}
.product__list--text-wrapper--sp .product__list--notes {
    font-size: 2.8vw;
}
.product__contents .bnr_area {
    margin-top: 5vw;    
}
/*.product__list--dep {
    font-size: 2.8vw;
}*/
/*------------------------------------
 テーマ別特集項目タイトル
-------------------------------------*/
#product .theme-ttl {
    font-size: calc(54vw / 7.5);
    text-align: center;
    font-weight: bold;
}

/*------------------------------------
 商品部分　料金・出発日短い場合に横並びにしない
-------------------------------------*/
.product__list--price {
    display: block!important;
}

/*-------------------------------------
USJのタイトル文字調整
------------------------------------- */
.is-sp .usj .product__title--main-text {
  font-size: calc(45vw / 7.5);
}

/*-------------------------------------
変動制の注釈調整
------------------------------------- */
.is-sp .product__lineup--notes {
  margin-top: calc(45vw / 7.5);
}

/*--------------------------------------------
商品カセット　その他キャリアのリンク
---------------------------------------------*/
.product__list--other-btn {
    display: flex;
}
.product__list--other-btn a[href=""] {
    display: none;
}
.product__list--other-btn a {
    width: 50%;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1vw 1vw 0;
    color: #fff;
    /*background-color: #b4a313;*/
	background-color: #333;
    font-size: 3.4vw;
    line-height: 1.2em;
    font-weight: bold;
    padding: 0 2vw;
    text-decoration: none;
    border-radius: 1vw;
    position: relative;
}
.product__list--other-btn a:after {
	font-family: FontAwesome;
	content: "\f105";
    position: absolute;
    right: 1vw;
}
/*-----------------------------------------
  dst-navi調整
-------------------------------------------*/
/*.is-tour .tour-navi__wrapper {
	padding: calc(50vw / 7.5) 0 calc(26vw / 7.5);
}*/