@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==========================================================
   目次 カスタマイズ
   ========================================================== */

/* ボーダー・背景をシンプルに */
#main_content .p-toc {
    border: none;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5em 1.5em 1.25em;
    margin: 2.5em auto;
    box-shadow: none;
}

/* simpleスタイルのボーダーを上書き */
.p-toc.-simple {
    border: none;
}

/* capboxスタイルのボーダーを上書き */
.p-toc.-capbox {
    border: none;
    background: #f8f9fa;
}

.p-toc.-capbox .p-toc__ttl {
    background: none;
    color: #333;
}

/* タイトル */
.p-toc__ttl {
    font-size: 1em;
    font-weight: 600;
    color: #555;
    border-bottom: none !important;
    margin-bottom: .75em;
    padding-bottom: 0;
    text-align: left;
}

.p-toc__ttl::before {
    color: var(--color_main, var(--ocv-color-primary, #1a8cff));
    margin-right: .4em;
}

/* リンクホバー */
.p-toc__link:hover {
    color: var(--color_main, var(--ocv-color-primary, #1a8cff));
    opacity: 1;
}

/* 開閉ボタン */
.p-toc .p-toc__expandBtn {
    background: transparent;
    box-shadow: none;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #888;
}

/* ==========================================================
   通常テーブルブロック カスタマイズ
   ========================================================== */

.wp-block-table {
    font-size: 0.9em;
}


.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f8f9fa;
}

/* ==========================================================
   FAQ カスタマイズ
   ========================================================== */

.swell-block-faq .faq_q {
    background-color: #f8f9fa;
}

/* ==========================================================
   アイキャッチ画像 テレビ風デザイン
   ========================================================== */

.p-articleThumb {
    border: 2px solid #231815;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}

.p-articleThumb__img {
    display: block;
    width: 100%;
    border-radius: 0;
}

.ocv-image-credit {
    text-align: center;
    font-size: 11px;
    color: #999;
    margin: 6px 0 0;
}

/* ==========================================================
   パンくずリスト カスタマイズ
   ========================================================== */

.p-breadcrumb {
    padding: 10px 0;
}

.p-breadcrumb.-bg-on {
    background: #f8f9fa;
    box-shadow: none;
}

.p-breadcrumb__list {
    font-size: 11px;
    color: #999;
}

.p-breadcrumb__text {
    color: #999;
}

.p-breadcrumb__text:hover span {
    color: var(--color_main, var(--ocv-color-primary, #1a8cff));
    opacity: 1;
}

/* セパレータを「/」に変更 */
.p-breadcrumb__item::after {
    background: none;
    clip-path: none;
    content: "/";
    display: inline;
    width: auto;
    height: auto;
    font-size: 10px;
    color: #ccc;
    opacity: 1;
}

/* ==========================================================
   カテゴリアイコン非表示
   ========================================================== */

.c-categoryList::before {
    display: none;
}

/* ==========================================================
   PR表記 カスタマイズ
   ========================================================== */

.c-prNotation {
    background: none !important;
    border: none !important;
    box-shadow: none;
    padding: .5em 0 !important;
    margin-bottom: .5em;
    font-size: 12px;
    color: #999;
    text-align: left;
}

.c-prNotation .icon-info {
    margin-right: .3em;
    font-size: 11px;
}

.c-prNotation span {
    font-size: 12px;
    line-height: 1.5;
}

/* ストライプ背景を無効化 */
.c-prNotation.is-style-bg_stripe {
    background: none !important;
}