@charset "UTF-8";
/********************************************************************************

common-sp.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	/* --common-inner-max-width: 100%;           /* サイト幅（デフォルト） */
	/* --common-inner-max-width-wide: 100%;      /* サイト幅（幅広） */
	/* --common-inner-max-width-narrow: 100%;      /* サイト幅（幅狭） */
	/* --common-inner-padding: 24px;               /* 必須余白（デフォルト） */
	/* --common-inner-padding-wide: 24px;          /* 必須余白（幅広） */
	/* --common-inner-padding-narrow: 24px;          /* 必須余白（幅狭） */
}

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: inherit;
}

/*============================================================
 format
*============================================================*/
/* コンテンツ内
---------------------------------------- */


/*============================================================
 SNSシェアブロック関連
*============================================================*/
/* SNSシェアブロック
---------------------------------------- */
.block-sns-share {
    gap: 24px;
}
.block-sns-share .url-copy-clipbord {
    margin-right: 25px;
}
.block-sns-share .url-copy-clipbord::after {
    right: -25px;
}
.block-sns-share .list-sns {
    gap: 24px;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-sp {
    width: calc(var(--common-vw) - ((var(--common-vw) - 100%) / 2));
    overflow-x: auto;
}
.block-wscroll-sp .block-wscroll-inner {
    width: max-content;
    padding: 4px 16px 16px 4px;
}
.block-wscroll-sp .block-wscroll-inner > * {
    width: auto;
    /* white-space: nowrap; */
}

/* カード
---------------------------------------- */
/* 要素幅超スクロールではないカード一覧 */
:not(.block-wscroll-inner) > .block-card {
    flex-direction: column;
    max-width: 480px;
    margin: 0 auto;
}
:not(.block-wscroll-inner) > .block-card .item {
    width: 100%;
}

/* 要素幅超スクロールのカード一覧 */
.block-wscroll-inner .block-card .item {
    width: 300px;
}

/* カード（ピックアップ）
---------------------------------------- */
.block-card-pickup .item {
    flex-direction: column;
    width: 100%;
}
.block-card-pickup .item {
    display: flex;
    flex-direction: column;
}
.block-card-pickup .item .image,
.block-card-pickup .item .info {
    width: 100%;
    max-width: none;
}


/* リスト
---------------------------------------- */
.block-list .item .item-title {
    flex: none;
    width: 100%;
}

/*============================================================
 CTA
*============================================================*/
#cta-contact-document [class^="block-cta"] .block-title .cta-title {
    font-size: var(--rem48px);
}

/*============================================================
 記事本文ブロック
*============================================================*/
/* パターン（セクション）間余白設定
---------------------------------------- */

/* パターン（ブロック）
---------------------------------------- */
/* 背景色付きブロック */

/* 定義リスト */
.block-post-content .inner .pattern-section .pattern-block-dl .row {
    flex-direction: column;
}
.block-post-content .inner .pattern-section .pattern-block-dl .row .dt {
    flex-basis: 0 !important;
}

/* 見出し
---------------------------------------- */

/*============================================================
 footer
*============================================================*/
#site-footer {
}

/* メニューリスト
---------------------------------------- */
#site-footer .fnav .menu-list {
    flex-direction: column;
    text-align: center;
}
#site-footer .fnav .link-list {
    flex-direction: column;
}
#site-footer .fnav .link-list .menu-list:not(:last-child)::after {
    display: none;
}


