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

/* 投稿タイトルの前で改行する */
.p-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
}
.p-breadcrumb__item {
  display: inline;
}
.p-breadcrumb__item:after {
  display: inline-block;
}
.p-breadcrumb__text {
  white-space: initial;
}

/*-----------------------------------------------------------------
                           サイト全体
-----------------------------------------------------------------*/

/* パンくずセクションの背景色をグレーに */
.p-breadcrumb {
	background: #f4f5f4;
}
/* パンくずと記事タイトル間の余白を狭く */
.l-content {
        padding-top: 2em;
}
/* メインコンテンツの横幅(メイン・サイドバー間の余白を24pxに) */
@media (min-width: 960px) {
    .-sidebar-on .l-mainContent {
        width: calc(100% - var(--swl-sidebar_width) - 24px);
    }
}


/*-----------------------------------------------------------------
                           投稿リスト
-----------------------------------------------------------------*/

/* 投稿リスト-カード型の余白調整 */
.-type-card .p-postList__item {
  margin-bottom: 16px;
}
.-type-card .p-postList__body { 
  padding-top: 8px;
}
/* 記事サムネ画像の角丸の調整 */
.p-articleThumb__img {
	border-radius: 4px;
}
.-ps-style-img .p-postList__link, .-type-thumb .p-postList__link, .p-postList__thumb {
	border-radius: 4px;
}
#sidebar .-type-list .p-postList__thumb {
	border-radius: 4px;
}

/*-----------------------------------------------------------------
                           記事ページ
-----------------------------------------------------------------*/

/* メインコンテンツの余白 */
.l-mainContent__inner>.post_content {
	margin: 2em 0;
}

/* 段落下の余白 */
.post_content>* {
    margin-bottom: 1.5em;
}

/* 目次のデザイン */
#main_content .p-toc {
	border-radius: 4px;
	margin: 2em auto;
}
.p-toc.-simple {
	border: 1.5px solid var(--color_border);
}

/* 吹き出しのデザイン */
.-border-on .c-balloon__text {
    border-width: 1.5px;
}
.c-balloon__text {
	border-radius: 4px;
}
.-circle>.c-balloon__iconImg {
	border: none;
}

/* ブログカードのデザイン */
[data-type=type3] .p-blogCard__inner {
    background: #f1f1f1;
    border-radius: 4px;
    box-shadow: none;
    color: #555;
}
.p-blogCard__inner {
	padding: 12px;
}
.u-obf-cover {
	border-radius: 2px;
}
[data-type=type3] .p-blogCard__caption {
	display: none;
}
.p-blogCard__title {
	text-decoration: underline;
}

/* 投稿ページの見出しデザイン */
.post_content>h2 {
    margin-left: 0;
    margin-right: 0;
}
.post_content h2 {
	margin: 2em 0 1em;
}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	border-top: none;
	border-bottom: 1.5px solid #f2c200;
    padding: 0 0 .5em 0;
}
.post_content h3 {
	margin: 1.5em 0 1em;
	border-bottom: 1.5px solid #ddd;
    padding: 0 0 .5em 0;
}
.post_content h4 {
	margin: 1.5em 0 1em;
}

/* マーカー */
article strong {
	background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%);
}

/* PR枠と吹き出しボタン */
.vivi-pr {
    max-width: 480px;
    margin: 0 auto;
    padding: 16px;
    border-radius: 4px;
    background: #fffcf1;
    border: 1.5px solid #ddd;
}
.vivi-pr-title {
    padding: 0;
    font-size: 17.6px;
    font-weight: bold;
    line-height: 1.5;
}
ul.vivi-pr-list {
    list-style: none;
    margin-top: 16px;
    padding: 0 0 0 24px;
}
ul.vivi-pr-list li {
    position: relative;
    font-size: 16px;
}
ul.vivi-pr-list li::before {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #f2c200;
    left: -22px;
    top: 2px;
    content: "";
    display: block;
    position: absolute;
}
ul.vivi-pr-list li::after {
    width: 10px;
    height: 6px;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
    top: 7px;
    left: -18px;
    content: '';
    display: block;
    position: absolute;
}
.vivi-golf-btn__bln {
    margin: 24px auto;
    text-align: center;
}
.vivi-golf-btn__bln a {
    position: relative;
    display: inline-block;
    padding: 12px 16px;
    max-width: 480px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    color: #333;
    background: #fff;
    animation: 1s vivi-bln-jump infinite alternate ease-in-out;
	text-decoration: none;
}
.vivi-golf-btn__bln a:before {
    content: "";
    position: absolute;
    bottom: -18.5px;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top: 11px solid #fff;
    z-index: 2;
}
.vivi-golf-btn__bln a:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #ddd;
    z-index: 1;
}
@keyframes vivi-bln-jump {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
.vivi-golf-btn {
    text-align: center;
}
.vivi-golf-btn a {
    display: inline-block;
    padding: 16px 24px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border: 1.5px solid #333;
    border-radius: 100px;
    color: #fff;
    background: #0064f2;
    transition: .3s;
}
.vivi-golf-btn a:hover {
    background: #f2c200;
    box-shadow: unset;
    transform: translateY(4px);
}
.vivi-golf-btn__arw {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #fff;
    line-height: 1;
    position: relative;
    width: 14px;
    height: 2px;
    background: currentColor;
}
.vivi-golf-btn__arw::before {
    content: "";
    width: 10.4px;
    height: 10.4px;
    border: 2px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    position: absolute;
    top: 50%;
    right: -1px;
    box-sizing: border-box;
}

/* 画像 */
.wp-block-image img {
	max-height: 280px;
    width: auto;
	object-fit: contain;
}