/* 部活FAN共通 Smart Phone スタイル */
@media screen and (max-width: 767px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }

    /* ヘッダ */
    .header .right {
        padding-right: unset;
    }
    .header .menu.pc {
        display: none;
    }
    .header .menu.sp {
        display: inline-block;
    }

    #btnMenu {
        margin-top: 10px;
        height: 70px;
        background-color: #ffffff;
        background-image: url(../img/fan/menu_half.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30%;
        cursor: pointer;
    }
    #btnMenu:hover {
        background-image: url(../img/fan/menu_full.png);
    }

    /* フッタ */
    .footer {
        font-size: 0.75rem;
    }
    #footer_button {
        display: none;
    }
    #footer_button_sp {
        display: block;
        background-color: #219a3a;
        color: #ffffff;
    }
    #footer_button_sp .item_wrap {
        max-width: 330px;
        margin: 0 auto;
        text-align: left;
    }
    #footer_button_sp .item {
        width: 49%;
        display: inline-block;
        text-align: left;
        padding: 4px 0 4px 1rem;
    }
    #footer_button_sp .item a {
        text-decoration: none;
    }
    .footer_logo {
        margin-bottom: 20px;
    }
    .copyright {
        text-align: left;
        padding-left: 1rem !important;
        margin-top: 20px;
    }
    .footer_sns {
        position: unset;
        margin-top: unset;
        margin-bottom: 24px;
        right: unset;
    }

    /* Fanトップ */
    .fan_top .label_area {
        padding: 50px 0 0 calc(10%);
    }
    .fan_top .label2_area {
        padding-left: 0;
        text-align: center;
    }

    .fan_top .news_line {
        padding-left: 3rem;
    }

    .fan_top .success-btn {
        width: 160px !important;
        height: 40px !important;
    }

    .fan_top #prefectureCd {
        margin-top: 20px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .fan_top #mapArea {
        display: none;
    }

    .fan_top .tab-content {
        overflow: hidden;
        max-height: 520px;
    }
    .fan_top #moreClub {
        display: block;
    }
    /* Fan検索 */
    .search_label {
        display: inline-block;
        width: 100%;
    }
    .search_field {
        display: inline-block;
        width: 100%;
    }
    .fan_search #btnClear {
        margin-top: 1rem;
    }

    /* 特定商取引法 */
    .merchandising .l {
        min-width: 120px;
    }

    /* MYプロジェクト */
    #myProjectDialog .dialog_inner{
        padding: 2rem 0;
    }

    /* プロジェクト詳細*/
    .project_detail .left_box {
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }
    .project_detail .right_box {
        width: calc(100% - 4rem);
        max-width: calc(100% - 4rem);
        margin: 3rem 2rem 0 2rem;
    }

    .project_detail .detail_box{
        padding: 3rem 1rem 3rem 1rem;
    }

    /* 決済結果画面 */
    .fun_success .content_area {
        padding: 0.5rem;
    }
    .fun_success .main_box {
        width: unset;
        padding: 3rem 1rem 4rem 1rem;
    }
    .fun_success .thank_you {
        margin-bottom: 3rem;
    }
    .fun_success .amount_box {
        width: 300px;
    }
    /* メール通知ダイアログ */
    .emailNotification {
        margin: 0 auto;
        width: fit-content;
        max-width: 100%;
    }

    /* 共通 */
    .input_form .field {
        width: 100%;
        min-width: 100%;
        padding: 0 1rem;
    }
    .button_action {
        font-size: 1.1rem;
    }

    /* ログイン */
    .img_box {
        display: none;
    }
    .fan_top_content {
        display: inline-block;
    }
    #nsl-custom-login-form-1 {
        display: inline;
    }
    #nsl-custom-login-form-1 .nsl-container {
        margin-left: 20px;
        margin-top: -30px;
    }

    /* 資料請求 */
    .pamphletLeft {
        width: 100% !important;
        text-align: center;
    }
    .pamphletRightWrap {
        width: 100%;
        text-align: center;
    }
    .pamphletButtons {
        width: 100%;
        vertical-align: middle;
    }
    
} /* @media */