/*
Theme Name:Togo Child
Theme URI: https://togo.uxper.co/
Author: Uxper
Author URI: http://uxper.co/
Description: This is a child theme of Togo
Template: togo
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.4
License URI: https://choosealicense.com/licenses/gpl-2.0/
Text Domain: togo-child
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/**** 会社概要 ****/
/* コンテナの設定 */
.company-profile-container {
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
  line-height: 1.6;
}

/* テーブルの基本スタイル */
.company-profile-table {
  width: 100%;
  border-collapse: collapse;
}

.company-profile-table th,
.company-profile-table td {
  padding: 16px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
}

/* 項目名（左側）のスタイル */
.company-profile-table th {
  width: 25%;
  background-color: #f9f9f9;
  font-weight: bold;
  /*font-size: 0.95rem;*/
}

/* 内容（右側）のスタイル */
.company-profile-table td {
  width: 75%;
  /*font-size: 0.95rem;*/
}

/* 箇条書きなどの装飾リセット */
.list-style-none {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-dot li,
.list-style-none li {
  margin-bottom: 5px;
}

.list-dot {
  padding-left: 20px;
  margin: 0;
}

.company-profile-table-description {
  margin-bottom: 10px;
}

/* レスポンシブ対応（スマホ表示） */
@media screen and (max-width: 1024px) {
  /* テーブル全体のブロック化 */
  .company-profile-container .company-profile-table,
  .company-profile-container .company-profile-table tbody,
  .company-profile-container .company-profile-table tr,
  .company-profile-container .company-profile-table th,
  .company-profile-container .company-profile-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  .company-profile-container .company-profile-table tr {
	margin-bottom: 0;
  }
	
  .company-profile-container .company-profile-table th {
    background-color: #f4f4f4; /* 項目名を見やすく */
    text-align: left;
    padding: 10px 15px;
  }

  .company-profile-container .company-profile-table td {
    padding: 15px 15px 30px;
  }
  .map-container {
    padding-top: 75%; /* 縦並びの時は少し高さを出すと見やすい */
  }
}

/**** ホテルとレストラン ****/
/* Visaカルーセルのボタン非表示 */
.visa-taxonomy-link {
	display: none;
}

[class^="visa-swiper-button-prev-"] ,
[class^="visa-swiper-button-next-"] {
	position: static;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #eee;
	color: #111;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	margin: 0;
}

/**** プライバシーポリシー ****/
/* 外枠の余白とバランスの調整 */
.privacy-policy {
    padding: 20px;
    line-height: 1.6;
}

/* メイン見出しの余白 */
.privacy-policy h3.wp-block-heading {
    margin-top: 40px;
    margin-bottom: 10px;
}

/* セクションごとの間隔 */
.privacy-policy h4 {
    margin-top: 30px;
    margin-bottom: 15px;
}

/* 段落の下にスペースを確保 */
.privacy-policy p {
    margin-bottom: 15px;
}

/* リストの並びを整える */
.list-privacy-policy-none {
    margin-bottom: 25px;
    padding-left: 0;
    list-style-type: none; /* デフォルトの点を消す */
}

/* 各リスト項目の行間と位置 */
.list-privacy-policy-none li {
    margin-bottom: 8px;
    padding-left: 0;
    text-indent: 0;
}

/* 線（hr）の余白調整 */
.line-privacy-policy {
    margin: 10px 0 20px 0;
}

/* リンクの基本設定 */
.google-link-privacy-policy {
    text-decoration: underline;
}

/* テーブル全体のスタイル */
.privacy-policy-table {
    width: 100%;
    border-collapse: collapse; /* 枠線を1本にまとめる */
    margin: 20px 0;
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid #ccc; /* 外枠 */
}

/* 見出しセル (th) のスタイル */
.privacy-policy-table th {
    width: 30%; /* 見出しの幅を固定 */
    background-color: #f2f2f2; /* 薄いグレーで強調 */
    color: #333;
    text-align: left;
    padding: 15px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

/* データセル (td) のスタイル */
.privacy-policy-table td {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

/* モバイル・タブレット用の設定（画面幅768px以下で適用） */
@media screen and (max-width: 1024px) {
    .privacy-policy-table,
    .privacy-policy-table tbody,
    .privacy-policy-table tr,
    .privacy-policy-table th,
    .privacy-policy-table td {
        display: block; /* 全ての要素をブロック化して縦に並べる */
        width: 100%;    /* 幅をいっぱいにする */
        box-sizing: border-box;
    }
	
	.privacy-policy-table tr {
		margin-bottom: 0;
	}

    .privacy-policy-table th {
        border-bottom: none; /* 見出しと中身の間の線を調整（お好みで） */
        background-color: #e9ecef; /* 見出しの色を少し濃くして区切りを明確に */
        text-align: left;
    }

    .privacy-policy-table td {
        border-top: 1px solid #ccc;
    }
}

/**** お問い合わせ ****/
.contact-form-bg select {
	min-height: 3.375rem;
    background-color: rgba(0, 0, 0, 0);
	border: 1px solid #eeeeee;
	border-radius: .5rem;
}