@charset "UTF-8";
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼（撮影メニュー）shoumei▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*ボタンとかの色系*/

#shoumei #top {
    letter-spacing: -.4em;
    padding: 2em 0;
}
#shoumei #top figure {
    display: inline-block;
    letter-spacing: normal;
    width: 33.333%;
    padding: .3em;
    vertical-align: top;
    font-size: 14px;
}
#shoumei #top figure:first-child {
    /* width: 47%; */
}
#shoumei #merit {
    padding-bottom: 4em;
}

#shoumei #merit > div {
    letter-spacing: -.4em;
}
#shoumei #merit > .for_sp > div {
    background-color: white;
    border-radius: 6px;
    padding: 2em 1em 1.8em;
    margin-bottom: 1em;
    font-size: .7em;
    position: relative;
    text-align: left;
    overflow:  hidden;
}
#merit > .for_sp > div .accordion::after {
   font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 20px;
    top: .8em;
    font-size: 1.7em;
}
#shoumei #merit > .for_sp > div img {
    padding: 1em 0;
}
#shoumei #merit > div > div h3 {
    margin: 0;
    padding-left: 2.5em;
    text-align: left;
}
#shoumei #merit > div > div h3::before {
    content: "";
    background-image: url(/img/shoumei-icon-01.png);
    width: 1.8em;
    height: 1.8em;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 1em;
    left: 1em;
}
#shoumei #merit > div > div:nth-of-type(2) h3::before {
    background-image: url(/img/shoumei-icon-02.png);
}
#shoumei #merit > div > div:nth-of-type(3) h3::before {
    background-image: url(/img/shoumei-icon-03.png);
}
#shoumei #merit > div > div:nth-of-type(4) h3::before {
    background-image: url(/img/shoumei-icon-04.png);
}
#shoumei #merit > div > div:nth-of-type(5) h3::before {
    background-image: url(/img/shoumei-icon-05.png);
}

#shoumei #price_priducts h3 {
    width: 87%;
    margin: 1em auto;
}


#shoumei #price_priducts .box_white_r {
    margin-bottom: 4em;
    width: 100%;
}
#shoumei #price_priducts .box_white_r:last-child {
    /* margin-top: 7em; */
    padding-top: 2em;
}
#shoumei #price_priducts .box_white_r::after {
    content: "";
    background-image: url(/img/shoumei-icon-plus.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 2em;
    position: relative;
    bottom: -2em;
    margin-bottom: -2em;
}
#shoumei #price_priducts .box_white_r:nth-of-type(5)::after,
#shoumei #price_priducts .box_white_r:last-child::after {
    background-image: unset;
}
#shoumei #price_priducts .box_white_r:last-child p {
    width: 100%;
}

#shoumei #tokuten .box_white_r {
    width: 100%;
    margin: 2em 0;
    text-align: center;
    padding: 1.5em;
}

#shoumei #tokuten.stripe {
    background-color: #e2d1cc;
}
#shoumei #family .box_white_r {
    width: 87%;
    text-align: center;
}
#shoumei #family .box_white_r h2 {
    font-weight: normal;
}

#shoumei #tokuten, #shoumei #family {
    padding: 4em 0;
}



#shoumei #tokuten h2 {
    margin: -1em auto 1em;
}
#shoumei #tokuten h2 span.br {
    font-size: .8em;
}





#shoumei #yakimashi .box_white_r p:nth-last-child(-n+2),#shoumei #yakimashi .box_white_r ul {
    /* display: inline-block; */
    width: 100%;
}
#shoumei #yakimashi .box_white_r p:last-child {
    /* width: 35%; */
}
#shoumei #yakimashi .box_beige_r {
    /* margin-right: 1%; */
    margin-top: 1em;
}
#shoumei #yakimashi .btn_round-after {
    background-color: #6c5b51;
    color: white;
    font-size: 16px;
    width: 100%;
    max-width: 100%;
}
.btn_round-after.ma0a {
    /* position: relative; */
    margin-top: 1em;
}
#shoumei #yakimashi .box_white_r ul {
    text-align: left;
    font-size: .9em;
}
#shoumei #yakimashi .box_white_r ul li::before {
    font-family: 'FontAwesome';
    content: "\f096";
    position: relative;
    /* margin: 0 5px; */
    left: -.4em;
    display: inline-block;
}
#shoumei#yakimashi .ttl_h2 {
    margin-top: 2em;
    margin-bottom: 0;
}

#shoumei#yakimashi .ttl_h2 span::before,#yakimashi .ttl_h2 span::after {
    top: .3em;
}
#shoumei #yakimashi {
    padding-bottom: 3em;
}
#shoumei #yakimashi .box_white_r:last-child {
    margin-top: 2em;
}



/*#shoumei #price_priducts .box_white_r.for_sp {
    padding: 0;
    height: 55px;
}

#shoumei #price_priducts .for_sp h3 {
    margin: 1em auto 0;
}

#shoumei #price_priducts .for_sp .accordion-open {
    background-color: white;
    padding-top: 1em;
}
#shoumei #price_priducts .for_sp .accordion-open img {
    padding: 1em 1em;
}
*/

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

}
@media screen and (min-width: 1024px) {
#shoumei #top {
    letter-spacing: -.4em;
    padding: 6em 0 3em;
}
#shoumei #top figure {
    display: inline-block;
    letter-spacing: normal;
    width: 25.3%;
    padding: 1em;
    vertical-align: top;
}
#shoumei #top figure:first-child {
    width: 47%;
}
#shoumei #merit > div.for_sp {
    display: none;
}
#shoumei #merit > div > div {
    display: inline-block;
    width: 48%;
    height: 29em;
    background-color: white;
    border-radius: 8px;
    padding: 3em;
    vertical-align: top;
    font-size: 13px;
    text-align: left;
    margin: 1%;
    letter-spacing: normal;
    position: relative;
}
#shoumei #merit > div > div:last-child {
    width: 98%;
    height: auto;
    padding-bottom: 1em;
}
#shoumei #merit > div > div:last-child li {
    width: 50%;
    float: left;
    padding: 1em;
}
#shoumei #merit > div > div h3 {
    margin: 0 auto 1em;
}
#shoumei #merit > div > div h3::before {
    top: 1.5em;
    left: 2em;
}
#shoumei #price_priducts h3 {
    width: 185px;
    float: left;
    margin: 0;
}
#shoumei #price_priducts .box_white_r:nth-of-type(2) h3 {
    height: 286px;
    line-height: 286px;
}
#shoumei #price_priducts .box_white_r:nth-of-type(3) h3 {
    height: 154px;
    line-height: 154px;
}
#shoumei #price_priducts .box_white_r:last-child {
    margin-top: 7em;
    padding-top: 3em;
}
#shoumei #price_priducts p {
    width: 643px;/*530*/
    float: right;
}
#shoumei #price_priducts .box_white_r:last-child p img {
    width: 791px;/*700*/
}
#shoumei #tokuten h2 {
    margin: 2em auto;
    font-size: 1.6em;
}
#shoumei #tokuten h2 span.br {
    /* font-size: .9em; */
}
#shoumei #tokuten .box_white_r img,#shoumei #family .box_white_r img, #shoumei #yakimashi .box_white_r img {
    width:800px;
}
#shoumei #yakimashi {
    padding-bottom: 5em;
}
#shoumei #tokuten .box_white_r {
    margin: 2em 0;
    padding: 3em 0;
}
#shoumei #family .box_white_r ,#shoumei #tokuten .box_white_r {
    width: 100%;
    text-align: center;
}
/*オンラインキャンペーン時コメントアウトする*/
#shoumei #yakimashi .box_white_r ul {
    display: inline-block;
    width: 48%;
}
/*オンラインキャンペーン時に表示する*/
/*#shoumei #yakimashi .box_white_r p:nth-last-child(-n+2),#shoumei #yakimashi .box_white_r ul {
    display: inline-block;
    width: 48%;
}*/
#shoumei #yakimashi .box_white_r p:last-child {
    display: inline-block;/*オンラインキャンペーン時コメントアウトする*/
    width: 35%;
}
#shoumei #yakimashi .box_beige_r {
    margin-right: 1%;
}
.btn_round-after.ma0a {
    position: relative;
    top: -1em;
}
#shoumei #price_priducts .box_white_r:nth-of-type(3)::after,
#shoumei #price_priducts .box_white_r:last-child::after {
    background-image: unset;
}
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲（撮影メニュー）shoumei▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */