@charset "utf-8";
/**
 *
 * 
 *
 */


/* 全体 */
.sectionBox {
    background: #ffffff;
}
    .sectionBox .sectionBoxHead {
        background-color: #EE87B4;
        width: 30%;
        margin: 0 auto;
        padding: 0.7em 10px 0.5em 10px;
        border-radius: 25px;
        font-size: 100%;
    }

.hr_type01 {
    border: 1px solid #EE87B4;
    margin: 1em auto 2em auto;
}
.icon-totop {
    background-color: #EE87B4;
}

.teaserBox {
    border: 2px solid #000000;
    border-radius: 30px;
}

/* TOP */
#index .description1,
#teaser .description1 {
    width: 100%;
    margin: 2em auto 2.5em auto;
    text-align: center;
    font-weight: bold;
}

.goods_area {
    width: 45%;
    display: inline-block;
    margin: 0 auto 1em auto;
    padding: 0 0.5em;
    vertical-align: top;
}
    .goods_area .goods_image {
        width: 85%;
        margin: 0 auto;
    }
        .goods_area .goods_image img {
            width: 100%;
        }
    .goods_area .goods_description_area {
        width: 95%;
        margin: 15px auto;
    }
        .goods_area .goods_description_area .goods_title {
            font-weight: bold;
        }
        .goods_area .goods_description_area .goods_description {
            margin-bottom: 1em;
            text-align: left;
        }
        .goods_area .goods_description_area .goods_price {
        }
            .goods_area .goods_description_area .goods_price table {
                width: 100%;
                margin: 0 auto;
            }
                .goods_area .goods_description_area .goods_price th {
                    background-color: #dedfee;
                    font-weight: bold;
                    border: 1px solid #5b69a8;
                    text-align: center;
                    padding: 0.3em;
                    vertical-align: middle;
                }
                .goods_area .goods_description_area .goods_price td {
                    border: 1px solid #5b69a8;
                    text-align: center;
                    padding: 0.3em;
                    vertical-align: middle;
                }

        .goods8_set {
            width: 100%;
        }
            .goods8_set .setGoods1 {
                width: 49%;
                display: inline-block;
                vertical-align: top;
            }

    .postage_area {
        width: 70%;
        margin: 2em auto;
        text-align: center;
        border: 1px solid #EE87B4;
    }
        .postage_area .postage_title {
            background-color: #FFE1EF;
            color: #FF87B4;
            padding: 0.5em 0;
        }
        .postage_area .postage_description {
            color: #FF87B4;
            padding: 1em 0;
        }
    
.closing_title1 {
    color: #69BDD1;
    font-weight: bold;
    margin-bottom: 1em;
}
    .closing_title2 {
        margin-top: 1.5em;
    }
.periodTitle {
    width: 25%;
    display: inline-block;
    color: #ffffff;
    background-color: #69BDD1;
    padding: 0.3em 0;
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 80%;
    vertical-align: middle;
}
.cmp_period_area {
    width: 35%;
    display: inline-block;
    font-weight: bold;
    font-size: 140%;
}
.deposit_description {
    width: 90%;
    margin: 2em auto 1em 4.5em;
}
.specified_goods_description {
    width: 90%;
    margin: 2em auto 0 auto;
    padding: 1em 2em;
    color: #ffffff;
    background-color: #EE87B4;
}

.btnDownload {
    margin: 1em auto 0 auto;
}
    .btnDownload a {
        width: 50%;
        font-size: 25px;
    }

.order_mail_area {
    width: 100%;
    margin: 1em auto;
}
    .order_mail_area .order_mail_title {
        color: #EE87B4;
        font-weight: bold;
    }
    .order_mail_area .order_mail {
        margin: 0.5em auto;
    }
        .order_mail_area .order_mail a {
            color: #000000;
            font-weight: bold;
            text-decoration: none;
        }
    .order_mail_text {
        width: 85%;
        margin: 2em auto;
    }
        .order_mail_text .order_mail_bodytext {
            width: 100%;
            border: 3px dotted #000000;
            padding: 1em;
        }
    .mail_bottom_text {
        width: 93%;
        margin: 1.5em auto;
    }

.inquiry_area {
    width: 70%;
    margin: 2em auto;
    text-align: center;
    border: 1px solid #69BDD1;
}
    .inquiry_area .inquiry_title {
        background-color: #69BDD1;
        color: #ffffff;
        font-weight: bold;
        padding: 0.5em 0;
    }
    .inquiry_area .inquiry_description {
        padding: 1em;
    }
        .inquiry_area .inquiry_description .inquiry_tel {
            text-decoration: none;
            color: #000000;
        }

.icon_index1 {
    width: 20%;
    margin: 0 auto;
}
.flow_index1 {
    width: 100%;
    margin: 0.5em auto;
}
    .icon_index1 img,
    .flow_index1 img {
        width: 100%;
    }

/* 応募画面 */
.inputField .section, .enqField .section, .passChangeField .section, .serialField .section {
    border-top: 1px solid #E183AC;
}
.inputField, .enqField, .passChangeField, .serialField {
    border-bottom: 1px solid #E183AC;
}
.cmp_btnPrev {
    background: #6b6b6b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjZiNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(100%, #6b6b6b));
    background: -webkit-linear-gradient(top, #6b6b6b 0%, #6b6b6b 100%);
    background: -moz-linear-gradient(top, #6b6b6b 0%, #6b6b6b 100%);
    background: -o-linear-gradient(top, #6b6b6b 0%, #6b6b6b 100%);
    background: -ms-linear-gradient(top, #6b6b6b 0%, #6b6b6b 100%);
    background: linear-gradient(top, #6b6b6b 0%, #6b6b6b 100%);
    -pie-background: linear-gradient(top, #6b6b6b 0%, #6b6b6b 100%);
}
.yourMail {
    background-color: #ffffff;
    border: 2px solid #EE87B4;
    color: #EE87B4;
}
.reg_premium_area {
    margin-bottom: 1em;
}
    .reg_premium_image {
        width: 20%;
        display: inline-block;
        vertical-align: top;
    }
        .reg_premium_image img {
            width: 100%;
        }
        .reg_premium_input_area {
            width: 70%;
            display: inline-block;
            vertical-align: top;
        }
            .reg_premium_input_area .premium_name {
                font-weight: bold;
            }
            .reg_premium_input_area .premium_input input {
                width: 20%;
            }

.goods_total_area {
    width: 70%;
    margin: 0 0 0 auto;
    text-align: right;
}
    .goods_total_area .goods_total_table {
        width: 100%;
    }
        .goods_total_area .goods_total_table td {
            width: 50%;
            border: 1px solid #000000;
        }
            .goods_total_area .goods_total_table .kingaku_title {
                background-color: #FFED9F;
                text-align: center;
                font-weight: bold;
            }
            .goods_total_area .goods_total_table .kingaku {
                background-color: #cccccc;
                font-weight: bold;
            }
                .goods_total_area .goods_total_table .kingaku input {
                    width: 60%;
                    border: none;
                    text-align: right;
                    padding-right: 1em;
                    background-color: unset;
                }

.cmp_form_chainPremiumNo {
    text-align: right;
}


/* 特定商取引法 */
#cmp_commercial .commercial_item {
    width: 100%;
    padding: 1.5em 0;
    border-bottom: 1px solid #E183AC;
}
    #cmp_commercial .commercial_item .title {
        width: 25%;
        display: inline-block;
        font-weight: bold;
        vertical-align: top;
    }
    #cmp_commercial .commercial_item .description {
        width: 72%;
        display: inline-block;
    }