@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){
  /* 必要があればここに */
}

/************************************
** 子テーマ用のスタイルを書く（ここから下に貼り付け）
************************************/


/*---------------------
Cocoon 特定のカテゴリーのみグローバルメニューを非表示
---------------------*/
.categoryid-530 .header-in, .categoryid-530 .navi, .categoryid-530 .mobile-header-menu-buttons { display: none; }
.categoryid-533 .header-in, .categoryid-533 .navi, .categoryid-533 .mobile-header-menu-buttons { display: none; }
.categoryid-528 .header-in, .categoryid-528 .navi, .categoryid-528 .mobile-header-menu-buttons { display: none; }
.categoryid-467 .header-in, .categoryid-467 .navi, .categoryid-467 .mobile-header-menu-buttons { display: none; }
.categoryid-529 .header-in, .categoryid-529 .navi, .categoryid-529 .mobile-header-menu-buttons { display: none; }
.categoryid-7 .header-in, .categoryid-7 .navi, .categoryid-7 .mobile-header-menu-buttons { display: none; }
.categoryid-440 .header-in, .categoryid-440 .navi, .categoryid-440 .mobile-header-menu-buttons { display: none; }
.categoryid-13 .header-in, .categoryid-13 .navi, .categoryid-13 .mobile-header-menu-buttons { display: none; }
.categoryid-315 .header-in, .categoryid-315 .navi, .categoryid-315 .mobile-header-menu-buttons { display: none; }
.categoryid-527 .header-in, .categoryid-527 .navi, .categoryid-527 .mobile-header-menu-buttons { display: none; }
.categoryid-532 .header-in, .categoryid-532 .navi, .categoryid-532 .mobile-header-menu-buttons { display: none; }
.categoryid-8 .header-in, .categoryid-8 .navi, .categoryid-8 .mobile-header-menu-buttons { display: none; }
.categoryid-382 .header-in, .categoryid-382 .navi, .categoryid-382 .mobile-header-menu-buttons { display: none; }
.categoryid-314 .header-in, .categoryid-314 .navi, .categoryid-314 .mobile-header-menu-buttons { display: none; }
.categoryid-534 .header-in, .categoryid-534 .navi, .categoryid-534 .mobile-header-menu-buttons { display: none; }
.categoryid-535 .header-in, .categoryid-535 .navi, .categoryid-535 .mobile-header-menu-buttons { display: none; }
.categoryid-530 .header-in, .categoryid-530 .navi, .categoryid-530 .mobile-header-menu-buttons { display: none; }

/*---------------------
 Cocoonの設定
---------------------*/
/* 投稿ページにロゴ画像非表示 */.single .site-logo-image {display: none;}
/* 固定ページにロゴ画像非表示 */.page .site-logo-image {display: none;}
/* トップページにはロゴ画像表示 *//*.page-id-8 .site-logo-image {display: block;}*/
 
/* ==================================================
   Studio CoCo ホームページ用 統一装飾CSS
================================================== */
/*--------------------------------------
  強調表示カラー設定（サイト共通）
  ・太字以外の強調表現用
  ・旧エディター（クラシックエディター）対応
  ・Cocoon / みるらいと スキン使用
--------------------------------------*/
/*【使用ルール】
  ・記事本文、固定ページ内のテキスト強調に使用
  ・インライン style（style="color: ..."）は使用しない
  ・色を変更したい場合は、このCSS内の color 値のみ変更する
  ・スキン／テンプレート変更時もHTML側は触らない */

.em-alert { color: #c62828; } /* 注意・必須・重要な補足（最も使用頻度が高い基準色）*/
.em-note { color: #a06a6a; } /* 補足・注釈・理由説明用（アラートより控えめ）*/
.em-rule { color: #4a4a4a; } /* ルール・注意書き・運用説明用（感情を出さない */
.em-sub {
  color: #8a8a8a;   /* （）内の補足・注釈専用の文字色 */
  font-size: 14px;  /* 補足なので少し小さめに表示 */
}

/* ==========================
   文頭記号専用クラス（■や◆用）
   ========================== */
.symbol {
    font-size: 0.7em;       /* 記号だけ小さく表示 */
    font-weight: bold;      /* 太字でアクセント */
    color: #8f4e3b;         /* 色はアクセントカラー */
    margin-right: 0.3em;    /* 記号と本文の間隔 */
    vertical-align: middle; /* 本文の高さに揃える */
}

/* ==========================
   ボックス4種類（色で意味分け）
   ========================== */
/* --------------------------
   黄色ボックス：重要ポイント・注意
--------------------------- */
.box-highlight {
    background-color: #fff6d8; /* 背景色：淡い黄色、変更可 */
    border: 1px solid #e6c96a; /* 枠線色：アクセントカラー、変更可 */
    padding: 12px 15px;         /* 内側余白、変更可 */
    border-radius: 5px;         /* 角丸、変更可 */
    margin-bottom: 15px;        /* 下の間隔、変更可 */
    width: fit-content;         /* 中身に合わせて幅を調整 */
}

/* ボックス内の最後の要素（pタグなど）の下余白をゼロにする */
.box-highlight > *:last-child {
    margin-bottom: 0;
}

/* --------------------------
   水色ボックス：お知らせ・情報
--------------------------- */
.box-info {
    background-color: #eaf3f9; /* 背景色：淡い水色、変更可 */
    border: 1px solid #b7d3ea; /* 枠線色：水色系、変更可 */
    padding: 12px 15px;        /* 内側余白、変更可 */
    border-radius: 5px;         /* 角丸、変更可 */
    margin-bottom: 15px;        /* 下の間隔、変更可 */
    width: fit-content;         /* 中身に合わせて幅を調整 */
}

/* ボックス内の最後の要素（pタグなど）の下余白をゼロにする */
.box-info > *:last-child {
    margin-bottom: 0;
}

/* --------------------------
   グレーボックス：補足・引用・軽めの情報
--------------------------- */
.box-note {
    background-color: #f7f7f6; /* 背景色：淡いグレー、変更可 */
    border: 1px solid #d6d6d4; /* 枠線色：グレー、変更可 */
    padding: 12px 15px;        /* 内側余白、変更可 */
    border-radius: 5px;         /* 角丸、変更可 */
    margin-bottom: 15px;        /* 下の間隔、変更可 */
    width: fit-content;         /* 中身に合わせて幅を調整 */
}

/* ボックス内の最後の要素（pタグなど）の下余白をゼロにする */
.box-note > *:last-child {
    margin-bottom: 0;
}

/* --------------------------
   点線ボックス：軽い補足・デザインアクセント
  --------------------------- */
.box-dotted {
    border: 1px dashed #9e9e9e; /* 枠線色・点線、変更可 */
    padding: 12px 15px;          /* 内側余白、変更可 */
    border-radius: 5px;           /* 角丸、変更可 */
    margin-bottom: 15px;          /* 下の間隔、変更可 */
    width: fit-content;         /* 中身に合わせて幅を調整 */
    color: #6f6f6f;             /* 本文より少しだけ薄いグレー */
    /* background-color: transparent; 背景色を付けたい場合はコメントアウトを解除 */
}

/* ボックス内の最後の要素（pタグなど）の下余白をゼロにする */
.box-dotted > *:last-child {
    margin-bottom: 0;
}

/* ==========================
   吹き出し（お客様の声）
   ========================== */
.speech {
    background-color: #f5f5f5; /* 背景色：グレー系 */
    border-radius: 10px;       /* 角丸で柔らかい印象 */
    padding: 12px 15px;
    position: relative;
    margin: 15px 0;
    font-size: 1em;
    line-height: 1.6;
}

/* 吹き出しの三角 */
.speech::after {
    content: '';
    position: absolute;
    bottom: -10px; 
    left: 20px; /* 吹き出しの位置調整 */
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #f5f5f5 transparent transparent transparent;
}

/* ==========================
   補助装飾
   ========================== */
/* アンダーライン（薄い点線） */
.underline-note { border-bottom: 1px dotted #bdbdbd;}

/* カスタムリスト（チェックマーク付き） */
ul.custom-list { list-style: none; padding-left: 1em;}

ul.custom-list li::before {
    content: "✔";       /* チェックマーク記号 */
    color: #90caf9;     /* 色は水色系アクセント */
    margin-right: 0.5em;
}

/* ========================================
   区切り線（WordPress標準 <hr> の統一デザイン）
   - 記事内のセクション区切り用
   - クラス指定なしで全 <hr> に適用
======================================== */

hr {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 2.5em 0;       /* ここはそのまま */
    padding-bottom: 1.5em;/* ← 下に“確実な余白” */
}

/* =====================================================
   Studio CoCo アコーディオン（最終版）
   ・HTML＋CSSのみ
   ・CSS変数なし
   ・テーマ変更しても壊れない
===================================================== */

/* 全体枠 */
.coco-accordion {
  margin: 2em 0;
  border: 1px solid #e0e0e0; /* 枠線の色 */
  border-radius: 6px;
  background-color: #f6f7f5; /* 背景色 */
}

/* チェックボックス（動作用） */
.coco-accordion input {
  display: none; /* 表示しない */
}

/* 質問（見出し部分） */
.coco-accordion label {
  display: block;
  padding: 14px 18px;
  font-weight: bold;
  color: #3f4a3c; /* 見出し文字色 */
  cursor: pointer;
  position: relative; /* ＋－配置用 */
}

/* ＋－アイコン */
.coco-accordion label::after {
  content: "＋";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #e0e0e0; /* アイコン色 */
}

/* 回答（初期は非表示） */
.coco-accordion-content {
  display: none;
  padding: 0 18px 18px;
  color: #555; /* 本文文字色 */
  line-height: 1.8;
}

/* 開いた状態 */
.coco-accordion input:checked + label::after {
  content: "－";
}

/* ここを + から ~ に変更 */
.coco-accordion input:checked ~ .coco-accordion-content {
  display: block;
}


/* =====================================================
   使用方法（HTML記述例）
=====================================================

<div class="coco-accordion">
  <input type="checkbox" id="qa1">
  <label for="qa1">質問</label>
  <div class="coco-accordion-content">
  回答
  </div>
</div>

【使い方のポイント】

・id="qa1" はページ内で必ずユニークにする（qa2, qa3...）
・このHTMLをそのまま複製して量産OK
・JavaScript不要
・テーマ変更しても壊れない
===================================================== */

/*---------------------
 AddQuicktag用
---------------------*/
/* ボックス 0021 h2 見出し風（塗りつぶし） */ .box0021 { margin: 60px 0 30px; padding: 3px 18px; background: #59a4c8; color: #fff; font-size: 1.5em; }
/* ボックス 0039 h3 見出し風（関連記事用） */ .box0039 { margin: 1em 0; padding: 0.1em 0.5em; color: #171844; font-size: 24px; font-weight: 800; border-bottom: solid 3px #181944; }
/* ボックス 0041 h4 見出し風（1色左線）（旧 h4 見出し風 39） */ .box0041 { margin: 1em 0; padding: 0.1em 0.5em; color: #171844; font-size: 20px; font-weight: 800; background: transparent;/*背景透明に*/ border-left: solid 3px #59a4c8; }
/* マーカー（青） */ .marker11 { background: -webkit-linear-gradient( transparent 70%, #c7e4ff 0% ); background: linear-gradient( transparent 70%, #c7e4ff 0% ); }
/* マーカー（赤） */ .marker12 { background: -webkit-linear-gradient( transparent 70%, #ffbdbd 0% ); background: linear-gradient( transparent 70%, #ffbdbd 0% ); }
/* マーカー（黄） */ .marker13 { background: -webkit-linear-gradient( transparent 70%, #ffff99 0% ); background: linear-gradient( transparent 70%, #ffff99 0% ); }
/* マーカー（緑） */ .marker14 { background: -webkit-linear-gradient( transparent 70%, #aff7d6 0% ); background: linear-gradient( transparent 70%, #aff7d6 0% ); }
/* マーカー（オレンジ） */ .marker15 { background: -webkit-linear-gradient( transparent 70%, #ffba005c 0% ); background: linear-gradient( transparent 70%, #ffba005c 0% ); }

/*--------------------
 吹き出し（左／男性）
--------------------*/
.balloon6 {width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon6 .faceicon {float: left; margin-right: -90px; width: 80px;}
.balloon6 .faceicon img{width: 100%; height: auto;}
.balloon6 .chatting {width: 100%;}
.says2 {display: inline-block; position: relative; margin: 5px 0 0 85px; padding: 17px 13px; border-radius: 12px; background: #d7ebfe;}
.says2:after {content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border: 12px solid transparent; border-right: 12px solid #d7ebfe;}
.says2 p { margin: 0; padding: 0;}

/*--------------------
 吹き出し（左／女性）
--------------------*/
.balloon5 {width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon5 .faceicon {float: left; margin-right: -90px; width: 80px;}
.balloon5 .faceicon img{width: 100%; height: auto;}
.balloon5 .chatting {width: 100%;}
.says {display: inline-block; position: relative; margin: 5px 0 0 85px; padding: 17px 13px; border-radius: 12px; background: #fea9;}
.says:after {content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border: 12px solid transparent; border-right: 12px solid #fea9;}
.says p { margin: 0; padding: 0;}

/*--------------------
 吹き出し（左／女性02）
--------------------*/
.balloon11 {width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon11 .faceicon {float: left; margin-right: -90px; width: 80px;}
.balloon11 .faceicon img{width: 90%; height: auto;}
.balloon11 .chatting {width: 100%;}
.says11 {display: inline-block; position: relative; margin: 5px 0 0 85px; padding: 17px 13px; border-radius: 12px; background: #fea9;}
.says11:after {content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border: 12px solid transparent; border-right: 12px solid #fea9;}
.says11 p { margin: 0; padding: 0;}

/*--------------------
 吹き出し（左／女性03）
--------------------*/
.balloon12 {width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon12 .faceicon {float: left; margin-right: -90px; width: 80px;}
.balloon12 .faceicon img{width: 90%; height: auto;}
.balloon12 .chatting {width: 100%;}
.says12 {display: inline-block; position: relative; margin: 5px 0 0 85px; padding: 17px 13px; border-radius: 12px; background: #d7ebfe;}
.says12:after {content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border: 12px solid transparent; border-right: 12px solid #d7ebfe;}
.says12 p { margin: 0; padding: 0;}

/*---------------------
 CoCoボタン（ペールモカ色）buttonlink01（70％幅）
---------------------*/
.buttonlink01 { text-align: center; margin:20px auto 20px auto; color: #ffffff !important; height: auto; }
.buttonlink01 > img{ display: inline !important;}
.buttonlink01 a { width: 70%; line-height: 2; text-decoration: none !important; color: #ffffff !important; display: block; padding: 10px 30px 10px 30px; background-color: #b39b87; margin-right: auto; margin-left: auto; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; font-weight: bold; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); }
.buttonlink01 :hover { opacity: 0.8; }

/* ボタン01のスマホ表示（テキスト幅に合わす） */
@media screen and (max-width: 767px) { .buttonlink01 a { width: auto; line-height: 1.25; } }

/*---------------------
 CoCoボタン（オレンジ）buttonlink21（70％幅）
---------------------*/
.buttonlink21 { text-align: center; margin:20px auto 20px auto; color: #ffffff !important; height: auto; }
.buttonlink21 > img{ display: inline !important;}
.buttonlink21 a { width: 70%; line-height: 2; text-decoration: none !important; color: #ffffff !important; display: block; padding: 10px 30px 10px 30px; background-color: #e4b948; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: bold; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); }
.buttonlink21 :hover { opacity: 0.8; }

/* ボタン01のスマホ表示（テキスト幅に合わす） */
@media screen and (max-width: 767px) { .buttonlink21 a { width: auto; line-height: 1.25; } }

/*---------------------
 アフィリ用ボタン（緑/大/動）btn-02（縦高、リップルエフェクト）
---------------------*/
.btn-02 { background-color: #ad1; /* ボタン背景色 */ color: #fff; /* ボタン文字色 */ box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); font-weight: bold; border-radius: 40px; max-width: 85%; margin: 0.5em auto; padding: 0; text-align: center; line-height: 2; transition: all .2s ease; }
.btn-02:hover { opacity: 0.8; }
.btn-02 a { text-decoration: none !important; color: #fff !important; display: block; margin: 0; padding: 0.5em; position: relative; overflow: hidden; }
.btn-02 a::before { display: block; position: absolute; z-index: 1; top: 50%; left: 50%; transform: scale(0) translateY(-50%) translateX(-50%); transform-origin: left top; border-radius: 50%; content: ''; width: 10em; height: 10em; background-color: rgba(255, 255, 255, 50%); opacity: 0; animation: plzTap 3s ease-out 0s infinite; }
@keyframes plzTap { from { transform: scale(0) translateY(-50%) translateX(-50%); opacity: 1; } 15%, 100% { transform: scale(1) translateY(-50%) translateX(-50%); opacity: 0; } }
.btn-02 > img { float: left; }
.btn-02::after{ content: ''; clear: left; }

/*--------------------------------------
  お問い合わせフォーム用のボタンのカスタマイズ（70％幅）
--------------------------------------*/
/* 送信ボタン */
.wpcf7 input[type="submit"] { width: 70%; font-size: 18px; /* フォントの大きさ */ font-weight: bold; /* 太文字 */ text-align: center; /* 位置を中央に */ text-decoration:none; /* 文字の下線は消す */ color: #ffffff; /* 文字色 */ background: #b39b87; /* ボタンの背景色 */ padding: 15px 40px; /* ボタンの余白 */ border-radius: 50px; /* ボタンの角を丸く */ border: 0; /* ボタンの枠線を消す */ box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); }
.wpcf7 input[type="submit"]:hover { opacity: 0.8; /* マウスオンで半透明にする */ }

/* スマホ表示のカスタマイズ（テキスト幅に合わす） */
@media screen and (max-width: 767px) { .wpcf7 input[type="submit"] { width: -webkit-fill-available;  line-height: 1.25; } }

/*--------------------------------------
　Rinkerのデザイン変更
--------------------------------------*/
/*-----全体-----*/
div.yyi-rinker-contents {/*内容（全体）*/ border: solid 1px #42424230;/*枠線の種類・幅・色*/ border-radius: 5px;/*枠線の丸み（上　右）*/ box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);/*影*/ }
div.yyi-rinker-contents div.yyi-rinker-box {/*内容（中身）*/ padding: 1em 0;/*余白（中）*/ }
/*-----左側（画像）-----*/
div.yyi-rinker-contents div.yyi-rinker-image {/*画像*/ margin-left: 3%;/*左の余白*/ width: 30%;/*画像の幅*/ }
/*-----右側（商品名やボタンなど）-----*/
div.yyi-rinker-info {/*右側全体*/ padding: 0 3%;/*左右の余白*/ width: 100%;/*右側全体の幅*/ }
.yyi-rinker-title {/*商品名*/ font-size: 1.2em;/*文字の大きさ*/ font-weight: bold; }
div.yyi-rinker-contents div.yyi-rinker-title p {/*タイトル*/ margin: 0;/*タイトルの余白*/ }
div.yyi-rinker-contents div.yyi-rinker-title a {/*タイトル*/ color: #51585f;/*タイトルの文字色*/ }
div.yyi-rinker-contents div.yyi-rinker-detail {/*販売者と価格*/ font-size: .8em;/*文字の大きさ*/ color: #42424280;/*文字の色*/ padding-left: 0;/*左側の余白*/ margin-top: 0;/*上の余白*/ }
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {/*価格*/ margin: .5em 0;/*上下の余白*/ }
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格の文字*/ letter-spacing: 0.1em;/*文字の間隔*/ font-size: 1.2em;/*文字の大きさ*/ margin-right: .5em;/*右側の余白*/ }
div.yyi-rinker-contents ul.yyi-rinker-links li {/*すべてのボタン*/ width: 40%;/*幅（2列になるように）*/ padding: .2em .7em;/*上下左右の余白（ボタン内）*/ margin: .5em 1.5em .4em 0;/*左側の余白だけ0（ボタン外）*/ box-shadow: 0 2px 3px rgba(0,0,0,.2);/*影*/ font-size: 1em;/*文字の大きさ*/ text-align: center;/*商品名やボタンを中央表示*/ }
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before { display: none;/*マーク削除*/ }
/*-----ボタンの色-----*/
/*div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { background: #FFC266; }
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a { color: #3A4D66; }
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { background: #D95656; }
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { background: #FF4D4D; }*/
/*-----マウスホバー（ボタン）-----*/
div.yyi-rinker-contents ul.yyi-rinker-links li:hover { box-shadow: 0 3px 14px rgba(0, 0, 0, .25);/*優しく浮き上がる影*/ }
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover { box-shadow: none;/*手前のマウスホバー*/ }
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover { opacity: 1;/*ホバー時に薄くなるのをオフ*/ }
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/ padding: 0;/*文字の余計な余白を削除*/ }
@media screen and (max-width: 500px){/*スマホ表示用（ブレイクポイント500px）*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box { display: block;/*縦表示になるように*/ }
/*-----画像ー----*/
div.yyi-rinker-contents div.yyi-rinker-image { width: auto;/*画像を中央表示*/ }
/*-----商品名やボタンなど-----*/
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {/*全体*/ padding: 0;/*余白削除*/ margin: auto;/*中央揃え*/ width: 87%;/*横幅*/ text-align: center;/*商品名やボタンを中央表示*/ }
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格*/ display: block;/*価格を縦並びにする*/ }
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/ width: 93%;/*横幅いっぱい*/ margin: .5em 0;/*上下の余白　左右の余白削除*/ }
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/ padding: 0;/*文字の余計な余白を削除*/ }}
@media screen and (min-width: 501px) and (max-width: 1239px){/*スマホとPCの中間くらい（ブレイクポイント501～1239px）*/
div.yyi-rinker-contents ul.yyi-rinker-links li{ width:80%;/*横幅を80％*/ }}

.keni-breadcrumb-list_wrap {display: none;}