@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*-----------------------------------スタートー----------------------------*/
/* 共通デザイン（初期は薄グレー） */
.link-buttons a {
  display: inline-block;
  margin: 5px;
  padding: 6px 14px;
  border: 2px solid #ccc;
  border-radius: 20px;
  color: #666;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.3s ease;
}

/* ホバー時：県ごとに色変化 */
.link-buttons a:hover { color:#fff; }

.btn-fukuoka:hover { border-color:#e02424; background:#e02424; }
.btn-kumamoto:hover { border-color:#f6c445; background:#f6c445; color:#000; }
.btn-saga:hover { border-color:#a0e548; background:#a0e548; color:#000; }
.btn-oita:hover { border-color:#9ac1f0; background:#9ac1f0; }
.btn-miyazaki:hover { border-color:#e45f2b; background:#e45f2b; }
.btn-nagasaki:hover { border-color:#002b5c; background:#002b5c; }
.btn-kagoshima:hover { border-color:#800080; background:#800080; }
.btn-okinawa:hover { border-color:#ff69b4; background:#ff69b4; }
.link-buttons {
  text-align: center;
}
/* PCボタン設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.link-buttons a {
  display: inline-block;
  margin: 4px;
  padding: 8px 18px;   /* ← 少し小さめ */
  border: 2px solid #ccc;
  border-radius: 20px;
  color: #666;
  text-decoration: none;
  font-size: 16px;      /* ← 一段階小さく */
  transition: all 0.3s ease;
}

.link-buttons a::before {
  content: "📍";
  font-size: 16px;      /* ← ピンも少し小さく */
  margin-right: 5px;
  vertical-align: middle;
}
/* スマホ（768px以下）のときだけ調整 */
@media (max-width: 768px) {
  .link-buttons a {
    padding: 6px 12px;   /* 内側余白を小さめ */
    font-size: 14px;     /* 文字サイズ小さめ */
    border-radius: 15px; /* 角丸も調整 */
    margin: 3px;         /* 間隔も少し狭め */
  }

  .link-buttons a::before {
    font-size: 14px;     /* ピンアイコンも小さく */
    margin-right: 3px;
  }
}


/* 画像の枠線を消す */
img {
  border: none !important;
  box-shadow: none !important;
}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー確定ーーーーーーーーーーーーーーーーーーーー */
/* 地図ラッパー */
.kyushu-map-wrap {
  position: relative;
  width: 90%;
  max-width: 800px;
  margin: 30px auto;
}

/* 地図画像 */
.kyushu-map {
  width: 100%;
  height: auto;
  display: block;
}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー確定ーーーーーーーーーーーーーーーーーーーー */