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

    select {
        height: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        vertical-align: middle;
    }
    .pc-content {
        margin-left: unset;
        margin-right: unset;
    }
    .pc-flexbox {
        display: inherit;
        justify-content: space-between;
    }

    .navi_logo {
        width: 200px;
    }
    .navi_type {
        height: 30px;
    }

    #main #loginform {
        margin-top: 5rem;
    }

    .right_content {
        width: 100%;
        margin-left: 0;
    }

    .toptext {
        font-size: 1.2rem;
        line-height: 1.2rem;
        padding-right: 1.5rem;
    }

    .toptab {
        font-size: 0.8rem;
        letter-spacing: 0.05rem;
        width: calc(100% / 3 - 6px);
    }

    .back_image2 {
        display: none;
    }

    #footer_button {
        display: none;
    }
    #footer_button_sp {
        display: block;
        background-color: #464646;
        color: #ffffff;
        padding: 2px 0 0 0;
    }
    #footer_button_sp .end_menu {
        background-color: #242424;
        font-size: 0.7rem;
        font-weight: 500;
    }
    #footer_button_sp .sns {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-left: 15px;
        margin-top: 9px;
    }
    .sns_box{
        margin: 1rem auto 1rem auto;
    }
    .sns_text {
        margin-top: 0 !important;
    }
    .sns a {
        text-decoration: none;
    }

    .button_menu,.end_menu {
        width: 100%;
        margin: 0;
        font-size: 1.2rem;
    }
    .button_menu {
        border-top: 1px solid #8DB2CE;
        /* width: 16rem; */
        height: 3rem;
        text-align: center;
        color: white;
        margin: 0 auto 0 auto;
        cursor: pointer;
        padding-top: 0.7rem;
    }
    .end_menu {
        border-top: 1px solid #8DB2CE;
        height: 3rem;
        text-align: center;
        padding-top: 0.7rem;
        font-weight: 700;
    }
    .navi_top_content{
        height: 1030px;
    }
    .img_box {
        display: none;
    }
    #searchBox {
        margin: 0 0.5rem;
    }

    /* トップタイトル画像 */
    .back_image3 {
        right: 2rem;
    }
    .back_image4 {
        left: 1rem;
    }
    .back_image5 {
        right: 1rem;
    }
    .back_image6 {
        left: 1rem;
    }
    .back_image7 {
        right: 1rem;
    }
    /* 最新情報 */
    .notice .date {
        margin-left: 0;
        text-align: right;
    }
    .notice .text {
        width: calc(100% - 140px);
    }

    /* SNS PR */
    .sns_area {
        background-color: #0E76F8;
        padding: 1rem;
        text-align: center;
    }
    .sns_area .sns {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: 0 8px;
    }
    .pr_area {
        margin-bottom: 2rem;
    }

    /* エリア選択 */
    #mapArea {
        background-image: none;
        height: unset;
    }
    .prefectureCenter {
      position: unset;
    }
    .area_box {
      position: unset;
      width: 100% !important;
      margin-bottom: 1rem;
      box-shadow: unset;
    }

    /* コラム一覧 */
    .column_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        margin: 0;
        padding: 0px 15px 30px 0px;
    }

    .column_result_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        padding-left: 15px;
    }

    .column_list_top_image {
        max-width: 300px;
        max-height: 500px;
        margin: 8px auto;
    }

    .column_list_content_box {
        width: 85vw;
        float: right;
        margin-left: 30px;
        margin-top: 5px;
        text-align: left;
    }

    .column_list_image_box {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    .column_title_text1 {
        width: fit-content;
        font-size: 1.2rem;
        line-height: 2rem;
        color: #ffffff;
        margin-top: 1rem;
        font-weight: 500;
        position: absolute;
        top: 150px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .column_title_text2 {
        width: fit-content;
        font-size: 1rem;
        line-height: 2rem;
        color: #ffffff;
        margin-top: 1rem;
        font-weight: 500;
        position: absolute;
        top: 190px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* メール通知ダイアログ */
    .emailNotification {
        margin: 0 auto;
        width: fit-content;
        max-width: 100%;
    }
} /* @media */