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

common-sp.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 512px;            /* 通常サイト幅 */
	--common-inner-padding: 16px;               /* 通常サイト幅内余白 */
}

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

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


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


/*============================================================
 footer
*============================================================*/
#site-footer .inner {
    gap: 32px 0; 
}
#site-footer #fnav {
    flex-direction: column;
    gap: 32px;
    margin-bottom: 0;
}
#site-footer #fnav .menu-list {
    gap: 0 40px;
    justify-content: flex-start;
}
#site-footer #footer-sns .sns-list {
    justify-content: flex-start;
    margin-bottom: 0;
}
#site-footer #footer-info {
    flex-direction: column;
    gap: 32px 0;
}
#site-footer #footer-info .link-list {
    flex-direction: column;
    gap: 16px 0;
}