/**
 *
 * _user.css
 * 2022以降オーバーライド用CSS
 *
*/




/**
 * TOPの右SNSボタン
*/
.header_sns {
    margin-top: 20px;
}

/**
 * 提携スタジオの皆様へ
 * https://photobase.me/studio-partnership
 * 
*/
.photobase__recruitment__point {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.photobase__recruitment__point__box {
    display: block;
}

.photobase__contact p {
    text-align: center;
}

@media screen and (max-width: 1024px) {

    .photobase .sp {
        display: block;
    }

}

@media screen and (max-width: 1200px) and (min-width: 767px) {
    .photobase .sp_nav.sp {
        display: flex;
    }

    nav.header_nav ul.header_sns {
        display: flex;
    }

    nav.header_nav ul.header_sns li {
        margin-right: 10px;
        max-width: 50px;
        padding: 5px;
    }

    nav.header_nav ul.header_banner {
        display: flex;
        margin-top: 20px;
    }

    nav.header_nav ul.header_banner li {
        margin-right: 5px;
        max-width: 220px;
    }
}


/**
 * photobaseとは？
 * https://photobase.me/about
 * photobaseの特徴
*/
section#about_tokucyou ul li {
    width: calc((100% / 3) - 4%);
    margin-right: 4%;
}

section#about_tokucyou ul li img {
    border-radius: 5px;
}


/**
 * お問い合わせはこちら
 * https://photobase.me/
 * 固定ボタン
*/
section#header_info {
    width: 260px;
}


/**
 * お問い合わせフォーム
 * https://photobase.me/contact/
 * https://photobase.me/contact/confirm
 * 固定ボタン
*/

[class*="photobase__contactForm"] h4 {
    display: flex;

}

[class*="photobase__contactForm"] h4 span {
    margin-right: 5px;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #666;
    color: #666;
}

[class*="photobase__contactForm"] h4 span.required {
    box-shadow: inset 0 0 0 1px #FD4A82;
    color: #FD4A82;
}

.photobase__contactForm__radio h4+div {
    margin: 12px 0 0;
}

.photobase__contactForm__radio h4+div .mwform-radio-field.horizontal-item {
    margin: 0 0 8px;
}

.photobase__contactForm__input .contactform_box {
    margin-bottom: 20px;
}

/**
 * 文字でない問題
 * 
*/

/* お問合絵sフォーム */
.photobase__contactForm__input {
    font-size: initial;
    display: flex;
    flex-wrap: wrap;
    
}


.photobase__contactForm__input ol {
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: .1rem;
    list-style: decimal;
    color: #121212;
    padding-left: 25px;
}
.photobase__contactForm__input ol li{
    list-style: decimal;
}

@media screen and (max-width: 768px) {
    .photobase__contactForm__input ol {
        font-size: 14px;
        letter-spacing: 0.06rem;
    }
}



/**
 * レイアウトオーバーライド
 * PCとSPの切り替えが
 * 768〜1023pxの間両方出る対策
*/

@media screen and (max-width: 1024px) {

    .pc,
    .spc {
        display: none;
    }
}