@charset "utf-8";

/*
Theme Name: my-theme
Version: 1
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	text-decoration: none;
	vertical-align: bottom;
}

body {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Helvetica Neue",メイリオ,Meiryo,游ゴシック,YuGothic,"Yu Gothic",Arial,sans-serif;
	font-family: Noto Sans JP,sans-serif;
}

ol, ul {
	list-style: none;
}

img {
	width: 100%;
	height: auto;
}

/* PC メディアクエリ（1024px以上） 開始 */
@media screen and ( min-width: 1024px ) {

.sp {
	display: none;
}

/* PC 変数を定義root */
:root {
	--font-size-small: 14px;
	--font-size-base: 16px;
	--font-size-large: 19px;
	--font-weight-light: 300;
	--background-color: #28251c;
}

/* PC MEGAオリジナルroot */
:root {
	--hanoi-color: #feee00;
	--danang-color: #02e835;
	--ho-chi-minh-city-color: #ff0090;
	--hanoi-background: #feee00;
	--danang-background: #02e835;
	--ho-chi-minh-city-background: #ff0090;
	--hanoi-background-rgb: rgb(254 238 0 / 80%);
	--danang-background-rgb: rgb(2 232 53 / 80%);
	--ho-chi-minh-city-background-rgb: rgb(255 0 144 / 70%);
}

/* -------------------- PC MEGAベトナム index -------------------- */

.top-key h1 {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	mix-blend-mode: overlay;
	text-align: center;
}

.top-key {
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(-45deg, #ff00aa 10%, #0088ff);
	position: relative;
	background-attachment: fixed;
}

.top-center-logo {
	width: 384px;
	height: 88px;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.top-content-text {
	text-align: center;
}

.top-content-text img {
	width: 55%;
}

.top-link-content {
	width: 820px;
	height: 460px;
	margin: 150px auto;
	position: relative;
}

.top-link-hanoi {
	width: 320px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 10;
}

.top-link-hanoi h2 a {
	font-size: 12px;
	font-weight: 300;
	color: #000;
	margin-bottom: -3px;
}

.top-link-danang {
	width: 320px;
	position: absolute;
	top: 200px;
	right: 0;
	z-index: 10;
}

.top-link-danang h2 a {
	font-size: 12px;
	font-weight: 300;
	color: #000;
	margin-bottom: -3px;
}

.top-link-ho-chi-minh-city {
	width: 320px;
	position: absolute;
	top: 346px;
	left: 0;
	z-index: 10;
}

.top-link-ho-chi-minh-city h2 a {
	font-size: 12px;
	font-weight: 300;
	color: #000;
	margin-bottom: -3px;
}

.top-vietnam-map {
	width: 250px;
	height: 460px;
	background: url(/wp-content/themes/my-theme/images/vietnam-map.png) center center no-repeat;
	background-size: 250px 460px;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.top-bottom {
	width: 100%;
	background-image: linear-gradient(-45deg, #ff00aa 10%, #0088ff);
	background: #28251c;
}

.top-footer-logo {
	width: 320px;
	margin: 0 auto;
	padding-top: 100px;
}

.top-follow-me {
	width: 120px;
	margin: 50px auto 0;
}

.top-bottom ul {
	width: 220px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.top-tiktok a img {
	width: 60px;
}

.top-instagram {
	padding: 11px 9px 0;
}

.top-instagram a img {
	width: 42px;
}

.top-x-white {
	padding: 14px 12px 0;
}

.top-x-white a img {
	width: 35px;
}

.top-copyright {
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	margin-top: 40px;
	padding-bottom: 20px;
}

.top-update-date {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	mix-blend-mode: overlay;
	text-align: right;
	margin-right: 20px;
}

/* -------------------- PC 各エリアTOPページ -------------------- */

header {
	width: 100%;
	height: 80px;
	background: var(--background-color);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
}

.header-content {
	width: 900px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.header-title {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
	margin-top: 4px;
}

.logo a img {
	width: 320px;
}

.header-login {
	text-align: right;
}

.header-login a {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #fff;
	position: relative;
	margin-right: 23px;
}

.header-login a::after {
	width: 23px;
	height: 23px;
	content: "";
	position: absolute;
	top: 0px;
	right: -23px;
}

.hanoi .header-login a::after {
	background: url(/wp-content/themes/my-theme/images/login-hanoi.png) center center / cover no-repeat;
}

.ho-chi-minh-city .header-login a::after {
	background: url(/wp-content/themes/my-theme/images/login-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .header-login a::after {
	background: url(/wp-content/themes/my-theme/images/login-ho-chi-minh-city.png) center center / cover no-repeat;
}

.header-menu nav ul {
	width: 540px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3px;
}

.header-menu nav ul li {
	text-align: center;
}

.header-menu nav ul li a {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #fff;
	position: relative;
}

.header-menu nav ul li a:hover {
	transition: color .3s ease;
}

.hanoi .header-menu nav ul li a:hover {
	color: var(--hanoi-color);}

.danang .header-menu nav ul li a:hover {
	color: var(--danang-color);
}

.ho-chi-minh-city .header-menu nav ul li a:hover {
	color: var(--ho-chi-minh-city-color);
}

.header-menu nav ul li a:hover::after {
	transform : scale(1, 1);
	transform-origin: left;
}

.header-menu nav ul li a::after {
	width: 100%;
	height: 2px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	transform: scale(0, 1);
	transform-origin: right;
	transition: transform .3s;
}

.hanoi .header-menu nav ul li a::after {
	background: var(--hanoi-background);
}

.danang  .header-menu nav ul li a::after {
	background: var(--danang-background);
}

.ho-chi-minh-city  .header-menu nav ul li a::after {
	background: var(--ho-chi-minh-city-background);
}

/* キービジュアル スライダー */

.top-main {
	background: var(--background-color);
	padding-top: 80px;
}

.top-main-h1 {
	width: 900px;
	margin: 0 auto;
	font-size: 12px;
	font-weight: var(--font-weight-light);
	color: #fff;
}

.wrap-key {
	background: var(--background-color);
}

.key {
	width: 900px;
	margin: 0 auto;
}

.main-splide {
	width: 100%;
	margin: 0 auto 10px;
}

.main-splide img {
	width: 100%;
	object-fit: cover;
}

.thumbnail-splide {
	width: 100%;
	margin: 0 auto;
}

.thumbnail-splide img {
	width: 100%;
	object-fit: cover;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity .3s;
}

.thumbnail-splide .is-active img {
	opacity: 1;
}

.hanoi .splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid #feee00 !important;
}

.danang .splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid #02e835 !important;
}

.ho-chi-minh-city .splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid #ff0090 !important;
}

/* お店と女の子を探す */

.wrap-find-navi-content {
	background: var(--background-color);
}

.find-navi-content {
	width: 900px;
	margin: 0 auto;
	display: flex;
	background: var(--background-color);
}

.find-navi {
	width: 480px;
	margin: 0 auto;
	padding: 70px 0;
	display: flex;
	justify-content: space-between;
}

.find-shop a {
	font-size: 17px;
	font-weight: var(--font-weight-light);
	color: #000;
	padding: 11px 40px 14px;
	border-radius: 30px;
}

.hanoi .find-shop a {
	background: var(--hanoi-background);
	border: solid 2px #feee00;
}

.danang .find-shop a {
	background: var(--danang-background);
	border: solid 2px #02e835;
}

.ho-chi-minh-city .find-shop a {
	background: var(--ho-chi-minh-city-background);
	border: solid 2px #ff0090;
}

.find-shop a:hover {
	background: #fff;
}

.find-girl a {
	font-size: 17px;
	font-weight: var(--font-weight-light);
	color: #000;
	padding: 11px 40px 14px;
	border-radius: 30px;
}

.hanoi .find-girl a {
	background: var(--hanoi-background);
	border: solid 2px #feee00;
}

.danang .find-girl a {
	background: var(--danang-background);
	border: solid 2px #02e835;
}

.ho-chi-minh-city .find-girl a {
	background: var(--ho-chi-minh-city-background);
	background: var(--ho-chi-minh-city-background);
}

.find-girl a:hover {
	background: #fff;
}

/* 女の子人気ランキング */

.wrap-girls-ranking-content {
	background: #fff;
	padding-bottom: 120px;
}

.girls-ranking-content {
	width: 760px;
	margin: 0 auto;
}

.wrap-girls-ranking-anchor {
	position: relative;
}

#girls-ranking-anchor {
	position: absolute;
	top: -79px;
}

.girls-ranking-title {
	padding: 100px 0 40px;
}

.monthly-ranking-girls {
	font-size: 24px;
	color: #28251c;
	text-align: center;
}

.girls-ninki h2 {
	font-size: 24px;
	font-weight: var(--font-weight-light);
	color: #555;
	text-align: center;
}

.girls-shukei {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #555;
	text-align: center;
}

.girls-ranking-title {
	position: relative;
	z-index: 10;
}

.girls-ninki h2 {
	font-size: 24px;
	font-weight: var(--font-weight-light);
	color: #555;
	text-align: center;
}

.girls-ninki h2::after {
	width: 800px;
	height: 360px;
	content: "";
	position: absolute;
	top: 20px;
	left: 200px;
	z-index: -100;
}

.hanoi .girls-ninki h2::after {
	background: url(/wp-content/themes/my-theme/images/bg-font-hanoi.png) center center / cover no-repeat;
}

.danang .girls-ninki h2::after {
	background: url(/wp-content/themes/my-theme/images/bg-font-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .girls-ninki h2::after {
	background: url(/wp-content/themes/my-theme/images/bg-font-ho-chi-minh-city.png) center center / cover no-repeat;
}

.wrap-girls-ranking + .wrap-girls-ranking {
	margin-top: 40px;
}

.girls-ranking {
	position: relative;
}

.girls-ranking::before {
	width: 45px;
	height: 45px;
	content: "";
	position: absolute;
	top: -11px;
	left: -51px;
}

.hanoi .girls-ranking::before {
	background: url(/wp-content/themes/my-theme/images/crown-hanoi.png) center center / cover no-repeat;
}

.danang .girls-ranking::before {
	background: url(/wp-content/themes/my-theme/images/crown-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .girls-ranking::before {
	background: url(/wp-content/themes/my-theme/images/crown-ho-chi-minh-city.png) center center / cover no-repeat;
}

.girls-ranking h3 {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-ranking a {
	color: #000;
}

.girls-ranking-img {
	margin-top: 12px;
}

.girls-ranking-img ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 12px;
}

.girls-ranking-img ul li img {
	border-radius: 8px;
	box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}

.girls-ranking-shop {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #000;
	margin-top: 12px;
}

.girls-ranking-shop a {
	font-weight: var(--font-weight-light);
	color: #000;
	position: relative;
}

.girls-ranking-shop a::after {
	width: 35px;
	height: 35px;
	content: "";
	position: absolute;
	top: -2px;
	right: -46px;
}

.hanoi .girls-ranking-shop a::after {
	background: url(/wp-content/themes/my-theme/images/arrow-hanoi.png) center center / cover no-repeat;
}

.danang .girls-ranking-shop a::after {
	background: url(/wp-content/themes/my-theme/images/arrow-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .girls-ranking-shop a::after {
	background: url(/wp-content/themes/my-theme/images/arrow-ho-chi-minh-city.png) center center / cover no-repeat;
}

/* お店人気ランキング */

.wrap-shop-ranking-content {
	background: var(--background-color);
}

.shop-ranking-content {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.wrap-shop-ranking-anchor {
	position: relative;
}

#shop-ranking-anchor {
	position: absolute;
	top: -79px;
}

.shop-ranking-title {
	padding: 100px 0 40px;
}

.monthly-ranking-shop {
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.shop-ninki h2 {
	font-size: 24px;
	font-weight: var(--font-weight-light);
	text-align: center;
}

.hanoi .shop-ninki h2 {
	color: var(--hanoi-color);
}

.danang .shop-ninki h2 {
	color: var(--danang-color);
}

.ho-chi-minh-city .shop-ninki h2 {
	color: var(--ho-chi-minh-city-color);
}

.shop-shukei {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
	text-align: center;
}

.wrap-shop-ranking + .wrap-shop-ranking {
	margin-top: 80px;
}

.shop-ranking {
	position: relative;
}

.shop-ranking::before {
	width: 45px;
	height: 45px;
	content: "";
	position: absolute;
	top: -11px;
	left: -51px;
}

.hanoi .shop-ranking::before {
	background: url(/wp-content/themes/my-theme/images/crown-hanoi.png) center center / cover no-repeat;
}

.danang .shop-ranking::before {
	background: url(/wp-content/themes/my-theme/images/crown-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .shop-ranking::before {
	background: url(/wp-content/themes/my-theme/images/crown-ho-chi-minh-city.png) center center / cover no-repeat;
}

.hanoi .shop-ranking h3 {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: var(--hanoi-color);
}

.danang .shop-ranking h3 {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: var(--danang-color);
}

.ho-chi-minh-city .shop-ranking h3 {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: var(--ho-chi-minh-city-color);
}

.hanoi .shop-ranking a {
	color: var(--hanoi-color);
}

.danang .shop-ranking a {
	color: var(--danang-color);
}

.ho-chi-minh-city .shop-ranking a {
	color: var(--ho-chi-minh-city-color);
}

.shop-ranking-banner {
	width: 760px;
	margin: 12px 0;
}

.shop-ranking-img {
	width: 760px;
	margin: 18px auto 0;
}

.shop-ranking-img ul {
	display: grid; /* Gridレイアウトを有効にする */
	grid-template-columns: repeat(3, 1fr); /* 5列のグリッドを作成 (各列は均等幅) */
	grid-gap: 12px; /* グリッド間の間隔 本当は12.5px */
}

.shop-ranking-img ul li a img {
	border-radius: 8px;
}

/* -------------------- PC 検索ボックスの装飾 -------------------- */

.header-search-area {
	width: 540px;
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
}

/* 各検索ボックスの共通設定 */
.search-box {
	width: 240px;
}

/* フォームの共通構造 */
.search-form-shop,
.search-form-girl {
	display: flex;
	width: 100%;
	overflow: hidden;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

/* 入力エリア共通 */
.search-form-shop input[type="text"],
.search-form-girl input[type="text"] {
	flex: 1;
	border: none;
	padding: 8px 10px;
	font-size: 12px;
	outline: none;
	background: transparent;
}

/* ボタン共通 */
.search-form-shop button[type="submit"],
.search-form-girl button[type="submit"] {
	border: none;
	padding: 0 8px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
}

/* --- 個別カラー設定 --- */
.search-form-shop {
	border: 2px solid #feee00;
}

.search-form-shop button[type="submit"] {
	font-size: 12px;
	background: #feee00;
}

/*.search-form-shop button[type="submit"]:hover {
	background: #b8962e;
}*/

.search-form-girl {
	border: 2px solid #ff0090;
}

.search-form-girl button[type="submit"] {
	font-size: 12px;
	background: #ff0090;
}

/*.search-form-girl button[type="submit"]:hover {
	background: #d17a81;
}*/

/* -------------------- PC search -------------------- */

.search-content {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 80px;
	min-height: calc(100vh - 260px);
}

.search-result-header {
	width: 540px;
	margin: 25px auto 0;
}

/* 再検索エリアの調整 */
.re-search {
	background: #fdfdfd;
	padding: 25px 20px;
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 20px auto 40px;
}

.re-search-title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin-bottom: 15px;
}

.return-link-content {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

/* 一覧に戻るリンクのスタイル */
.return-link {
	text-align: center;
	margin-top: 20px;
}

.return-link-shop {
	width: 240px;
	text-align: center;
}

.return-link-shop a {
	font-size: 13px;
	color: #feee00;
	font-weight: bold;
}

.return-link-shop a:hover {
	text-decoration: underline;
}

.return-link-girl {
	width: 240px;
	text-align: center;
}

.return-link-girl a {
	font-size: 13px;
	color: #ff0090;
	font-weight: bold;
}

.return-link-girl a:hover {
	text-decoration: underline;
}

/* 0件ヒット時の表示 */
.no-results {
	padding: 40px 20px;
	text-align: center;
	background: #f9f9f9;
	border-radius: 8px;
	color: #666;
}

.search-girlslist-content {
	width: 900px;
	margin: 17px auto 80px;
}

.search-shoplist-content {
	width: 900px;
	margin: 17px auto 80px;
}

/* -------------------- PC page-hanoi-shops -------------------- */

/* お店リストページ お店情報 */

.wrap-shoplist-content {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 80px;
	min-height: calc(100vh - 260px);
}

.wrap-shoplist-content-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

/* お店リストページ 検索 */

.main-search-area {
	width: 540px;
	margin: 60px auto;
	display: flex;
	justify-content: space-between;
}

.shoplist-content + .shoplist-content {
	margin-top: 40px;
}

.shoplist-content {
	margin-top: 4px;
}

.shoplist-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shoplist-title {
	display: flex;
	align-items: center;
	margin-top: 2px;
}

.shoplist-icon a img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.shoplist-content-h2 {
	margin-left: 16px;
}

.shoplist-content-h2 a {
	font-size: 21px;
	font-weight: var(--font-weight-light);
	color: #000;
	display: block;
}

.shoplist-banner {
	margin-top: 4px;
}

.shoplist-banner img {
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.shoplist-girls-content {
	margin-top: 12px;
}

.shoplist-girls-content ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 11px;
}

.shoplist-girls-list a img {
	border-radius: 8px;
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.shoplist-girls-list {
	position: relative;
	z-index: 10;
}

.shoplist-girls-name {
	width: 100%;
	padding: 2px 0 6px;
	position: absolute;
	bottom: 16px;
	left: 0;
	z-index: 100;
	text-align: center;
}

.hanoi .shoplist-girls-name {
	background: rgb(254 238 0 / 80%);
}

.danang .shoplist-girls-name {
	background: rgb(2 232 53 / 80%);
} 

.ho-chi-minh-city .shoplist-girls-name {
	background: rgb(255 0 144 / 70%);
}

.shoplist-girls-name a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.pagination-links ul {
	width: 100%;
	display: inline-flex;
	justify-content: center;
	margin-top: 60px;
}

.pagination-links ul li {
	margin: 8px;
}

.page-numbers li a {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #000;
}

.page-numbers li .current {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #000;
	padding: 3px 10px;
}

.hanoi .page-numbers li .current {
	border: solid #feee00;
}

.danang .page-numbers li .current {
	border: solid #02e835;
}

.ho-chi-minh-city .page-numbers li .current {
	border: solid #ff0090;
}

/* -------------------- PC single-shop -------------------- */

/* お店詳細ページ */

.wrap-shop-content {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 140px;
}

.wrap-shop-header-content {
	width: 100%;
	background: rgb(255 255 255 / 90%);
	padding: 4px 0;
	box-shadow: 0 2px 10px rgb(0 0 0 / 6%);
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 3000;
}

.shop-header-content {
	width: 900px;
	margin: 0 auto;
	font-size: 17px;
	color: #555;
}

.shop-header {
	display: flex;
	justify-content: space-between;
}

.shop-header-logo {
	display: flex;
	align-items: center;
}

.shop-header-icon img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.shop-header-name {
	font-size: 21px;
	margin-left: 14px;
}

.shop-header-name {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-nav ul {
	width: 540px;
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
}

.shop-nav ul li a {
	font-size: 16px;
	color: #000;
	font-weight: var(--font-weight-light);
	position: relative;
}

.shop-nav ul li a:hover {
	transition: color .3s ease;
}

.shop-nav ul li a:hover::after {
	transform : scale(1, 1);
	transform-origin: left;
}

.shop-nav ul li a::after {
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	background: #000;
	transform: scale(0, 1);
	transform-origin: right;
	transition: transform .3s;
}

/* スルスルと滑らかに上に戻る */
html {
	scroll-behavior: smooth;
}

.shop-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-header-key {
	margin-top: 2px;
}

/* お店詳細ページ 女の子リスト */

.wrap-shop-girls-anchor {
	position: relative;
}

#shop-girls-anchor {
	position: absolute;
	top: -140px;
}

.shop-girls-list-content {
	margin-top: 4px;
}

.shop-girls-list-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-girls-list-content ul {
	display: grid; /* Gridレイアウトを有効にする */
	grid-template-columns: repeat(5, 1fr); /* 5列のグリッドを作成 (各列は均等幅) */
	grid-gap: 11px; /* グリッド間の間隔 本当は12.5px */
	margin-top: 4px;
}

.shop-girls-list ul li {
	margin-top: 10px;
}

.shop-girls-list {
	position: relative;
	z-index: 10;
}

.shop-girls-list-name {
	width: 100%;
	padding: 2px 0 6px;
	position: absolute;
	bottom: 16px;
	left: 0;
	z-index: 100;
	text-align: center;
}

.hanoi .shop-girls-list-name {
	background: rgb(254 238 0 / 80%);
}

.danang .shop-girls-list-name {
	background: rgb(2 232 53 / 80%);
}

.ho-chi-minh-city .shop-girls-list-name {
	background: rgb(255 0 144 / 70%);
}

.shop-girls-list-name a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-girls-list a img {
	border-radius: 8px;
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

/* お店詳細ページ お店情報（上段） */

.shop-text div {
	margin-top: 36px;
}

.shop-text p {
	margin-top: 12px;
}

.shop-banner {
	margin-top: 12px;
}

.shop-address {
	margin-top: 20px;
}

.shop-address p a {
	color: #555;
}

.shop-text .store-link {
	text-align: center;
	margin-top: 80px;
}

/* お店詳細ページ 料金システム */

.wrap-shop-system-anchor {
	position: relative;
}

#shop-system-anchor {
	position: absolute;
	top: -140px;
}

.shop-system {
	margin-top: 30px;
}

.shop-system-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

table.shop-system-table {
	width: 900px;
	border-collapse: collapse;
	border: solid 1px #ccc;
	font-size: var(--font-size-base);
}

table.shop-system-table tbody tr th {
	width: 240px;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 0;
	border-bottom: dashed 1px #CCC;
	vertical-align: middle;
}

.hanoi table.shop-system-table tbody tr th {
	background: var(--hanoi-background);
}

.danang  table.shop-system-table tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city table.shop-system-table tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

table.shop-system-table tbody tr td {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 30px;
	border-bottom: dashed 1px #CCC;
	line-height: 2;
}

/* 中身が空の場合にスペースを補完する */
/*table.shop-system-table tbody tr td:empty::before {
	content: "\00a0"; 
}*/

.shop-system-table-row {
	margin-top: 30px;
}

/* お店詳細ページ 店舗写真 */

.wrap-shop-interior-anchor {
	position: relative;
}

#shop-interior-anchor {
	position: absolute;
	top: -140px;
}

.shop-interior {
	width: 900px;
	margin: 30px auto 0;
}

.shop-interior-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-interior ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px 20px;
}

/* shop アクセス */

.shop-access-content {
	width: 900px;
	margin: 30px auto 0;
}

.shop-access-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-access-title {
	display: flex;
	align-items: center;
}

.shop-access-icon a img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.shop-access-name {
	font-size: 21px;
	margin-left: 16px;
}

.shop-access-name a {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-access-banner {
	margin-top: 4px;
}

.wrap-shop-access-anchor {
	position: relative;
}

#shop-access-anchor {
	position: absolute;
	top: -140px;
}

table.shop-access-shop-date {
	width: 900px;
	border-collapse: collapse;
	border: solid 1px #ccc;
}

table.shop-access-shop-date tbody tr th {
	width: 240px;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 0;
	border-bottom: dashed 1px #CCC;
}

.hanoi table.shop-access-shop-date tbody tr th {
	background: var(--hanoi-background);
}

.danang table.shop-access-shop-date tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city table.shop-access-shop-date tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

table.shop-access-shop-date tbody tr td {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 20px;
	border-bottom: dashed 1px #CCC;
}

.shop-access-shop-address a {
	color: #28251c;
	position: relative;
}

.shop-access-shop-address a:hover {
	text-decoration: underline;
	text-decoration-color: #28251c;
	text-decoration-thickness: 1px;
}

.shop-access-shop-address a::after {
	width: 17px;
	height: 17px;
	content: "";
	background: url(/wp-content/themes/my-theme/images/map.png) center center / cover no-repeat;
	position: absolute;
	top: 2px;
	right: -28px;
}

/* お店詳細ページ クーポン */

.wrap-shop-coupon-anchor {
	position: relative;
}

#shop-coupon-anchor {
	position: absolute;
	top: -140px;
}

.shop-coupon-content {
	margin-top: 30px;
}

.shop-coupon-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-coupon-content img {
	box-shadow: 3px 7px 11px rgb(0 0 0 / 10%);
}

.shop-coupon-notes {
	font-size: 15px;
	color: #f00;
	text-align: center;
	margin-top: 8px;
}

/* -------------------- PC page-hanoi-girls -------------------- */

/* 女の子リストページ お店情報 */

.wrap-girlslist-content {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 80px;
	min-height: calc(100vh - 260px);
}

.girlslist-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girlslist-content {
	margin-top: 4px;
}

.girlslist-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girlslist-girls {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 11px;
	margin-top: 4px;
}

.girlslist-girls li a img {
	border-radius: 8px;
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.girlslist-girls-list {
	position: relative;
	z-index: 10;
}

.girlslist-girls-name {
	width: 100%;
	padding: 2px 0 6px;
	position: absolute;
	bottom: 16px;
	left: 0;
	z-index: 100;
	text-align: center;
	font-size: var(--font-size-small);
}

.hanoi .girlslist-girls-name {
	background: rgb(254 238 0 / 80%);
}

.danang .girlslist-girls-name {
	background: rgb(2 232 53 / 80%);
}

.ho-chi-minh-city .girlslist-girls-name {
	background: rgb(255 0 144 / 70%);
}

.girlslist-girls-name a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.pagination-wrapper ul {
	width: 100%;
	display: inline-flex;
	justify-content: center;
	margin-top: 60px;
}

.pagination-wrapper ul li {
	margin: 8px;
}

.page-numbers li a {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #000;
}

.page-numbers li .current {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #000;
	padding: 3px 10px;
	border: solid #feee00;
}

/* -------------------- PC single-girl -------------------- */

.wrap-girls-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 80px;
}

.girls-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-profile-content {
	display: flex;
	justify-content: space-between;
}

.girls-profile-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
	margin-top: 4px;
}

.girls-profile-img-h3 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
	text-align: center;
}

.girls-profile-img {
	width: 380px;
}

/* 女の子スライダー */

.girls-profile-img-main {
	position: relative; /* ボタンを絶対配置するために必要 */
	/* 必要に応じてメイン画像コンテナのサイズを設定 */
}

.carousel-button {
	position: absolute;
	top: 50%; /* 垂直方向の中央 */
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.3); /* 半透明の背景 */
	color: white;
	border: none;
	padding: 10px 16px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 20px;
	z-index: 10; /* 画像より手前に表示 */
}

.prev-button {
	left: -50px;
}

.next-button {
	right: -50px;
}

.girls-profile-img-main img {
	border-radius: 8px;
	box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}

.girls-profile-img-thumbnail ul {
	width: 380px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* 最後が空白の場合埋める */
.girls-profile-img-thumbnail ul::after {
	content: "";
	display: block;
	width: 120px;
	height: 0;
}

.girls-profile-img-thumbnail ul li {
	width: 120px;
	margin-top: 12px;
}

.girls-profile-img-thumbnail ul li img {
	border-radius: 8px;
	box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}

/* プロフィール */

.girls-profile-text {
	margin-top: 19px;
}

.girls-profile-title-h3 {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	text-align: center;
	padding: 12px 20px;
	border: solid 1px #ccc;
	border-bottom: none;
}

.hanoi .girls-profile-title-h3 {
	background: var(--hanoi-background);
}

.danang .girls-profile-title-h3 {
	background: var(--danang-background);
}


.ho-chi-minh-city .girls-profile-title-h3 {
	background: var(--ho-chi-minh-city-background);
}

table.girls-profile-table {
	width: 460px;
	border-collapse: collapse;
	border: solid 1px #ccc;
}

table.girls-profile-table tbody tr th {
	width: 200px;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 20px;
	border-bottom: dashed 1px #CCC;
	vertical-align: middle;
}

.hanoi table.girls-profile-table tbody tr th {
	background: var(--hanoi-background);
}


.danang table.girls-profile-table tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city table.girls-profile-table tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

table.girls-profile-table tbody tr td {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 20px;
	border-bottom: dashed 1px #CCC;
}

table.girls-profile-table tbody tr td a {
	color: #28251c;
}

/* メッセージ */

.girls-profile-message {
	width: 460px;
	border: solid 1px #ccc;
	margin-top: 4px;
}

.girls-profile-message-h3 {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	text-align: center;
	padding: 12px 20px;
	border-bottom: solid 1px #ccc;
}

.hanoi .girls-profile-message-h3 {
	background: var(--hanoi-background);
}

.danang .girls-profile-message-h3 {
	background: var(--danang-background);
}

.ho-chi-minh-city .girls-profile-message-h3 {
	background: var(--ho-chi-minh-city-background);
}

.girls-profile-message-text {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	line-height: 2;
	padding: 12px 20px;
}

.girls-profile-message-text:empty::before {
	content: "\00a0"; 
}

/* 女の子詳細ページ お店情報 */

.girls-profile-shop-content {
	width: 900px;
	margin: 30px auto 80px;
}

.girls-profile-shop-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-profile-shop-title {
	display: flex;
	align-items: center;
}

.girls-profile-shop-icon a img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.girls-profile-shop-name {
	font-size: 21px;
	margin-left: 16px;
}

.girls-profile-shop-name a {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-profile-shop-banner {
	margin-top: 4px;
}

table.girls-profile-shop-date {
	width: 900px;
	border-collapse: collapse;
	border: solid 1px #ccc;
	margin-top: 10px;
}

table.girls-profile-shop-date tbody tr th {
	width: 240px;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 20px;
	border-bottom: dashed 1px #CCC;
}

.hanoi table.girls-profile-shop-date tbody tr th {
	background: var(--hanoi-background);
}

.danang table.girls-profile-shop-date tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city table.girls-profile-shop-date tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

table.girls-profile-shop-date tbody tr td {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 12px 20px;
	border-bottom: dashed 1px #CCC;
}

.girls-profile-shop-address a {
	color: #28251c;
	position: relative;
}

.girls-profile-shop-address a:hover {
	text-decoration: underline;
	text-decoration-color: #28251c;
	text-decoration-thickness: 1px;
}

.girls-profile-shop-address a::after {
	width: 17px;
	height: 17px;
	content: "";
	background: url(/wp-content/themes/my-theme/images/map.png) center center / cover no-repeat;
	position: absolute;
	top: 2px;
	right: -28px;
}

.girls-profile-shop-telephone a {
	color: #28251c;
}

.girls-profile-shop-link {
	text-align: center;
	margin-top: 60px;
}

.girls-profile-shop-link a {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 11px 40px 14px;
	border-radius: 30px;
	display: inline-block;
}

.hanoi .girls-profile-shop-link a {
	background: var(--hanoi-background);
	border: solid 1px #feee00;
}

.danang .girls-profile-shop-link a {
	background: var(--danang-background);
	border: solid 1px #02e835;
}

.ho-chi-minh-city .girls-profile-shop-link a {
	background: var(--ho-chi-minh-city-background);
	border: solid 1px #ff0090;
}

.girls-profile-shop-link a:hover {
	background: #fff;
}

/* -------------------- PC footer -------------------- */

footer {
	background: #28251c;
}

.footer-hanoi-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 60px;
}

.footer-danang-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 60px;
}

.footer-ho-chi-minh-city-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 60px;
}

.footer-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 60px;
}

.footer-area-content {
	display: flex;
	justify-content: space-between;
}

/* 固定ページの共通フッター */
.footer-page-area-content {
	display: flex;
	justify-content: space-between;
}

.footer-area a h2 {
	font-size: 13px;
	font-weight: var(--font-weight-light);
	color: #fff;
}

.footer-area-logo {
	width: 200px;
}

.footer-logo {
	width: 320px;
	margin-top: 60px;
}

.footer-nav-menu {
	width: 640px;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.footer-nav {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.hanoi .footer-nav-menu li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: var(--hanoi-color);
}

.danang .footer-nav-menu li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: var(--danang-color);
}

.ho-chi-minh-city .footer-nav-menu li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: var(--ho-chi-minh-city-color);
}

.footer-nav-login {
	width: 140px;
	display: flex;
	justify-content: space-between;
}

.footer-nav-login li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
}

.footer-copyright {
	font-size: 12px;
	font-weight: var(--font-weight-light);
	color: #fff;
	text-align: center;
	margin-top: 40px;
	padding-bottom: 20px;
}

.footer-nav-information {
	width: 600px;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
}

.footer-nav-information li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
}

/* -------------------- PC 固定ページの共通ヘッダー -------------------- */

.header-page-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 14px;
}

.header-page-content ul {
	display: flex;
	justify-content: space-between;
}

.header-page-area {
	font-size: 13px;
	font-weight: var(--font-weight-light);
	color: #fff;
}

.header-page-area a h2 {
	font-size: 13px;
	font-weight: var(--font-weight-light);
	color: #fff;
}

.header-page-logo {
	width: 200px;
}

/* -------------------- PC 404ページ -------------------- */

.error-404-content {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 120px;
	min-height: calc(100vh - 260px);
}

.error-title {
	font-size: 46px;
	font-weight: 300;
	text-align: center;
}

.error-message {
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	margin-top: -8px;
}

.error-description {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	margin-top: 60px;
}

.return-home {
	text-align: center;
	margin-top: 60px;
}

.return-home a {
	font-size: 19px;
	font-weight: 300;
	color: #000;
	text-decoration: underline;
}

/* -------------------- PC サイトマップ -------------------- */

.sitemap {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 120px;
}

.sitemap h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.sitemap-contant {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.sitemap-contant section {
	margin-top: 100px;
}

.sitemap-h2 {
	font-size: 16px;
	font-weight: normal;
}

.sitemap-h2 a {
	color: #28251c;
}

.sitemap-nav li {
	margin-top: 20px;
}

.sitemap-nav li a {
	font-size: 16px;
	font-weight: 300;
	color: #28251c;
	text-decoration: underline;
}

/* -------------------- PC terms（利用規約） -------------------- */

.terms {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 120px;
}

.terms h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
	margin-bottom: 20px;
}

.terms h2 {
	font-size: 16px;
	font-weight: normal;
	color: #28251c;
	margin-top: 20px;
}

.terms-text {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	line-height: 1.5;
	margin-top: 6px;
}

.terms-end {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	text-align: right;
}

/* -------------------- PC privacy-policy -------------------- */

.privacy-policy-content {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 120px;
}

.privacy-policy-content h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
	margin-bottom: 20px;
}

.privacy-policy-content h2 {
	font-size: 16px;
	font-weight: normal;
	color: #28251c;
	margin-top: 20px;
}

.privacy-policy-text {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	line-height: 1.5;
	margin-top: 6px;
}

.privacy-policy-end {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	text-align: right;
}

/* -------------------- PC ad MEGAベトナム掲載案内 -------------------- */

.ad {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 120px;
	min-height: calc(100vh - 260px);
}

.ad-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.ad-h2 {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.ad-text {
	font-size: 15px;
	font-weight: 300;
	line-height: 2;
	margin-top: 10px;
}

.ad-span {
	background: linear-gradient(transparent 70%, #feee00 70%);
}

.ad-complement {
	margin-top: 20px;
}

.ad-complement a {
	font-size: 13px;
	color: #000;
	text-decoration: underline;
	display: block;
}

.ad-complement a + a {
	margin-top: 12px;
}

.ad-marketing {
	text-align: center;
	margin-top: 50px;
}

.ad-marketing a {
	color: #000;
	text-decoration: underline;
}

.ad-content {
	text-align: center;
	margin-top: 50px;
}

.ad-experience {
	font-size: 19px;
}

.ad-free {
	font-size: 14px;
}

.ad-entry {
	text-align: center;
	padding: 15px;
	background: #fff9db;
	border-radius: 8px;
	margin-top: 50px;
}

.ad-entry a {
	font-size: 15px;
	color: #000;
	text-decoration: underline;
	display: block;
}

.ad-entry a:hover {
	color: #02e835;
}

/* -------------------- PC marketing MEGAベトナムで期待されるマーケティング効果 -------------------- */

.marketing {
	width: 900px;
	margin: 0 auto 80px;
	padding-top: 120px;
	min-height: calc(100vh - 260px);
}

.marketing-premise {
	font-size: 15px;
	margin-top: 50px;
}

.marketing-h2 {
	font-size: 17px;
	color: #28251c;
}

.marketing-text {
	font-size: 15px;
	color: #28251c;
	line-height: 2;
	margin-top: 10px;
}

.marketing-h3 {
	font-size: 17px;
	color: #28251c;
	margin-top: 60px;
}

.marketing-h4 {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.marketing-h2-tag {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.wrap-marketing-zion-anchor {
	position: relative;
}

#marketing-zion {
	position: absolute;
	top: -120px;
}

.wrap-marketing-ikea-anchor {
	position: relative;
}

#marketing-ikea {
	position: absolute;
	top: -80px;
}

/* -------------------- PC entry -------------------- */

.entry-content {
	width: 900px;
	margin: 0 auto 40px;
	padding-top: 120px;
	min-height: calc(100vh - 260px);
}

.entry-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.entry-lead-text {
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	margin-top: 30px;
}

.entry-terms-title {
	font-size: 15px;
	font-weight: bold;
}

.entry-terms-box {
	height: 300px;
	font-size: 15px;
	padding: 15px;
	background: #fafafa;
	border-radius: 5px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	margin-top: 5px;
}

.entry-terms h2 {
	font-size: 16px;
	font-weight: normal;
	color: #28251c;
	margin-top: 20px;
}

.entry-terms .terms-text {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	line-height: 1.5;
	margin-top: 6px;
}

/* 同意チェック */
.agreement-container {
	text-align: center;
	padding: 15px;
	background: #fff9db;
	border-radius: 8px;
	margin-top: 25px;
}

.agreement-container label {
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

input[type="checkbox"] {
	transform: scale(1.5);
	margin-right: 10px;
}

.agreement-container label input a {
	color: #000;
	text-decoration: underline;
}

.agreement-container-atag {
	color: #000;
	text-decoration: underline;
}

/* エリア選択ボタン */
.btn-container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 25px;
}

.entry-btn {
	font-size: 16px;
	font-weight: 300;
	color: #000;
	text-align: center;
	display: block;
	padding: 18px;
	/*text-decoration: none; */
	border-radius: 8px;
	/*border: none; */
	transition: 0.3s;
}

/* 各エリアのカラー */
.btn-container-hanoi {
	background: #feee00;
}

.btn-container-danang {
	background: #02e835;
}

.btn-container-ho-chi-minh-city {
	background: #ff0090;
}

.entry-btn:active {
	transform: translateY(2px);
	box-shadow: none;
}

/* 無効化（グレーアウト）の状態 */
.entry-btn:disabled {
	background: #ccc !important;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.6;
}

.disabled {
    background: #ccc !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: none; /* ← これが物理的なクリックを禁止します */
}

.entry-note {
	font-size: 0.8em;
	color: #777;
	text-align: center;
	margin-top: 12px;
}

/* -------------------- PC line（登録） -------------------- */

.wrap-line {
	background: #28251c;
}

.line {
	width: 320px;
	margin: 0 auto;
	padding: 120px 0 80px;
	min-height: calc(100vh - 260px);
}

.line-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}

.line-content li {
	text-align: center;
	margin-top: 60px;
}

.line-content li a {
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	text-decoration: underline;
	display: block;
	margin-top: 12px;
}

.line-qr-code {
	margin-top: 12px;
}

.line-qr-code img {
	width: 240px;
}

.line-restaurant {
	width: 320px;
	margin: 60px auto 0;
	text-align: center;
}

.line-restaurant-logo {
	width: 320px;
	height: 52px;
	display: block;
}

.line-restaurant a {
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	text-decoration: underline;
	display: block;
	margin-top: 12px;
}

/* -------------------- PC listingfees MEGAベトナム掲載料 -------------------- */

.listingfees {
	width: 900px;
	margin: 0 auto 40px;
	padding-top: 80px;
	min-height: calc(100vh - 260px);
}

.listingfees-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.listingfees-premise-content {
	margin-top: 30px;
}

.listingfees-premise {
	font-size: 15px;
	font-weight: 300;
	color: #28251c;
}

.listingfees-h2 {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.listing-fees {
	font-size: 15px;
	color: #28251c;
	margin-top: 16px;
}

.listingfees-content li {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	margin-top: 8px;
}

.listingfees-underline {
	background: linear-gradient(transparent 70%, #feee00 70%);
}

.listingfees-span {
	color: #ff0090;
	font-weight: bold;
}

.listingfees-coupon {
	font-size: 17px;
	color: #28251c;
	margin-top: 60px;
}

/* PC WordPressのパスワード入力フォーム */
.post-password-form {
	padding-top: 120px;
}

#pwbox-839 {
	border: solid 1px #000;
}

#pwbox-835 {
	border: solid 1px #000;
}

}

/* -------------------- スマホ 開始 -------------------- */

/* スマホ メディアクエリ（1023px以下） 開始 */
@media screen and (max-width: 1023px) {

.pc {
	display: none;
}

/* スマホ 変数を定義root */
:root {
	--font-size-small: 12px;
	--font-size-base: 14px;
	--font-size-large: 17px;
	--font-weight-light: 300;
	--background-color: #28251c;
}

/* スマホ MEGAオリジナルroot */
:root {
	--hanoi-color: #feee00;
	--danang-color: #02e835;
	--ho-chi-minh-city-color: #ff0090;
	--hanoi-background: #feee00;
	--danang-background: #02e835;
	--ho-chi-minh-city-background: #ff0090;
	--hanoi-background-rgb: rgb(254 238 0 / 80%);
	--danang-background-rgb: rgb(2 232 53 / 80%);
	--ho-chi-minh-city-background-rgb: rgb(255 0 144 / 70%);
}

/* -------------------- スマホ MEGAベトナム index -------------------- */

.top-key {
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(-45deg, #ff00aa 35%, #0088ff);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top-key h1 {
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	mix-blend-mode: overlay;
	text-align: center;
	position: absolute;
	top: 0;
}

.top-center-logo {
	width: 65%;
	max-width: 384px;
	margin: 0 auto;
}

.top-content-text {
	text-align: center;
}

.top-content-text img {
	width: 75%;
	max-width: 563.2px;
}

.top-link-content {
	width: 80%;
	min-width: 360px;
	height: 460px;
	margin: 150px auto;
	position: relative;
}

.top-link-hanoi {
	width: 320px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 10;
}

.top-link-hanoi h2 a {
	font-size: 12px;
	font-weight: 300;
	color: #000;
	margin-bottom: -3px;
}

.top-link-danang {
	width: 320px;
	position: absolute;
	top: 200px;
	right: 0;
	z-index: 10;
}

.top-link-danang h2 a {
	font-size: 12px;
	font-weight: 300;
	color: #000;
	margin-bottom: -3px;
}

.top-link-ho-chi-minh-city {
	width: 320px;
	position: absolute;
	top: 346px;
	left: 0;
	z-index: 10;
}

.top-link-ho-chi-minh-city h2 a {
	font-size: 12px;
	font-weight: 300;
	color: #000;
	margin-bottom: -3px;
}

.top-vietnam-map {
	width: 75%;
	height: 460px;
	background: url(/wp-content/themes/my-theme/images/vietnam-map.png) center center no-repeat;
	background-size: 250px 460px;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.top-bottom {
	width: 100%;
	background-image: linear-gradient(-45deg, #ff00aa 10%, #0088ff);
	background: #28251c;
}

.top-footer-logo {
	width: 320px;
	margin: 0 auto;
	padding-top: 100px;
}

.top-follow-me {
	width: 120px;
	margin: 50px auto 0;
}

.top-bottom ul {
	width: 220px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.top-tiktok a img {
	width: 60px;
}

.top-instagram {
	padding: 11px 9px 0;
}

.top-instagram a img {
	width: 42px;
}

.top-x-white {
	padding: 14px 12px 0;
}

.top-x-white a img {
	width: 35px;
}

.top-copyright {
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	margin-top: 40px;
	padding-bottom: 20px;
}

.top-update-date {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	mix-blend-mode: overlay;
	text-align: right;
	margin-right: 20px;
}

/* -------------------- スマホ ハンバーガーメニュー -------------------- */

header {
	width: 100%;
	height: 70px;
	background: #28251c;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
}

.header-title {
	font-size: 10px;
	font-weight: 300;
	color: #fff;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 100;
}

.logo a img {
	width: 280px;
	position: absolute;
	top: 15px;
	left: 2px;
	z-index: 100;
}

.wrap-hamburger {
	width: 48px;
	height: 48px;
	background: #fff;
	border-radius: 50%;
	position: fixed;
	top: 10px;
	right: 12px;
	z-index: 100;
}

.hanoi .wrap-hamburger {
	background: var(--hanoi-background);
}

.danang .wrap-hamburger {
	background: var(--danang-background);
}

.ho-chi-minh-city .wrap-hamburger {
	background: var(--ho-chi-minh-city-background);
}

.hamburger {
	width: 30px;
	height: 21px;
	position: relative;
	z-index: 100;
	margin: 16px 16px;
}

.hamburger span {
	width: 100%;
	height: 3px;
	position: absolute;
	left: -7px;
	background: #28251c;
}

.hamburger, .hamburger span {
	transition: all .5s;
}

.hamburger span:nth-of-type(1) {
	top: -5px;
}

.hamburger span:nth-of-type(2) {
	top: 4px;
}

.hamburger span:nth-of-type(3) {
	bottom: 5px;
}

.hamburger::after {
	position: absolute;
	left: -7px;
	bottom: -7px;
	content: "MENU";
	width: 100%;
	color: #28251c;
	font-size: 8px;
	text-align: center;
}

.hamburger.active::after {
	content: "CLOSE";
}

.active span:nth-of-type(1) {
	transform: translateY(10px) rotate(45deg);
}
.active span:nth-of-type(2) {
	opacity: 0;
}
.active span:nth-of-type(3) {
	transform: translateY(-8px) rotate(-45deg);
}

.sp-nav {
	width: 100%;
	height: 100vh;
	overflow: auto;
	padding: 30% 10%;
	background: rgba(0,0,0,.7);
	background: #28251c;
	position: fixed;
	top: 0;
	right: -100%;
	transition: .3s ease-in-out;
	text-align: left;
}

.open-nav {
	transform: translateX(-100%);
}

.sp-nav ul li + li {
	margin-top: 26px;
}

.sp-nav ul li a {
	font-size: 18px;
	color: #fff;
}

.sp-nav ul li.sp-nav-tel {
	display: inline-block;
	padding: 8px 30px 10px;
	border: solid 1px #fff;
	border-radius: 24px;
	margin-top: 80px;
}

/* -------------------- スマホ 各エリアTOPページ -------------------- */

/* スマホ キービジュアル スライダー */

.top-main {
	background: #28251c;
	padding-top: 70px;
}

.top-main-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
}

.key {
	width: 98%;
	margin: 0 auto;
	background: #28251c;
}

.splide__track {
	overflow: hidden !important;
}

.main-splide img {
	object-fit: cover;
}

.thumbnail-splide {
	overflow: hidden!important;
	margin-top: 6px;
}

.thumbnail-splide img {
	object-fit: cover;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity .3s;
}

.thumbnail-splide .is-active img {
	opacity: 1;
}

.hanoi .splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid #feee00 !important;
}

.danang .splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid #02e835 !important;
}

.ho-chi-minh-city .splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid #ff0090 !important;
}

/* スマホ お店と女の子を探す */

.wrap-find-navi-content {
	background: #28251c;
	padding: 30px 0;
}

.find-navi-content {
	display: flex;
	background: #28251c;
}

.find-navi {
	width: 360px;
	margin: 0 auto 0;
	display: flex;
	justify-content: space-between;
}

.find-shop a {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #000;
	padding: 11px 40px 14px;
	border-radius: 30px;
	display: block;
}

.hanoi .find-shop a {
	background: var(--hanoi-background);
}

.danang .find-shop a {
	background: var(--danang-background);
}

.ho-chi-minh-city .find-shop a {
	background: var(--ho-chi-minh-city-background);
}

.find-girl a {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #000;
	background: #feee00;
	padding: 11px 40px 14px;
	border-radius: 30px;
	display: block;
}

.hanoi .find-girl a {
	background: var(--hanoi-background);
}

.danang .find-girl a {
	background: var(--danang-background);
}

.ho-chi-minh-city .find-girl a {
	background: var(--ho-chi-minh-city-background);
}

/* スマホ 女の子人気ランキング */

.wrap-girls-ranking-content {
	background: #fff;
}

.wrap-girls-ranking-anchor {
	position: relative;
}

#girls-ranking-anchor {
	position: absolute;
	top: -69px;
}

.girls-ranking-content {
	width: 98%;
	margin: 0 auto;
	padding: 44px 0;
}

.girls-ranking-title {
	margin-bottom: 24px;
}

.monthly-ranking-girls {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #28251c;
	text-align: center;
}

.girls-ninki h2 {
	font-size: 21px;
	font-weight: var(--font-weight-light);
	color: #28251c;
	text-align: center;
}

.girls-shukei {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #28251c;
	text-align: center;
}

.girls-ranking {
	position: relative;
	padding-left: 40px;
}

.wrap-girls-ranking-crown {
	display: flex;
	position: relative;
}

.girls-ranking-crown {
	width: 33px;
	height: 33px;
	content: "";
	position: absolute;
	top: -7px;
	left: 0px;
}

.hanoi .girls-ranking-crown {
	background: url(/wp-content/themes/my-theme/images/crown-hanoi.png) center center / cover no-repeat;
}

.danang .girls-ranking-crown {
	background: url(/wp-content/themes/my-theme/images/crown-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .girls-ranking-crown {
	background: url(/wp-content/themes/my-theme/images/crown-ho-chi-minh-city.png) center center / cover no-repeat;
}

.girls-ranking h3 {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
}

.girls-ranking a {
	font-weight: var(--font-weight-light);
	color: #000;
}

.wrap-girls-ranking + .wrap-girls-ranking {
	margin-top: 34px;
}

.girls-ranking-img ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2%;
	margin-top: 8px;
}

.girls-ranking-img ul li a img {
	border-radius: 6px;
	box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}

.wrap-girls-ranking-shop {
	display: flex;
}

.girls-ranking-shop {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #000;
	margin-top: 8px;
}

.girls-ranking-shop a {
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-ranking-shop-arrow {
	position: relative;
}

.girls-ranking-shop-arrow::after {
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	top: 7px;
	left: 14px;
}

.hanoi .girls-ranking-shop-arrow::after {
	background: url(/wp-content/themes/my-theme/images/arrow-hanoi.png) center center / cover no-repeat;
}

.danang .girls-ranking-shop-arrow::after {
	background: url(/wp-content/themes/my-theme/images/arrow-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .girls-ranking-shop-arrow::after {
	background: url(/wp-content/themes/my-theme/images/arrow-ho-chi-minh-city.png) center center / cover no-repeat;
}

/* スマホ お見せ人気ランキング */

.wrap-shop-ranking-content {
	background: #28251c;
}

.wrap-shop-ranking-anchor {
	position: relative;
}

#shop-ranking-anchor {
	position: absolute;
	top: -69px;
}

.shop-ranking-content {
	width: 98%;
	margin: 0 auto;
	padding: 44px 0;
}

.shop-ranking-title {
	margin-bottom: 24px;
}

.monthly-ranking-shop {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #fff;
	text-align: center;
}

.shop-ninki h2 {
	font-size: 21px;
	font-weight: var(--font-weight-light);
	text-align: center;
}

.hanoi .shop-ninki h2 {
	color: var(--hanoi-color);
}

.danang .shop-ninki h2 {
	color: var(--danang-color);
}

.ho-chi-minh-city .shop-ninki h2 {
	color: var(--ho-chi-minh-city-color);
}

.shop-shukei {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
	text-align: center;
}

.wrap-shop-ranking + .wrap-shop-ranking {
	margin-top: 40px;
}

.wrap-shop-ranking-crown {
	display: flex;
	position: relative;
}

.shop-ranking {
	position: relative;
	padding-left: 40px;
}

.shop-ranking-crown {
	width: 33px;
	height: 33px;
	content: "";
	position: absolute;
	top: -7px;
	left: 0px;
}

.hanoi .shop-ranking-crown {
	background: url(/wp-content/themes/my-theme/images/crown-hanoi.png) center center / cover no-repeat;
}

.danang .shop-ranking-crown {
	background: url(/wp-content/themes/my-theme/images/crown-danang.png) center center / cover no-repeat;
}

.ho-chi-minh-city .shop-ranking-crown {
	background: url(/wp-content/themes/my-theme/images/crown-ho-chi-minh-city.png) center center / cover no-repeat;
}

.shop-ranking h3 {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
}

.hanoi .shop-ranking h3 {
	color: var(--hanoi-color);
}

.danang .shop-ranking h3 {
	color: var(--danang-color);
}

.ho-chi-minh-city .shop-ranking h3 {
	color: var(--ho-chi-minh-city-color);
}

.shop-ranking a {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
}

.hanoi .shop-ranking a {
	color: var(--hanoi-color);
}

.danang .shop-ranking a {
	color: var(--danang-color);
}

.ho-chi-minh-city .shop-ranking a {
	color: var(--ho-chi-minh-city-color);
}

.shop-ranking-banner {
	margin-top: 8px;
}

.shop-ranking-img {
	margin-top: 16px;
}

.shop-ranking-img ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2%;
}

.shop-ranking-img ul li a img {
	border-radius: 6px;
}

/* -------------------- スマホ 検索ボックスの装飾 -------------------- */

.header-search-area {
	width: 98%;
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
}

/* 各一覧の検索ボックスの高さ調整 */
.main-search-area {
	width: 98%;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	margin-bottom: 60px;
}

/* 各検索ボックスの共通設定 */
.search-box {
	width: 48%;
	display: flex;
}

/* フォームの共通構造 */
.search-form-shop,
.search-form-girl {
	width: 100%;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	display: flex;
	overflow: hidden;
}

/* 入力エリア共通 */
.search-form-shop input[type="text"],
.search-form-girl input[type="text"] {
	width: 60%;
	font-size: 12px;
	padding: 8px 10px;
	/*overflow: hidden;*/
	text-overflow: ellipsis; 
}

/* ボタン共通 */
.search-form-shop button[type="submit"],
.search-form-girl button[type="submit"] {
	width: 40%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
	white-space: nowrap;
}

/* --- 個別カラー設定 --- */
.search-form-shop {
	border: 2px solid #feee00;
}

.search-form-shop button[type="submit"] {
	font-size: 12px;
	background: #feee00;
}

.search-form-girl {
	border: 2px solid #ff0090;
}

.search-form-girl button[type="submit"] {
	font-size: 12px;
	background: #ff0090;
}

/* -------------------- スマホ search -------------------- */

.search-content {
	width: 98%;
	margin: 0 auto 50px;
	padding-top: 70px;
	min-height: calc(100vh - 40px);
}

/* searchの検索ボックスの高さ調整 */
.search-result-header {
	margin: 25px auto 0;
}

/* 再検索エリアの調整 */
.re-search {
	background: #fdfdfd;
	padding: 25px 20px;
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 20px auto 40px;
}

.re-search-title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin-bottom: 15px;
}

.return-link-content {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

/* 一覧に戻るリンクのスタイル */
.return-link {
	text-align: center;
	margin-top: 20px;
}

.return-link-shop {
	width: 48%;
	text-align: center;
}

.return-link-shop a {
	font-size: 13px;
	color: #feee00;
	font-weight: bold;
}

.return-link-shop a:hover {
	text-decoration: underline;
}

.return-link-girl {
	width: 48%;
	text-align: center;
}

.return-link-girl a {
	font-size: 13px;
	color: #ff0090;
	font-weight: bold;
}

.return-link-girl a:hover {
	text-decoration: underline;
}

/* 0件ヒット時の表示 */
.no-results {
	padding: 40px 20px;
	text-align: center;
	background: #f9f9f9;
	border-radius: 8px;
	color: #666;
}

.search-girlslist-content {
	margin: 17px auto 80px;
}

.search-shoplist-content {
	margin: 17px auto 80px;
}

/* -------------------- スマホ page-hanoi-shops -------------------- */

.wrap-shoplist-content {
	width: 98%;
	margin: 0 auto 50px;
	padding-top: 70px;
	min-height: calc(100vh - 40px);
}

.wrap-shoplist-content-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shoplist-content + .shoplist-content {
	margin-top: 30px;
}

.shoplist-content {
	margin-top: 4px;
}

.shoplist-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shoplist-title {
	display: flex;
	align-items: center;
	margin-top: 2px;
}

.shoplist-icon a img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.shoplist-content-h2 {
	margin-left: 16px;
}

.shoplist-content-h2 a {
	font-size: 19px;
	font-weight: var(--font-weight-light);
	color: #000;
	display: block;
}

.shoplist-banner {
	margin-top: 4px;
}

.shoplist-banner img {
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.shoplist-girls-content {
	margin-top: 10px;
}

.shoplist-girls-content ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 11px;
}

.shoplist-girls-list {
	position: relative;
	z-index: 10;
}

.shoplist-girls-list a img {
	border-radius: 6px;
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.shoplist-girls-name {
	width: 100%;
	position: absolute;
	bottom: 4px;
	left: 0;
	z-index: 100;
	text-align: center;
}

.shoplist-girls-name a {
	font-size: 10px;
	color: #000;
	font-weight: 300;
	display: block;
	padding: 3px 0 4px;
}

.hanoi .shoplist-girls-name a {
	background: var(--hanoi-background-rgb);
}

.danang .shoplist-girls-name a {
	background: var(--danang-background-rgb);
}

.ho-chi-minh-city .shoplist-girls-name a {
	background: var(--ho-chi-minh-city-background-rgb);
}

.pagination-links ul {
	width: 100%;
	display: inline-flex;
	justify-content: center;
	margin-top: 30px;
}

.pagination-links ul li {
	margin: 8px;
}

.page-numbers li a {
	font-size: 15px;
	font-weight: 300;
	color: #000;
}

.page-numbers li .current {
	font-size: 15px;
	font-weight: var(--font-weight-light);
	color: #000;
	padding: 3px 10px;
}

.hanoi .page-numbers li .current {
	border: solid #feee00;
}

.danang .page-numbers li .current {
	border: solid #02e835;
}

.ho-chi-minh-city .page-numbers li .current {
	border: solid #ff0090;
}

/* -------------------- スマホ shop -------------------- */

.wrap-shop-content {
	width: 98%;
	margin: 0 auto 50px;
	padding-top: 160px;
}

.wrap-shop-header-content {
	width: 100%;
	background: rgb(255 255 255 / 90%);
	padding: 4px 0;
	box-shadow: 0 2px 10px rgb(0 0 0 / 6%);
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 2000;
}

.shop-header {
	width: 98%;
	margin: 0 auto;
}

.shop-header-logo {
	display: flex;
	align-items: center;
}

.shop-header-icon img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.shop-header-name {
	margin-left: 16px;
}

.shop-header-name a {
	font-size: 19px;
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-nav ul {
	display: flex;
	justify-content: space-between;
	margin: 10px 0 2px;
}

.shop-nav ul li a {
	font-size: var(--font-size-small);
	color: #000;
	display: block;
}

/* スルスルと滑らかに上に戻る */
html {
	scroll-behavior: smooth;
}

/* shop キービジュアル */

.shop-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-header-key {
	margin-top: 4px;
}

/* shop 女の子一覧 */

.wrap-shop-girls-anchor {
	position: relative;
}

#shop-girls-anchor {
	position: absolute;
	top: -160px;
}

.shop-girls-list-content {
	margin-top: 4px;
}

.shop-girls-list-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-girls-list-content ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 11px;
	margin-top: 4px;
}

.shop-girls-list {
	position: relative;
	z-index: 10;
}

.shop-girls-list a {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-girls-list a img {
	border-radius: 6px;
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.shop-girls-list-name {
	width: 100%;
	position: absolute;
	bottom: 4px;
	left: 0;
	z-index: 100;
	text-align: center;
}

.shop-girls-list-name a {
	font-size: 10px;
	color: #000;
	font-weight: var(--font-weight-light);
	display: block;
	padding: 3px 0 4px;
}

.hanoi .shop-girls-list-name a {
	background: var(--hanoi-background-rgb);
}

.danang .shop-girls-list-name a {
	background: var(--danang-background-rgb);
}

.ho-chi-minh-city .shop-girls-list-name a {
	background: var(--ho-chi-minh-city-background-rgb);
}

/* shop 料金システム */

.wrap-shop-system-anchor {
	position: relative;
}

#shop-system-anchor {
	position: absolute;
	top: -160px;
}

.shop-system {
	margin-top: 30px;
}

.shop-system-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-system-table {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #ccc;
	border-bottom: none;
	font-size: 16px;
}

.shop-system-table tbody tr th {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	display: block;
	padding: 8px 0;
	text-align: center;
}

.hanoi .shop-system-table tbody tr th {
	background: var(--hanoi-background);
}

.danang .shop-system-table tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city .shop-system-table tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

.shop-system-table tbody tr td {
	display: block;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 8px 6%;
	border-bottom: solid 1px #CCC;
	line-height: 2;
}

.shop-system-table tbody tr td:empty::before {
	content: "\00a0"; 
}

.shop-system-table-row {
	margin-top: 30px;
}

/* shop 店内写真 */

.wrap-shop-interior-anchor {
	position: relative;
}

#shop-interior-anchor {
	position: absolute;
	top: -160px;
}

.shop-interior {
	margin-top: 30px;
}

.shop-interior-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-interior ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3% 1%;
}

/* shop アクセス */

.shop-access-content {
	margin-top: 30px;
}

.shop-access-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-access-title {
	display: flex;
	align-items: center;
}

.shop-access-icon img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.shop-access-name {
	margin-left: 16px;
}

.shop-access-name a {
	font-size: 19px;
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-access-banner {
	margin-top: 6px;
}

.wrap-shop-access-anchor {
	position: relative;
}

#shop-access-anchor {
	position: absolute;
	top: -160px;
}

.shop-access-shop-date {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border: solid 1px #ccc;
	border-bottom: none;
	font-size: 16px;
	margin-top: 6px;
}

.shop-access-shop-date tbody tr th {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	display: block;
	padding: 8px 0;
	text-align: center;
}

.hanoi .shop-access-shop-date tbody tr th {
	background: var(--hanoi-background);
}

.danang .shop-access-shop-date tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city .shop-access-shop-date tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

.shop-access-shop-date tbody tr td {
	display: block;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 8px 6%;
	border-bottom: solid 1px #CCC;
	line-height: 2;
}

.shop-access-shop-date tbody tr td:empty::before {
	content: "\00a0"; 
}

.shop-access-shop-address a {
	color: #28251c;
}

.shop-access-shop-telephone a {
	color: #28251c;
}

/* shop クーポン */

.wrap-shop-coupon-anchor {
	position: relative;
}

#shop-coupon-anchor {
	position: absolute;
	top: -160px;
}

.shop-coupon-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.shop-coupon-content {
	margin-top: 30px;
}

.shop-coupon-content img {
	box-shadow: 3px 7px 11px rgb(0 0 0 / 10%);
}

.shop-coupon-notes {
	font-size: var(--font-size-small);
	color: #f00;
	text-align: center;
	margin-top: 8px;
}

/* -------------------- スマホ page-hanoi-girls -------------------- */

.wrap-girlslist-content {
	width: 98%;
	margin: 0 auto 50px;
	padding-top: 70px;
	min-height: calc(100vh - 40px);
}

.girlslist-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girlslist-content {
	margin-top: 4px;
}

.girlslist-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girlslist-girls {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 11px;
	margin-top: 4px;
}

.girlslist-girls-list {
	position: relative;
	z-index: 10;
}

.girlslist-girls-list a img {
	border-radius: 8px;
	box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}

.girlslist-girls-name {
	width: 100%;
	position: absolute;
	bottom: 4px;
	left: 0;
	z-index: 100;
	text-align: center;
}

.girlslist-girls-name a {
	font-size: 10px;
	font-weight: var(--font-weight-light);
	color: #000;
	display: block;
	padding: 3px 0 4px;
}

.hanoi .girlslist-girls-name a {
	background: var(--hanoi-background-rgb);
}

.danang .girlslist-girls-name a {
	background: var(--danang-background-rgb);
}

.ho-chi-minh-city .girlslist-girls-name a {
	background: var(--ho-chi-minh-city-background-rgb);
}

.pagination-wrapper ul {
	width: 100%;
	display: inline-flex;
	justify-content: center;
	margin-top: 30px;
}

.pagination-wrapper ul li {
	margin: 8px;
}

.page-numbers li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.page-numbers li .current {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
	padding: 3px 9px;
	border: solid #feee00;
}

/* -------------------- スマホ single-girl -------------------- */

.wrap-girls-content {
	width: 98%;
	margin: 0 auto 50px;
	padding-top: 70px;
}

.girls-h1 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-profile-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
	margin-top: 4px;
}

.girls-profile-img-h3 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
	text-align: center;
}

/* 写真ギャラリー */

.girls-profile-img-main {
	position: relative;
}

.prev-button {
	left: 4%;
}

.girls-profile-img-main img {
	border-radius: 8px;
	box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}

.next-button {
	right: 4%;
}

.carousel-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.3);
	color: white;
	border: none;
	padding: 10px 16px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 20px;
	z-index: 10;
}

.girls-profile-img-thumbnail ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.girls-profile-img-thumbnail ul li {
	width : calc(96% / 3);
	margin-top: 12px;
}

.girls-profile-img-thumbnail ul::after {
	content: "";
	display: block;
	width : calc(96% / 3);
	height: 0;
}

.girls-profile-img-thumbnail ul li img {
	border-radius: 8px;
	box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
}

/* プロフィール */

.girls-profile-text {
	width: 100%;
	margin-top: 30px;
}

.girls-profile-title-h3 {
	font-size: var(--font-size-large);
	font-weight: var(--font-weight-light);
	color: #000;
	text-align: center;
}

.girls-profile-table {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #ccc;
	border-bottom: none;
	font-size: 16px;
}

.girls-profile-table tbody tr th {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	display: block;
	padding: 8px 0;
	text-align: center;
}

.hanoi .girls-profile-table tbody tr th {
	background: var(--hanoi-background);
}

.danang .girls-profile-table tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city .girls-profile-table tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

.girls-profile-table tbody tr td {
	display: block;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 8px 6%;
	border-bottom: solid 1px #CCC;
	line-height: 2;
}

.girls-profile-table tbody tr td:empty::before {
	content: "\00a0"; 
}

.girls-profile-table tbody tr td a {
	color: #28251c;
}

/* メッセージ */

.girls-profile-message {
	width: 100%;
	border: solid 1px #ccc;
	border-top: none;
}

.girls-profile-message-h3 {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	text-align: center;
	padding: 8px 6%;
}

.hanoi .girls-profile-message-h3 {
	background: var(--hanoi-background);
}

.danang .girls-profile-message-h3 {
	background: var(--danang-background);
}

.ho-chi-minh-city .girls-profile-message-h3 {
	background: var(--ho-chi-minh-city-background);
}

.girls-profile-message-text {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	line-height: 2;
	padding: 8px 6%;
}

.girls-profile-message-text:empty::before {
	content: "\00a0"; 
}

/* アクセス */

.girls-profile-shop-content {
	margin-top: 30px;
}

.girls-profile-shop-content-h2 {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-profile-shop-title {
	display: flex;
	align-items: center;
}

.girls-profile-shop-date {
	border-collapse: collapse;
	border: solid 1px #ccc;
	border-bottom: none;
	font-size: 16px;
	margin-top: 10px;
}

.girls-profile-shop-date tbody tr th {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	display: block;
	padding: 8px 0;
	text-align: center;
}

.hanoi .girls-profile-shop-date tbody tr th {
	background: var(--hanoi-background);
}

.danang .girls-profile-shop-date tbody tr th {
	background: var(--danang-background);
}

.ho-chi-minh-city .girls-profile-shop-date tbody tr th {
	background: var(--ho-chi-minh-city-background);
}

.girls-profile-shop-date tbody tr td {
	display: block;
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 8px 6%;
	border-bottom: solid 1px #CCC;
	line-height: 2;
}

.girls-profile-shop-date tbody tr td::before {
	content: "\00a0"; 
}

.girls-profile-shop-icon a img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.girls-profile-shop-name {
	margin-left: 16px;
}

.girls-profile-shop-name a {
	font-size: 19px;
	font-weight: var(--font-weight-light);
	color: #000;
}

.girls-profile-shop-banner {
	margin-top: 6px;
}

.girls-profile-shop-date {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #ccc;
	border-bottom: none;
	font-size: 16px;
	margin-top: 30px;
}

.girls-profile-shop-address a {
	color: #28251c;
}

.girls-profile-shop-telephone a {
	color: #28251c;
}

.girls-profile-shop-link {
	text-align: center;
	margin-top: 30px;
}

.girls-profile-shop-link a {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #28251c;
	padding: 11px 40px 14px;
	border-radius: 30px;
	border: solid 1px #fff;
	display: inline-block;
}

.hanoi .girls-profile-shop-link a {
	background: var(--hanoi-background);
}

.danang .girls-profile-shop-link a {
	background: var(--danang-background);
}

.ho-chi-minh-city .girls-profile-shop-link a {
	background: var(--ho-chi-minh-city-background);
}

/* -------------------- スマホ footer -------------------- */

footer {
	background: #28251c;
}

.footer-hanoi-content {
	width: 88%;
	margin: 0 auto;
}

.footer-danang-content {
	width: 88%;
	margin: 0 auto;
}

.footer-ho-chi-minh-city-content {
	width: 88%;
	margin: 0 auto;
}

/* footer-page.phpのみ適用 */
.footer-page-area-content {
	width: 88%;
	margin: 0 auto;
}

.footer-area-content {
	padding-top: 60px;
}

.footer-area-content li + li {
	margin-top: 20px;
}

.footer-area a h2 {
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-light);
	color: #fff;
}

.footer-area-logo {
	width: 200px;
}

.footer-logo {
	width: 280px;
	margin-top: 60px;
}

.footer-nav-menu {
	margin-top: 20px;
}

.footer-nav-menu li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
}

.footer-nav-login {
	margin-top: 30px;
}

.footer-nav-login li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
}

.footer-nav-information {
	margin-top: 30px;
}

.footer-nav-information li a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
}

.footer-copyright {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-light);
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 30px;
}

/* -------------------- スマホ サイトマップ -------------------- */

.sitemap {
	width: 90%;
	margin: 0 auto 80px;
	padding-top: 80px;
}

.sitemap h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.sitemap-contant {
	margin-top: 40px;
}

.sitemap-contant section + section {
	margin-top: 80px;
}

.sitemap-h2 {
	font-size: 16px;
	font-weight: normal;
}

.sitemap-h2 a {
	color: #28251c;
}

.sitemap-nav li {
	margin-top: 20px;
}

.sitemap-nav li a {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	text-decoration: underline;
}

/* -------------------- スマホ terms（利用規約） -------------------- */

.terms {
	width: 90%;
	margin: 0 auto 80px;
	padding-top: 80px;
}

.terms h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
	margin-bottom: 20px;
}

.terms h2 {
	font-size: 16px;
	font-weight: normal;
	color: #28251c;
	margin-top: 20px;
}

.terms-text {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	line-height: 1.5;
	margin-top: 6px;
}

.terms-end {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	text-align: right;
}

/* -------------------- スマホ privacy-policy -------------------- */

.privacy-policy-content {
	width: 90%;
	margin: 0 auto 80px;
	padding-top: 80px;
}

.privacy-policy-content h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
	margin-bottom: 20px;
}

.privacy-policy-content h2 {
	font-size: 16px;
	font-weight: normal;
	color: #28251c;
	margin-top: 20px;
}

.privacy-policy-text {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	line-height: 1.5;
	margin-top: 6px;
}

.privacy-policy-end {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	text-align: right;
}

/* -------------------- スマホ ad MEGAベトナム掲載案内 -------------------- */

.ad {
	width: 90%;
	margin: 0 auto 80px;
	padding-top: 80px;
	min-height: calc(100vh - 40px);
}

.ad-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.ad-h2 {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.ad-text {
	font-size: 15px;
	font-weight: 300;
	color: #28251c;
	line-height: 2;
	margin-top: 10px;
}

.ad-span {
	background: linear-gradient(transparent 70%, #feee00 70%);
}

.ad-complement {
	margin-top: 20px;
}

.ad-complement a {
	font-size: 13px;
	color: #000;
	text-decoration: underline;
	display: block;
}

.ad-complement a + a {
	margin-top: 12px;
}

.ad-marketing {
	text-align: center;
	margin-top: 50px;
}

.ad-marketing a {
	color: #000;
	text-decoration: underline;
}

.ad-content {
	text-align: center;
	margin-top: 50px;
}

.ad-experience {
	font-size: 19px;
}

.ad-free {
	font-size: 14px;
}

.ad-entry {
	text-align: center;
	padding: 15px;
	background: #fff9db;
	border-radius: 8px;
	margin-top: 50px;
}

.ad-entry a {
	font-size: 15px;
	color: #000;
	display: block;
}

/* -------------------- スマホ marketing MEGAベトナムで期待されるマーケティング効果 -------------------- */

.marketing {
	width: 90%;
	margin: 0 auto 80px;
	padding-top: 80px;
	min-height: calc(100vh - 40px);
}

.marketing-premise {
	font-size: 15px;
	margin-top: 50px;
}

.marketing-h2 {
	font-size: 17px;
	color: #28251c;
}

.marketing-text {
	font-size: 15px;
	font-weight: 300;
	color: #28251c;
	line-height: 2;
	margin-top: 10px;
}

.marketing-h3 {
	font-size: 17px;
	color: #28251c;
	margin-top: 60px;
}

.marketing-h4 {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.marketing-h2-tag {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.wrap-marketing-zion-anchor {
	position: relative;
}

#marketing-zion {
	position: absolute;
	top: -80px;
}

.wrap-marketing-ikea-anchor {
	position: relative;
}

#marketing-ikea {
	position: absolute;
	top: -40px;
}

/* -------------------- スマホ entry -------------------- */

.entry-content {
	width: 90%;
	margin: 0 auto 80px;
	padding-top: 80px;
	min-height: calc(100vh - 40px);
}

.entry-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.entry-lead-text {
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	margin-top: 16px;
}

.entry-terms-title {
	font-size: 15px;
	font-weight: bold;
	margin-top: 4px;
}

.entry-terms-box {
	height: 300px;
	font-size: 15px;
	padding: 15px;
	background: #fafafa;
	border-radius: 5px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	margin-top: 5px;
}

.entry-terms h2 {
	font-size: 16px;
	font-weight: normal;
	color: #28251c;
	margin-top: 20px;
}

.entry-terms .terms-text {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	line-height: 1.5;
	margin-top: 6px;
}

/* 同意チェック */
.agreement-container {
	text-align: center;
	padding: 15px;
	background: #fff9db;
	border-radius: 8px;
	margin-top: 25px;
}

.agreement-container label {
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

input[type="checkbox"] {
	transform: scale(1.5);
	margin-right: 10px;
}

.agreement-container label input a {
	color: #000;
	text-decoration: underline;
}

.agreement-container-atag {
	color: #000;
	text-decoration: underline;
}

/* エリア選択ボタン */
.btn-container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 25px;
}

.entry-btn {
	font-size: 16px;
	font-weight: 300;
	color: #000;
	text-align: center;
	display: block;
	padding: 18px;
	/*text-decoration: none; */
	border-radius: 8px;
	/*border: none; */
	transition: 0.3s;
}

/* 各エリアのカラー */
.btn-container-hanoi {
	background: #feee00;
}

.btn-container-danang {
	background: #02e835;
}

.btn-container-ho-chi-minh-city {
	background: #ff0090;
}

.entry-btn:active {
	transform: translateY(2px);
	box-shadow: none;
}

/* 無効化（グレーアウト）の状態 */
.entry-btn:disabled {
	background: #ccc !important;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.6;
}

.disabled {
    background: #ccc !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: none; /* ← これが物理的なクリックを禁止します */
}

.entry-note {
	font-size: 0.8em;
	color: #777;
	text-align: center;
	margin-top: 12px;
}

/* -------------------- スマホ line（登録） -------------------- */

.wrap-line {
	background: #28251c;
}

.line {
	width: 320px;
	margin: 0 auto;
	padding: 80px 0 80px;
}

.line-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}

.line-content li {
	text-align: center;
	margin-top: 60px;
}

.line-content li a {
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	text-decoration: underline;
	display: block;
	margin-top: 12px;
}

.line-qr-code {
	margin-top: 12px;
}

.line-qr-code img {
	width: 240px;
}

.line-restaurant {
	width: 320px;
	margin: 60px auto 0;
	text-align: center;
}

.line-restaurant-logo {
	width: 320px;
	height: 52px;
	display: block;
}

.line-restaurant a {
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	text-decoration: underline;
	display: block;
	margin-top: 12px;
}

/* -------------------- スマホ listingfees MEGAベトナム掲載料 -------------------- */

.listingfees {
	width: 90%;
	margin: 0 auto 80px;
	padding-top: 80px;
	min-height: calc(100vh - 40px);
}

.listingfees-h1 {
	font-size: 19px;
	font-weight: normal;
	color: #28251c;
	text-align: center;
}

.listingfees-premise-content {
	margin-top: 30px;
}

.listingfees-premise {
	font-size: 15px;
	font-weight: 300;
	color: #28251c;
}

.listingfees-h2 {
	font-size: 17px;
	color: #28251c;
	margin-top: 40px;
}

.listing-fees {
	font-size: 15px;
	color: #28251c;
	margin-top: 16px;
}

.listingfees-content li {
	font-size: 14px;
	font-weight: 300;
	color: #28251c;
	margin-top: 8px;
}

.listingfees-underline {
	background: linear-gradient(transparent 70%, #feee00 70%);
}

.listingfees-span {
	color: #ff0090;
	font-weight: bold;
}

.listingfees-coupon {
	font-size: 17px;
	color: #28251c;
	margin-top: 60px;
}

/* スマホ WordPressのパスワード入力フォーム */
.post-password-form {
	padding-top: 80px;
}

#pwbox-839 {
	border: solid 1px #000;
}

#pwbox-835 {
	border: solid 1px #000;
}

}
/* -------------------- スマホ 終わり -------------------- */