@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
*/

/* 共通：外側span（クリック領域） */
.link-txt {
    cursor: pointer;
}

/* テキストリンク用 */
.link-txt.link-txt-plain .link-btn {
    text-decoration: underline;
    color: var(--color_link);
}

/* ボタンリンク用：外側を中央寄せ */
.link-txt:not(.link-txt-plain) {
    display: block;
    text-align: center;
    margin: 24px 0;
}

/* ボタンリンク用：ボタン本体 */
.link-txt:not(.link-txt-plain) .link-btn {
    display: inline-block;
    width: 60%;
    padding: 12px 30px;
    background-color: #F5822D;   /* メイン#179DC5に映えるオレンジ系アクセント */
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    border: none;
    border-radius: 9999px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    text-decoration: none !important;
    text-align: center;
    transition: background-color .3s ease;
}

/* ホバー時：少し濃いオレンジ */
.link-txt:not(.link-txt-plain) .link-btn:hover {
    background-color: #DE6E1B;
}

@media (max-width: 768px) {
    .link-txt:not(.link-txt-plain) .link-btn {
        width: 100%;
    }
}

/* CTAボックス */
.cta-box {
    text-align: center;
    margin: 32px 0 64px;   /* 上32px・左右0・下64px */
}

/* CTAの煽り文言：詳細度を上げてテーマのpスタイルに勝つ */
.post_content .cta-box p.cta-lead,
.cta-box p.cta-lead {
    font-weight: bold;
    color: #F5822D;   /* ボタンと同じアクセントカラー */
    font-size: 14px;
    text-align: center;
    margin: 0 0 8px;   /* ボタンとの間隔をここで調整 */
    line-height: 1.4;
}

/* CTAボックス内のボタンは上下マージンを打ち消す（詳細度アップ） */
.post_content .cta-box .link-txt:not(.link-txt-plain),
.cta-box .link-txt:not(.link-txt-plain) {
    margin: 0;
}

.swl-marker.mark_yellow {
  font-weight: bold;
}

.swl-inline-color.has-swl-deep-01-color {
  font-weight: bold;
}

.cap_box_content img {
  width: 100%;
  height: auto;
}

.responsive-video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

@media (max-width: 400px) {
    .link-txt:not(.link-txt-plain) .link-btn {
        padding: 12px 15px;   /* 左右の余白を30px→15pxに縮小 */
    }
}

.txt-bold {
  font-weight: 700;
}

.marker-yellow{
  font-weight: 700;
  background: linear-gradient(transparent 55%, #ffee58 55%);
}