.SOS {display: none;}
a {/*color: #c2a284;*/ font-size: 12px;}
.beforeafter { max-width: 655px; padding-bottom: 30px;}
.beforeafter img { height: auto;}

.main_title {text-align: center;font-size:2.5rem;margin: 50px 0 0px;border-bottom:none;}

.beforeafter_contents { background-color: #f4f4f4; font-size: 14px; padding: 20px 15px; text-align: center; margin: 20px auto; }
.beforeafter_contents ul { display: inline-block; text-align: left;margin:0 auto; padding:20px 0;}
.beforeafter_contents li {list-style-type: none;}


.beforeafter h2 { text-align: center; color:#33afb0; margin: 0; line-height: 25px; display: flex; align-items: center; }

.beforeafter h2:before,
.beforeafter h2:after { content: ""; height: 1px; flex-grow: 1; background-color: #c2e8e9; }
.beforeafter h2:before { margin-right: 1rem; }
.beforeafter h2:after { margin-left: 1rem; }
.beforeafter h4 { text-align: center; margin: 0 auto 20px; font-size: 12px; font-weight: normal; display: block; color: #33afb0;}
.beforeafter h3 { text-align: center; color:#333; margin: 0;}


.beforeafter_model{max-width: 520px;margin: 0 auto 10px;text-align: left;grid-column-gap: 30px;}
.beforeafter_model .beforeafter_model_ttl {font-weight: 400; font-size: 2.5rem; padding:30px 0 10px;font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","游明朝","Yu Mincho","游明朝体","YuMincho","ＭＳ Ｐ明朝","MS PMincho",serif;}
.beforeafter_model .beforeafter_name {font-weight: 400;text-align: left;padding:0;width: 60%;float:left;}
.beforeafter_model .beforeafter_star {text-align: right;padding: 0; width: 40%;float:right;}
.beforeafter_model .beforeafter_star img { max-width: 120px;vertical-align: top;}
.beforeafter_model .beforeafter_model_concern {line-height: 4rem;}
.beforeafter_model .beforeafter_model_concern .beforeafter_onayami_tag{ border: #ddd 1px solid; padding:3px 5px; margin-right:5px;}
.beforeafter_model .beforeafter_model_coment {line-height: 2.5rem;}
.beforeafter_model .beforeafter_model_prods {background-color: #fff; padding: 5px 15px;font-size: 12px;line-height: 1.9em;}
.btn-beforeafter {width: 80%;margin:10px 0;}
.btn-beforeafter-prods {width: auto;margin: 0 auto;padding: 2px 5px;font-size: 12px;background-color: #fff;color: #000;border: 1px #555 solid;font-weight: normal;}
.btn-beforeafter-prods a:hover {text-decoration: underline;outline: none;}

.block-shadow { position: relative;}
.block-shadow::before {
    content: "";
    width: 90%;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
    box-shadow: 0px 10px 20px 15px rgba(0, 0, 0, 0.05);
}
.popup {padding:15px;border: 1px #ccc solid;}
#img_popup, #contents_ing {padding: 20px;background: #fff;text-align: center;color: #000;margin-top: 20px;}
#contents_howto {padding: 40px;}
.white-popup-block {max-width: 700px;}
.popup {padding: 20px;border: 1px #ccc solid;}

.br-sp {display: initial;}
.br-pc {display: none;}


@media only screen and (min-width: 429px){
.main_title {text-align: center;font-size:3.5rem;}
.beforeafter_contents { background-color: #f4f4f4; font-size: 14px; padding: 30px 0; text-align: center; margin: 30px auto; }
.beforeafter_contents ul { display: inline-block; text-align: left;margin:0 auto; padding:50px 0 20px; font-size: 16px;}
.beforeafter_model{max-width: 470px;margin: 0 auto 10px;text-align: left;grid-column-gap: 30px;}
.beforeafter_model .beforeafter_model_ttl {font-weight: 400; font-size: 3.5rem; padding:30px 0;font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","游明朝","Yu Mincho","游明朝体","YuMincho","ＭＳ Ｐ明朝","MS PMincho",serif;;}
.beforeafter_model .beforeafter_name {margin-top: 0;font-weight: 700;}
.beforeafter_model .beforeafter_model_concern .beforeafter_onayami_tag{ border: #ddd 1px solid; padding:5px 7px; margin-right:7px;}
.beforeafter_model .beforeafter_model_prods {background-color: #fff; padding:5px 20px; line-height: 2em;}
.btn-beforeafter {width: 50%;margin:20px 0;}
.btn-beforeafter-prods {width: auto;margin: 0 0 0 7px;padding: 2px 5px;font-size: 12px;background-color: #fff;color: #000;border: 1px #555 solid;font-weight: normal;}
.br-sp {display: none;}
.br-pc {display: initial;}


}