@charset "utf-8";
html {
  font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size:14px;
  line-height:1.5;
  color:#333; 
}

body {
	width: 100%;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

h2{
    border: none;
    padding: 0;
}

ul, menu, dir{
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
*, p, img, span, div, article, section, li{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
*, *:after, *:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}
.clearfix:before, .clearfix:after{
    display: table;
    content: '';
}
.clearfix:after{
    clear: both;
}

a:hover {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}

.white {
    color: #FFF;
}
.pink {
    color: #FC7B6D;
}


/*header, footer 調整 ---*/
#login {
    display: none;
}
.pan-box {
    padding: 14px 0px 6px;
}
footer .subMenuArea {
    margin: 0;
    padding:0;
}
.subMenu {
    width: auto;
    float: none;
}
.subMenu li {
    margin: 0;
    border-radius: 0;
}
#wrap{
	padding-top: 0px!important;
}

/* ボタン 標準（共通）
--------------------*/
a.btn {
	display: inline-block;
	vertical-align: middle;
	border-radius: .2em;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	margin: .5em 0;
	padding: .5em 2em .5em 1em;
}
a.btn:link,
a.btn:visited {
	background : linear-gradient(to bottom, #ffffff, #e9e9e9);
	border: 1px solid #bbb;
	color: #555;
	padding: 15px;
}
a.btn:hover,
a.btn:active {
	border:1px solid #bbb;
	background: #e9e9e9;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #aaa;
}

/* ボタン 紺 */
a.btn-navy:link,
a.btn-navy:visited {
	background : linear-gradient(to bottom, #004098, #013377);
	border: 1px solid #0664E6;
	color: #fff;
}
a.btn-navy:hover,
a.btn-navy:active {
	border:1px solid #0664E6;
	background: #013377;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #ddd;
}
/* ボタン 赤 */
a.btn-red:link,
a.btn-red:visited {
	background : linear-gradient(to bottom, #E94E37, #D6371F);
	border: 1px solid #FF6B55;
	color: #fff;
}
a.btn-red:hover,
a.btn-red:active {
	border:1px solid #FF6B55;
	background: #D6371F;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #eee;
}
a.btn-block {display: block;
	width: 90%;
    margin: 0 auto;;}
a.btn-large {font-size: 1.7em;}
a.btn-middle {font-size: 1.3em;}
.txtC{text-align:center;margin:0 auto 2em;}
img.photo_pus{
	width:800px;
}

/*セクション*/
.tour-wrap, .air_box, .shiten-box {
    padding: 8vw 0 8.5vw;
}

/*パンくず*/
#panWrap{
	width: 100%;
}
.panbox{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1%;
	font-size: 12px;
}
.panbox li a{text-decoration:none;color:#000;}
.panbox li a:after{
	content:"\f054";
	font-family: FontAwesome;
	padding:0 2px;
	font-size:.6em;
	font-weight:normal;
}


/*共通*/
.pink-bg {
    background: linear-gradient(-45deg, #FA5F5F 25%, #FB7777 25%, #FB7777 50%, #FA5F5F 50%, #FA5F5F 75%, #FB7777 75%, #FB7777);
}

.tour-box-inner h2, .shiten-box h2{
    text-align: center;
    color: #FFF;
    font-size: 5vw;
    font-weight: bold;
    letter-spacing: .15em;
}

.shiten-box h2 {
    color: #FC7B6D;
}

.shiten-box h3 {
	text-align: center;
	color: #FC7B6D;
	letter-spacing: 0.2em;
	line-height: 1.2em;
	font-style: normal;
	font-size: 3.5vw;
	font-weight: bold;
	margin-top: 1vw;
}
.ttl-en {
    letter-spacing: 0.1em;
    font-size: 3vw;
    text-align: center;
    font-weight: bold;
    margin: 1vw 0 5vw;
}
#lgk .tour-box-inner .ttl-en,#bki .tour-box-inner .ttl-en,#pen .tour-box-inner .ttl-en,#kul .tour-box-inner .ttl-en {
    color: #FC7B6D; 
}
.ttl-en:after, .ttl-en:before {
    content: " - ";
}

/*------------------------------------------------
	メインビジュアル
--------------------------------------------------*/
#mainVisual img {
    width: 100%;
    vertical-align: bottom;
}

/*------------------------------------------------
	イントロ
--------------------------------------------------*/
.area-intro {
    position: relative;
    background-size: 4px 4px;
    margin-top: 0;
    padding: 8vw 0;
}

.intro-icon {
    position: absolute;
    top: -4.8vw;
    right: 0;
    left: 0;
    width: 10%;
    margin: auto;
}

.intro-icon img {
    width: 100%;
}

.area-intro-inner {
    width: 90%;
    margin: 0 auto;
}

.area-intro-inner img {
    width: 100%;
    vertical-align: bottom;
}

.intro {
    text-align: center;
    font-size: 3.7vw;
    font-weight: bolder;
    color: #FFF;
    letter-spacing: .03em;
    line-height: 1.7em;
}

.intro p:first-child {
    margin-bottom: 1vw;
}

.intro strong {
    font-size: 7vw;
    color: #FFF;
}

.intro-txt {
    font-size: 3.3vw;
    color: #FFF;
    margin: 2vw 0 6vw;
    line-height: 1.7em!important;
    font-weight: normal;
}
/*----------------------------------
MYSロゴ
-----------------------------------*/
.mys-logo {
	width: 90vw;
	margin: 0 auto 5vw;
}
.mys-logo img {
	width: 100%;
}
/*------------------------------------------------
	バナーエリア
--------------------------------------------------*/
#area-bnr img {
    width: 100%;
    vertical-align: bottom;
}

#area-bnr ul {
   list-style: none; 
   margin: 0 auto;
}

#area-bnr ul li {
    margin-bottom: 1vw;
}

#area-bnr ul li:last-child {
    margin-bottom: 0;
}

#area-bnr ul li a {
    display: block;
}

/*---------------------------------------------
       おすすめツアー
---------------------------------------------*/
#tourWrap {
	width: 100%;
	padding: 8vw 0;
    & h2 {
        font-size: 5.0vw;
        font-weight: bold;
        margin-bottom: 3vw;
        padding-left: 5vw;
        &::before {
            content: "";
            display: inline-block;
            width: 6vw;
            height: 6vw;
            background: url("/kaigai/kansai/common/img/icon/red/navi-tour.svg") no-repeat;
            background-size: contain;
            margin-right: 2vw;
            vertical-align: middle;
        }
    }
    & > h3,& .tour-box-wrap h3 {
        color: #f3564e;
        background-color: #FFE9E8;
        font-size: 3.7vw;
        font-weight: bold;
        padding: 2vw 3vw;;
        margin-bottom: 3vw;
        border-left: 2vw solid #f3564e;
    }
	/*商品がなくなったらタイトル帯を非表示*/
    & .tour-box-wrap:has(>.tour-box>li:nth-child(1):empty):has(>.tour-box>li:nth-child(2):empty):has(>.tour-box>li:nth-child(3):empty):has(>.tour-box>li:nth-child(4):empty) {
        display: none;
    }
}
/*---------------------------------------------
おすすめツアー（商品設定）
---------------------------------------------*/
.tour-box {
	width: 94vw;
	margin: 0 auto;
    & > li {
        background-color: #fff;
        margin-bottom: 2vw;
        & a {
            display: block;
            border: 1px solid #eaeaea;
            width: 100%;
            height: 100%;
            color: inherit;
            text-decoration: none;
            padding: 2vw;
            position: relative;
        }
    }
}
.tour-box {
	& .item_icon {
		& .item_icon01 {
			display: inline-block;
			background-color: #875c0b;
			padding: 1vw 2vw;
			font-size: 2.8vw;
			color: #fff;
			margin-bottom: 1.5vw;
		}
	}
	& .tour-img {
		position: absolute;
		width: 34vw;
		& img {
			width: 100%;
			height: 100%;
		}
	}
	& .icon-area {
		padding: 0 0 0 36vw;
		margin-bottom: 1vw;
		& ul {
			display: flex;
			flex-wrap: wrap;
			& li{
				padding: 1vw 1vw 0.5vw;
				margin: 0 1vw 0.5vw 0;
				color: #fff;
				font-size: 2.8vw;
				line-height: 1.0;
				&.icon-dlx{background-color: #e04b32;}
				&.icon-ss{background-color: #3ca1a3;}
				&.icon-meal{background-color: #f79739;}
				&.icon-tokuten{background-color: #d15796;}
				&.icon-free{background-color: #6dac4f;}
			}
		}
	}
	& .tour-title {
		font-size: 3.6vw;
		line-height: 1.3;
		font-weight: bold;
		color: #235BC0;
		padding: 0 0 0 36vw;
		margin-bottom: 1vw;
	}
	& .tour-text {
		font-size: 3.0vw;
		line-height: 1.4;
		padding: 0 0 0 36vw;
		margin-bottom: 2vw;
	}
	& .info-area {
		padding: 0 0 0 36vw;
		margin-bottom: 2vw;
		& ul {
			background-color: #f2f2f2;
			padding: 1vw;
			font-size: 2.6vw;
			line-height: 1.4;
			& li {
				margin-bottom: 0.5vw;
				padding-left: 4vw;
				&.hotel{background: url(/kaigai/kansai/common/img/icon/icon_hotel01.png) no-repeat left top / 3vw;}
				&.lank{background: url(/kaigai/kansai/common/img/icon/icon_recom03.png) no-repeat left top / 3vw;}
				&.airline{background: url(/kaigai/kansai/common/img/icon/icon_air04.png) no-repeat left top / 3vw;}
				&.ship{background: url(/kaigai/kansai/common/img/icon/cruse.png) no-repeat left top / 3vw;}
				&.time{background: url(/kaigai/kansai/common/img/icon/icon_time01.png) no-repeat left top / 3vw;}
			}
		}
	}	
	& .item-ship{
		background: url(/kaigai/kansai/common/img/icon/cruse.png) no-repeat left top;
		background-size: 3vw;
	}
	& .tour-price{
		font-size: 4.0vw;
		font-weight: bold;
		text-align: right;
		color: #FF3C3C;
		padding: 0 2vw;
	}
	& .tour-nenyu{
		font-size: 2.8vw;
		line-height: 1.3;
		color: #FF3C3C;
		text-align: right;
		margin-bottom: 1vw;
		padding: 0 2vw;
	}
	& .tour-dep{
		text-align: right;
		font-size: 2.8vw;
		line-height: 1.3;
		padding: 0 2vw;
	}
}

/*空のとき*/
.tour-box > li:empty,
.tour-box .item_icon span:empty,
.tour-box .icon-area li:empty,
.tour-box .info-area li:empty {
	display: none;
}

/*---------------------------------------------
   方面から探す
---------------------------------------------*/
.area-link-box {
	width: 100%;
	margin: 0 0 5vw;
	background-color: #f3f3f3;
	padding: 3vw;
    & h3 {
        font-size: 4.0vw;
        font-weight: bold;
        color: #333;
        margin-bottom: 1vw;
        &::before {
            font-family: FontAwesome;
            content: "\f002";
            padding: 0 1vw;
        }
    }
    & ul {
        display: flex;
        flex-wrap: wrap;
        & li {
            line-height: 2.4;
            text-align: center;
            font-size: 3.3vw;
            margin: 0 1vw 1vw 0;
            & a {
                display: inline-block;
                background-color: #767e04;
                border-radius: 5vw;
                color: #fff;
                text-decoration: none;
                padding: 0 4vw;
                &::after {
                    font-family: "FontAwesome";
                    content: "\f105";
                    margin-left: 2vw;
                }
            }
        }
    }
}

/*---------------------------------------------
  おすすめ特集
---------------------------------------------*/
#specialWrap {
	width: 100%;
	padding: 8vw 0;
	background-color: #f7f5f0;
    & h2 {
        font-size: 5.0vw;
        font-weight: bold;
        margin-bottom: 3vw;
        padding-left: 5vw;
        &::before {
            content: "";
            display: inline-block;
            width: 6vw;
            height: 6vw;
            background: url("/kaigai/kansai/common/img/icon/red/navi-special.svg") no-repeat;
            background-size: contain;
            margin-right: 2vw;
            vertical-align: middle;
        }
    }
    & ul {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        & li {
            margin-bottom: 10px;
            .col4 & {width: 48%;}
            .col3 & {width: 32%;}
            .col2 & {width: 48%;}
            & a {
                display: block;
            }
            & img {
                width: 100%;
                height: 100%;
            }
        }
    }
}
/*---------------------------------------------
  航空券+ホテル
---------------------------------------------*/
#airhotelWrap {
	width: 100%;
	padding: 8vw 0;
    & h2 {
        font-size: 5.0vw;
        font-weight: bold;
        margin-bottom: 3vw;
        padding-left: 5vw;
        &::before {
            content: "";
            display: inline-block;
            width: 6vw;
            height: 6vw;
            background: url("/kaigai/kansai/common/img/icon/red/navi-airhotel.svg") no-repeat;
            background-size: contain;
            margin-right: 2vw;
            vertical-align: middle;
        }
    }
}
.airhotel-box {
	width: 94%;
	margin: 0 auto 8vw;
}

/*---------------------------------------------
  航空券
---------------------------------------------*/
#airWrap {
	width: 100%;
	padding: 8vw 0;
    & h2 {
        font-size: 5.0vw;
        font-weight: bold;
        margin-bottom: 3vw;
        padding-left: 5vw;
        &::before {
            content: "";
            display: inline-block;
            width: 6vw;
            height: 6vw;
            background: url("/kaigai/kansai/common/img/icon/red/navi-air.svg") no-repeat;
            background-size: contain;
            margin-right: 2vw;
            vertical-align: middle;
        }
    }
}
.air-box {
	width: 94%;
	margin: 0 auto 8vw;
}
/*---------------------------------------------
       もっと見るボタン
---------------------------------------------*/
#tourWrap .btn-more,
#airhotelWrap .btn-more,
#airWrap .btn-more{
    width: 80vw;
	margin: 0 auto;
	background-color: #f3564e;
	font-size: 3.5vw;
    padding: 3vw 0;
	text-align: center;
	border-radius: 10vw;
}
#tourWrap .btn-more a,
#airhotelWrap .btn-more a,
#airWrap .btn-more a{
	color: #fff;
	display: block;
	text-decoration: none;
}
#tourWrap .btn-more a:after,
#airhotelWrap .btn-more a:after,
#airWrap .btn-more a:after {
    content: "\f105";
    font-family: FontAwesome;
    padding-left: 2vw;
}

/*------------------------------------------------
	現地支店
--------------------------------------------------*/
.shiten-box{
    background: #FFF;
}

.shiten-box-inner {
    position: relative;
    padding: 3vw 0 0;
}

.shiten-box-inner h2:before{
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("../img/icon/ic_support.png");
    background-size: contain;
    vertical-align: middle;
    margin: 0 auto 2vw;
}

.shiten-wrap li {
    width: 95%;
    margin: 0 auto 3vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.shiten-wrap li img {
    width: 100%;
    vertical-align: bottom;
}

.shiten-wrap .shiten-img {
    width: 40%;
}

.shiten-name {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 5vw 0;
    color: #4B4B4B;
}

.shiten-name > a{
    display: block;
    padding: 2vw 0;
    margin: 2vw auto 0;
    width: 100%;
    text-align: center;
    color: #F3564E;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #F3564E;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.shiten-name > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 2px solid #F3564E;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.shiten-box-inner li > a:hover, .shiten-box-inner li > a:focus, .shiten-box-inner li > a:active {
    color: white;
}

.shiten-box-inner li > a:hover:before, .shiten-box-inner li > a:focus:before, .shiten-box-inner li > a:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.bolehboleh img {
    width: 100%;
}

/*---------------------------------------------
       共通フッターナビ
---------------------------------------------*/
#areaFootNavi {
	width: 100%;
	background-color: #fff;
}
#areaFootNavi h2 {
	font-size: 15px;
	font-weight: normal;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	background-color: #023b95;
}
#areaFootNavi ul {
	display: flex;
	flex-wrap: wrap;
	border-bottom: dotted 1px #ccc;
}
#areaFootNavi ul li {
	width: 33.3%;
	border-right: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
#areaFootNavi ul li:nth-child(3n) {
	border-right: none;
}
#areaFootNavi ul li:nth-child(16) {
	border-bottom: none;
}
#areaFootNavi ul li:nth-child(17) {
	border-bottom: none;
}
#areaFootNavi ul li a {
	font-size: 12px;
	padding: 12px 0 12px 8px;
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	text-decoration: none;
	position: relative;
	letter-spacing: -1px;
}
#areaFootNavi ul li a:after {
	font-family: FontAwesome;
	content: "\f105";
	color: #023b95;
	position: absolute;
	right: 5px;
}

/*---------------------------------------------
       ページトップ
---------------------------------------------*/

#pagetop {
    position: fixed;
    display: none;
    width: 50px;
    bottom: 5px;
    right: 10px;
    z-index: 102;
    text-align: center;
    opacity: 1;
}

a {
    outline: none;
    text-decoration: none;
}

#pagetop img {
    width: 100%;
}

/*---------------------------------------------
      スライドナビ
---------------------------------------------*/
/*#slideNavi .nav-btn {
	position: fixed;
	top: 124px;
	right: -0.1px;
	z-index: 100;
}
#slideNavi .nav-btn img {
	display: block!important;
	opacity: 1!important;
	width: 47px;
	height: 47px;
}
#slideNavi .menu-ttl {
	margin: 30px 0 10px 20px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
}
#slideNavi .sb-close {
	position: absolute;
	top: 20px;
	right: 4vw;
}
nav .sb-close img {
	width: 25px;
	height: 25px;
}
#slideNavi ul {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0 0 20px 20px;
	border-top: dotted 1px #fff;
}
#slideNavi ul li {
	padding: 10px 5px 10px 17px;
	border-bottom: dotted 1px #fff;
	position: relative;
}
#slideNavi ul li:before {
	position: absolute;
	top:9px;
	left: 0;
    content: "\f101";
    font-family: FontAwesome;
    margin-right: .5em;
	color: #fff;
}
#slideNavi ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.sb-slidebar {
	background-color: #FC9A9A;
	opacity: 0.95;
}*/

/*---------------------------------------------------------
  						ナビ
---------------------------------------------------------*/

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2% 0px;
	z-index: 99;
	padding: 0;
	background: #C0D600x;
	box-shadow: 1px 3px 3px 1px rgba(0,0,0,0.2) ;
}

.top_navi {
    width: 100%;
	background: #fff;
    border-top: 3px solid #FA5F5F;
}

.navimenu{
	width: 100%;
	height: 14vw;
	margin: 0px auto;
    overflow: visible;
    position: relative;
}
.navimenu ul{
    width: 100%;
    display: flex;
	justify-content: space-between;
}
.navimenu li{
    width: 18.5%;
    padding: 2.5% 0;
    text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.navimenu li:first-child{
	width: 26%;
}

.navimenu li a{
    text-decoration: none;
    display: block;
    color: #333;
    font-size: 2.6vw;
    font-weight: bold;
}

.navimenu li a:hover{
	color: #FF7F00;
	cursor: pointer;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.navi-en{
    font-size: 0.6em;
    text-align: center;
    font-weight: normal;
    color: #999;
}

.navi-en:after, .navi-en:before{
    content: " - ";
}


.logo{
    display: block;
	width: 95%;
}
.logo img{
	width: 100%;
}
/*位置調整*/
#hisApp {
    padding: 0 0 55px;
}

/*---------------------------------------------
   FIT新スタイル
---------------------------------------------*/
#airhotelWrap,#airWrap {

	& .product__list {
		display: grid;
		/*gap: calc(30vw / 7.5) 0;*/
		gap: 2vw 0;
		font-size: calc(24vw / 7.5);
	}
	& .product__list--item {
		letter-spacing: .5px;
		list-style: none;
	}
	& .product__list--item, .media {
		 padding:0; 
	}
	& .product__list--item:not(:last-child), & .media:not(:last-child) {
		border-bottom: none!important;
	}
	& .product__list--data {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	& .media .js-search, .product__list--inner {
		border: calc(2vw / 7.5) solid #c4c4c4;
	}
	& .media .js-search, .product__list--inner {
		justify-content: space-between;
		padding: calc(15vw / 7.5) calc(10vw / 7.5);
		flex-wrap: wrap;
		border: calc(2vw / 7.5) solid #c1c0bc;
		font-size: calc(20vw / 7.5);
	}
	& .product__list--inner {
		position: relative;
	    box-shadow: none;
	}
	& .media .js-search, & .product__list--inner {
		background: #fff;
		color: inherit;
		text-decoration: none;
		display: flex;
	}
	& .product__list--label:not(:empty) {
		margin-bottom: calc(5vw / 7.5);
	}
	& .product__list--label {
		width: 100%!important;
	}
	& .product__list--label {
		display: flex;
		flex-wrap: wrap;
	}
	& .product__list--label > [class*="product__list--label--"]:empty {
		display: none;
	}
	& .product__list--label > [class*="product__list--label--"] {
		margin-bottom: calc(10vw / 7.5);
	}
	& .product__list--label > [class*="product__list--label--"] {
		min-width: calc(180vw / 7.5);
		height: calc(50vw / 7.5);
		margin-right: calc(10vw / 7.5);
		padding: .25em .5em;
	}
	& .product__list--label > [class*="product__list--label--"] {
		width: 24vw;
		font-size: calc(23vw / 7.5);
		padding: 0.25em!important;
	}
	[class*="product__list--label--"] {
		background: var(--cassette-label-bg);
	}
	& .product__list--image-wrapper, & .is-koukoku .product__list--image, & .media .phArea, & .media-pic {
		width: calc(260vw / 7.5)!important;
	}
	& .media .phArea, & .product__list--image, & .media-img {
		width: 100%;
		height: calc(175vw / 7.5);
	}
	& img.product__list--image {
		width: 100%;
		object-fit: cover;
	}
	& .is-pc .media .tour_img, & .media .phArea, & .product__list--image {
		background: #f2f2f2 no-repeat center center / cover;
	}
	& .product__list--type.is-color-black, & .is-oe .product__list--type, & .is-activities .product__list--type {
		background: #000;
		text-align: center;
	}
	& .product__list--type {
		padding: calc(6vw / 7.5) 0 calc(8vw / 7.5);
		text-align: center;
		font-size: calc(20vw / 7.5);
		display: none;
	}
	& .product__list--type {
		color: #fff;
	}
	& .media .topArea, & .media .bottomArea, & .media-text-wrap, & .product__list--text-wrapper {
		/*width: calc(417vw / 7.5)!important;*/
		width: calc(406vw / 7.5)!important;
		flex-grow: 0;
	}
	& .product__list--texts {
		display: flex;
		flex-direction: column;
	}
	& .product__list--texts > [class*="product__list--"]:not(.product__list--type) {
		order: 1;
	}
	& .product__list--label:empty {
		display: none;
	}
	& .product__list--texts > .product__list--label {
		display: flex;
		flex-wrap: wrap;
		position: static;
		width: auto;
		flex-direction: initial;
	}
	& .product__list--texts > [class*="product__list--"]:not(.product__list--type) {
		order: 1;
	}
	& .product__list--texts > .product__list--label + .product__list--title {
		margin-top: 0;
	}
	& .media-des, & .product__list--title {
		/*font-size: calc(28vw / 7.5);
		margin-bottom: calc(15vw / 7.5);*/
		line-height: 1.3em;
		font-weight: bold;
		font-size: calc(27vw / 7.5);
		margin-bottom: calc(15vw / 7.5);
	}
	& .is-pc .media .tour_ttl, & .media-des, & .product__list--title {
		font-weight: bold;
	}
	& .product__list--title > [class*="product__list--"] {
		display: block;
	}
	& .product__list--title > [class*="product__list--"] {
		display: block;
	}
	& .product__list--texts > [class*="product__list--"]:not(.product__list--type) {
		order: 1;
	}
	& .product__list--more, & .media-summary {
		margin-top: calc(10vw / 7.5);
	}
	& .product__list--more, & .media-summary {
		display: flex;
		align-items: baseline;
	}
	& .product__list--more--title, & .media-summary dt {
		padding: calc(4vw / 7.5) 0 calc(6vw / 7.5);
		width: calc(130vw / 7.5);
		margin-right: calc(5vw / 7.5);
	}
	& .product__list--more--title, & .media-summary dt {
		display: inline-block;
		line-height: 1.2;
		background: #7d7d7d;
		color: #fff;
		text-align: center;
	}
	& .product__list--more--text, & .media-summary dd {
		width: calc(100% - (130vw / 7.5) - (5vw / 7.5));
	}
	& .product__list--more--text, .media-summary dd {
		line-height: 1.3;
	}
	& .product__list--texts > [class*="product__list--"]:not(.product__list--type) {
		order: 1;
	}
	& .product__list--more + .product__list--more, & .media-summary dt:not(:first-child) {
		margin-top: 1px;
	}
	& .product__list--more, & .media-summary {
		display: flex;
		align-items: baseline;
	}
	& .product__list--more--title, & .media-summary dt {
		padding: calc(4vw / 7.5) 0 calc(6vw / 7.5);
		width: calc(130vw / 7.5);
		margin-right: calc(5vw / 7.5);
	}
	& .product__list--more--title, & .media-summary dt {
		display: inline-block;
		line-height: 1.2;
		background: #7d7d7d;
		color: #fff;
		text-align: center;
	}
	& .product__list--more--text, & .media-summary dd {
		line-height: 1.3;
	}
	& .product__list--texts > [class*="product__list--"]:not(.product__list--type) {
		order: 1;
	}
	& .product__list--more + .product__list--more, & .media-summary dt:not(:first-child) {
		margin-top: 1px;
	}
	& .product__list--more, .media-summary {
		display: flex;
		align-items: baseline;
		color: #000000;
	}
	& .product__list--more--title, & .media-summary dt {
		padding: calc(4vw / 7.5) 0 calc(6vw / 7.5);
		width: calc(130vw / 7.5);
		margin-right: calc(5vw / 7.5);
	}
	& .product__list--more--title, & .media-summary dt {
		display: inline-block;
		line-height: 1.2;
		background: #7d7d7d;
		color: #fff;
		text-align: center;
	}
	& .product__list--more--text, & .media-summary dd {
		width: calc(100% - (130vw / 7.5) - (5vw / 7.5));
	}
	& .product__list--more--text, & .media-summary dd {
		line-height: 1.3;
	}
	& .product__list--tokuten:has(.product__list--tokuten--item:empty) {
		display: none;
	}
	& .product__list--texts > [class*="product__list--"]:not(.product__list--type) {
		order: 1;
	}
	& .product__list--tokuten {
		border-top: none;
	}
	& .media-addList, & .product__list--tokuten {
		color: #666;
		/*border-top: calc(1vw / 7.5) dashed;*/
		padding: .6em 0 0 !important;
		margin-top: 1em;
	}
	& .product__list--tokuten--item:empty {
		display: none;
	}
	& .product__list--tokuten--item {
		border-top: calc(1vw / 7.5) dashed;
		padding-top: 2vw;
	}
	& .product__list--tokuten--item {
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	& .product__list--price {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: baseline;
	}
	& .media .bottomArea, & .product__list--price {
		margin-top: calc(30vw / 7.5);
		text-align: right;
		color: #FF3C3C;
	}
	& .product__list--point:empty {
		display: none;
	}
	& .product__list--point, .media-badge, & .media .labelText,　& .media-label {
		padding: calc(5vw / 7.5) 0;
		margin-bottom: calc(5vw / 7.5);
		font-weight: bold;
		width: 100%;
		display: none;
	}
	& .product__list--point, & .media .labelText, & .media-label {
		background: var(--default-color-red);
		color: #fff;
		text-align: center;
		font-weight: normal;
	}
	& .media .priceText, & .product__list--minmax {
		/*font-size: calc(30vw / 7.5);*/
		line-height: 1.5;
	}
	& .media-price, & .media .priceText, & .media .tour_gross, & .product__list--minmax {
		color: #FF3C3C;
		font-weight: bold;
		/*font-size: calc(30vw / 7.5);*/
		font-size: calc(27vw / 7.5);
	}
	/*.product__list--minmax :where(.is-en, .is-kara) {
		font-size: .7em;
	}*/
	& .product__list--dep, & .product__list--notes {
		width: 100%;
	}
	& .product__list--dep, & .product__list--notes {
		/*color: #333;*/
	}

}