@charset "utf-8";

/* reset */
body, h1, h2, h3, p, div {
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

/* pc */
@media screen and (min-width:601px) {
    .spOnly {
        display: none;
    }

    .txt {
        color: #926B46;
        font-size: 14px;
    }

    .title {
        background-color: #FFF;
        margin-top: 20px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .title h1 {
        font-size: 31px;
    }

    .content {
        background-color: #FAF7F1;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .content .content_inr {
        margin-right: 20px;
        margin-left: 20px;
    }
    .content .content_inr .ttl {
        width: 576px;
    }
    .content .content_inr .ttl .iconArea {
        width: 106px;
    }
    .content .content_inr .ttl .desc {
        width: 470px;
        font-size: 18px;
        font-weight: bold;
        margin-top: 5px;
    }
    .content .content_inr .mail {
        background-image: url(../soldoutimg/img_02.jpg);
        background-repeat: no-repeat;
        width: 537px;
        height: 188px;
        margin: 0 auto 20px auto;
    }
    .content .content_inr .mail .txt {
        margin-left: 24px;
        padding-top: 60px;
    }

    .boxes .leftbox {
        float: left;
        background-image: url(../soldoutimg/img_03.jpg);
        background-repeat: no-repeat;
        background-position: right top;
        width: 268px;
        height: 229px;
        margin-left: 10px;
    }
    .boxes .rightbox {
        float: right;
        background-image: url(../soldoutimg/img_04.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        width: 269px;
        height: 229px;
        margin-right: 10px;
    }
    .boxes p {
        width: 220px;
        margin-left: auto;
        margin-right: auto;
    }
    .boxes p.txt {
        font-size: 14px;
        line-height: 1.4em;
        padding-top: 85px;
    }
    .boxes p img {
        padding-top: 10px;
    }
}

/* sp */
@media screen and (max-width:600px) {
    .pcOnly {
        display: none;
    }

    .txt {
        color: #926B46;
        font-size: 14px;
    }

    .title {
        background-color: #FFF;
        margin: 3% 3%;
    }
    .title h1 {
        font-size: 18px;
        margin-top: 5px;
    }

    .content {
        background-color: #FAF7F1;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .content .content_inr {
    
        margin-right: 3%;
        margin-left: 3%;
    }
    .content .content_inr .ttl {
        width: 100%;
    }
    .content .content_inr .ttl .iconArea {
        width: 18%;
        margin-top: 5px;
    }
    .content .content_inr .ttl .iconArea img {
        width: 100%; 
    }
    .content .content_inr .ttl .desc {
        width: 80%;
        font-size: 14px;
        font-weight: bold;
        margin-left: 2%;
    }

    .content .content_inr .mail {
        background-image: url(../soldoutimg/img_02_sp.jpg);
        background-repeat: no-repeat;
        width: 268px;
        height: 257px;
        margin: 2% auto 2%;
    }
    .content .content_inr .mail p {
        width: 220px;
        margin: 0 auto;
    }
    .content .content_inr .mail .txt {
        font-size: 14px;
        line-height: 1.4em;
        padding-top: 45px;
    }

    .boxes .leftbox {
        background-image: url(../soldoutimg/img_03.jpg);
        background-repeat: no-repeat;
        width: 268px;
        height: 229px;
        margin: 0 auto 0;
    }
    .boxes .rightbox {
        background-image: url(../soldoutimg/img_04.jpg);
        background-repeat: no-repeat;
        width: 269px;
        height: 229px;
        margin: 0 auto 0;
    }
    .boxes p {
        width: 220px;
        margin: 0 auto;
    }
    .boxes p.txt {
        font-size: 14px;
        line-height: 1.4em;
        padding-top: 85px;
    }
    .boxes p img {
        padding-top: 10px;
    }
}