@charset "UTF-8";

/* iPhone5/SE でも最低限崩れないようにするため */
@media only screen and (max-width: 320px){
    /* B-D-010 */
    .tab_button .child .tab_icon{
        display: none;
    }
    .form_asset > .column .input[data-input="select"]::after{
        border: none;
    }
    .column > .child > .default,
    .column > .ex_small > .default {
        font-size: 1.3rem;
    }

    /* B-E-005 */
    .section_wrapper > .section_inner_title > .form_asset > .section_inner_description{
        width: 35%;
        margin-left: 10px;
    }
    .section_wrapper > .section_inner_title > .form_asset.column{
        align-items: center;
    }

    /* B-D-001 */
    .inqury_block .wrapper{
        justify-content: center;
    }
    .inqury_block .icon_image{
        display: none;
    }

    /* B-D-031 */
    .entry_complete_title{
        font-size: 1.6rem;
    }

    /* B-E-005-4 */
    .thumb_list > .text{
        font-size: 1.2rem;
    }

    /* B-G-004 */
    .date_separater{
        padding: 0 0 10px;
    }
    .form_asset .input input[type="date"]{
        padding: 5px 0;
    }
    .form_asset .input[data-input="date"]::after{
        background: url(../images/icon_calender.svg) 95% center/ 20px 20px no-repeat;
    }
    .popup_wrapper > .popup > .popup_inner article img {
        max-width: 258px;
    }

    /* B-G-005 */
    .people .shop_header .descriptions{
        padding: 25px 15px 15px;
    }
    .people .categorized_title > .label{
        font-size: 1.8rem;
    }

    /* style */
    .sml_br{
        display: inline;
    }
    .no_br{
        display: none;
    }

    /* 320pxで消す要素 */
    .disappear{
        display: none;
    }

    /* B-G-011 */
    .shop_select_template .shop_select_inner .shop_select_image {
        width: calc( 180/360*100% );
    }
    .shop_select_template .shop_select_inner .shop_select_explain {
        width: calc( 170/360*100% );
    }

    .column .w60, .w60{
        width: 70%;
    }

    .input[data-input="toggle_button"] .toggle_button{
        font-size: 1.2rem;
    }
}
/* Tablet/PC でも最低限崩れないようにするため */
@media only screen and (min-width: 768px){
    .popup_wrapper > .popup{
        margin: 30px auto;
        max-width: 430px;
    }
    .popup_wrapper > .popup.menu{
        max-width: none;
    }
}