﻿body {
    /*background: none;*/
}
.coupon-exchange .list-inside {
    list-style-position:inside;
    padding: 0;
}
.coupon-exchange .list-inside li {
    margin-bottom: .35em;
}
.coupon-exchange .notice {

}
.coupon-exchange .notice:before {
    content: "※";
}
.coupon-exchange .main-header {
    margin:85px 10px 10px 10px;
}
.coupon-exchange .main-header * {
    color: #fff;
    text-shadow:none;
}
.coupon-code {   
    background:rgba(255,255,255,1);
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #e5e5e5;
}

    .coupon-code._is-pay * {
        color: #575655 !important;
    }
.coupon-code .title {
    font-size: 24px;
    text-shadow:none;
}
    .coupon-code label {
        display: block;
        background:rgba(255,255,255,1);
        border: 1px solid #ccc;
        border-radius: 5px;
        color: #575655;
        font-size: 20px;
        margin-bottom: 20px;
        padding: 10px;

    }
    .coupon-code input[type="text"] {
        width: 90%;
        background-color:transparent;
        border:solid 1px #ccc;
        font-size: 20px;
        margin: 12px 15px;
        outline: none;
        padding : 7px 9px;
    }
    .coupon-code input[type="text"]:focus {
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
    }
    .coupon-code .main-text {
        font-size: 18px;
        margin-bottom: 1em;
    }
    .coupon-exchange .login-container {
        margin-top: 25px;
    }

    img.main-image {width: 100%;}

@media (max-width: 768px){
    .coupon-exchange .main-header {
        margin: 65px 15px 0 15px;
    }
    .coupon-exchange .main-header .title {
        color: #575655;
    }
    /*.coupon-exchange > .row {
        margin-left: 0;
        margin-right: 0;
    }*/
    


    .coupon-code {
        border-style: none;
        margin: 0;
        padding: 15px;
    }
    .coupon-code label {
        margin: 0 15px 15px 15px;
    }
    .coupon-code .main-text {
        font-size: 16px;
    }
    .banners {
        display: none;
    }
    .coupon-exchange > .separator.bottom,
    .coupon-exchange .nod > .separator.bottom {
        display:none;
    }
    .coupon-exchange .login-container {
        margin-top: 0;
    }
    .coupon-exchange .form-signin-container > .form-signin {
        padding-left: 0;
        padding-right: 0;
    }
    .coupon-exchange .form-signin-container > .form-signin > .form-signin-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .coupon-exchange .form-signin {
        padding-left: 15px;
        padding-right: 15px;
    }
    .coupon-exchange .form-signin .row {
        margin: 0;
    }
    .coupon-exchange .nod {
        z-index: 0;
        border-style: solid none none none;
    }
    .coupon-exchange .nod .signup {
        padding: 10px;
    }
    .coupon-exchange .nod,
    .coupon-exchange .nod .tab-user-types,
    .coupon-exchange .nod .tab-user-types ul > li:first-child > a,
    .coupon-exchange .nod .tab-user-types ul > li:first-child > span,
    .coupon-exchange .nod .tab-user-types ul > li:last-child > a,
    .coupon-exchange .nod .tab-user-types ul > li:last-child > span {
        border-radius: 0;
    }
    .coupon-exchange .secure-badge {
        text-align: center;
    }
}
/*** moneyforward ***/
.glyphicons.mf::before {
    top: 3px !important;
}
