.ui-static-section-wrapper{
	max-width: none;
	padding: 0px!important;
}
.ui-static-navigation-text{
	font-size:20px;
}
.nopc{
	display:none;
}
.myBlockMv__img {
  width: 100%;
  max-width: 100%;
}
.myBlockMv__img img{
  max-width:100%;
}
.section1{
	background-color:#f7f7f7;
	padding-top:50px;
}
.ui-static-navigation{
	background-color:#002454;
}
.ui-static-link{
	color:#ffffff!important;
}
.ui-static-navigation-item .ui-static-link:hover .ui-static-navigation-text {
  color: #ffffff!important; 
}
.ui-static-link:hover, .ui-static-link:focus{
  color: #ffffff!important;
}
.ui-static-table-table-wrapper {
    display: flex;
    gap: 20px; /* テーブル間の余白。調整可 */
  }

.ui-static-table-table{
	max-width:50%;
}

.cjj_intro{
    max-width: 1104px;
    margin: 0 auto;
    padding: 40px 10px 40px;
}
.cjj_title{
	text-align:center;
	font-weight:bold;
}
.cjj_text{
	font-size:18px!important;
}
.schedule{
    max-width: 1104px;
    margin: 0 auto;;
    margin: 0 auto;
    padding: 40px 10px 40px;
}
/* 90日前特典セクション用スタイル */
.early_bird_container {
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 15px;
}
.early_bird_box {
  background-color: #fff0f0;
  border: 3px solid #db0909;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  position: relative;
}
.early_bird_box::before {
  content: "うれしい割引！";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #db0909;
  color: #fff;
  padding: 4px 20px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 1.1em;
}
.early_bird_title {
  color: #db0909;
  font-weight: 900;
  font-size: 1.6em;
  margin-bottom: 20px;
  line-height: 1.4;
}
.early_bird_list {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.early_bird_item {
  background: #fff;
  border: 1px solid #ffcccc;
  border-radius: 8px;
  padding: 15px 20px;
  min-width: 280px;
  flex: 1;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.benefit_tag {
  display: inline-block;
  color: #db0909;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 5px;
}
.benefit_content {
  font-size: 1.2em;
  font-weight: bold;
}
.benefit_price {
  font-size: 1.5em;
  color: #db0909;
}
.early_bird_note {
  margin-top: 15px;
  font-size: 0.85em;
  color: #666;
	text-align: left;
}

/* 区切り線と「CHECK!」ラベルのスタイル */
.repeater_divider {
  margin: 30px auto 0px;
  border-top: 2px dashed #ff5a5f; /* 赤い点線 */
  position: relative;
  text-align: center;
}

.repeater_divider span {
  padding: 0 15px;
  background: #fff0f0; /* 背景色と合わせることで線を消す */
  position: relative;
  top: -14px; /* 線の上に配置 */
  color: #db0909;
  font-weight: bold;
  font-size: 1.2rem;
}
/* 割引案内ボックスのスタイル */
.repeater_discount_box {
  background: #fff;
  border: 1px solid #ffcccc;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

/* 「リピーター割引」の赤ラベル */
.repeater_tag {
  display: inline-block;
  background: #db0909;
  color: #fff;
  padding: 2px 12px;
  border-radius: 4px;
  font-size: 1.1rem;
  font-weight:bold;
  margin-bottom: 8px;
}

/* 案内文のテキスト */
.repeater_text {
  font-size: 1.1rem;
  font-weight: bold;
  color: #333;
}

/* 金額の強調（早期割引と共通） */
.benefit_price {
  color: #db0909;
  font-size: 1.6rem;
  margin: 0 4px;
}

.travel_icon{
	color:#4778ac; 
	vertical-align: bottom;
}
.schedule_title{
	text-align:center!important;
	font-size:32px!important;
	font-weight:bold;
}
.schedule_departure{
	background: #4778ac!important;
	color:#ffffff;
	font-size:18px;
}
.schedule_time{
	font-size:16px;
	background:#ffffff;
}
.sub_title{
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
.hotel_icon{
	color:#4778ac; 
	vertical-align: bottom;
}
.section2{
	background-color:#E4ECF9;
}
.recommend_spot{
    max-width: 1104px;
    margin: 0 auto;;
    margin: 0 auto;
    padding: 40px 10px 40px;
}
.recommend_title{
	text-align:center!important;
	font-size:32px!important;
	font-weight:bold;
	margin-bottom:20px;
}
.star_icon{
	color:#4778ac; 
	vertical-align: bottom;
}
.spot_title{
	font-size: 22px!important;
	font-weight: bold;
	color:#02428c; 
	text-align: center;
}
.section3{
	background-color:#f7f7f7;
	padding-bottom:50px;
}
.product_cassette{
	max-width: 1104px;
    margin: 0 auto;
    padding: 40px 10px 40px;
}

.tour_title{
	text-align:center!important;
	font-size:32px!important;
	font-weight:bold;
	margin-bottom:20px;
}
.trip_icon{
	color:#4778ac; 
	vertical-align: bottom;
}
/*▼商品カセット*/

.grid-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -8px;
}
.grid-col4{
	margin-bottom: 10px;
    background: #FFF;
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    /* height: 400px; */
    text-align: left;
	width:100%;
	height: 350px;
}
.grid-col4 img {
    width: 95%;
    object-fit: cover;
	margin: 7px 7px 10px;
}

.grid-col__link{
    width: 23.7%!important;
    margin: 5px;
	display:block;
	}
.grid-col__body{
	margin: 10px;
}

.heading--md{
	font-size:16px;
	margin-top:10px;
	color:#333;
	font-weight: bold;
    line-height: 22px;
}
a {
  text-decoration: none;
}
.tour-point_wrp{
	font-size:14px;
	margin-top:10px;
	color:#333;
    line-height: 20px;
}

.grid-col__link{
    width: 23.7%!important;
    margin: 5px;
	display:block;
	}
.price_box{
display: block;
position: absolute;
}
.text--smallPrice{
	font-size:16px;
	color:#db0909;
	font-weight: bold;
}
.price-info{
	font-size:12px;
	color:#333;
}
/*▲商品カセット*/



/*▼商品カセット1つ*/

.grid-row1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -8px;
}
.grid-col1{
	margin-bottom: 10px;
    background: #FFF;
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    /* height: 400px; */
    text-align: left;
	width:100%;
	display:flex;
}

.tour_img1{
	width:30%;
}
.grid-col1 img {
    width: 100%;
    object-fit: cover;
	margin: 7px 7px 10px;
}

.grid-col__link1{
    margin: 5px;
	display:block;
	}
.grid-col__body1{
	margin: 10px 20px 10px;
}

.heading--md1{
	font-size:16px;
	margin-top:10px;
	color:#333;
	font-weight: bold;
    line-height: 22px;
}
.tour-point_wrp1{
	font-size:16px;
	margin-top:10px;
	color:#333;
    line-height: 20px;
}

.grid-col__link1{
    margin: 5px;
	display:block;
	}
.price_box1{
display: block;
position: absolute;
	margin-top:20px
}
.text--smallPrice1{
	font-size:16px;
	color:#db0909;
	font-weight: bold;
}
.price-info1{
	font-size:12px;
	color:#333;
}
/*▲商品カセット1つ*/

.tour_more{
	background-color: #d2470a;
	color:#ffffff;
	border-color: #ff0000;
	width: 300px;
}
.more_button{
	text-align: center;
}
.section4{
	background-color:#E4ECF9;
	padding:50px;
}
.layout-d{
	background-color:#ffffff;
    padding: 15px;
    margin-top: 20px;;
}
.ui-static-image {
  display: flex;
  align-items: flex-end; /* 下揃え */
}
.kanko_head{
	font-weight:bold;
}
.kanko{
    max-width: 1104px;
    margin: 0 auto;;
    margin: 0 auto;
    padding: 40px 10px 40px;
}

.kanko_schedule{
	font-size:14px;
	padding:0px;
}
.section5{
	background-color:#FFF7D1;
	padding:50px;
}

.diamond_icon{
	color:#ffc13c; 
	vertical-align: bottom;
}
.shuyu{
    max-width: 1104px;
    margin: 0 auto;;
    margin: 0 auto;
    padding: 40px 10px 40px;
}
.layout-c{
	margin: 20px auto;
}
.spot_area{
	font-size:16px;
}

.sub_title_shuyu{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#8B4513;
}

.section6{
	background-color:#E4ECF9;
	padding:50px;
}

.airplane_ticket_icon{
	color:#4778ac; 
	vertical-align: bottom;
}
.sougei_arrange{
	text-align: center;
}
.section7{
	background-color:#f7f7f7;
	padding-bottom:50px;
	padding-top:32px;
}
.information{
    max-width: 1104px;
    margin: 0 auto;;
    margin: 0 auto;
    padding: 40px 10px 40px;
}
.youtube-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtube_titl{
	font-weight:bold;
}
.article_title{
	font-size:16px;
}
.check_icon{
	color:#02428c; 
	vertical-align: bottom;
}
.ui-static-banner {
  flex: 0 0 auto;  /* 必要に応じて幅を固定 */
  width: 350px;    /* バナーサイズに合わせて調整 */
  box-sizing: border-box;
}

.ui-static-banner img {
  width: 100%;
  height: auto;
  display: block;
}
.ui-static-banner:focus {
  outline: 3px solid #0078d7; /* お好みの色や太さに調整 */
  outline-offset: 2px;
}

.search-box{
    max-width: 1104px;
    margin: 0 auto;;
    margin: 0 auto;
    padding: 40px 10px 40px;
}

 /* 完売状態のリンク用クラス */
        .grid-col__link.is-soldout {
            position: relative;
            display: block;
            pointer-events: none; /* クリックを無効化 */
            cursor: default;
            text-decoration: none;
            color: inherit;
        }

        /* 全体をグレーアウト（より暗く調整） */
        .grid-col__link.is-soldout .grid-col4 {
            filter: grayscale(20%) brightness(80%); /* 明度を下げて暗く */
            opacity: 0.8; /* 不透明度を少し上げて暗さを強調 */
        }

        /* 「SOLD OUT」のラベルを赤色で表示 */
        .grid-col__link.is-soldout::after {
            content: "SOLD OUT";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-15deg);
            background-color: #e60000; /* 背景を鮮やかな赤に変更 */
            color: #fff;
            padding: 10px 20px;
            font-size: 24px;
            font-weight: bold;
            border: 2px solid #fff;
            z-index: 10;
            white-space: nowrap;
            letter-spacing: 2px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* ラベルの視認性を高める影 */
        }