@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){
  /*必要ならばここにコードを書く*/
}
.shop-info-box {
  margin: 1.5em 0;
  padding: 1.2em;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
}
.shop-info-title {
  margin: 0 0 .6em;
  font-size: 1.2em;
}
.shop-info-catch {
  margin: 0 0 1em;
  font-weight: 600;
}
.shop-info-dl {
  margin: 0;
}
.shop-info-row {
  display: grid;
  grid-template-columns: 7.5em 1fr;
  gap: .6em;
  padding: .6em 0;
  border-top: 1px solid rgba(0,0,0,.06);
}
.shop-info-row:first-child {
  border-top: 0;
}
.shop-info-row dt {
  font-weight: 700;
}
.shop-map-embed{
  margin-top: 10px;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  max-width: 560px; /* 横に広がりすぎ防止（スタイリッシュ寄せ） */
}

.shop-map-embed iframe{
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 768px){
  .shop-map-embed{
    aspect-ratio: 16 / 10;
    max-width: 100%;
  }
}

/* =================================================
   店舗CPT（shop）だけ：投稿日・関連記事を非表示
   ================================================= */

/* 投稿日（投稿メタ） */
.single-shop .post-date,
.single-shop .date,
.single-shop .entry-date,
.single-shop .post-meta-date,
.single-shop .entry-meta .posted-on,
.single-shop time.entry-date,
.single-shop time.published {
  display: none !important;
}

/* 関連記事（Cocoon/一般的な命名を広めに） */
.single-shop .related-entries,
.single-shop .related-entry,
.single-shop .related-list,
.single-shop .related-posts,
.single-shop .related,
.single-shop .recommended {
  display: none !important;
}

.knv-mapcell{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.knv-mapcell__link{
  display:inline-block;
  text-decoration:none;
}

.knv-mapcell__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  cursor:pointer;
}

.knv-mapbox{
  width:100%;
  height:320px;          /* ← 前回「小さい」を直したサイズ。好みで360とかもOK */
  border-radius:16px;    /* ← 角丸 */
  overflow:hidden;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  background:#fff;
}

.knv-mapbox__iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
/* ===== ボックスA専用の微調整 ===== */
/* 特徴の箇条書き（・）を綺麗に表示する */
.shop-box-a dd ul {
    margin: 0;
    padding-left: 1.2em;
}
.shop-box-a dd li {
    list-style-type: disc;
    margin-bottom: 0.3em;
}

/* 問い合わせボタンの並びとデザイン */
.shop-box-a-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.shop-btn-line, .shop-btn-contact {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 6px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9em;
    transition: opacity 0.2s;
}
.shop-btn-line:hover, .shop-btn-contact:hover {
    opacity: 0.8;
}
.shop-btn-line {
    background-color: #06C755; /* LINEグリーン */
}
.shop-btn-contact {
    background-color: #0073aa; /* WordPressブルー（お好みで変更可能） */
}