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

.icon-totop {
    background-color: #ff7c80;
}

.sectionBox {
    background: #ffffff;
}
    .sectionBoxHead {
        background-color: #ff7c80;
    }

.inputField .section, .enqField .section, .passChangeField .section, .serialField .section {
    border-top: 1px solid #ff7c80;
}
.inputField, .enqField, .passChangeField, .serialField {
    border-bottom: 1px solid #ff7c80;
}

.hrLine {
    width: 90%;
    margin: 2em auto;
    border: 2px dotted #ff7c80;
}

.cmpTopBrColor {
    background-color: #faf6d3;
    padding-top: 1em;
}
.cmpPeriodDate {
    background-color: #eb7a7c;
    font-weight: bold;
    color: #ffffff;
    padding: 0.5em 0;
    text-align: center;
    margin-top: -1.4em;
}
.lineAddFriend {
    width: 80%;
    margin: 1em auto 0 auto;
    padding: 0.5em 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#58c69f+0,21ada8+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4YzY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMWFkYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,  #58c69f 0%,#21ada8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
    font-size: 30px;
    border-radius: 60px;
}
    .lineAddFriend a {
        display: block;
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
    }
        .lineAddFriend_position {
            position: absolute;
            top: 310px;
            left: 0;
            right: 0;
        }
        .pcheight {
            line-height: 45px;
        }
.title01 {
    width: 100%;
}
    .title01 img {
        width: 100%;
    }
.detail01 {
    width: 90%;
    margin: 0 auto;
}
    .detail01_position {
        position: relative;
    }
    .pcTargetProduct01 {
        width: 80%;
    }
.targetName {
    font-size: 40px;
    font-weight: bold;
}
    .targetName_sub {
        font-size: 20px;
        font-weight: bold;
    }
.targetImage {
    width: 40%;
    margin: 2em auto;
}
    .targetImage img {
        width: 100%;
    }
.targetStore {
    width: 90%;
    margin: -1em auto 0 auto;
}
    .targetStore img {
        width: 100%;
    }
.receiptSample {
    width: 100%;
    margin: -1em auto 0 auto;
}
    .receiptSample img {
        width: 100%;
    }
.receiptSampleImage {
    width: 100%;
    margin: 1.5em auto;
}
    .receiptSampleImage img {
        width: 100%;
    }
.contactArea {
    width: 80%;
    margin: 1em auto;
    padding: 1em 1em;
    text-align: left;
    border: 1px solid #000000;
}
    

.cmpbtnPrev {
    background: #7f7f7f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjdmN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f7f7f), color-stop(100%, #7f7f7f));
    background: -webkit-linear-gradient(top, #7f7f7f 0%, #7f7f7f 100%);
    background: -moz-linear-gradient(top, #7f7f7f 0%, #7f7f7f 100%);
    background: -o-linear-gradient(top, #7f7f7f 0%, #7f7f7f 100%);
    background: -ms-linear-gradient(top, #7f7f7f 0%, #7f7f7f 100%);
    background: linear-gradient(to bottom,  #7f7f7f 0%,#7f7f7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -pie-background: linear-gradient(top, #7f7f7f 0%, #7f7f7f 100%);
}
.cmpbtnNext {
    background: #eb6100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNjEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjYxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb6100), color-stop(100%, #eb6100));
    background: -webkit-linear-gradient(top, #eb6100 0%, #eb6100 100%);
    background: -moz-linear-gradient(top, #eb6100 0%, #eb6100 100%);
    background: -o-linear-gradient(top, #eb6100 0%, #eb6100 100%);
    background: -ms-linear-gradient(top, #eb6100 0%, #eb6100 100%);
    background: linear-gradient(to bottom,  #eb6100 0%,#eb6100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -pie-background: linear-gradient(top, #eb6100 0%, #eb6100 100%);
}

/* スクロール */
.scroll_bar {
    height: 20em;
    padding: 1em;
    overflow: auto;
    background-color: #ffffff;
    border:1px solid #808080;
    margin-top: 1em;
}