@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){
  /*必要ならばここにコードを書く*/
}

/* 幹事のミカタ：トップのタブ */
.index-tab-buttons .index-tab-button{border-color:#ead9bd;}
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"],
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"],
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"],
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"]{background-color:#23395b;border-color:#23395b;color:#fff;}
/* 幹事のミカタ：メニュー */
#navi .navi-in a:hover{background-color:#fff3df;color:#d9573a;}
/* 幹事のミカタ：記事カード */
.entry-card-wrap{border-radius:10px;transition:box-shadow .2s;}
.entry-card-wrap:hover{box-shadow:0 4px 16px rgba(35,57,91,.14);background:#fffaf1;}
.entry-card-thumb img,.related-entry-card-thumb img{border-radius:8px;}
.cat-label{background-color:#d9573a;border:0;border-radius:4px;color:#fff;}
/* 幹事のミカタ：記事の見出し */
.article h2{background:#23395b;color:#fff;border:0;border-radius:6px;padding:.7em .9em;}
.article h3{background:none;border:0;border-left:6px solid #d9573a;border-bottom:1px solid #ead9bd;padding:.45em .7em;}
/* 幹事のミカタ：サイドバー */
.sidebar h2,.sidebar h3{background:#fff3df;color:#23395b;border:0;border-radius:6px;padding:.55em .8em;}

/* 幹事のミカタ：店舗カードの写真（APIの写真は小さいので引き伸ばさない） */
.article .kanji-shop{display:grid;grid-template-columns:minmax(0,238px) minmax(0,1fr);column-gap:14px;align-items:start;padding:14px;margin:1.5em 0;overflow:visible;}
.article .kanji-shop figure{grid-column:1;grid-row:1 / span 2;float:none;width:100%;max-width:none;margin:0;padding:0;border:0;background:none;}
.article .kanji-shop figure img{display:block;width:100%;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:6px;box-shadow:none;object-fit:contain;}
.article .kanji-shop figcaption{padding:4px 0 0;margin:0;text-align:left;font-size:10px;line-height:1.3;}
.article .kanji-shop-body{display:contents;}
.article .kanji-shop-name{grid-column:2;margin:0 0 6px;line-height:1.45;}
.article .kanji-shop-catch{grid-column:2;margin:0;font-size:.85em;line-height:1.6;}
.article .kanji-shop table{grid-column:1 / -1;margin:12px 0;border:0;width:100%;}
.article .kanji-shop table tr,.article .kanji-shop table tr:nth-of-type(2n+1){background:none;}
.article .kanji-shop th,.article .kanji-shop td{border:0;border-bottom:1px solid #eee;background:none;}
.article .kanji-shop-btn{grid-column:1 / -1;margin:0;}
@media screen and (max-width:480px){.article .kanji-shop{grid-template-columns:40% minmax(0,1fr);}}
/* 幹事のミカタ：店舗カードのPC幅。写真とボタンを左、店名と情報を右に */
@media screen and (min-width:769px){
.article .kanji-shop{grid-template-columns:238px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:20px;}
.article .kanji-shop figure{grid-column:1;grid-row:1 / 4;}
.article .kanji-shop-name{grid-column:2;grid-row:1;}
.article .kanji-shop-catch{grid-column:2;grid-row:2;}
.article .kanji-shop table{grid-column:2;grid-row:3;margin:10px 0 0;}
.article .kanji-shop-btn{grid-column:1 / -1;grid-row:4;margin:12px 0 0;}
}
/* 幹事のミカタ：メニューの診断ボタン */
#navi .navi-in .kanji-menu-btn > a,#navi .navi-in .kanji-menu-btn > a:hover{color:#fff !important;font-weight:700;}
#navi .navi-in .kanji-menu-btn > a{background-color:#d9573a;}
#navi .navi-in .kanji-menu-btn > a:hover{background-color:#b9452c;}