/*================================================
 *  inside共通
 ================================================*/
/* ヘッダー分高さ調整 ------------------------------*/
/* ---------------------------------------------------- */ 
/*#inside .contents_wrapper{
padding-top: 68px;}*/

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
/*#inside .contents_wrapper{
padding-top: 40px;}
*/
}
/* -------------end------------- */

/* 下層ページタイトル ------------------------*/
/* ------------------------------------- */

.inside_title_wrap{
background-image: -webkit-linear-gradient(rgba(000,000,000,0.5) 0%,rgba(000,000,000,0.5) 0%), 
url(../img/common_img/title_bg_001.jpg);
background-position: center center;
background-size: cover;
padding-top: 50px;
padding-bottom: 50px;
/*border-bottom: 1px solid rgba(89,87,87,0.50);*/
position: relative;
text-align: center;
color: #ffffff;
}

/* 個別背景 */
/* バーホッピングツアー（bar） */
.inside_title_wrap_bar {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/title_bg_001.jpg);
}
/* 横浜芸者（geisha） */
.inside_title_wrap_geisha {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/title_bg_002.jpg);
}
/* 日本文化体験（culture） */
.inside_title_wrap_culture {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/title_bg_003.jpg);
}
/* クルーズ関連（cruise） */
.inside_title_wrap_cruise {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/title_bg_004.jpg);
}
/* 街歩きツアー（walking） */
.inside_title_wrap_walking {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/title_bg_005.jpg);
}
/* その他（others） */
.inside_title_wrap_others {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/title_bg_006.jpg);
}

/* サービス個別背景 */
/* ユニークべニュー（unique-venues
） */
.inside_title_wrap_unique-venues
 {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/service_title_bg_001.jpg);
}
/* チームビルディング・企業研修
（corporate-training） */
.inside_title_wrap_corporate-training {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/service_title_bg_002.jpg);
}
/* 日本文化体験（japanese-culture） */
.inside_title_wrap_japanese-culture {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/service_title_bg_003.jpg);
}
/* ガラディナー＆レセプション（gala-events） */
.inside_title_wrap_gala-events {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/service_title_bg_004.jpg);
}
/* 視察・エクスカーション（excursions） */
.inside_title_wrap_excursions {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/service_title_bg_005.jpg);
}
/* ARTISTS & PERFORMERS（artists-performers） */
.inside_title_wrap_artists-performers {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/service_title_bg_006.jpg);
}
/* ホスピタリティー（hospitality） */
.inside_title_wrap_hospitality {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 0%),
    url(../img/common_img/service_title_bg_007.jpg);
}




.inside_title {
color: #ffffff;
font-size: 200%;
font-weight: 500;
line-height: 1.4;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.inside_title_wrap{
padding-top: 30px;
padding-bottom: 30px;
}

.inside_title {font-size: 150%;}

}
/* -------------end------------- */

/* 下層ページのコンテンツ　--------------------*/
/* ------------------------------------- */


.inside_outside {
padding-top: 70px;
  padding-bottom: 70px;
  background-color: var(--dark_g);
/*  background: linear-gradient(to bottom, #3E3A39 0px, #3E3A39 300px, #666 300px, #666 100%);*/
  color: #ffffff;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.inside_outside {
padding-top: 50px;
padding-bottom: 50px;
}
}

/*================================================
 *  一覧ページ 
 ================================================*/

.ichiran_lead{margin-bottom: 50px;}

.ichiran_flex_box{display: flex;
justify-content: space-between;
flex-wrap: wrap;}

.ichiran_flex_box::after{
  content:"";
  display: block;
  width:30%;
}


.ichiran_flex_box li{width: 30%;
margin-bottom: 50px;}

.ichiran_flex_box > li a{color: #ffffff;}

.ichiran_flex_box > li img{margin-bottom: 15px;}

.ichiran_flex_box > li a:hover,
.ichiran_flex_box > li a:hover * {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.event_category{font-size: 82%;
line-height: 1.4;
margin-bottom: 10px;
}

.ichiran_flex_headline{margin-bottom: 10px;
font-size: 107%;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.ichiran_flex_box li{width: 48%;
margin-bottom: 30px;}

.ichiran_flex_box > li img{margin-bottom: 10px;}

.ichiran_flex_headline{
margin-bottom: 5px;
font-size: 100%;
}

}
/* -------------end------------- */

/*================================================
 *  shosai 
 ================================================*/
 .shosai_title_wrap{
text-align: center;
position: relative;
padding-bottom: 40px;
margin-bottom: 20px;
}

.shosai_title{font-size: 138%;
color: #ffffff;
font-weight: 500;}

.shosai_title_k{color: #000000;}

 .shosai_title_wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) ;
	width: 2px;
	height: 30px;
	background-color: rgba(255,255,255,0.4);
}

 .shosai_title_wrap_k::after {
	background-color: rgba(0,0,0,0.4);
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
 .shosai_title_wrap{
padding-bottom: 30px;
}

.shosai_title{font-size: 125%;}

 .shosai_title_wrap::after {
height: 20px;
}


}
/* -------------end------------- */


/* パララックス　----------------------------*/
/* ------------------------------------- */
  
.shosai_outside_upper{
padding-top: 70px;
  padding-bottom: 70px;
  background-color: var(--dark_g);}
  
.shosai_outside_btm {
  padding: 70px 0;
background-color: var(--light_g);
  position: relative;
  z-index: 2;
  transform: translateY(0px);
  transition: transform 0.2s linear;
  margin-bottom: 0; /* 初期値 */
}

.shosai_outside_btm.scrolled {
  transform: translateY(-200px);
  margin-bottom: -200px; /* ←高さ分余白を打ち消す！ */
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.shosai_outside_upper{
padding-top: 50px;
padding-bottom: 50px;}
  
.shosai_outside_btm {
padding-top: 50px;
padding-bottom: 50px;
}
}
/* -------------end------------- */

/* タイトルを絶対配置し、中央を親の上端に合わせる */
.shosai_txt_title {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%); /* 左右中央＋上下は半分上にずらす */
	height: 40px; /* タイトルの高さを指定（適宜調整） */
	display: flex;
	justify-content: center; /* ← 横方向中央揃え */
	align-items: center;     /* 縦方向中央揃え */
	white-space: nowrap;
	background-color: var(--light_g);
	width: 15%;
	border-radius: 5px 5px 0px 0px;
    font-size: 113%;
}

.shosai_day_area{margin-bottom: 20px;}

.shosai_txt_area{margin-bottom: 30px;}

.shosai_serch_area{display: flex;
justify-content: space-between;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.shosai_serch_area > li:first-child{width: 38%;}
.shosai_serch_area > li:last-child{width: 60%;}

.shosai_tag_flex{display: flex;
flex-wrap: wrap;
}

.shosai_tag_flex > li{
	background-color: #ffffff;
	padding-top: 1px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 1px;
	margin-right: 5px;
	font-size: 88%;
	border: 1px solid #cccccc;
    border-radius: 3px;
    margin-bottom: 5px;
}

.shosai_tag_flex > li a{
color: #000000!important;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.shosai_txt_title {
width: 40%;
}

.shosai_day_area{margin-bottom: 10px;}

.shosai_serch_area{flex-wrap: wrap;}

.shosai_serch_area > li:first-child{width: 100%;
margin-bottom: 20px;}

.shosai_serch_area > li:last-child{width: 100%;}

.shosai_tag_flex{display: flex;
flex-wrap: wrap;
}
}
/* -------------end------------- */

/* スライド関連　----------------------------*/
/* ------------------------------------- */

.shosai_slide_wrap{width: 70%;
margin-left: auto;
margin-right: auto;
}

 .swiperMain {
  position: relative;
}
 #open-modal-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #ffffff;
  border: none;
  color: #000000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999; /* 重ね順を十分高く */
  padding: 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  pointer-events: auto;
  text-decoration: none; /* リンク装飾を消す */
}

/* 通常スライダーのページネーション位置 */
.swiper-pagination-main,
.swiper-pagination-modal {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

/* 共通のページネーションドットの見た目 */
.swiper-pagination-bullet {
  background: #fff;
  opacity: 0.7;
}

.swiper-pagination-bullet-active {
  background: #000;
  opacity: 1;
}

/* 通常表示とモーダル両方のサムネイル画像を暗くする */
.swiperThumbnail .swiper-slide,
.swiperThumbnail-modal .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

/* 選択中のサムネイル（通常＆モーダル）を明るく強調 */
.swiperThumbnail .swiper-slide-thumb-active,
.swiperThumbnail-modal .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #ffffff;
}

/* 通常スライダーのデフォルト矢印のみ消す */
.swiper-button-next::after,
.swiper-button-prev::after {
  content: none !important;
}

/* モーダルのナビボタン */
.modal-next,
.modal-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 10;
  color: #fff;
}

.modal-next {
  right: 10px;
}

.modal-prev {
  left: 10px;
}

/* アイコンサイズ */
.modal-next i,
.modal-prev i {
  font-size: 150%;
  pointer-events: none;
}

.swiper-button-next i,
.swiper-button-prev i{
  font-size: 200%;
  color: #ffffff;
  pointer-events: none; /* アイコン自体はクリックさせない */
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){

.shosai_slide_wrap{width: 100%;}

 #open-modal-btn {
width: 30px;
height: 30px;
font-size: 16px;
}

.modal-next,
.modal-prev {
  width: 20px;
  height: 20px;
}

.modal-next {
  right: 5px;
}

.modal-prev {
  left: 5px;
}

/* アイコンサイズ */
.modal-next i,
.modal-prev i {
  font-size: 150%;
}


.swiper-button-next i,
.swiper-button-prev i{
  font-size: 150%;
}

.swiper-button-next {
  right: 5px!important;
}

.swiper-button-prev {
  left: 5px!important;
}

}
/* -------------end------------- */
/* 記事検索窓 */
.event_search_form {
  display: flex;
  align-items: center;

}

.event_search_form input[type="search"] {
  width: 80%;            /* 窓の幅を大きく */
  font-size: 1.1em;        /* 文字サイズアップ */
  padding: 5px 15px;         /* 内側の余白 */
  border: 1px solid #ccc;  /* 枠線 */
  border-radius: 5px 0 0 5px; /* 左だけ角丸 */
  height: 30px;
  font-family: 'Noto Serif JP', serif!important;
}

.event_search_form > button {
width: 30%; 
  border: none;            /* 枠線なし */
  background: #000000;     /* ボタン色 */
  color: #fff;             /* 文字色 */
  border-radius: 0 5px 5px 0; /* 右だけ角丸 */
  cursor: pointer;         /* ポインター */
  transition: background 0.3s;
  writing-mode: horizontal-tb!important; /* 横書き強制 */
  font-size: 1.1em;        /* 文字サイズアップ */
  height: 30px;
  font-family: 'Noto Serif JP', serif!important;
}

.event_search_form button:hover {
  background: var(--dark_g);     /* ホバー時の色 */
}

/*================================================
 *  お問合せ
 ================================================*/
.contact_lead{text-align: center;
margin-bottom: 20px;}

.kome {
	color: #ffffff;
	padding-left: 5px;
}

.form_box{
    padding: 30px;
	background-color: var(--w_20);
}

.tb_contact {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.tb_contact th {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 23%;
	line-height: 1.2;
	vertical-align: middle;
	font-weight: bold;
	border-bottom: 1px dashed #CCC;
}
.tb_contact td {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #CCC;
}


/* 小さい画面用の設定-------------- */
@media (max-width:768px) {
.form_box{
    padding: 10px;}

.tb_contact td {
	display: block;
}
.tb_contact th {
	display: block;
	border-top: none;
	border-bottom: none;
	width: 100%;
}
.tb_contact th {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	line-height: 1.2;
	vertical-align: middle;
}
.tb_contact td {
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
}
}
/* -------------end------------- */

input[type="text"],
input[type="email"],
input[type="tel"]{
	width: 100%;
	padding: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
	font-size: 113%;
}
input[type="text"].input_box30,
input[type="tel"].input_box30{
	width: 30%;
}

input[type="text"].input_box50,
input[type="email"].input_box50{
	width: 50%;
}



/* 小さい画面用の設定-------------- */
@media (max-width:768px) {
input[type="text"].input_box30,
input[type="tel"].input_box30
{
	width: 50%;
}
	
input[type="text"].input_box50,
input[type="email"].input_box50
	{
	width: 100%;
}

}
/* -------------end------------- */
textarea {
	width: 100%;
	resize: vertical;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
	padding: 14px;
	font-size: 113%;
}

input[type="button"]{
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	background-color: #cccccc;
	border: none;
	color: #fff;
	font-size: 113%;
	text-align: center;
}
input[type="button"]:hover {
	background-color: #666666 !important;
}

.submit_btn {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	background-color: var(--gold);
	border: none;
	color: #fff;
	font-size: 113%;
	text-align: center;
}
.submit_btn:hover {
	background-color: #666666 !important;
}
/*ラジオボタンカスタマイズWP*/
.wpcf7-list-item.first {
  margin: 0;
}
.wpcf7-list-item-label {
  cursor: pointer;
  display: flex;
}
/* デフォルトのボタン */
input[type="radio"] {
  opacity: 0; /* デフォルトのボタンを非表示 */
  position: absolute;
}

input[type="checkbox"] {
  opacity: 0; /* デフォルトのボタンを非表示 */
  position: absolute;
}

/* チェック前のボタン */
.wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%; /* ラジオボタンっぽく丸くする */
  content: "";
  height: 1.2em;
  margin-bottom: auto;
  margin-right: .5em;
  margin-top: auto;
  transition: background-color .5s; /* 色をじんわり変化させる */
  width: 1.2em;
}
/* チェック後のボタン */
input[type="radio"]:checked + .wpcf7-list-item-label::before {
  background-color: var(--gold); /* チェック後の中心の色 */
  box-shadow: inset 0 0 0 3px #fff; /* 中心の色のスタイル */
}

input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  background-color: var(--gold); /* チェック後の中心の色 */
  box-shadow: inset 0 0 0 3px #fff; /* 中心の色のスタイル */
}
/*radio01 css　kokomade*/

.radio_flex_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.radio_flex_box li {
	width: 25%;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px) {
.radio_flex_box {
	display: block;
}
.radio_flex_box li {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}
}
/* -------------end------------- */


select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}
select option{
  background-color: #fff;
  /*color: #333;*/
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
}


.inverse{
  background: #000;
  padding: 20px 0;
  color: #fff;
}
.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    font-family: 'Font Awesome 5 Free';
  content: "\f078";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:1px solid #ddd;
   /* color:#828c9a;*/
    width:100%;
    border-radius:3px;
}

select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#9ED46B;
  color:#fff;
  border-color:#9ED46B;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.wpcf7c-conf{
background-color: #fff!important;
color: black;
border: none!important;
}


.bt_confirm > input[type="submit"] {
width: 100%;
height: 60px;
background-color: var(--gold);
border: none;
color: #fff;
font-size:20px;
-webkit-transition: background-color .2s;
transition: background-color .2s;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
font-size: 113%;
text-align: center;
}
		
	
.bt_confirm > input[type="submit"]:hover {
opacity: 0.7;
display: block;
}

.bt_confirm > input[type="submit"][disabled] {
background-color: #ccc;
cursor: default;
 opacity: 1.0!important;
}

.name_flex{display: flex;
justify-content: space-between;
align-items: center;}

.name_flex li:nth-child(odd){width: 6%;
margin-right: 0.5em;
box-sizing: border-box;
min-width: 2.5em;
text-align: right;
}
.name_flex li:nth-child(even){width: 42%;
}

.name_flex li:nth-child(3){
margin-left: 0.5em;
}


.birth_flex{display: flex;
justify-content: space-between;
align-items: center;}

.birth_flex li:nth-child(odd){width: 28%;}
.birth_flex li:nth-child(even){width: 8%;
margin-left: 0.5em;
box-sizing: border-box;}

.btn_flex_box{display: flex;
justify-content: center;
align-items: center;
}

.btn_flex_box li{width: 40%;}

.btn_flex_box > li:last-child{
height: 60px;
margin-bottom: 0!important;
padding-bottom: 0!important;}

.btn_flex_box_confirm{
align-items: flex-start;}



/* コンタクトフォームエラーメッセージ色変更-------------- */



.wpcf7-not-valid-tip {
	color: #FFA500!important; /* オレンジ */

}

/************************************
送信完了
*************************************/

.thanks_img{width:30%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.thanks_img{width: 50%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;}
	}
/* -------------end------------- */

/************************************
プライバシーポリシー
*************************************/
.pp_link{color: #ffffff;
text-decoration: underline;}

.ordinary_dl dt {
font-weight: 700;
font-size: 113%;
margin-bottom: 5px;}


.ordinary_dl dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

.ordinary_dl dd:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-style: none;
	
}

.ordinary_ol,
.ordinary_ol2, 
.ordinary_ol3 {
counter-reset:item; /* 数字のカウントをリセットする */
padding-left: 1em;}


.ordinary_ol > ol,
.ordinary_ol2 > ol,
.ordinary_ol3 > ol{
  padding-left: 2em;
}
.ordinary_ol > li,
.ordinary_ol2 > li,
.ordinary_ol3 > li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.ordinary_ol > li:before,
.ordinary_ol2 > li:before,
.ordinary_ol3 > li:before{
/* カウンタ（数字になる部分） */
counter-increment: item; /* 任意の名前を付けて！ */
content: counter(item); /* 名前を付けたカウンターを呼び出し */
/* 色を変えたり、背景画像を敷いたり！自由自在！ */
	  counter-increment: item;/* 任意の名前を付ける（もちろん英語で） */
  content: counter(item)'.';/* 名前を付けたカウンターをcontentで発動！ */
  /* 以下は自由に装飾... */
  padding-right: .5em;
}

/************************************
利用者の声
*************************************/

.voice_flex_box {
  display: flex;
  justify-content: space-between;
}
.voice_flex_box li:first-child {
  width: 20%;
  color: #ffffff;
}
/* 吹き出しのli */
.voice_flex_box li:last-child {
  width: 75%;
  position: relative;
  background-color: #f0f0f0; /* 吹き出しの背景色 */
  padding: 30px;
  border-radius: 10px;
}
/* 左側の吹き出しの三角 */
.voice_flex_box li:last-child::before {
  content: "";
  position: absolute;
  top: 50px; /* 吹き出しの高さに合わせて調整 */
  left: -20px; /* 吹き出しの外に出す */
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 20px solid #f0f0f0; /* 背景色と合わせる */
}
.voice_img {
  margin-bottom: 5px;
}
.voice_name {
  text-align: center;
}
.voice_day {
  font-size: 88%;
}
.voice_title {
  font-size: 113%;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid #cccccc 1px;
}
/* 小さい画面用の設定-------------- */
@media screen and (max-width: 767px) {
  .voice_flex_box {
    flex-direction: column; /* 縦並びにする */
    align-items: center; /* 吹き出し自体も中央寄せ */
  }
  .voice_flex_box li:first-child {
    width: 50%; /* 少し余白を残す */
    text-align: center;
  }
  .voice_flex_box li:last-child {
    width: 100%; /* 少し余白を残す */
  }
  /* 吹き出しの三角を上向き＆中央に */
  .voice_flex_box li:last-child {
    position: relative; /* 疑似要素の基準 */
    margin-top: 15px; /* 顔画像と吹き出しの間隔 */
  }
  .voice_flex_box li:last-child::before {
    content: "";
    position: absolute;
    top: -15px; /* 吹き出しの上に */
    left: 50%; /* 横中央 */
    transform: translateX(-50%); /* 中央寄せ */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #f0f0f0; /* 上向き三角の色 */
    border-top: 0;
  }
}
/* -------------end------------- */

/************************************
募集中のツアー
*************************************/
  
.tour_wrapper {
padding-top: 70px;
padding-bottom: 70px;
background-color: var(--light_g);
}

.tour_img{margin-bottom: 10px;}


.tour_lead{margin-bottom: 30px;
font-size: 113%;}


/* tour_point***********---------------*/

.tour_point {
    position: relative;
    padding:  1.5em;
    border: solid 1px var(--dark_g);/*線*/
    margin-bottom: 20px;
}
.tour_point  .tour_point_title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    top: -10px;
    padding: 0 20px;
    line-height: 1;
   background-color: var(--light_g);
}

.tour_point_ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.tour_point_ul li:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;}

.tour_point_ul li:before {
  content: "\f14a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.5em; /* アイコンと文字の間隔 */
color: var(--dark_g);
}



/* 小さい画面用の設定-------------- */
@media (max-width:767px) {

    

}
/* -------------end------------- */


.tour_dl {
margin-bottom: 50px;
}


.tour_dl > dt {
	clear: left;
	float: left;
	width: 11em;
}

.tour_dl > dd {
	padding-left: 12em;
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px) {
.tour_wrapper {
padding-top: 50px;
padding-bottom: 50px;
}

.tour_dl {
margin-bottom: 20px;
}


.tour_dl > dt {
	clear: none;
	float: none;
	width: 100%;
}

.tour_dl > dd {
	padding-left: 0em;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
}
/* -------------end------------- */

.time_dl {
    overflow: hidden;
}

.time_dl > dt {
	clear: left;
	float: left;
	width: 3em;
}

.time_dl > dd {
	padding-left: 4em;
	
}

.tour_atteision li {
  position: relative; /* before を位置調整するため */
  padding-left: 1.5em; /* ・と本文の間隔を確保 */
}

.tour_atteision li:before {
  content: "・";
  position: absolute;
  left: 0; /* 左端に配置 */
  color: var(--dark_g);
}

/* ============================
   通常サムネイル矢印
============================ */
.swiperThumbnail {
  position: relative;
}

.swiperThumbnail .thumb-button-prev,
.swiperThumbnail .thumb-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 10;
  cursor: pointer;
}

.swiperThumbnail .thumb-button-prev { left: 0; }
.swiperThumbnail .thumb-button-next { right: 0; }

.swiperThumbnail .thumb-button-prev i,
.swiperThumbnail .thumb-button-next i { font-size: 150%; pointer-events: none; }

/* ============================
   モーダル矢印
============================ */

.swiperThumbnail-modal {
  position: relative !important;
}

.swiperThumbnail-modal .thumb-button-prev,
.swiperThumbnail-modal .thumb-button-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  z-index: 10 !important;
  cursor: pointer !important;
}

.swiperThumbnail-modal .thumb-button-prev { left: 0 !important; }
.swiperThumbnail-modal .thumb-button-next { right: 0 !important; }

.swiperThumbnail-modal .thumb-button-prev i,
.swiperThumbnail-modal .thumb-button-next i { font-size: 150% !important; pointer-events: none !important; }