@charset "UTF-8";

/* --------------------------------------------------
 ECQ
-------------------------------------------------- */
/* BASE --------------- */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 2;
}

* {
    box-sizing: content-box;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

/* layout --------------- */

.ec-layoutRole {
    overflow-x: hidden;
}

.ec-layoutRole .ec-layoutRole__contents {
    min-height: calc(100vh - 252px);
    padding-top: 0;
    padding-bottom: 4%;
}

.ec-blockTopBtn {
    font-size: 80%;
}

/* title mypage --------------- */

@media screen and (min-width: 768px) {
    .ec-mypageRole .ec-pageHeader h1 {
        margin: 0 auto;
        padding: 0;
    }
}

/* entry page --------------- */

.ec-role {
    color: #1b1b1b;
    line-height: 2;
}

.ec-registerRole {
    color: #1b1b1b;
    line-height: 2;
}

.ec-reportDescription {
    line-height: 2;
}

/* login page --------------- */

#shopping_login .ec-grid2 {
    flex-wrap: wrap;
}

#shopping_login .ec-grid2 .ec-grid2__cell {
    width: 100%;
}

#login_mypage .ec-grid2 {
    flex-wrap: wrap;
}

#login_mypage .ec-grid2 .ec-grid2__cell {
    width: 100%;
}

/*@media screen and (max-width: 767px) {
    .ec-login {
        padding-left: 0;
        padding-right: 0;
    }
    .ec-guest {
        width: 100%;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 0;
        padding-right: 0;
    }
}*/

/* page_product_list --------------- */

#page_product_list .ec-shelfGrid a {
    color: #313131;
}

#page_product_list .ec-shelfGrid .product-name {
    color: #003a83;
    font-size: 140%;
}

#page_product_list .ec-shelfGrid .price02-default {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    #page_product_list .ec-shelfGrid .product-name {
        font-size: 120%;
    }
}

/* products page --------------- */

.ec-shelfRole {
    line-height: 2;
}

.ec-shelfGrid a {
    color: #153d86;
    text-decoration: none;
}

.ec-productRole .ec-productRole__tags {
    border-bottom-style: solid;
    margin-bottom: 16px;
}

.ec-productRole .ec-productRole__price {
    border-bottom-style: solid;
}

.ec-productRole .ec-productRole__code {
    border-bottom-style: solid;
}

.ec-productRole .ec-productRole__category {
    border-bottom-style: solid;
}

.ec-productRole .ec-productRole__category a {
    color: #1b1b1b;
}

.ec-productRole .ec-productRole__category a:hover {
    color: #153d86;
    text-decoration: none;
}

.ec-cartRole .ec-cartRole__cart {
    margin-left: 0;
    margin-right: 0;
}

.ec-cartTable {
    border-collapse: collapse;
}

.ec-cartHeader .ec-cartHeader__label {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}

.ec-cartRow li {
    border: 1px solid #ccc;
    padding: 10px;
}

.ec-cartRow .ec-cartRow__delColumn {
    border-bottom-style: solid;
}

.ec-cartRow .ec-cartRow__contentColumn {
    border-bottom-style: solid;
    padding: 10px;
}

.ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__name a {
    color: #153d86;
    text-decoration: none;
}

.ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__name a:hover {
    text-decoration: underline;
}

.ec-cartRow .ec-cartRow__amountColumn {
    border-bottom-style: solid;
}

.ec-cartRow .ec-cartRow__subtotalColumn {
    border-bottom-style: solid;
}

.ec-cartRole .ec-cartRole__actions {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ec-cartRole .ec-cartRole__total {
    width: 100%;
}

.ec-cartRole .ec-blockBtn--action {
    width: 230px;
    margin-right: 20px;
}

.ec-cartRole .ec-blockBtn--cancel {
    width: 230px;
}

.ec-progress .ec-progress__item::after {
    background-color: #4771b3;
}

.ec-progress .ec-progress__number {
    background-color: #7594c6;
}

.ec-progress .is-complete .ec-progress__number {
    background-color: #194da0;
}

.ec-progress .is-complete .ec-progress__label {
    color: #194da0;
}

.ec-productRole .ec-productRole__tag {
    background-color: #4771b3;
    color: #fff;
    border-color: #4771b3;
}

.ec-productRole .ec-productRole__category a {
    color: #4771b3;
    text-decoration: none;
}

.ec-productRole .ec-productRole__category a:hover {
    color: #194da0;
    text-decoration: underline;
}

.ec-totalBox {
    border: 1px solid #ccc;
}

.ec-productRole__profile .ec-productRole__description {
    border: none;
    padding: 0;
}

.ec-shelfGrid .ec-shelfGrid__item-image {
    /*background-color: #e2e2e2;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .ec-cartTable {
        border-top: none;
    }
    .ec-cartRow .ec-cartRow__delColumn {
        border-bottom-style: solid;
    }
    .ec-cartRow .ec-cartRow__contentColumn {
        border-bottom-style: solid;
        padding: 0;
        display: table-cell;
    }
    .ec-cartRow .ec-cartRow__img {
        padding: 8px;
    }
    .ec-cartRow .ec-cartRow__summary {
        padding: 8px;
    }
    .ec-cartRow .ec-cartRow__amountColumn {
        border-bottom-style: solid;
    }
    .ec-cartRole {
        padding-left: 5px;
        padding-right: 5px;
    }
    .ec-cartRole .ec-blockBtn--action {
        width: 100%;
        margin-right: 0;
    }
    .ec-cartRole .ec-blockBtn--cancel {
        width: 100%;
    }
}

/* page_mypage --------------- */

#page_mypage .ec-historyRole .ec-historyRole__contents {
    color: #003a83;
}

/* page_mypage_favorite --------------- */

#page_mypage_favorite .ec-favoriteRole .ec-favoriteRole__itemTitle {
    color: #003a83;
    font-size: 140%;
    line-height: 2;
}

#page_mypage_favorite .ec-favoriteRole .ec-favoriteRole__itemPrice {
    font-weight: 300;
    line-height: 2;
}

#page_mypage_favorite .ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
    z-index: 1;
}

@media screen and (max-width: 767px) {
    #page_mypage_favorite .ec-favoriteRole .ec-favoriteRole__itemTitle {
        font-size: 120%;
    }
}

/* page_mypage_delivery --------------- */

#page_mypage_delivery .ec-addressRole .ec-addressRole__actions {
    text-align: center;
}

#page_mypage_delivery .ec-addressRole .ec-addressRole__actions .ec-inlineBtn {
    width: 300px;
    padding-top: 17px;
    padding-bottom: 17px;
    max-width: 100%;
}

#page_mypage_delivery .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin-left: 0;
}

/* page_mypage_history --------------- */

#page_mypage_history .ec-orderRole__detail .ec-orderOrder {
    padding: 15px;
    border: 1px solid #ccc;
    line-height: 2;
}

#page_mypage_history .ec-orderDelivery .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_mypage_history .ec-orderAccount .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_mypage_history .ec-orderAccount .ec-orderAccount__account {
    line-height: 2;
}

#page_mypage_history .ec-orderDelivery {
    margin-bottom: 30px;
}

#page_mypage_history .ec-orderDelivery .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_mypage_history .ec-orderDelivery .ec-orderDelivery__title {
    border-bottom: 1px solid #ccc;
}

#page_mypage_history .ec-orderDelivery .ec-imageGrid {
    border-top: none;
}

#page_mypage_history .ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid__content {
    line-height: 2;
}

#page_mypage_history .ec-orderDelivery .ec-orderDelivery__address {
    line-height: 2;
}

#page_mypage_history .ec-orderDelivery .ec-select__delivery {
    display: block;
}

#page_mypage_history .ec-orderDelivery .ec-select__time {
    display: block;
}

#page_mypage_history .ec-orderDelivery .ec-orderDelivery__edit {
    text-align: center;
}

#page_mypage_history .ec-orderPayment {
    margin-bottom: 30px;
}

#page_mypage_history .ec-orderPayment .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_mypage_history .ec-orderConfirm {
    margin-bottom: 30px;
}

#page_mypage_history .ec-orderConfirm .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_mypage_history .ec-orderMails {
    margin-bottom: 30px;
}

#page_mypage_history .ec-orderMails .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_mypage_history .ec-layoutRole__main .ec-role {
    text-align: center;
}

/* page_shopping --------------- */
#page_shopping .ec-orderAccount .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping .ec-orderAccount .ec-orderAccount__account {
    line-height: 2;
}

#page_shopping .ec-orderDelivery {
    margin-bottom: 30px;
}

#page_shopping .ec-orderDelivery .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping .ec-orderDelivery .ec-orderDelivery__title {
    border-bottom: 1px solid #ccc;
}

#page_shopping .ec-orderDelivery .ec-imageGrid {
    border-top: none;
}

#page_shopping .ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid__content {
    line-height: 2;
}

#page_shopping .ec-orderDelivery .ec-orderDelivery__address {
    line-height: 2;
}

#page_shopping .ec-orderDelivery .ec-select__delivery {
    display: block;
}

#page_shopping .ec-orderDelivery .ec-select__time {
    display: block;
}

#page_shopping .ec-orderDelivery .ec-orderDelivery__edit {
    text-align: center;
}

#page_shopping .ec-orderPayment {
    margin-bottom: 30px;
}

#page_shopping .ec-orderPayment .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping .ec-orderConfirm .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

/* page_shopping_redirect_to --------------- */
#page_shopping_redirect_to .ec-orderAccount .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping_redirect_to .ec-orderAccount .ec-orderAccount__account {
    line-height: 2;
}

#page_shopping_redirect_to .ec-orderDelivery {
    margin-bottom: 30px;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-orderDelivery__title {
    border-bottom: 1px solid #ccc;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-imageGrid {
    border-top: none;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid__content {
    line-height: 2;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-orderDelivery__address {
    line-height: 2;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-select__delivery {
    display: block;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-select__time {
    display: block;
}

#page_shopping_redirect_to .ec-orderDelivery .ec-orderDelivery__edit {
    text-align: center;
}

#page_shopping_redirect_to .ec-orderPayment {
    margin-bottom: 30px;
}

#page_shopping_redirect_to .ec-orderPayment .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping_redirect_to .ec-orderConfirm .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

/* page_shopping_confirm --------------- */
#page_shopping_confirm .ec-orderAccount .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping_confirm .ec-orderAccount .ec-orderAccount__account {
    line-height: 2;
}

#page_shopping_confirm .ec-orderDelivery {
    margin-bottom: 30px;
}

#page_shopping_confirm .ec-orderDelivery .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__title {
    border-bottom: 1px solid #ccc;
}

#page_shopping_confirm .ec-orderDelivery .ec-imageGrid {
    border-top: none;
}

#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid__content {
    line-height: 2;
}

#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__address {
    line-height: 2;
}

#page_shopping_confirm .ec-orderDelivery .ec-select__delivery {
    display: block;
}

#page_shopping_confirm .ec-orderDelivery .ec-select__time {
    display: block;
}

#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__edit {
    text-align: center;
}

#page_shopping_confirm .ec-orderPayment {
    margin-bottom: 30px;
}

#page_shopping_confirm .ec-orderPayment .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

#page_shopping_confirm .ec-orderConfirm .ec-innerBlc {
    padding: 15px;
    border: 1px solid #ccc;
}

/* page_shopping_shipping --------------- */
#page_shopping_shipping .ec-addressRole .ec-addressRole__actions {
    text-align: center;
}

/* page_shopping_shipping_multiple --------------- */
#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__new {
    text-align: center;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__add {
    border: 1px solid #ccc;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

/* title --------------- */
.ec-pageHeader {
    background-color: #e8f1fc;
    padding: 10px 2%;
    margin-bottom: 4%;
    position: relative;
}

.ec-pageHeader::after {
    content: "";
    background-color: #e8f1fc;
    width: calc(100% + 1150px);
    height: 100%;
    position: absolute;
    top: 0;
    left: -50%;
}

.ec-pageHeader > h1 {
    color: #003a83;
    font-size: 2em;
    font-weight: 500;
    max-width: 1200px;
    border-bottom: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 1;
}

.ec-headingTitle {
    color: #003a83;
}

.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
    background-color: #003a83;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .ec-pageHeader > h1 {
        font-size: 1.6em;
        border-top: none;
    }
    .ec-reportHeading {
        border-top: none;
    }
}

/* form --------------- */
.ec-borderedDefs {
    border-top: none;
}

.ec-required {
    background-color: #f02323;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    line-height: 22px;
    width: 34px;
    border-radius: 3px;
}

.ec-zipInputHelp span {
    color: #153d86;
}

.ec-borderedDefs dl {
    border-bottom-style: solid;
}

.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
    height: 46px;
    box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    .ec-select select {
        width: 100%;
    }
}

/* buttons & links --------------- */
.ec-link:hover {
    color: #153d86
}

.ec-blockBtn--action {
    background-color: #153d86;
    border-color: #153d86;
    box-sizing: border-box;
}

.ec-blockBtn--action:hover {
    background-color: #153d86;
    border-color: #153d86;
    opacity: 0.8;
}

.ec-blockBtn--action:active, .ec-blockBtn--action.active, .open > .ec-blockBtn--action.dropdown-toggle {
    background-color: #153d86;
    border-color: #153d86;
}

.ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
    background-color: #153d86;
    border-color: #153d86;
}

.ec-blockBtn--action:active:hover, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus, .open > .ec-blockBtn--action.dropdown-toggle:hover, .open > .ec-blockBtn--action.dropdown-toggle:focus, .open > .ec-blockBtn--action.dropdown-toggle.focus {
    background-color: #153d86;
    border-color: #153d86;
}

.ec-blockBtn--action.disabled:hover, .ec-blockBtn--action.disabled:focus, .ec-blockBtn--action.disabled.focus, .ec-blockBtn--action[disabled]:hover, .ec-blockBtn--action[disabled]:focus, .ec-blockBtn--action[disabled].focus,
  fieldset[disabled] .ec-blockBtn--action:hover,
  fieldset[disabled] .ec-blockBtn--action:focus,
  fieldset[disabled] .ec-blockBtn--action.focus {
    background-color: #153d86;
    border-color: #153d86; }

.ec-blockBtn--cancel {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
    text-decoration: none;
    box-sizing: border-box;
}

.ec-blockBtn--cancel {
    background-color: #153d86;
    border-color: #153d86;
}

.ec-blockBtn--cancel:link, .ec-blockBtn--cancel:visited {
    color: #fff;
    text-decoration: none;
}

.ec-blockBtn--cancel:hover {
    background-color: #153d86;
    border-color: #153d86;
    opacity: 0.8;
}

.ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active, .open > .ec-blockBtn--cancel.dropdown-toggle {
    background-color: #153d86;
    border-color: #153d86;
}

.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus {
    background-color: #153d86;
    border-color: #153d86;
}

.ec-blockBtn--cancel:active:hover, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:hover, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus, .open > .ec-blockBtn--cancel.dropdown-toggle:hover, .open > .ec-blockBtn--cancel.dropdown-toggle:focus, .open > .ec-blockBtn--cancel.dropdown-toggle.focus {
    background-color: #153d86;
    border-color: #153d86;
}

.ec-inlineBtn--action {
    color: #fff;
    text-decoration: none;
}

.ec-blockTopBtn {
    background-color: #0c3b7f;
    width: 40px;
    text-indent: -9999px;
}

.ec-blockTopBtn::after {
    content: '';
    width: 10px;
    height: 10px;
    margin: auto;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(225deg);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.ec-navlistRole .active a {
    background-color: #0c3b7f;
    color: #fff;
    height: 100%;
}

.ec-navlistRole .ec-navlistRole__item a:hover {
    background-color: #0c3b7f;
    color: #fff;
}

.ec-inlineBtn {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-inlineBtn:hover {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
    opacity: 0.8;
}

.ec-inlineBtn:active, .ec-inlineBtn.active, .open > .ec-inlineBtn.dropdown-toggle {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-inlineBtn:focus, .ec-inlineBtn.focus {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-inlineBtn:active:hover, .ec-inlineBtn:active:focus, .ec-inlineBtn:active.focus, .ec-inlineBtn.active:hover, .ec-inlineBtn.active:focus, .ec-inlineBtn.active.focus, .open > .ec-inlineBtn.dropdown-toggle:hover, .open > .ec-inlineBtn.dropdown-toggle:focus, .open > .ec-inlineBtn.dropdown-toggle.focus {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-inlineBtn.disabled:hover, .ec-inlineBtn.disabled:focus, .ec-inlineBtn.disabled.focus, .ec-inlineBtn[disabled]:hover, .ec-inlineBtn[disabled]:focus, .ec-inlineBtn[disabled].focus,
  fieldset[disabled] .ec-inlineBtn:hover,
  fieldset[disabled] .ec-inlineBtn:focus,
  fieldset[disabled] .ec-inlineBtn.focus {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-blockBtn {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-blockBtn:hover {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
    opacity: 0.8;
}

.ec-blockBtn:active, .ec-blockBtn.active, .open > .ec-blockBtn.dropdown-toggle {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-blockBtn:focus, .ec-blockBtn.focus {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

.ec-blockBtn:active:hover, .ec-blockBtn:active:focus, .ec-blockBtn:active.focus, .ec-blockBtn.active:hover, .ec-blockBtn.active:focus, .ec-blockBtn.active.focus, .open > .ec-blockBtn.dropdown-toggle:hover, .open > .ec-blockBtn.dropdown-toggle:focus, .open > .ec-blockBtn.dropdown-toggle.focus {
    background-color: #153d86;
    color: #fff;
    border-color: #153d86;
}

/* modal-overlay --------------- */

/*.ec-modal .ec-modal-overlay {
    visibility: hidden;
}

.ec-modal input:checked ~ .ec-modal-overlay {
    visibility: visible;
}*/

/* headerNaviRole --------------- */

.ec-headerNaviRole {
    padding: 5px 0 0;
    justify-content: flex-end;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    width: 100%;
    margin-right: 60px;
}

@media screen and (max-width: 1340px) {
    .ec-headerNaviRole .ec-headerNaviRole__right {
        margin-right: 40px;
    }
}