@charset "utf-8";

/*
Theme Name: EVERY Child
Template: every_tcd075
*/


/*---------------------------------------------------------
！！！ テーマアップデート時 要確認 ！！！
-----------------------------------------------------------

========================================
グローバルメニュー（SP表示時）のアンカーリンク作動方法
========================================
/themes/cure_tcd082/js
・jscript.js

・331・338・339行目の下記3行をコメントアウト。
---------------------------------------------------------
$('body').css({'position':'fixed','top': - topPosition});

〜 中略 〜

$('body').css({'position':'','top': ''});
$window.scrollTop(topPosition);
---------------------------------------------------------

---------------------------------------------------------*/



/*---------------------------------------------------------
開発ページ専用
---------------------------------------------------------*/
/*---- 目次 ----*/
.dev_toc {
    font-size: 14px;
    line-height: 1.6;
    background-color: #f6f6f6;
}

.dev_toc ol {
    list-style: none !important;
    margin: 1.5em 0 0 1.5em;
}

.dev_toc ol li {
    font-weight: bold;
}

.dev_toc ol ol {
    list-style: none;
    margin: 0 0 0 1.5em;
}

.dev_toc ol li ol li,
.dev_toc ol li ol li ol li {
    font-weight: normal;
}

/*---- サイトカラー ----*/
.dev_color p {
    margin: 0 !important;
}

.dev_color_main {
    color: #fff;
    background: #ff4081;
}

.dev_color_sub1 {
    color: #fff;
    background: #ff6f9e;
}

.dev_color_sub2 {
    color: #fff;
    background: #ff91b5;
}

.dev_color_bg1 {
    background: #fff0f6;
}

.dev_color_bg2 {
    background: #ffefef;
}

.dev_color_bg3 {
    background: #f6f6f6;
}

.dev_color_ac1 {
    color: #fff;
    background: #ff961c;
}

.dev_color_ac2 {
    color: #fff;
    background: #fb555a;
}

.dev_color_ac3 {
    color: #fff;
    background: #1e88ff;
}

.dev_color_ac4 {
    color: #fff;
    background: #88be25;
}

.dev_color_text {
    color: #fff;
    background: #24313C;
}

.dev_color_border {
    background: #E1E1E1;
}

/*---- 見出し ----*/
.dev_h3 {
    color: #fff !important;;
    padding: 5px 10px 5px !important;
    background-color: #000000 !important;;
    padding: 10px 13px!important;
    margin: 60px 0 30px !important;
}

.dev_h4 {
    color: #000 !important;;
    padding: 10px 13px!important;
    background-color: #d7d7d7;
    border-radius: 5px;
    margin-bottom: 20px!important;
}

.dev_h5 {
    color: #000 !important;;
    font-size: 110% !important;
    padding: 5px 15px !important;
    background-color: #ebebeb;
    border-radius: 5px;
    margin-bottom: 20px !important;
}

.dev_h6 {
    color: #000 !important;;
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 0 0 30px !important;
}



/*---------------------------------------------------------
Base
---------------------------------------------------------*/
/*---- 全体 ----*/
body {
    font-size: 16px;
    background: #fff9f9;
    font-family: -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif !important;
}

body, a {
    color: #24313C;
}

.post_content img {
    vertical-align: bottom;
}

@media screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }
}

/*---- トップページ ----*/
#index_welcome_message {
    color: #d6336c;
    padding: 55px 0 75px;
}

#index_welcome_message .desc {
    color: #24313c;
}

/*---- 固定ページ ----*/
#wide_page_header .catch {
    text-shadow: 0px 0px 10px #24313c;
}

.members-access-error {
    background: #fff;
    padding: 30px;
}

.sz_l {
    background-color: #ff4081 !important;
    border-radius: 999px;
    text-decoration: none !important;
    padding: 20px 10px !important;
}

.sz_l:hover {
    background-color: #ff91b5 !important;
}

@media screen and (max-width: 650px) {
    .cb_contents .mb_archive_link a {
        background: #ff4081 !important;
        border-radius: 999px;
        border: none;
    }

    .cb_contents .mb_archive_link a:hover {
        background: #ff91b5 !important;
    }
}

/*---- フッター ----*/
#footer {
    background: #fff;
}

#footer_menu {
    border-left: none;
    padding: 20px 20px 40px;
}

/*---- フォーム ----*/
.wpcf7 .wpcf7-submit,
.wpcf7 .wpcf7-previous {
    font-size: 16px !important;
    height: 60px !important;
    background: #ff4081 !important;
    border-radius: 999px;
}

.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-previous:hover {
    background-color: #ff91b5 !important;
}

/*---- マイページ ----*/
#my_account_edit .submit input {
    border-radius: 999px;
}

#my_account_header .logout {
    border-radius: 999px;
    background-color: #ff4081;
    color: #fff;
}

.fep-button {
    color: #ffffff !important;
}

#fep-header.fep-table > div > div {
    padding: 20px 10px 20px 10px;
    line-height: 1.8;
    text-align: center;
}

.fep-cb-check-uncheck-all-div {
    margin: 15px 0 10px;
}

.fep-column-fep-cb,
.fep-column-date,
.fep-column-title {
    padding: 10px;
}

.fep-table .fep-message-date {
    font-size: 80%;
}

ul.token-input-list-facebook {
    width: 100% !important;
}

#delete-account-form {
    display: none;
}

.fep-message-title-heading.participants {
    background: none;
    border: none;
    font-size: 90%;
    font-weight: normal;
}

.fep-per-message .fep-message-title {
    background: #E1E1E1;
    font-size: 95%;
}

@media screen and (max-width: 767px) {
    #fep-header.fep-table > div > div {
        display: block;
    }

    #fep-header.fep-table > div > div.fep-header-avatar {
        padding: 20px 10px 0 10px;
    }

    #fep-menu .fep-button {
        padding: 12px 0;
        background: #E1E1E1;
        color: #24313C !important;
    }
    
    .fep-button-active {
        padding: 12px 0;
    }
}

@media screen and (max-width:450px) {
    #my_account_content_tab li {
        font-size: 12px !important;
    }
}



/*---------------------------------------------------------
固定ページ・投稿ページ用 装飾
---------------------------------------------------------*/
/*---- キャッチ ----*/
.p-catch {
    font-size: 36px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    margin: 0 0 15px 0;
}

.p-sub-catch {
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 1.6 !important;
}

@media screen and (max-width: 767px) {
    .p-catch {
        font-size: 24px !important;
    }
    .p-sub-catch {
        font-size: 16px !important;
    }
}

/*---- 見出し ----*/
.styled_h2,
.editor-styles-wrapper .styled_h2 {
    font-size: 24px !important;
    background: #ff6f9e;
    color: #fff;
    padding: 18px 20px !important;
}

.styled_h3,
.editor-styles-wrapper .styled_h3 {
    font-size: 22px !important;
    background: #fff0f6;
    border-left: 6px solid #ff80ab;
    padding: 15px 16px !important;
    border-radius: 0 8px 8px 0;
}

.styled_h4,
.editor-styles-wrapper .styled_h4 {
    font-size: 20px !important;
    font-weight: bold;
    color: #d6336c;
}

.styled_h5,
.editor-styles-wrapper .styled_h5 {
    font-size: 18px !important;
    position: relative;
    text-align: left;
    color: #24313c;
    border-top: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    padding-left: 18px !important;
}

.styled_h5::after,
.editor-styles-wrapper .styled_h5::after {
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #ff6f9e;
    left: 0;
    top: 0.9em;
}

.styled_h6 {
    font-size: 16px !important;
    font-weight: bold !important;
} 

@media screen and (max-width: 767px) {
    .styled_h2,
    .editor-styles-wrapper .styled_h2 {
        font-size: 20px !important;
    }

    .styled_h3,
    .editor-styles-wrapper .styled_h3 {
        font-size: 18px !important;
    }

    .styled_h4,
    .editor-styles-wrapper .styled_h4 {
        font-size: 17px !important;
    }

    .styled_h5,
    .editor-styles-wrapper .styled_h5 {
        font-size: 16px !important;
    }

    .styled_h6 {
        font-size: 15px !important;
    } 
}

/*---- テキストリンク ----*/
.post_content a:not(.q_custom_button, .hn-card, .hn-btn-main, .hn-btn-sub, .hn-noticebtn, .fcc-btn-main, .fcc-btn-sub) {
    color: #1e88ff;
    text-decoration: underline;
}

.post_content a:hover:not(.q_custom_button, .hn-card, .hn-btn-main, .hn-btn-sub, .hn-noticebtn, .fcc-btn-main, .fcc-btn-sub) {
    color: #5da8fe;
}

/*---- 注意書き ----*/
.notice {
    font-size: 90% !important;
    color: #808080;
    margin: 0 !important;
}

@media screen and (max-width: 767px) {
    .notice {
        line-height: 1.8 !important;
    }
}

/*---- 2カラム・3カラム ----*/
.post_row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.post_col,
.post_col-2,
.post_col-3 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

@media screen and (max-width: 1210px) {
    .post_row {
        margin-right: -10px !important;
        margin-left: -10px !important;
    }

    .post_col,
    .post_col-2,
    .post_col-3 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .post_col-2,
    .post_col-3 {
        margin-right: 0 !important;
    }
}

/*---- 2カラム・3カラム メニュー ----*/
.p-grid {
    list-style: none;
    letter-spacing: -.4em;
}

.p-grid * {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.c-menu::after {
    content: '';
    display: block;
    clear: both;
}

.c-menu a {
    color: #24313C !important;
    text-decoration: none !important;
}

.c-menu a:hover {
    background-color: #fff8f8;
}

.c-menu_header {
    color: #24313C;
    padding: 2px 15px;
    font-size: 18px;
    line-height: 1.4;
    border-top: 2px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    display: block;
    position: relative;
}

.c-menu_header::before {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #ff6f9e;
}

.c-menu_header::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 65px;
    vertical-align: middle;
}

.c-menu_header span {
    display: inline-block;
    vertical-align: middle;
    width: 99%;
}

.c-menu a .c-menu_header span::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    border-top: 1px solid #ff6f9e;
    border-right: 1px solid #ff6f9e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-menu a:hover .c-menu_header {
    color: #ff6f9e;
    background: #fff8f8 !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.c-menu a .c-menu_header {
    padding-right: 30px;
}

.c-menu_body {
    margin-bottom: 15px;
    margin-top: -1px;
    padding-top: 15px;
    border-top: 1px solid #E1E1E1;
}

.c-menu_body::after {
    content: '';
    display: block;
    clear: both;
}

.c-menu_body :first-child {
    margin-top: 0;
}

.c-menu_body :last-child {
    margin-bottom: 0;
}

.c-menu_body_pct {
    margin: 0;
    text-align: center;
    margin-bottom: 15px;
}

.c-menu_body_pct img {
    max-width: 100%;
}

.c-menu_body_txt :first-child {
    margin-top: 0;
}

.c-menu_body_txt :last-child {
    margin-bottom: 0;
}

.c-menu_body_txt p {
    line-height: 2 !important;
    margin: 0;
    padding: 0 15px;
}

.c-menu_children {
    margin-top: -1px;
    border-top: 1px solid #E1E1E1;
    line-height: 1.4;
    overflow: hidden;
    margin: 0px !important;
}

.c-menu_children li {
    border-top: none !important;
    border-bottom: 1px solid #E1E1E1 !important;
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.c-menu_children li a,
.c-menu_children li span {
    position: relative;
    display: block;
    padding: 5px 30px 5px 15px;
}

.c-menu_children li a:hover {
    background: #fff8f8;
}

.c-menu_children li a span,
.c-menu_children li span span {
    color: #24313C;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

.c-menu_children li a:hover span {
    color: #ff6f9e;
}

.c-menu_children li a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-top: 1px solid #ff6f9e;
    border-right: 1px solid #ff6f9e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-menu_children li a::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 48px;
    vertical-align: middle;
}

/*---- 2カラム 画像＋本文 ----*/
.small .c-image_pct {
    width: 33.33333%;
}

.middle .c-image_pct {
    width: 50%;
}

.large .c-image_pct {
    width: 66.66666%;
}

.left .c-image_pct {
    float: left;
    margin-right: 20px;
}

.right .c-image_pct {
    float: right;
    margin-left: 20px;
}

.c-image_pct {
    margin-bottom: 10px;
    max-width: 100%;
}

.c-image_pct img {
    max-width: 100%;
    height: auto;
}

.c-image_pct_caption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #808080;
}

.c-image:after {
    content: '';
    display: block;
    clear: both;
}

.nowrap .c-image_txt {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .c-menu_header::after {
        height: 60px;
    }

    .left .c-image_pct,
    .right .c-image_pct {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    .small .c-image_pct,
    .middle .c-image_pct,
    .large .c-image_pct {
        width: auto;
        text-align: center;
    }

    .c-image_pct_caption {
        font-size: 13px;
    }
}

/*---- YouTube ----*/
.r-youtube {
    position: relative;
    width: 100%;
    padding-top: 57.25%;
}

.r-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.r-youtube iframe body {
    margin: 0 !important;
}


/*---- 関連リンク ----*/
.relatedLink {
    margin-bottom: 0 !important;
    padding: 3px 10px;
    background-color: #ffefef;
    border-radius: 16px 16px 5px 5px;
}

.relatedLink .linkList01 {
    margin-bottom: 0;
}

.relatedLink .ttl {
    font-size: 17px;
    line-height: 1.6 !important;
    font-weight: bold;
    margin: 0px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0.85em 0 0.85em 1.7em !important;
    position: relative;
}

.relatedLink .ttl:after {
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #ff6f9e;
    left: 10px;
    top: 1.35em;
}

@media screen and (max-width: 767px) {
    .relatedLink .ttl:after {
        top: 1.3em;
    }
}

/*---- 背景付きボタン ----*/
.btnWrap01-2 {
    margin-bottom: 0 !important;
    padding: 1.29em 10px;
    text-align: center;
    background: #ffefef;
    border-radius: 16px;
}

a.btnTxt01-2 {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 1em 60px;
    line-height: 1.3;
    text-decoration: none;
    background: #fff;
    border: 1px solid #E1E1E1;
    font-weight: normal !important;
    font-weight: 600;
    text-decoration: none !important;
    color: #000 !important;
    border-radius: 999px;
}

a.btnTxt01-2:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 23px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-top: 1px solid #ff6f9e;
    border-right: 1px solid #ff6f9e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btnTxt01-2:hover {
    color: #ff6f9e !important;
    background: #fff8f8;
}

.btnWrap01-3 {
    margin-bottom: 0 !important;
    padding: 1.29em 10px;
    text-align: center;
    background: #ffefef;
    border-radius: 16px;
}

a.btnTxt01-3 {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 1em 60px;
    line-height: 1.3;
    text-decoration: none;
    background: #fff;
    border: 1px solid #E1E1E1;
    font-weight: normal !important;
    font-weight: 600;
    text-decoration: none !important;
    color: #000 !important;
    border-radius: 999px;
}

a.btnTxt01-3:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 23px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-top: 1px solid #ff6f9e;
    border-right: 1px solid #ff6f9e;
    -webkit-transform: rotate(45deg);
    transform: rotate(225deg);
}

a.btnTxt01-3:hover {
    color: #ff6f9e !important;
    background: #fff8f8;
}

@media only screen and (max-width: 767px) {
    a.btnTxt01 {
        display: block;
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 0;
        padding-right: 0;
    }
}

/*---- リンクリスト ----*/
.linkListNormal01,
.linkListNormal01 li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.linkListNormal01 {
    margin-bottom: 1.8em;
    line-height: 1.6;
}

.linkListNormal01 li {
    margin-bottom: 0.7em;
}

.linkListNormal01 li a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    text-decoration: none;
}

.linkListNormal01 li a:hover {
    text-decoration: underline;
}

.linkListNormal01 li a:before {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: url(/common/images/icn_link01.png);
    left: 2px;
    top: 0.45em;
}

/* +@TN */
.linkListNormal01 li.elink a:after,
li.elink span:before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 10px;
    margin-left: 5px;
    background: url(/common/images/icn_link-newwin.png);
    vertical-align: baseline;
}

.linkListNormal01 li.elink_pdf a:after,
li.elink_pdf span:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-left: 3px;
    background: url(/common/images/icn_link-pdf.png);
    vertical-align: baseline;
}

.linkListNormal01 li.elink_doc a:after,
li.elink_doc span:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-left: 3px;
    background: url(/common/images/icn_link-doc.png);
    vertical-align: baseline;
}

.linkListNormal01 li.elink_xls a:after,
li.elink_xls span:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-left: 3px;
    background: url(/common/images/icn_link-xls.png);
    vertical-align: baseline;
}

.linkListNormal01 li.elink_ppt a:after,
li.elink_ppt span:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-left: 3px;
    background: url(/common/images/icn_link-ppt.png);
    vertical-align: baseline;
}


/*---- リンクリスト（ブロック） ----*/
.relatedLink ul {
    margin-left: 0;
}

.over ul {
    margin-left: 0px;
}

.linkList01,
.linkList01 li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.3;
}

.linkList01 {
    background-color: #fff;
    border-top: 1px solid #E1E1E1;
    margin-bottom: 1.8em;
    margin-left: 0 !important;
}

.linkList01 a {
    color: #000 !important;
    text-decoration: none;
    border-bottom: 1px solid #E1E1E1;
    text-decoration: none !important;
    cursor: pointer;
    padding: 16px 30px 16px 15px;
    display: block;
    position: relative;
}

.linkList01 a:hover {
    color: #ff6f9e !important;
    background-color: #fff8f8;
}

.linkList01 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-top: 1px solid #ff6f9e;
    border-right: 1px solid #ff6f9e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* +@TN */
.linkList01 lispan {
    position: relative;
    display: block;
    padding: 1.1em 30px 1.1em 15px;
    border-bottom: 1px solid #dbdbdb;
    text-decoration: none;
}

/*---- ページリンク ----*/
.pageLinkList,
.pageLinkList li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.8;
}

.pageLinkList {
    margin-bottom: 0px !important;
    padding: 0 14px;
    letter-spacing: -0.41em;
    margin-left: 0 !important;
}

.pageLinkList li {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 2em;
    position: relative;
}

.pageLinkList li:last-child {
    margin-right: 0;
}

.pageLinkList li a,
.pageLinkList li a {
    color: #24313C !important;
    padding-left: 25px;
    display: block;
}

.pageLinkList li a:link {
    text-decoration: none;
}

.pageLinkList li a:visited {
    text-decoration: none;
}

.pageLinkList li a:hover {
    color: #ff6f9e !important;
    text-decoration: underline;
}

.pageLinkList li a:active {
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .pageLinkList01 {
        padding-left: 0;
    }

    .pageLinkList01 li {
        display: block;
        margin: 0 1.5em 0.5em 0;
    }
}

/*---- アンカーリンク ----*/
.pageLinkList li.is {
    color: #ff6f9e;
    text-decoration: underline;
    padding-left: 25px;
}

.pageLinkList02 li a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 9px;
    height: 9px;
    margin-top: -7px;
    border-top: 1px solid #ff6f9e;
    border-right: 1px solid #ff6f9e;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (max-width: 767px) {
    .pageLinkList02 {
        padding-left: 0;
    }

    .pageLinkList02 li {
        margin: 1em 2.5em 1em 0;
    }
}

/*---- ページ間リンク ----*/
.pageLinkList03 li a:after,
.pageLinkList03 li.is:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-top: 1px solid #ff6f9e;
    border-right: 1px solid #ff6f9e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-width: 767px) {
    .pageLinkList03 {
        padding-left: 0;
    }

    .pageLinkList03 li {
        margin: 1em 2em 1em 0;
    }
}

/*---- リンクボタン ----*/
.q_custom_button {
    background-color: #ff4081;
    color: #fff !important;
    border: 1px solid #ff4081;
    border-radius: 999px;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    max-width: 100%;
    padding: 0 30px;
    margin: 0;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.q_custom_button:hover {
    background-color: #ff91b5;
    border: 1px solid #ff91b5;
}

.q_custom_button.q_custom_button1 {
    color: #fff !important;
    text-decoration: none;
    width: 100%;
    max-width: 170px;
    height: auto;
    padding: 10px 5px;
}

.q_custom_button.q_custom_button2 {
    color: #fff !important;
    text-decoration: none;
    width: 100%;
    max-width: 280px;
    height: auto;
    padding: 17px 10px;
}

.q_custom_button.q_custom_button3 {
    color: #fff !important;
    text-decoration: none;
    width: 100%;
    max-width: 400px;
    height: auto;
    padding: 22px 15px;
}

.q_custom_button.q_custom_button1:hover,
.q_custom_button.q_custom_button2:hover,
.q_custom_button.q_custom_button3:hover {
    color: #fff !important;
}

@media screen and (max-width: 767px) {
    .q_custom_button {
        max-height: inherit !important;
    }
}

/*---- 囲い枠 ----*/
.q_frame {
    position: relative;
    padding: 30px;
    border-radius: 16px;
}

.q_frame1 {
    background: #ffefef;
}

.q_frame2 {
    background: #fff8f8;
}

.q_frame3 {
    background: #f6f6f6;
}

.q_frame.q_frame1 > span,
.q_frame.q_frame2 > span,
.q_frame.q_frame3 > span {
    color: #d6336c;
    font-size: 110%;
    font-weight: bold;
    display: block;
    margin: 5px 0 20px;
}

@media screen and (max-width: 767px) {
    .q_frame {
        padding: 1.3em 1.5em;
    }

    .q_frame.q_frame1 span,
    .q_frame.q_frame2 span,
    .q_frame.q_frame3 span {
        font-size: 105%;
    }
}

/* ------- 区切り線 ------- */
.hr.solid {
    margin: 0;
    border: none;
    border-bottom: 1px solid #E1E1E1;
}

.hr.dotted {
    margin: 0;
    border: none;
    border-bottom: 2px dotted #E1E1E1;
}

/*---- リスト ----*/
ol.q_styled_ol {
    counter-reset: item;
    list-style-type: none;
    margin-left: 5px !important;
}

.q_styled_ol li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0.4em;
}

.q_styled_ol li:before {
    counter-increment: item;
    content: counter(item);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    background: #ff6f9e;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    margin-top: 0.35em;
    margin-right: 0.7em;
}

.q_styled_ul {
    list-style-type: none !important;
    margin-left: 5px !important;
}

.q_styled_ul li {
    position: relative;
    padding-left: 15px !important;
}

.q_styled_ul li::before {
    position: absolute;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #ff6f9e;
    left: 0;
    top: 0.85em;
    border-radius: 3px;
}

@media screen and (max-width: 767px) {
    .q_styled_ol li:before {
        width: 1.3em;
        min-width: 1.3em;
        height: 1.3em;
        margin-top: 0.2em;
        margin-right: 0.5em;
    }

    .q_styled_ul li::before {
        top: 0.6em;
    }
}

/*---- 引用 ----*/
.post_content blockquote {
    color: #24313C;
    line-height: 2.4;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.post_content blockquote:before {
    top: 10px;
    left: 15px;
}

.post_content blockquote:after {
    bottom: 12px;
    right: 7px;
}

.post_content blockquote p {
    line-height: 2.4;
}

.quote {
    position: relative !important;
    color: #24313C !important;
    line-height: 2.4 !important;
    background: #fff8f8 !important;
    border-width: 0px !important;
    box-shadow: none !important;
    padding: 35px !important;
}

.quote::after,
.quote::before {
    content: '"' !important;
    font-style: italic;
    font-size: 30px;
    font-weight: normal;
    color: #ff6f9e !important;
    width: 30px;
    height: 30px;
    position: absolute;
}

.quote::before {
    line-height: 40px;
    top: 5px;
    left: 10px;
}


/*---- 吹き出し ----*/
.speach_balloon_text {
    min-height: auto;
}

@media screen and (max-width: 767px) {
    .speech_balloon_text_inner {
        padding: 15px 20px;
    }
}

/*---- 目次 ----*/
.toc {
    line-height: 2.4;
    background: #f6f6f6;
    padding: 25px 30px 30px;
    display: inline-block;
}

.toc p {
    color: #ff6f9e;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 0 !important;
}

.toc a {
    color: #ff6f9e !important;
}

.toc a:hover {
    color: #ff91b5 !important;
}

.toc ol {
    margin-bottom: 0px !important;
}

.toc ol li a {
    text-decoration: none !important;
}

.toc ol li a {
    text-decoration: none !important;
}


.toc ol li a:hover {
    text-decoration: underline !important;
}

.toc ol li ol {
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .toc {
        padding: 15px 20px 20px;
    }

    .toc p {
        font-size: 120%;
    }
}

/* 通常テーブル */
.n-table {
    margin: 0 !important;
}

.post_content th {
    background: #f5f5f6 !important;
}

.post_content td,
.post_content th {
    padding: 10px !important;
    line-height: 1.8 !important;
}

.post_content thead th {
    font-size: 104%;
    color: #fff;
    background: #ff6f9e !important;
    font-weight: bold;
}

/* 段組み変更テーブル */
.c-table table {
    margin: 0 !important;
    padding: 0;
    border: none;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    background: #fff;
    border-collapse: collapse;
}

@media screen and (max-width: 767px) {
    .n-table {
        font-size: 90%;
    }

    .post_content td, .post_content th {
        line-height: 1.6 !important;
        padding: 5px 10px !important;
    }

    .c-table {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 1px;
    }

    .u-resp-table {
        display: block;
        width: 100% !important;
        border-top: 1px solid #ccc !important;
    }

    .c-table .u-resp-table tbody {
        display: block;
        width: 100% !important;
    }

    .c-table .u-resp-table tbody tr {
        margin-bottom: 0 !important;
        display: block;
        width: 100% !important;
    }

    .c-table .u-resp-table tbody tr th {
        border-top: none !important;
        border-bottom: none !important;
    }

    .c-table .u-resp-table tbody tr:first-children th {
        border-top: 1px solid #bbb !important;
    }

    .c-table .u-resp-table tbody th,
    .c-table .u-resp-table tbody td {
        display: list-item;
    }
}

/*---- テーブル（下線部のみ） ----*/
.l-table {
    margin: 0 !important;
}

.l-table td {
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    vertical-align: middle;
    text-align: right;
}

/*---- グーグルマップ（テーブル挿入用） ----*/
.ggmap {
    position: relative;
    padding-bottom: 30%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---- YouTube ----*/
.c-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.c-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

/*---- 文字寄せ ----*/
.text_left {
    text-align: left !important;
}

.text_center {
    text-align: center !important;
}

.text_right {
    text-align: right !important;
}

/*---- 色付き文字 ----*/
.text_pink {
    color: #d6336c !important;
}

.text_blue {
    color: #1e88ff !important;
}

.text_red {
    color: #fb555a !important;
}

.text_orenge {
    color: #ff961c !important;
}

.text_green {
    color: #88be25 !important;
}

/*---- 太字 ----*/
.text_bold {
    font-weight: bold !important;
}

.text_normal {
    font-weight: normal !important;
}

/*---- アンダーライン ----*/
.q_underline1,
.q_underline_blue {
    font-weight: 400;
    background-image: linear-gradient(to right, transparent 50%, #badefe 50%);
    background-position: -100% 0.8em;
    background-repeat: repeat-x;
    background-size: 200% 0.5em;
    border: none;
    border-bottom-color: transparent;
    -webkit-transition: background 2s ease;
    -ms-transition: background 2s ease;
    transition: background 2s ease;
}

.q_underline2,
.q_underline_red {
    font-weight: 400;
    background-image: linear-gradient(to right, transparent 50%, #ffc6c1 50%);
    background-position: -100% 0.8em;
    background-repeat: repeat-x;
    background-size: 200% 0.5em;
    border: none;
    border-bottom-color: transparent;
    -webkit-transition: background 2s ease;
    -ms-transition: background 2s ease;
    transition: background 2s ease;
}

.q_underline3,
.q_underline_yellow {
    font-weight: 400;
    background-image: linear-gradient(to right, transparent 50%, #ffeca0 50%);
    background-position: -100% 0.8em;
    background-repeat: repeat-x;
    background-size: 200% 0.5em;
    border: none;
    border-bottom-color: transparent;
    -webkit-transition: background 2s ease;
    -ms-transition: background 2s ease;
    transition: background 2s ease;
}

.q_underline4,
.q_underline_orenge {
    font-weight: 400;
    background-image: linear-gradient(to right, transparent 50%, #fed5a5 50%);
    background-position: -100% 0.8em;
    background-repeat: repeat-x;
    background-size: 200% 0.5em;
    border: none;
    border-bottom-color: transparent;
    -webkit-transition: background 2s ease;
    -ms-transition: background 2s ease;
    transition: background 2s ease;
}

.q_underline5,
.q_underline_green {
    font-weight: 400;
    background-image: linear-gradient(to right, transparent 50%, #dbebac 50%);
    background-position: -100% 0.8em;
    background-repeat: repeat-x;
    background-size: 200% 0.5em;
    border: none;
    border-bottom-color: transparent;
    -webkit-transition: background 2s ease;
    -ms-transition: background 2s ease;
    transition: background 2s ease;
}


/*---- 背景色 ----*/
.bg_pink {
    background: #ff6f9e !important;
}

.bg_blue {
    background: #1e88ff !important;
}

.bg_red {
    background: #fb555a !important;
}

.bg_orenge {
    background: #ff961c !important;
}

.bg_green {
    background: #88be25 !important;
}


/*--------------------------------------------------------
  ヘッダーSP/タブレット調整（hn-sp-header）
  ※1210px以下（テーマのモバイルヘッダー幅）：
  ・説明テキストバー（#header_logo .desc）を非表示
  ・バー分の余白解消のためヘッダー高さ112px→60px
  ・ロゴ（縮小120px）の右横に「姫生のーむ 公式ファンクラブ」を表示
  ・ハンバーガーとの重なり防止：max-width＋はみ出し時は省略記号
--------------------------------------------------------*/
@media (max-width: 1210px) {
    body #header,
    body #header.no_menu {
        height: 60px;
    }

    body #header #header_inner,
    body #header.no_menu #header_inner {
        height: 60px;
    }

    body #header_logo,
    body #menu_button {
        top: 0;
    }

    body #header_inner::after {
        display: none;
    }

    /* 記事下部SNSシェアのnoteボタン：他ボタンと同じ高さに揃える（テーマのSP用height指定がnoteのみ欠落） */
    body #single_share_bottom .note_button a {
        height: 30px;
        box-sizing: border-box;
    }

    #header_logo .desc {
        display: none;
    }

    #header_logo .logo a {
        display: flex;
        align-items: center;
        gap: 6px;
        max-width: calc(100vw - 85px);
    }

    #header_logo .logo a img {
        max-width: 120px;
        height: auto;
        flex: 0 0 auto;
    }

    #header_logo .logo a::after {
        content: "姫生のーむ 公式ファンクラブ";
        font-size: 11px;
        font-weight: bold;
        color: #24313C;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0;
        flex: 0 1 auto;
    }
}

/*--------------------------------------------------------
  サイト固有デザイン（hn- / fcc-）
  ※ 各固定ページのインライン style / ページ内 styleタグ をクラス化して集約。
  ※ 挿入位置：「マージン」セクション見出しコメントの直上。
--------------------------------------------------------*/

/*---- 本文テキストカラー（お問い合わせフォーム用ラッパー) ----*/
.post_content .hn-textcolor {
    color: #24313C;
}

/*---- カードグリッド（2カラム・SPで1カラム） ----*/
/* 旧: .hn-limgrid / .hn-goodsgrid / .hn-inqgrid / .hn-vidgrid を統合 */
.post_content .hn-cardgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0 0 24px;
}

.post_content .hn-cardgrid--gap18 {
    gap: 18px;
}

.post_content .hn-cardgrid > a {
    transition: transform .15s, box-shadow .15s;
}

.post_content .hn-cardgrid > a:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(214, 51, 108, .18);
}

@media (max-width: 767px) {
    .post_content .hn-cardgrid {
        grid-template-columns: 1fr;
    }
}

/*---- 白カード（ピンク枠の白背景リンクカード） ----*/
.post_content .hn-card {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border: 2px solid #ffd6e7;
    border-radius: 14px;
    padding: 20px;
}

.post_content .hn-card--pad24 {
    padding: 24px;
}

/*---- カード内サムネイル画像 ----*/
.post_content .hn-card-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 10px;
    margin: 0 0 12px;
    display: block;
}

.post_content .hn-card-img--bordered {
    margin: 0 0 14px;
    border: 1px solid #ddd;
}

/*---- カードタイトル（太字ピンク・SPで縮小） ----*/
.post_content .hn-card-title {
    font-weight: bold;
    color: #d6336c;
    font-size: 20px;
    margin: 20px 0 15px;
}

@media (max-width: 767px) {
    .post_content .hn-card-title {
        font-size: 18px;
    }
}

/*---- カード本文 ----*/
.post_content .hn-card-desc {
    margin: 0 0 16px;
    line-height: 2;
}

@media (max-width: 767px) {
    .post_content .hn-card-desc--sp14 {
        font-size: 14px;
    }
}

/*---- カード内バッジ（公開／限定 等） ----*/
.post_content .hn-card-tag {
    font-size: 11px;
    background: #ffe3ee;
    color: #d6336c;
    border-radius: 999px;
    padding: 2px 8px;
    vertical-align: middle;
}

/*---- ピルボタン（塗り／白抜き） ----*/
/* 旧: 各ページのインライン span/a ボタン、.fcc-btn-main / .fcc-btn-sub を統合。
   .post_content .hn-btn-main / .hn-btn-sub は「色・形・太さ」のみを持ち、
   サイズはサイズ修飾子（--card / --cta / --hero / --inline）で指定する。 */
.post_content .hn-btn-main,
.post_content .hn-btn-sub {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    border-radius: 999px;
    text-align: center;
    box-sizing: border-box;
}

.post_content .hn-btn-main {
    background: #ff4081;
    color: #fff;
}

.post_content .hn-btn-sub {
    background: #fff;
    color: #d6336c;
    border: 2px solid #ff80ab;
}

/* ホバー：塗り＝淡いピンク背景・白文字のまま／白抜き＝ほのかにピンクの背景 */
.post_content .hn-btn-main:hover {
    color: #fff;
    background-color: #ff91b5;
}

.post_content .hn-btn-sub:hover {
    color: #ff4081;
    background: #fff0f6;
}

/* サイズ：カード内ボタン（15px / min150） */
.post_content .hn-btn--card {
    font-size: 15px;
    padding: 12px 20px;
    min-width: 150px;
}

/* サイズ：カード内ボタン・小（14px / min150） */
.post_content .hn-btn--card-sm {
    font-size: 14px;
    padding: 7px 20px;
    min-width: 150px;
}

/* サイズ：ページ内CTA・塗り（15px / 14px 28px / min130） */
.post_content .hn-btn--cta {
    font-size: 15px;
    padding: 18px 28px;
    min-width: 170px;
}

/* サイズ：ページ内CTA・白抜き（15px / 12px 26px / min130） */
.post_content .hn-btn--cta-sub {
    font-size: 15px;
    padding: 16px 26px;
    min-width: 170px;
}

/* サイズ：ヒーロー・塗り（16px / 16px 28px / min200 / line1.4） */
.post_content .hn-btn--hero {
    font-size: 16px;
    padding: 16px 28px;
    line-height: 1.4;
    min-width: 250px;
}

/* サイズ：ヒーロー・白抜き（16px / 14px 26px / min200 / line1.4） */
.post_content .hn-btn--hero-sub {
    font-size: 16px;
    padding: 14px 26px;
    line-height: 1.4;
    min-width: 250px;
}

/* サイズ：本文内インライン・塗り（16px / 14px 26px / min幅なし） */
.post_content .hn-btn--inline {
    font-size: 16px;
    padding: 22px 30px;
}

/* サイズ：本文内インライン・白抜き（16px / 14px 26px / min幅なし） */
.post_content .hn-btn--inline-sub {
    font-size: 16px;
    padding: 20px 30px;
}

/* サイズ：動画ページ下部（塗り padding14px 26px / 白抜き padding12px 24px、font既定16px・min幅なし） */
.post_content .hn-btn--foot {
    padding: 20px 26px;
}

.post_content .hn-btn--foot-sub {
    padding: 18px 24px;
}

/* カード下部の左寄せ配置ラッパー（span ボタンに margin-top を付与） */
.post_content .hn-btn-left {
    text-align: left;
}

/*---- カード内アイコン（絵文字の大表示） ----*/
.post_content .hn-card-icon {
    font-size: 2.6em;
    margin: 0 0 8px;
    text-align: center;
}

/*---- ボタン内の小書き（（月500円〜）等） ----*/
.post_content .hn-btn-note {
    font-size: 85%;
}

/*---- PC専用改行（スマホでは改行しない） ----*/
@media (max-width: 767px) {
    .post_content br.hn-br-pc {
        display: none;
    }
}

/*---- フォームの必須／任意バッジ ----*/
.post_content .hn-badge-req,
.post_content .hn-badge-opt {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 0 0 0 6px;
    vertical-align: middle;
}

.post_content .hn-badge-req {
    background: #fb555a;
}

.post_content .hn-badge-opt {
    background: #99a4ad;
}

/*---- ピンクパネル（角丸ピンク背景セクション） ----*/
/* 旧: 各ページの background:#ffefef / #ffe3ee の角丸ボックス。
   .post_content .hn-panel = 中央寄せの角丸ボックス（既定）。余白は mb_ クラスで付与。 */
.post_content .hn-panel {
    background: #ffefef;
    border-radius: 16px;
    padding: 40px 24px;
    text-align: center;
}

/* 濃いピンク・小（362 会員限定パネル） */
.post_content .hn-panel--deep {
    background: #ffe3ee;
    padding: 28px 24px;
    border-radius: 14px;
}

/* 標準ピンク・小（1796 下部パネル） */
.post_content .hn-panel--sm {
    padding: 24px;
    border-radius: 14px;
}

/* 左寄せ情報パネル（fanclub 入会のながれ） */
.post_content .hn-panel--info {
    background: #ffefef;
    border-radius: 12px;
    padding: 20px;
    text-align: left;
}

/* パネル内リード文（太字ピンク） */
.post_content .hn-panel-lead {
    margin: 0 0 18px;
    font-size: 16px;
    font-weight: bold;
    color: #d6336c;
}

/* パネル内の本文（余白なし・14px） */
.post_content .hn-panel-txt {
    margin: 0;
    font-size: 14px;
}

/* パネル内の注記（グレー小・上余白） */
.post_content .hn-panel-note {
    font-size: 13px;
    color: #888;
    margin: 14px 0 0;
}

/* パネル末尾の案内文（余白なし・15px） */
.post_content .hn-panel-foot {
    margin: 0;
    font-size: 15px;
}

/*---- ボタン横並びラッパー（中央寄せ・折り返し） ----*/
.post_content .hn-btnrow {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
}

/*---- 縦積みお知らせボタン群 ----*/
.post_content .hn-noticelist {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 36px;
}

.post_content .hn-noticebtn {
    display: block;
    background: #ffefef;
    border-radius: 12px;
    padding: 18px 22px;
    text-decoration: none;
    color: #d6336c;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #ffd6e7;
    transition: transform .15s, box-shadow .15s, background-color .2s, color .2s;
}

.post_content .hn-noticebtn:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(214, 51, 108, .18);
}

/*---- 横スクロールラッパー（テーブル用） ----*/
.post_content .hn-scrollx {
    overflow-x: auto;
}

/*---- 枠付き画像（グレー2px枠） ----*/
.post_content .hn-img-bordered {
    border: 2px solid #ddd;
    box-sizing: border-box;
}

/*---- FAQ アコーディオン（details/summary） ----*/
.post_content .hn-faq {
    background: #fff;
    border: 2px solid #ffd6e7;
    border-radius: 10px;
    padding: 20px;
    margin: 0 0 10px;
}

.post_content .hn-faq--last {
    margin: 0 0 24px;
}

.post_content .hn-faq > summary {
    cursor: pointer;
    font-weight: bold;
    color: #d6336c;
    /* 枠内全体をクリック範囲にする（見た目不変） */
    margin: -20px;
    padding: 20px;
}

.post_content .hn-faq > p {
    margin: 12px 0 0;
}

/* q_styled_ol/ul 内のリンク：テーマがliをflex化しているため、aが別フレックスアイテムになって
   テキストが分断されるのを防止（display:contentsで本文フローに戻す） */
.post_content .q_styled_ol li > a,
.post_content .q_styled_ul li > a {
    display: contents;
}

/*---- ヒーロー見出し・リード ----*/
.post_content .hn-hero-title {
    font-size: 28px;
    color: #d6336c;
    margin: 0 0 16px;
    line-height: 1.5;
}

.post_content .hn-hero-lead {
    font-size: 16px;
    margin: 0 auto 28px;
    max-width: 720px;
}

/*---- プランカード（fanclub 加入プラン） ----*/
.post_content .hn-plangrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    align-items: stretch;
}

.post_content .hn-plancard {
    background: #fff;
    border: 2px solid #ffd6e7;
    border-radius: 14px;
    padding: 22px 18px 20px;
}

.post_content .hn-plancard--pick {
    background: #ffefef;
    border: 3px solid #ff4081;
    padding: 22px 20px;
    box-shadow: 0 5px 10px rgba(255, 64, 129, .18);
    position: relative;
}

.post_content .hn-plancard-badge {
    display: inline-block;
    background: #ff4081;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 999px;
    padding: 3px 12px;
    margin: 0 0 6px;
    position: absolute;
    top: -12px;
    left: 15px;
}

.post_content .hn-plancard-cat {
    font-size: 16px;
    font-weight: bold;
    color: #d6336c;
    margin-bottom: 15px;
}

.post_content .hn-plancard-price {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    line-height: 1.6;
}

.post_content .hn-plancard-target {
    font-size: 14px;
    margin: 0 0 10px;
    color: #808080;
}

.post_content .hn-plancard-feat {
    font-size: 15px;
    margin: 0;
    line-height: 2;
}

/*---- STEP カード（入会のながれ） ----*/
.post_content .hn-steprow {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.post_content .hn-stepcard {
    flex: 1 1 180px;
    background: #fff;
    border-radius: 10px;
    padding: 16px;
}

.post_content .hn-stepcard-num {
    font-weight: bold;
    color: #d6336c;
    margin-bottom: 15px;
}

.post_content .hn-stepcard-txt {
    margin: 13px 0 0;
    font-size: 14px;
    line-height: 2;
}

.post_content .hn-panel-sub {
    color: #d6336c;
    font-size: 110%;
    margin: 0 0 10px;
}

/* 見出し下の余白を14pxにする変種 */
.post_content .hn-panel-sub--mb14 {
    margin: 0 0 14px;
}

/*---- お客様の声カード ----*/
.post_content .hn-voicerow {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.post_content .hn-voicecard {
    flex: 1 1 280px;
    background: #fff;
    border: 2px solid #ffd6e7;
    border-radius: 12px;
    padding: 20px;
}

.post_content .hn-voice-txt {
    margin: 0 0 10px;
    line-height: 2;
}

.post_content .hn-voice-name {
    margin: 0;
    font-size: 14px;
    color: #888;
    text-align: right;
}

/*---- サイトマップ ----*/
.post_content .hn-smap h2 {
    font-size: 1.6em;
    border-left: 6px solid #ff80ab;
    padding-left: .6em;
    margin: 1.2em 0 .6em;
}

.post_content .hn-smap ul {
    list-style: none;
    padding-left: 0;
}

.post_content .hn-smap > ul > li {
    margin: .5em 0;
    padding: .4em 0;
    border-bottom: 1px dashed #f0d6e0;
}

.post_content .hn-smap a {
    color: #d6336c;
    text-decoration: none;
    font-weight: bold;
}

.post_content .hn-smap a:hover {
    text-decoration: underline;
}

.post_content .hn-smap ul ul {
    margin: .3em 0 .3em 1.4em;
}

.post_content .hn-smap ul ul li {
    margin: .25em 0;
    font-size: .95em;
}

.post_content .hn-smap ul ul a {
    font-weight: normal;
    color: #555;
}

.post_content .hn-smap-lock {
    font-size: .82em;
    color: #999;
}

.post_content .hn-smap-note {
    font-size: .85em;
    color: #888;
    margin-top: 1.4em;
}

/*---- 限定会員証オファー（hn-offer） ----*/
.post_content .hn-offer {
    background: #fff0f6;
    border: 2px solid #ffd6e7;
    border-radius: 16px;
    padding: 36px 24px;
    text-align: center;
}

.post_content .hn-offer-eyebrow {
    font-size: 14px;
    font-weight: bold;
    color: #ff80ab;
    letter-spacing: .18em;
    margin: 0 0 10px;
}

.post_content .hn-offer-title {
    font-size: 24px;
    color: #d6336c;
    line-height: 1.5;
    margin: 0 0 16px;
}

.post_content .hn-offer img {
    max-width: 480px;
    width: 100%;
    height: auto;
    display: block;
    margin: 10px auto 20px;
}

.post_content .hn-offer-label {
    display: inline-block;
    border: 2px solid #ff80ab;
    color: #d6336c;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 22px;
    border-radius: 8px;
    margin: 0 0 16px;
}

@media (max-width: 767px) {
    .post_content .hn-offer-title {
        font-size: 20px;
    }
}

/*--------------------------------------------------------
  特典詳細ページ固有（fcc-）
  ※ .fcc-wrap でスコープし全ページへの波及を防止。
--------------------------------------------------------*/
.post_content .fcc-wrap h2 {
    font-size: 1.6em;
    border-left: 6px solid #ff80ab;
    padding-left: .6em;
    margin: 1.4em 0 .6em;
}

.post_content .fcc-wrap h3 {
    font-size: 1.25em;
    margin: 1.6em 0 .5em;
    color: #d6336c;
}

.post_content .fcc-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.post_content .fcc-scroll table {
    border-collapse: collapse;
    min-width: 680px;
    width: 100%;
    font-size: .9em;
}

.post_content .fcc-scroll th,
.post_content .fcc-scroll td {
    border: 1px solid #e9ecef;
    padding: 10px 6px !important;
    text-align: center;
}

.post_content .fcc-scroll thead th {
    position: sticky;
    top: 0;
    white-space: nowrap;
}

.post_content .fcc-scroll td:first-child,
.post_content .fcc-scroll th:first-child {
    text-align: left;
    white-space: nowrap;
}

.post_content .fcc-scroll tbody tr:nth-child(even) td {
    background: #fcfcfd;
}

.post_content .fcc-scroll tbody tr:nth-child(even) td:first-child {
    background: #f5f5f6;
}

.post_content .fcc-hint {
    font-size: .85em;
    color: #d6336c;
    text-align: right;
    margin: .2em 6px;
}

.post_content .fcc-cta {
    text-align: center;
    background: #ffefef;
    border-radius: 14px;
    padding: 1.6em 1em;
    margin: 2em 0 1em;
}

/* CTA内リード文（1786固有：1.15em） */
.post_content .fcc-cta-lead {
    font-size: 1.15em;
    font-weight: bold;
    margin: 0 0 .6em;
    color: #d6336c;
}

.post_content .fcc-cta a {
    display: inline-block;
    margin: 6px;
    padding: 20px 28px;
    border-radius: 30px;
    font-weight: bold;
    text-decoration: none !important;
}

.post_content .fcc-btn-main {
    background: #ff4081;
    color: #fff !important;
}

.post_content .fcc-btn-sub {
    background: #fff;
    color: #d6336c !important;
    border: 2px solid #ff80ab;
}

/* ホバー（hn-btnと同仕様） */
.post_content .fcc-btn-main:hover {
    color: #fff;
    background-color: #ff91b5;
}

.post_content .fcc-btn-sub:hover {
    color: #d6336c !important;
    background: #fff8f8;
}

/* 特典表内の小ラベル・強調（.fcc-wrap でスコープ） */
.post_content .fcc-wrap .fcc-text-small {
    font-size: 12px;
    line-height: 1.4 !important;
    display: inline-block;
}

.post_content .fcc-wrap .fcc-badge-pink {
    color: #ff6f9e;
}

/* 特典ページのみ、リスト先頭マーカーをグレーに（.fcc-wrap でスコープ／他ページ不変） */
.post_content .fcc-wrap .q_styled_ul li::before {
    background: #99a4ad;
}

/* プランバッジ（チップ） */
.post_content .fcc-plan-badges {
    margin: 18px 0 12px;
    line-height: 2.2;
}

.post_content .fcc-plan-badges .fcc-plan-label {
    font-size: .82em;
    color: #8a94a0;
    margin-right: 6px;
}

.post_content .fcc-badge {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: .8em;
    line-height: 1;
    padding: 4px 9px;
    border-radius: 4px;
    margin: 0 5px 5px 0;
    letter-spacing: .02em;
    vertical-align: middle;
}

.post_content .fcc-badge-s { background: #5aa832; }
.post_content .fcc-badge-m { background: #3aa7c9; }
.post_content .fcc-badge-l { background: #9b59b6; }
.post_content .fcc-badge-xl { background: #ef8f2a; }
.post_content .fcc-badge-xxl { background: #e04b5a; }
.post_content .fcc-badge-xxxl { background: #c9a227; }

@media (max-width: 600px) {
    .post_content .fcc-wrap h2 {
        font-size: 1.35em;
    }
}


/* ------- マージン ------- */
/* top */
.mt_0 { margin-top: 0px !important;}
.mt_5 { margin-top: 5px !important;}
.mt_10 { margin-top: 10px !important;}
.mt_15 { margin-top: 15px !important;}
.mt_20 { margin-top: 20px !important;}
.mt_25 { margin-top: 25px !important;}
.mt_30 { margin-top: 30px !important;}
.mt_35 { margin-top: 35px !important;}
.mt_40 { margin-top: 40px !important;}
.mt_45 { margin-top: 45px !important;}
.mt_50 { margin-top: 50px !important;}
.mt_55 { margin-top: 55px !important;}
.mt_60 { margin-top: 60px !important;}
.mt_65 { margin-top: 65px !important;}
.mt_70 { margin-top: 70px !important;}
.mt_75 { margin-top: 75px !important;}
.mt_80 { margin-top: 80px !important;}
.mt_85 { margin-top: 85px !important;}
.mt_90 { margin-top: 90px !important;}
.mt_95 { margin-top: 95px !important;}
.mt_100 { margin-top: 100px !important;}
.mt_105 { margin-top: 105px !important;}
.mt_110 { margin-top: 110px !important;}
.mt_115 { margin-top: 115px !important;}
.mt_120 { margin-top: 120px !important;}
.mt_125 { margin-top: 125px !important;}
.mt_130 { margin-top: 130px !important;}
.mt_135 { margin-top: 135px !important;}
.mt_140 { margin-top: 140px !important;}
.mt_145 { margin-top: 145px !important;}
.mt_150 { margin-top: 150px !important;}
.mt_155 { margin-top: 155px !important;}
.mt_160 { margin-top: 160px !important;}
.mt_165 { margin-top: 165px !important;}
.mt_170 { margin-top: 170px !important;}
.mt_175 { margin-top: 175px !important;}
.mt_180 { margin-top: 180px !important;}
.mt_185 { margin-top: 185px !important;}
.mt_190 { margin-top: 190px !important;}
.mt_195 { margin-top: 195px !important;}
.mt_200 { margin-top: 200px !important;}
.mt_205 { margin-top: 205px !important;}
.mt_210 { margin-top: 210px !important;}
.mt_215 { margin-top: 215px !important;}
.mt_220 { margin-top: 220px !important;}
.mt_225 { margin-top: 225px !important;}
.mt_230 { margin-top: 230px !important;}
.mt_235 { margin-top: 235px !important;}
.mt_240 { margin-top: 240px !important;}
.mt_245 { margin-top: 245px !important;}
.mt_250 { margin-top: 250px !important;}
.mt_255 { margin-top: 255px !important;}
.mt_260 { margin-top: 260px !important;}
.mt_265 { margin-top: 265px !important;}
.mt_270 { margin-top: 270px !important;}
.mt_275 { margin-top: 275px !important;}
.mt_280 { margin-top: 280px !important;}
.mt_285 { margin-top: 285px !important;}
.mt_290 { margin-top: 290px !important;}
.mt_295 { margin-top: 295px !important;}
.mt_300 { margin-top: 300px !important;}
.mt_305 { margin-top: 305px !important;}
.mt_310 { margin-top: 100px !important;}
.mt_315 { margin-top: 315px !important;}
.mt_320 { margin-top: 320px !important;}
.mt_325 { margin-top: 325px !important;}
.mt_330 { margin-top: 330px !important;}
.mt_335 { margin-top: 335px !important;}
.mt_340 { margin-top: 340px !important;}
.mt_345 { margin-top: 345px !important;}
.mt_350 { margin-top: 350px !important;}
.mt_355 { margin-top: 355px !important;}
.mt_360 { margin-top: 360px !important;}
.mt_365 { margin-top: 365px !important;}
.mt_370 { margin-top: 370px !important;}
.mt_375 { margin-top: 375px !important;}
.mt_380 { margin-top: 380px !important;}
.mt_385 { margin-top: 385px !important;}
.mt_390 { margin-top: 390px !important;}
.mt_395 { margin-top: 395px !important;}
.mt_400 { margin-top: 400px !important;}
.mt_405 { margin-top: 405px !important;}
.mt_410 { margin-top: 410px !important;}
.mt_415 { margin-top: 415px !important;}
.mt_420 { margin-top: 420px !important;}
.mt_425 { margin-top: 425px !important;}
.mt_430 { margin-top: 430px !important;}
.mt_435 { margin-top: 435px !important;}
.mt_440 { margin-top: 440px !important;}
.mt_445 { margin-top: 445px !important;}
.mt_450 { margin-top: 450px !important;}
.mt_455 { margin-top: 455px !important;}
.mt_460 { margin-top: 460px !important;}
.mt_465 { margin-top: 465px !important;}
.mt_470 { margin-top: 470px !important;}
.mt_475 { margin-top: 475px !important;}
.mt_480 { margin-top: 480px !important;}
.mt_485 { margin-top: 485px !important;}
.mt_490 { margin-top: 490px !important;}
.mt_495 { margin-top: 495px !important;}
.mt_500 { margin-top: 500px !important;}
.mt_505 { margin-top: 505px !important;}
.mt_510 { margin-top: 510px !important;}
.mt_515 { margin-top: 515px !important;}
.mt_520 { margin-top: 520px !important;}
.mt_525 { margin-top: 525px !important;}
.mt_530 { margin-top: 530px !important;}
.mt_535 { margin-top: 535px !important;}
.mt_540 { margin-top: 540px !important;}
.mt_545 { margin-top: 545px !important;}
.mt_550 { margin-top: 550px !important;}
.mt_555 { margin-top: 555px !important;}
.mt_560 { margin-top: 560px !important;}
.mt_565 { margin-top: 565px !important;}
.mt_570 { margin-top: 570px !important;}
.mt_575 { margin-top: 575px !important;}
.mt_580 { margin-top: 580px !important;}
.mt_585 { margin-top: 585px !important;}
.mt_590 { margin-top: 590px !important;}
.mt_595 { margin-top: 595px !important;}
.mt_600 { margin-top: 600px !important;}
.mt_605 { margin-top: 605px !important;}
.mt_610 { margin-top: 610px !important;}
.mt_615 { margin-top: 615px !important;}
.mt_620 { margin-top: 620px !important;}
.mt_625 { margin-top: 625px !important;}
.mt_630 { margin-top: 630px !important;}
.mt_635 { margin-top: 635px !important;}
.mt_640 { margin-top: 640px !important;}
.mt_645 { margin-top: 645px !important;}
.mt_650 { margin-top: 650px !important;}
.mt_655 { margin-top: 655px !important;}
.mt_660 { margin-top: 660px !important;}
.mt_665 { margin-top: 665px !important;}
.mt_670 { margin-top: 670px !important;}
.mt_675 { margin-top: 675px !important;}
.mt_680 { margin-top: 680px !important;}
.mt_685 { margin-top: 685px !important;}
.mt_690 { margin-top: 690px !important;}
.mt_695 { margin-top: 695px !important;}
.mt_700 { margin-top: 700px !important;}
.mt_705 { margin-top: 705px !important;}
.mt_710 { margin-top: 710px !important;}
.mt_715 { margin-top: 715px !important;}
.mt_720 { margin-top: 720px !important;}
.mt_725 { margin-top: 725px !important;}
.mt_730 { margin-top: 730px !important;}
.mt_735 { margin-top: 735px !important;}
.mt_740 { margin-top: 740px !important;}
.mt_745 { margin-top: 745px !important;}
.mt_750 { margin-top: 750px !important;}
.mt_755 { margin-top: 755px !important;}
.mt_760 { margin-top: 760px !important;}
.mt_765 { margin-top: 765px !important;}
.mt_770 { margin-top: 770px !important;}
.mt_775 { margin-top: 775px !important;}
.mt_780 { margin-top: 780px !important;}
.mt_785 { margin-top: 785px !important;}
.mt_790 { margin-top: 790px !important;}
.mt_795 { margin-top: 795px !important;}
.mt_800 { margin-top: 800px !important;}
.mt_805 { margin-top: 805px !important;}
.mt_810 { margin-top: 810px !important;}
.mt_815 { margin-top: 815px !important;}
.mt_820 { margin-top: 820px !important;}
.mt_825 { margin-top: 825px !important;}
.mt_830 { margin-top: 830px !important;}
.mt_835 { margin-top: 835px !important;}
.mt_840 { margin-top: 840px !important;}
.mt_845 { margin-top: 845px !important;}
.mt_850 { margin-top: 850px !important;}
.mt_855 { margin-top: 855px !important;}
.mt_860 { margin-top: 860px !important;}
.mt_865 { margin-top: 865px !important;}
.mt_870 { margin-top: 870px !important;}
.mt_875 { margin-top: 875px !important;}
.mt_880 { margin-top: 880px !important;}
.mt_885 { margin-top: 885px !important;}
.mt_890 { margin-top: 890px !important;}
.mt_895 { margin-top: 895px !important;}
.mt_900 { margin-top: 900px !important;}
.mt_905 { margin-top: 905px !important;}
.mt_910 { margin-top: 910px !important;}
.mt_915 { margin-top: 915px !important;}
.mt_920 { margin-top: 920px !important;}
.mt_925 { margin-top: 925px !important;}
.mt_930 { margin-top: 930px !important;}
.mt_935 { margin-top: 935px !important;}
.mt_940 { margin-top: 940px !important;}
.mt_945 { margin-top: 945px !important;}
.mt_950 { margin-top: 950px !important;}
.mt_955 { margin-top: 955px !important;}
.mt_960 { margin-top: 960px !important;}
.mt_965 { margin-top: 965px !important;}
.mt_970 { margin-top: 970px !important;}
.mt_975 { margin-top: 975px !important;}
.mt_980 { margin-top: 980px !important;}
.mt_985 { margin-top: 985px !important;}
.mt_990 { margin-top: 990px !important;}
.mt_995 { margin-top: 995px !important;}
.mt_1000 { margin-top: 1000px !important;}

/* bottom */
.mb_0 { margin-bottom: 0px !important;}
.mb_5 { margin-bottom: 5px !important;}
.mb_10 { margin-bottom: 10px !important;}
.mb_15 { margin-bottom: 15px !important;}
.mb_20 { margin-bottom: 20px !important;}
.mb_25 { margin-bottom: 25px !important;}
.mb_30 { margin-bottom: 30px !important;}
.mb_35 { margin-bottom: 35px !important;}
.mb_40 { margin-bottom: 40px !important;}
.mb_45 { margin-bottom: 45px !important;}
.mb_50 { margin-bottom: 50px !important;}
.mb_55 { margin-bottom: 55px !important;}
.mb_60 { margin-bottom: 60px !important;}
.mb_65 { margin-bottom: 65px !important;}
.mb_70 { margin-bottom: 70px !important;}
.mb_75 { margin-bottom: 75px !important;}
.mb_80 { margin-bottom: 80px !important;}
.mb_85 { margin-bottom: 85px !important;}
.mb_90 { margin-bottom: 90px !important;}
.mb_95 { margin-bottom: 95px !important;}
.mb_100 { margin-bottom: 100px !important;}
.mb_105 { margin-bottom: 105px !important;}
.mb_110 { margin-bottom: 110px !important;}
.mb_115 { margin-bottom: 115px !important;}
.mb_120 { margin-bottom: 120px !important;}
.mb_125 { margin-bottom: 125px !important;}
.mb_130 { margin-bottom: 130px !important;}
.mb_135 { margin-bottom: 135px !important;}
.mb_140 { margin-bottom: 140px !important;}
.mb_145 { margin-bottom: 145px !important;}
.mb_150 { margin-bottom: 150px !important;}
.mb_155 { margin-bottom: 155px !important;}
.mb_160 { margin-bottom: 160px !important;}
.mb_165 { margin-bottom: 165px !important;}
.mb_170 { margin-bottom: 170px !important;}
.mb_175 { margin-bottom: 175px !important;}
.mb_180 { margin-bottom: 180px !important;}
.mb_185 { margin-bottom: 185px !important;}
.mb_190 { margin-bottom: 190px !important;}
.mb_195 { margin-bottom: 195px !important;}
.mb_200 { margin-bottom: 200px !important;}
.mb_205 { margin-bottom: 205px !important;}
.mb_210 { margin-bottom: 210px !important;}
.mb_215 { margin-bottom: 215px !important;}
.mb_220 { margin-bottom: 220px !important;}
.mb_225 { margin-bottom: 225px !important;}
.mb_230 { margin-bottom: 230px !important;}
.mb_235 { margin-bottom: 235px !important;}
.mb_240 { margin-bottom: 240px !important;}
.mb_245 { margin-bottom: 245px !important;}
.mb_250 { margin-bottom: 250px !important;}
.mb_255 { margin-bottom: 255px !important;}
.mb_260 { margin-bottom: 260px !important;}
.mb_265 { margin-bottom: 265px !important;}
.mb_270 { margin-bottom: 270px !important;}
.mb_275 { margin-bottom: 275px !important;}
.mb_280 { margin-bottom: 280px !important;}
.mb_285 { margin-bottom: 285px !important;}
.mb_290 { margin-bottom: 290px !important;}
.mb_295 { margin-bottom: 295px !important;}
.mb_300 { margin-bottom: 300px !important;}
.mb_305 { margin-bottom: 305px !important;}
.mb_310 { margin-bottom: 100px !important;}
.mb_315 { margin-bottom: 315px !important;}
.mb_320 { margin-bottom: 320px !important;}
.mb_325 { margin-bottom: 325px !important;}
.mb_330 { margin-bottom: 330px !important;}
.mb_335 { margin-bottom: 335px !important;}
.mb_340 { margin-bottom: 340px !important;}
.mb_345 { margin-bottom: 345px !important;}
.mb_350 { margin-bottom: 350px !important;}
.mb_355 { margin-bottom: 355px !important;}
.mb_360 { margin-bottom: 360px !important;}
.mb_365 { margin-bottom: 365px !important;}
.mb_370 { margin-bottom: 370px !important;}
.mb_375 { margin-bottom: 375px !important;}
.mb_380 { margin-bottom: 380px !important;}
.mb_385 { margin-bottom: 385px !important;}
.mb_390 { margin-bottom: 390px !important;}
.mb_395 { margin-bottom: 395px !important;}
.mb_400 { margin-bottom: 400px !important;}
.mb_405 { margin-bottom: 405px !important;}
.mb_410 { margin-bottom: 410px !important;}
.mb_415 { margin-bottom: 415px !important;}
.mb_420 { margin-bottom: 420px !important;}
.mb_425 { margin-bottom: 425px !important;}
.mb_430 { margin-bottom: 430px !important;}
.mb_435 { margin-bottom: 435px !important;}
.mb_440 { margin-bottom: 440px !important;}
.mb_445 { margin-bottom: 445px !important;}
.mb_450 { margin-bottom: 450px !important;}
.mb_455 { margin-bottom: 455px !important;}
.mb_460 { margin-bottom: 460px !important;}
.mb_465 { margin-bottom: 465px !important;}
.mb_470 { margin-bottom: 470px !important;}
.mb_475 { margin-bottom: 475px !important;}
.mb_480 { margin-bottom: 480px !important;}
.mb_485 { margin-bottom: 485px !important;}
.mb_490 { margin-bottom: 490px !important;}
.mb_495 { margin-bottom: 495px !important;}
.mb_500 { margin-bottom: 500px !important;}
.mb_505 { margin-bottom: 505px !important;}
.mb_510 { margin-bottom: 510px !important;}
.mb_515 { margin-bottom: 515px !important;}
.mb_520 { margin-bottom: 520px !important;}
.mb_525 { margin-bottom: 525px !important;}
.mb_530 { margin-bottom: 530px !important;}
.mb_535 { margin-bottom: 535px !important;}
.mb_540 { margin-bottom: 540px !important;}
.mb_545 { margin-bottom: 545px !important;}
.mb_550 { margin-bottom: 550px !important;}
.mb_555 { margin-bottom: 555px !important;}
.mb_560 { margin-bottom: 560px !important;}
.mb_565 { margin-bottom: 565px !important;}
.mb_570 { margin-bottom: 570px !important;}
.mb_575 { margin-bottom: 575px !important;}
.mb_580 { margin-bottom: 580px !important;}
.mb_585 { margin-bottom: 585px !important;}
.mb_590 { margin-bottom: 590px !important;}
.mb_595 { margin-bottom: 595px !important;}
.mb_600 { margin-bottom: 600px !important;}
.mb_605 { margin-bottom: 605px !important;}
.mb_610 { margin-bottom: 610px !important;}
.mb_615 { margin-bottom: 615px !important;}
.mb_620 { margin-bottom: 620px !important;}
.mb_625 { margin-bottom: 625px !important;}
.mb_630 { margin-bottom: 630px !important;}
.mb_635 { margin-bottom: 635px !important;}
.mb_640 { margin-bottom: 640px !important;}
.mb_645 { margin-bottom: 645px !important;}
.mb_650 { margin-bottom: 650px !important;}
.mb_655 { margin-bottom: 655px !important;}
.mb_660 { margin-bottom: 660px !important;}
.mb_665 { margin-bottom: 665px !important;}
.mb_670 { margin-bottom: 670px !important;}
.mb_675 { margin-bottom: 675px !important;}
.mb_680 { margin-bottom: 680px !important;}
.mb_685 { margin-bottom: 685px !important;}
.mb_690 { margin-bottom: 690px !important;}
.mb_695 { margin-bottom: 695px !important;}
.mb_700 { margin-bottom: 700px !important;}
.mb_705 { margin-bottom: 705px !important;}
.mb_710 { margin-bottom: 710px !important;}
.mb_715 { margin-bottom: 715px !important;}
.mb_720 { margin-bottom: 720px !important;}
.mb_725 { margin-bottom: 725px !important;}
.mb_730 { margin-bottom: 730px !important;}
.mb_735 { margin-bottom: 735px !important;}
.mb_740 { margin-bottom: 740px !important;}
.mb_745 { margin-bottom: 745px !important;}
.mb_750 { margin-bottom: 750px !important;}
.mb_755 { margin-bottom: 755px !important;}
.mb_760 { margin-bottom: 760px !important;}
.mb_765 { margin-bottom: 765px !important;}
.mb_770 { margin-bottom: 770px !important;}
.mb_775 { margin-bottom: 775px !important;}
.mb_780 { margin-bottom: 780px !important;}
.mb_785 { margin-bottom: 785px !important;}
.mb_790 { margin-bottom: 790px !important;}
.mb_795 { margin-bottom: 795px !important;}
.mb_800 { margin-bottom: 800px !important;}
.mb_805 { margin-bottom: 805px !important;}
.mb_810 { margin-bottom: 810px !important;}
.mb_815 { margin-bottom: 815px !important;}
.mb_820 { margin-bottom: 820px !important;}
.mb_825 { margin-bottom: 825px !important;}
.mb_830 { margin-bottom: 830px !important;}
.mb_835 { margin-bottom: 835px !important;}
.mb_840 { margin-bottom: 840px !important;}
.mb_845 { margin-bottom: 845px !important;}
.mb_850 { margin-bottom: 850px !important;}
.mb_855 { margin-bottom: 855px !important;}
.mb_860 { margin-bottom: 860px !important;}
.mb_865 { margin-bottom: 865px !important;}
.mb_870 { margin-bottom: 870px !important;}
.mb_875 { margin-bottom: 875px !important;}
.mb_880 { margin-bottom: 880px !important;}
.mb_885 { margin-bottom: 885px !important;}
.mb_890 { margin-bottom: 890px !important;}
.mb_895 { margin-bottom: 895px !important;}
.mb_900 { margin-bottom: 900px !important;}
.mb_905 { margin-bottom: 905px !important;}
.mb_910 { margin-bottom: 910px !important;}
.mb_915 { margin-bottom: 915px !important;}
.mb_920 { margin-bottom: 920px !important;}
.mb_925 { margin-bottom: 925px !important;}
.mb_930 { margin-bottom: 930px !important;}
.mb_935 { margin-bottom: 935px !important;}
.mb_940 { margin-bottom: 940px !important;}
.mb_945 { margin-bottom: 945px !important;}
.mb_950 { margin-bottom: 950px !important;}
.mb_955 { margin-bottom: 955px !important;}
.mb_960 { margin-bottom: 960px !important;}
.mb_965 { margin-bottom: 965px !important;}
.mb_970 { margin-bottom: 970px !important;}
.mb_975 { margin-bottom: 975px !important;}
.mb_980 { margin-bottom: 980px !important;}
.mb_985 { margin-bottom: 985px !important;}
.mb_990 { margin-bottom: 990px !important;}
.mb_995 { margin-bottom: 995px !important;}
.mb_1000 { margin-bottom: 1000px !important;}

/* left */
.ml_0 { margin-left: 0px !important;}
.ml_5 { margin-left: 5px !important;}
.ml_10 { margin-left: 10px !important;}
.ml_15 { margin-left: 15px !important;}
.ml_20 { margin-left: 20px !important;}
.ml_25 { margin-left: 25px !important;}
.ml_30 { margin-left: 30px !important;}
.ml_35 { margin-left: 35px !important;}
.ml_40 { margin-left: 40px !important;}
.ml_45 { margin-left: 45px !important;}
.ml_50 { margin-left: 50px !important;}
.ml_55 { margin-left: 55px !important;}
.ml_60 { margin-left: 60px !important;}
.ml_65 { margin-left: 65px !important;}
.ml_70 { margin-left: 70px !important;}
.ml_75 { margin-left: 75px !important;}
.ml_80 { margin-left: 80px !important;}
.ml_85 { margin-left: 85px !important;}
.ml_90 { margin-left: 90px !important;}
.ml_95 { margin-left: 95px !important;}
.ml_100 { margin-left: 100px !important;}
.ml_105 { margin-left: 105px !important;}
.ml_110 { margin-left: 110px !important;}
.ml_115 { margin-left: 115px !important;}
.ml_120 { margin-left: 120px !important;}
.ml_125 { margin-left: 125px !important;}
.ml_130 { margin-left: 130px !important;}
.ml_135 { margin-left: 135px !important;}
.ml_140 { margin-left: 140px !important;}
.ml_145 { margin-left: 145px !important;}
.ml_150 { margin-left: 150px !important;}
.ml_155 { margin-left: 155px !important;}
.ml_160 { margin-left: 160px !important;}
.ml_165 { margin-left: 165px !important;}
.ml_170 { margin-left: 170px !important;}
.ml_175 { margin-left: 175px !important;}
.ml_180 { margin-left: 180px !important;}
.ml_185 { margin-left: 185px !important;}
.ml_190 { margin-left: 190px !important;}
.ml_195 { margin-left: 195px !important;}
.ml_200 { margin-left: 200px !important;}
.ml_205 { margin-left: 205px !important;}
.ml_210 { margin-left: 210px !important;}
.ml_215 { margin-left: 215px !important;}
.ml_220 { margin-left: 220px !important;}
.ml_225 { margin-left: 225px !important;}
.ml_230 { margin-left: 230px !important;}
.ml_235 { margin-left: 235px !important;}
.ml_240 { margin-left: 240px !important;}
.ml_245 { margin-left: 245px !important;}
.ml_250 { margin-left: 250px !important;}
.ml_255 { margin-left: 255px !important;}
.ml_260 { margin-left: 260px !important;}
.ml_265 { margin-left: 265px !important;}
.ml_270 { margin-left: 270px !important;}
.ml_275 { margin-left: 275px !important;}
.ml_280 { margin-left: 280px !important;}
.ml_285 { margin-left: 285px !important;}
.ml_290 { margin-left: 290px !important;}
.ml_295 { margin-left: 295px !important;}
.ml_300 { margin-left: 300px !important;}
.ml_305 { margin-left: 305px !important;}
.ml_310 { margin-left: 100px !important;}
.ml_315 { margin-left: 315px !important;}
.ml_320 { margin-left: 320px !important;}
.ml_325 { margin-left: 325px !important;}
.ml_330 { margin-left: 330px !important;}
.ml_335 { margin-left: 335px !important;}
.ml_340 { margin-left: 340px !important;}
.ml_345 { margin-left: 345px !important;}
.ml_350 { margin-left: 350px !important;}
.ml_355 { margin-left: 355px !important;}
.ml_360 { margin-left: 360px !important;}
.ml_365 { margin-left: 365px !important;}
.ml_370 { margin-left: 370px !important;}
.ml_375 { margin-left: 375px !important;}
.ml_380 { margin-left: 380px !important;}
.ml_385 { margin-left: 385px !important;}
.ml_390 { margin-left: 390px !important;}
.ml_395 { margin-left: 395px !important;}
.ml_400 { margin-left: 400px !important;}
.ml_405 { margin-left: 405px !important;}
.ml_410 { margin-left: 410px !important;}
.ml_415 { margin-left: 415px !important;}
.ml_420 { margin-left: 420px !important;}
.ml_425 { margin-left: 425px !important;}
.ml_430 { margin-left: 430px !important;}
.ml_435 { margin-left: 435px !important;}
.ml_440 { margin-left: 440px !important;}
.ml_445 { margin-left: 445px !important;}
.ml_450 { margin-left: 450px !important;}
.ml_455 { margin-left: 455px !important;}
.ml_460 { margin-left: 460px !important;}
.ml_465 { margin-left: 465px !important;}
.ml_470 { margin-left: 470px !important;}
.ml_475 { margin-left: 475px !important;}
.ml_480 { margin-left: 480px !important;}
.ml_485 { margin-left: 485px !important;}
.ml_490 { margin-left: 490px !important;}
.ml_495 { margin-left: 495px !important;}
.ml_500 { margin-left: 500px !important;}
.ml_505 { margin-left: 505px !important;}
.ml_510 { margin-left: 510px !important;}
.ml_515 { margin-left: 515px !important;}
.ml_520 { margin-left: 520px !important;}
.ml_525 { margin-left: 525px !important;}
.ml_530 { margin-left: 530px !important;}
.ml_535 { margin-left: 535px !important;}
.ml_540 { margin-left: 540px !important;}
.ml_545 { margin-left: 545px !important;}
.ml_550 { margin-left: 550px !important;}
.ml_555 { margin-left: 555px !important;}
.ml_560 { margin-left: 560px !important;}
.ml_565 { margin-left: 565px !important;}
.ml_570 { margin-left: 570px !important;}
.ml_575 { margin-left: 575px !important;}
.ml_580 { margin-left: 580px !important;}
.ml_585 { margin-left: 585px !important;}
.ml_590 { margin-left: 590px !important;}
.ml_595 { margin-left: 595px !important;}
.ml_600 { margin-left: 600px !important;}
.ml_605 { margin-left: 605px !important;}
.ml_610 { margin-left: 610px !important;}
.ml_615 { margin-left: 615px !important;}
.ml_620 { margin-left: 620px !important;}
.ml_625 { margin-left: 625px !important;}
.ml_630 { margin-left: 630px !important;}
.ml_635 { margin-left: 635px !important;}
.ml_640 { margin-left: 640px !important;}
.ml_645 { margin-left: 645px !important;}
.ml_650 { margin-left: 650px !important;}
.ml_655 { margin-left: 655px !important;}
.ml_660 { margin-left: 660px !important;}
.ml_665 { margin-left: 665px !important;}
.ml_670 { margin-left: 670px !important;}
.ml_675 { margin-left: 675px !important;}
.ml_680 { margin-left: 680px !important;}
.ml_685 { margin-left: 685px !important;}
.ml_690 { margin-left: 690px !important;}
.ml_695 { margin-left: 695px !important;}
.ml_700 { margin-left: 700px !important;}
.ml_705 { margin-left: 705px !important;}
.ml_710 { margin-left: 710px !important;}
.ml_715 { margin-left: 715px !important;}
.ml_720 { margin-left: 720px !important;}
.ml_725 { margin-left: 725px !important;}
.ml_730 { margin-left: 730px !important;}
.ml_735 { margin-left: 735px !important;}
.ml_740 { margin-left: 740px !important;}
.ml_745 { margin-left: 745px !important;}
.ml_750 { margin-left: 750px !important;}
.ml_755 { margin-left: 755px !important;}
.ml_760 { margin-left: 760px !important;}
.ml_765 { margin-left: 765px !important;}
.ml_770 { margin-left: 770px !important;}
.ml_775 { margin-left: 775px !important;}
.ml_780 { margin-left: 780px !important;}
.ml_785 { margin-left: 785px !important;}
.ml_790 { margin-left: 790px !important;}
.ml_795 { margin-left: 795px !important;}
.ml_800 { margin-left: 800px !important;}
.ml_805 { margin-left: 805px !important;}
.ml_810 { margin-left: 810px !important;}
.ml_815 { margin-left: 815px !important;}
.ml_820 { margin-left: 820px !important;}
.ml_825 { margin-left: 825px !important;}
.ml_830 { margin-left: 830px !important;}
.ml_835 { margin-left: 835px !important;}
.ml_840 { margin-left: 840px !important;}
.ml_845 { margin-left: 845px !important;}
.ml_850 { margin-left: 850px !important;}
.ml_855 { margin-left: 855px !important;}
.ml_860 { margin-left: 860px !important;}
.ml_865 { margin-left: 865px !important;}
.ml_870 { margin-left: 870px !important;}
.ml_875 { margin-left: 875px !important;}
.ml_880 { margin-left: 880px !important;}
.ml_885 { margin-left: 885px !important;}
.ml_890 { margin-left: 890px !important;}
.ml_895 { margin-left: 895px !important;}
.ml_900 { margin-left: 900px !important;}
.ml_905 { margin-left: 905px !important;}
.ml_910 { margin-left: 910px !important;}
.ml_915 { margin-left: 915px !important;}
.ml_920 { margin-left: 920px !important;}
.ml_925 { margin-left: 925px !important;}
.ml_930 { margin-left: 930px !important;}
.ml_935 { margin-left: 935px !important;}
.ml_940 { margin-left: 940px !important;}
.ml_945 { margin-left: 945px !important;}
.ml_950 { margin-left: 950px !important;}
.ml_955 { margin-left: 955px !important;}
.ml_960 { margin-left: 960px !important;}
.ml_965 { margin-left: 965px !important;}
.ml_970 { margin-left: 970px !important;}
.ml_975 { margin-left: 975px !important;}
.ml_980 { margin-left: 980px !important;}
.ml_985 { margin-left: 985px !important;}
.ml_990 { margin-left: 990px !important;}
.ml_995 { margin-left: 995px !important;}
.ml_1000 { margin-left: 1000px !important;}

/* right */
.mr_0 { margin-right: 0px !important;}
.mr_5 { margin-right: 5px !important;}
.mr_10 { margin-right: 10px !important;}
.mr_15 { margin-right: 15px !important;}
.mr_20 { margin-right: 20px !important;}
.mr_25 { margin-right: 25px !important;}
.mr_30 { margin-right: 30px !important;}
.mr_35 { margin-right: 35px !important;}
.mr_40 { margin-right: 40px !important;}
.mr_45 { margin-right: 45px !important;}
.mr_50 { margin-right: 50px !important;}
.mr_55 { margin-right: 55px !important;}
.mr_60 { margin-right: 60px !important;}
.mr_65 { margin-right: 65px !important;}
.mr_70 { margin-right: 70px !important;}
.mr_75 { margin-right: 75px !important;}
.mr_80 { margin-right: 80px !important;}
.mr_85 { margin-right: 85px !important;}
.mr_90 { margin-right: 90px !important;}
.mr_95 { margin-right: 95px !important;}
.mr_100 { margin-right: 100px !important;}
.mr_105 { margin-right: 105px !important;}
.mr_110 { margin-right: 110px !important;}
.mr_115 { margin-right: 115px !important;}
.mr_120 { margin-right: 120px !important;}
.mr_125 { margin-right: 125px !important;}
.mr_130 { margin-right: 130px !important;}
.mr_135 { margin-right: 135px !important;}
.mr_140 { margin-right: 140px !important;}
.mr_145 { margin-right: 145px !important;}
.mr_150 { margin-right: 150px !important;}
.mr_155 { margin-right: 155px !important;}
.mr_160 { margin-right: 160px !important;}
.mr_165 { margin-right: 165px !important;}
.mr_170 { margin-right: 170px !important;}
.mr_175 { margin-right: 175px !important;}
.mr_180 { margin-right: 180px !important;}
.mr_185 { margin-right: 185px !important;}
.mr_190 { margin-right: 190px !important;}
.mr_195 { margin-right: 195px !important;}
.mr_200 { margin-right: 200px !important;}
.mr_205 { margin-right: 205px !important;}
.mr_210 { margin-right: 210px !important;}
.mr_215 { margin-right: 215px !important;}
.mr_220 { margin-right: 220px !important;}
.mr_225 { margin-right: 225px !important;}
.mr_230 { margin-right: 230px !important;}
.mr_235 { margin-right: 235px !important;}
.mr_240 { margin-right: 240px !important;}
.mr_245 { margin-right: 245px !important;}
.mr_250 { margin-right: 250px !important;}
.mr_255 { margin-right: 255px !important;}
.mr_260 { margin-right: 260px !important;}
.mr_265 { margin-right: 265px !important;}
.mr_270 { margin-right: 270px !important;}
.mr_275 { margin-right: 275px !important;}
.mr_280 { margin-right: 280px !important;}
.mr_285 { margin-right: 285px !important;}
.mr_290 { margin-right: 290px !important;}
.mr_295 { margin-right: 295px !important;}
.mr_300 { margin-right: 300px !important;}
.mr_305 { margin-right: 305px !important;}
.mr_310 { margin-right: 100px !important;}
.mr_315 { margin-right: 315px !important;}
.mr_320 { margin-right: 320px !important;}
.mr_325 { margin-right: 325px !important;}
.mr_330 { margin-right: 330px !important;}
.mr_335 { margin-right: 335px !important;}
.mr_340 { margin-right: 340px !important;}
.mr_345 { margin-right: 345px !important;}
.mr_350 { margin-right: 350px !important;}
.mr_355 { margin-right: 355px !important;}
.mr_360 { margin-right: 360px !important;}
.mr_365 { margin-right: 365px !important;}
.mr_370 { margin-right: 370px !important;}
.mr_375 { margin-right: 375px !important;}
.mr_380 { margin-right: 380px !important;}
.mr_385 { margin-right: 385px !important;}
.mr_390 { margin-right: 390px !important;}
.mr_395 { margin-right: 395px !important;}
.mr_400 { margin-right: 400px !important;}
.mr_405 { margin-right: 405px !important;}
.mr_410 { margin-right: 410px !important;}
.mr_415 { margin-right: 415px !important;}
.mr_420 { margin-right: 420px !important;}
.mr_425 { margin-right: 425px !important;}
.mr_430 { margin-right: 430px !important;}
.mr_435 { margin-right: 435px !important;}
.mr_440 { margin-right: 440px !important;}
.mr_445 { margin-right: 445px !important;}
.mr_450 { margin-right: 450px !important;}
.mr_455 { margin-right: 455px !important;}
.mr_460 { margin-right: 460px !important;}
.mr_465 { margin-right: 465px !important;}
.mr_470 { margin-right: 470px !important;}
.mr_475 { margin-right: 475px !important;}
.mr_480 { margin-right: 480px !important;}
.mr_485 { margin-right: 485px !important;}
.mr_490 { margin-right: 490px !important;}
.mr_495 { margin-right: 495px !important;}
.mr_500 { margin-right: 500px !important;}
.mr_505 { margin-right: 505px !important;}
.mr_510 { margin-right: 510px !important;}
.mr_515 { margin-right: 515px !important;}
.mr_520 { margin-right: 520px !important;}
.mr_525 { margin-right: 525px !important;}
.mr_530 { margin-right: 530px !important;}
.mr_535 { margin-right: 535px !important;}
.mr_540 { margin-right: 540px !important;}
.mr_545 { margin-right: 545px !important;}
.mr_550 { margin-right: 550px !important;}
.mr_555 { margin-right: 555px !important;}
.mr_560 { margin-right: 560px !important;}
.mr_565 { margin-right: 565px !important;}
.mr_570 { margin-right: 570px !important;}
.mr_575 { margin-right: 575px !important;}
.mr_580 { margin-right: 580px !important;}
.mr_585 { margin-right: 585px !important;}
.mr_590 { margin-right: 590px !important;}
.mr_595 { margin-right: 595px !important;}
.mr_600 { margin-right: 600px !important;}
.mr_605 { margin-right: 605px !important;}
.mr_610 { margin-right: 610px !important;}
.mr_615 { margin-right: 615px !important;}
.mr_620 { margin-right: 620px !important;}
.mr_625 { margin-right: 625px !important;}
.mr_630 { margin-right: 630px !important;}
.mr_635 { margin-right: 635px !important;}
.mr_640 { margin-right: 640px !important;}
.mr_645 { margin-right: 645px !important;}
.mr_650 { margin-right: 650px !important;}
.mr_655 { margin-right: 655px !important;}
.mr_660 { margin-right: 660px !important;}
.mr_665 { margin-right: 665px !important;}
.mr_670 { margin-right: 670px !important;}
.mr_675 { margin-right: 675px !important;}
.mr_680 { margin-right: 680px !important;}
.mr_685 { margin-right: 685px !important;}
.mr_690 { margin-right: 690px !important;}
.mr_695 { margin-right: 695px !important;}
.mr_700 { margin-right: 700px !important;}
.mr_705 { margin-right: 705px !important;}
.mr_710 { margin-right: 710px !important;}
.mr_715 { margin-right: 715px !important;}
.mr_720 { margin-right: 720px !important;}
.mr_725 { margin-right: 725px !important;}
.mr_730 { margin-right: 730px !important;}
.mr_735 { margin-right: 735px !important;}
.mr_740 { margin-right: 740px !important;}
.mr_745 { margin-right: 745px !important;}
.mr_750 { margin-right: 750px !important;}
.mr_755 { margin-right: 755px !important;}
.mr_760 { margin-right: 760px !important;}
.mr_765 { margin-right: 765px !important;}
.mr_770 { margin-right: 770px !important;}
.mr_775 { margin-right: 775px !important;}
.mr_780 { margin-right: 780px !important;}
.mr_785 { margin-right: 785px !important;}
.mr_790 { margin-right: 790px !important;}
.mr_795 { margin-right: 795px !important;}
.mr_800 { margin-right: 800px !important;}
.mr_805 { margin-right: 805px !important;}
.mr_810 { margin-right: 810px !important;}
.mr_815 { margin-right: 815px !important;}
.mr_820 { margin-right: 820px !important;}
.mr_825 { margin-right: 825px !important;}
.mr_830 { margin-right: 830px !important;}
.mr_835 { margin-right: 835px !important;}
.mr_840 { margin-right: 840px !important;}
.mr_845 { margin-right: 845px !important;}
.mr_850 { margin-right: 850px !important;}
.mr_855 { margin-right: 855px !important;}
.mr_860 { margin-right: 860px !important;}
.mr_865 { margin-right: 865px !important;}
.mr_870 { margin-right: 870px !important;}
.mr_875 { margin-right: 875px !important;}
.mr_880 { margin-right: 880px !important;}
.mr_885 { margin-right: 885px !important;}
.mr_890 { margin-right: 890px !important;}
.mr_895 { margin-right: 895px !important;}
.mr_900 { margin-right: 900px !important;}
.mr_905 { margin-right: 905px !important;}
.mr_910 { margin-right: 910px !important;}
.mr_915 { margin-right: 915px !important;}
.mr_920 { margin-right: 920px !important;}
.mr_925 { margin-right: 925px !important;}
.mr_930 { margin-right: 930px !important;}
.mr_935 { margin-right: 935px !important;}
.mr_940 { margin-right: 940px !important;}
.mr_945 { margin-right: 945px !important;}
.mr_950 { margin-right: 950px !important;}
.mr_955 { margin-right: 955px !important;}
.mr_960 { margin-right: 960px !important;}
.mr_965 { margin-right: 965px !important;}
.mr_970 { margin-right: 970px !important;}
.mr_975 { margin-right: 975px !important;}
.mr_980 { margin-right: 980px !important;}
.mr_985 { margin-right: 985px !important;}
.mr_990 { margin-right: 990px !important;}
.mr_995 { margin-right: 995px !important;}
.mr_1000 { margin-right: 1000px !important;}