@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body{    font-family: Roboto, "Noto Sans JP", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif !important;
}
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

dl,
dt,
dd,
li {
    margin: 0;
    padding: 0;
}
dt {
    font-weight: 500;
}
.bg-blue{
    background-color:#276ab4 !important;
}
.bg-red{
    background-color:#ff3131 !important
    ;}

.banner_area {
    display: flex;
    justify-content: space-around;
    margin: 50px 0;
}

.banner_area img {
    width: 497px;
}

/*トップロゴ*/
.ec-headerRole .ec-headerRole__title {
    width: unset;
    display: inline-block;
}
.ec-headerTitle .ec-headerTitle__title {
    text-align: unset;
    display: inline-block;
}
.ec-headerTitle .ec-headerTitle__title a {
    margin-left: 44px;
}
@media (min-width: 768px) {
    .ec-headerTitle .ec-headerTitle__title a {
    margin: 0 auto;
}
}

.ec-headerTitle .ec-headerTitle__title a img {
    max-width: 190px;
    margin-top: 6px;
}
@media (min-width: 768px) {
.ec-headerTitle .ec-headerTitle__title a img {
        max-width: 240px;
        position: relative;
        top: 6px;
        margin-right: 0;
        margin-top: 0;
}
}
@media (max-width: 425px) {
.ec-headerTitle .ec-headerTitle__title a img {
    max-width: 160px;
    margin-top: 10px;
}
}

.wrap_navirole_nc{
    position: absolute;
    top: 8px;
    right: 32px;}
@media (min-width: 768px){
    .wrap_navirole_nc{
    position: relative;
    top:unset;
    right: unset;
    display: inline-block; 
    float: right;
    padding-top: 1rem;
    padding-right: 1.5rem;}
}
.ec-role {
    font-size: 15px;
}
.ec-sliderItemRole .slideThumb {
    margin-bottom: 25px;
    width: 30%;
    opacity: 0.8;
    cursor: pointer;
}
.ec-headerRole__cart{
    display: inline-block;
    width: 50px;
}
@media (max-width: 767px) {
.ec-headerRole__cart {
    width: unset;
}}
@media (min-width: 929px) {
.ec-headerRole__cart{
    width: unset;
}
}
.ec-cartNavi .ec-cartNavi__icon{
    color: #ffffff;
}
.reformpark .ec-cartNavi .ec-cartNavi__icon {
    color: #000000;
}
@media (min-width: 929px) {
    .ec-cartNavi .ec-cartNavi__icon{
    color: #000000;
}
}
.ec-grid2 {
    margin-top: 40px;
    display: flex;
    gap: 20px;
}

@media (min-width: 768px) {
    .ec-grid2 .ec-grid2__cell {
        width: 50%;
    }
}
.ec-newsRole .ec-newsRole__newsTitle{
    font-weight: 500;
}
@media only screen and (min-width: 768px) {
    .ec-newsRole .ec-newsRole__news {
        padding: 5px 30px;
    }
}
@media only screen and (min-width: 768px) {
    .ec-newsRole {
        padding: 30px 0 0;
    }
}

/* item_gallery関連 */
.item_gallery .row {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

.item_gallery ul.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.item_gallery .row li {
    width: 20%;
    padding: 0 16px 16px;
    text-align: left;
}

.item_gallery .item_name,
.item_gallery .item_price,
.item_gallery dl {
    text-align: left;
}

.item_gallery dl .product_maker_image {
    margin-bottom: .5rem;
}

.item_gallery dl .product_maker_image img {
    border-radius: 0 !important;
    width: auto;
    height: 1rem;
}

.item_gallery .item_name a{
    word-break:break-all;
}

/* flyer関連 */

.flyer h2 span {
    background: none;
    color: initial;
    padding: 10px 0;
    margin: 0;
}

.flyer h2 a {
    font-size: 16px;
    text-decoration: none;
}

/* 共通スタイル */
.item_photo {
    display: block;
    margin: 0 0 8px;
    text-align: center;
    position: relative;
}

.item_photo img {
    border-radius: 6px;
    max-height: 100%;
    width: auto;
}

.product_tag_list {
    display: inline-block;
    padding: 3px 8px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 3px;
    background: black;
    color: white;
    margin-bottom: 8px;
}

.product_tag_list a {
    padding-bottom: 0 !important;
    color: #ffffff;
}

.item_name {
    color: #525263;
    margin: 0 0 8px;
}

.item_price {
    color: #525263;
    font-weight: bold;
    position: relative;
}

.special_price {
    color: #DE5D50;
    font-size: 22px;
    padding-bottom: 16px;
}

/* メディアクエリ */
@media screen and (max-width: 768px) {
    .item_gallery .row li {
        width: 50%;
        padding: 0 8px;
        margin-bottom: 20px;
    }

    .flyer h2 span {
        display: block;
        margin: 0 0 10px;
    }

    .flyer h2 a {
        font-size: 14px;
    }
}

/* multi_num 関係のスタイル */

.item_price .multi_num {
    background: #ff0000;
    color: #ffffff;
    padding: 5px 1px;
    font-size: 1.3rem;
    position: absolute;
    right: 0px;
    font-weight: normal;
    line-height: 1;
}

.item_price .multi_num em {
    font-size: 1.1rem;
    font-style: normal;
    display: inline-block;
    font-weight: normal;
    padding-bottom: 3px;
    vertical-align: middle;
}

/* Media Queries */
@media only screen and (max-width: 767px) {
    .item_price .multi_num {
        position: relative;
        display: block;
        margin: 0 auto 16px;
        text-align: center;
        width: 40%;
    }

    .item_price .multi_num em {
        vertical-align: unset;
    }
}

@media only screen and (min-width: 768px) {
    .item_price .multi_num {
        padding: 5px;
        right: 5px;
    }
}

.ec-login-description {
    margin-bottom: 20px;
    color: #1E52A5;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

/*商品画像のサイズ調整*/
.ec-productRole img {
    width: 55%;
}

.ec-sliderItemRole .slideThumb img {
    width: 75%;
}

/*商品一覧の「数量等」及び「カートに入れる」を隠す*/
#page_product_list .ec-productRole__actions {
    display: none;
}

#page_product_list .ec-productRole__btn {
    display: none;
}

/*カテゴリの発注を非表示に*/
.ec-itemNav__nav li:last-child {
    display: none;
}
.ec-headerNav .ec-headerNav__itemIcon {
    color: #ffffff;
}
.reformpark .ec-headerNav .ec-headerNav__itemIcon {
    color: #000000;
}
.ec-categoryNaviRole .ec-itemNav__nav li:last-child,
.ec-headerCategoryArea .ec-itemNav__nav li:last-child {
    display: block;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    width: 66.6666666667%;
justify-content: unset;
}

@media (min-width: 768px) {
.ec-headerNav .ec-headerNav__item {
    width: 78px;
    text-align: center;
    font-size: unset;
}
.ec-headerNav .ec-headerNav__itemIcon {
        margin: 0 auto;
    }
}
@media (max-width: 928px) {
.ec-headerNav .ec-headerNav__itemLink,
.ec-cartNaviIsset,
.ec-cartNavi .ec-cartNavi__price {
    display: none;
}}
@media (max-width: 928px) {
.ec-cartNavi {
    display: inline-block;
    padding: 10px 0 0 20px;
    width: auto;
    color: black;
    background: transparent;
}}
@media (max-width: 928px) {
    .ec-headerNav .ec-headerNav__item {
    width: 46px;
    position: relative;
    top: -10px;
}
}
@media (max-width: 425px) {
    .ec-headerNav .ec-headerNav__item {
    width: 36px;
}
.wrap_navirole_nc {
    right: 16px;
}
}
@media (max-width: 767px) {
    .ec-headerNav .ec-headerNav__item {
        top: unset;
    }
}
/*商品詳細トップ画像を中央に*/
.slide-item {
/*    display: ruby-text !important;*/
    display:inline-block;
}

/* スライダー位置調整 */
.slick-slide img {
    margin: 0 auto;
}

/* スマホ表示の際に商品詳細にて表示を調整 */
.ec-grid2 {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .ec-grid2 {
        flex-direction: row;
    }
}

.ec-grid2__cell {
    width: 100%;
}

@media (min-width: 768px) {
    .ec-grid2__cell {
        width: 50%;
    }
}

/*商品一覧の掛率調整*/
.item_photo .multi_num {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: center;
    background: #DE5D50;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 2px 0 0 2px;
}

.ec-productRole__price {
    display: flex;
}

.ec-productRole__price em {
    font-style: normal;
}

/*商品詳細見積依頼する用*/
.ec-productRole__btn #estimate {
    background: #00ad47;
    border: none;
}

/*サムネイル画像にボータ−追加、表示サイズ統一*/
.item_photo>.item_photo,
.ec-shelfGrid__item-image {
    align-items: center;
    aspect-ratio: 1;
    border: 1px solid #ccc;
    display: flex;
    object-fit: contain;
    position: relative;
    border-radius: 6px;
    justify-content: center;
}

/*商品一覧の商品説明(一覧)を非表示*/
.ec-shelfGrid__item-image~p+p:not(.price02-default) {
    display: none;
}

/*商品詳細の通常価格上のborderとの間にマージン追加*/
.ec-productRole .ec-productRole__tags {
    margin-bottom: 1rem;
}

.ec-productRole .ec-productRole__priceRegular {
    padding-top: 0;
}

/*商品詳細の見積依頼ボタンとborderとの間にマージン追加*/
.ec-productRole__btn {
    margin-top: 1rem;
}

.ec-productRole__actions+.ec-productRole__btn {
    margin-top: 0;
}

/*product/listページの掛率の表示用CSS*/
.ec-shelfGrid__item {
    position: relative;
    display: inline-block;
}

p.ec-shelfGrid__item-image {
    position: relative;
}

.ec-shelfGrid__item-image span.multi_num {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: center;
    background: red;
    color: white;
    padding: 5px 10px;
}
.ec-headerSearch .ec-headerSearch__keyword {
    border-radius: 10px;
}
.ec-headerSearch .searchform{
    min-width: unset;
    display: inline-block;

}@media (man-width: 767px) {
.ec-headerSearch .searchform{
    display: none;
}
}
@media (min-width: 768px) {
.ec-headerSearch .searchform{
    min-width: 270px;
}
}
@media (min-width: 1000px) {
.ec-headerSearch .searchform{
    min-width: 320px;
}
}
@media (min-width: 1088px) {
    .ec-headerSearch .searchform {
       width: 410px;
    }
}
@media only screen and (min-width: 768px) {
    .ec-headerSearch .ec-headerSearch__keyword {
        float: unset;
        width: unset;
    }
}
/*ヘッダーナビゲーション*/
.ec-headerRole__estimate {
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 20px;
    width: auto;
    min-width: 140px;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    font-size: 20px;
    background: #FFFF33;
    border: 2px solid #062950;
    text-align: center;
    display: flex;
    justify-content: center;
}
.ec-headerRole__estimate:hover {
    background: #FFEE00;
}
.ec-headerRole__estimate a {
    color: #062950;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.ec-headerRole__amount_confirmation {
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-left: 20px;
    width: auto;
    min-width: 140px;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    background: #99FF33;
    border: 2px solid #062950;
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.ec-headerRole__amount_confirmation:hover{
    background: #66FF33;
}

.ec-headerRole__amount_confirmation a {
    color: #062950;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (max-width: 630px) {
    .ec-headerRole__estimate .estimate-text::before {
       content: "ほしい商品が\A見つからない";
       white-space: pre;
       line-height: 16px;
        top: 6px;
        position: relative;
    }

    .ec-headerRole__amount_confirmation .estimate-text::before {
        content: "お届け日を\A知りたい";
        white-space: pre;
       line-height: 16px;
        top: 6px;
        position: relative;
    }

    .estimate-text {
        visibility: hidden;
    }

    .estimate-text::before {
        visibility: visible;
        font-size: 14px;
        display: flex;
        justify-content: center;
    }
}

.ec-headerNav {
    text-align: right;
    display: inline-block;
}

/*メーカーロゴ  */
.ec-productRole__profile img {
    width: auto;
    height: 30px;
}

/* ○トップメニュー */
.ec-headerRole {
    background: #2568B4;
    width: 100%;
    max-width: 100%;
    height: 60px;
    padding: 0;
    position: fixed;
    z-index: 100;
}

@media (min-width: 768px) {
.ec-headerRole {
    height: 74px;
    width: 100%;
}
.wrap_ec-headerRole{
    margin: 0 auto; 
    max-width: 1130px;
    width: 100%;
    position: relative;
}
}

.ec-headerRole.senryoku,
.ec-headerRole.oyakata {
    background: #079C68;
}

.ec-headerRole.reformpark {
    background: #FFF8E1;
}

.ec-itemNav__nav li a {
    background: #F8F8F8;
    border: 1px #aaaaaa solid;
    border-radius: 19px;
    padding: 7px 23px !important;
    border-bottom: 1px #aaaaaa solid;
    font-weight: 500;
}
.ec-itemNav__nav li ul li a{
        font-weight: 500;
}

.ec-itemNav__nav li {
    float: none;
    margin: 10px;
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .ec-itemNav__nav {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 768px) {
    .ec-itemNav__nav li ul li ul:before {
        top: 11px;
    }
}

.ec-itemNav__nav li ul li {
    margin: 0 0 0 0;
}

/* ○新着 */

.flyer h2 {
    align-items: center;
    display: flex;
    justify-content: left;
    margin: 35px 0;
    align-items: baseline;
    margin-left: 10;
}

.flyer h2 span {
    background: none;
    color: initial;
    padding: 10px 0;
    margin: 0;
    margin-right: 22px;
}

.flyer h2 a {
    font-size: 16px;
    text-decoration: underline;
}

/* â—‹ */

.ec-shelfGrid__item-image span.multi_num {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: center;
    background: #DE5D50;
    color: white;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 4px;
}

p.price02-default {
    color: #DE5D50 !important;
    margin-top: 4px;
}

.ec-shelfGrid__item p {
    color: #2568B4;
}

.multi_num em {
    font-style: normal;
}

.ec-shelfGrid__item-image span.multi_num {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    margin: 2px 0 0 2px;
    display: flex;
    align-items: center;
    text-align: center;
    background: #DE5D50;
    color: white;
    padding: 5px 14px;
    font-size: 18px;
    border-radius: 4px;
    /* font-style: normal; */
}

.ec-shelfGrid .ec-shelfGrid__item-image {
    margin-bottom: .5rem;
    text-align: center;
}

.ec-shelfGrid .product_maker_image {
    margin-bottom: .5rem;
}

.ec-shelfGrid .product_maker_image img {
    border-radius: 0 !important;
    width: auto;
    height: 1rem;
}

/* ○詳細 */
.ec-productRole .ec-productRole__tags {
    margin-top: 14px;
    border-bottom: 1px dotted #ccc;
}

/* ・ボタン */
button.ec-blockBtn--action.add-cart {
    font-size: 18px;
    background: white;
    color: black;
    border: 2px solid;
    border-radius: 6px;
}

.ec-productRole__btn button#favorite {
    font-size: 18px;
    background: black;
    color: white;
    border: 2px solid;
    border-radius: 6px;
    margin-top: 13px;
}

/*商品詳細の見積依頼ボタンとborderとの間にマージン追加*/
.ec-productRole__btn {
    margin-top: 13px;
}

/* ○マイページボックス */
.ec-navlistRole .ec-navlistRole__navlist {
    border-color: #2568B4;
    border-width: 2px 0 0 2px;
}

.ec-navlistRole .ec-navlistRole__item {
    border-color: #2568B4;
    border-width: 0 2px 2px 0;
    font-size: 18px;
    color: #2568B4;
}

.ec-navlistRole .active {
    background: #2568B4;
}

.ec-navlistRole .active a {
    color: white;
}

/* マイページ会員情報ボタン */
.ec-blockBtn--cancel {
    font-size: 18px;
    background: white;
    color: #2568B4;
    border: 2px solid #2568B4;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ec-off4Grid .ec-off4Grid__cell button.ec-blockBtn--cancel {
    font-size: 18px;
    background: #2568B4;
    color: white;
    border: 2px solid;
    border-radius: 6px;
    margin-top: 13px;
}

/* ○カートに追加しました。 */
.ec-modal-wrap span.ec-inlineBtn--cancel,
.ec-modal-wrap a.ec-inlineBtn--action {
    min-width: unset;
    width: 90%;
    height: 56px;
    padding: 16px 0;
    margin: 10px;
    border: 2px solid #2568B4;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1;
}
@media only screen and (min-width: 768px) {
.ec-modal-wrap span.ec-inlineBtn--cancel,
.ec-modal-wrap a.ec-inlineBtn--action {
    min-width: 350px;
}}



.ec-modal-wrap span.ec-inlineBtn--cancel {
    background: white;
    color: #2568B4;
}

.ec-modal-wrap a.ec-inlineBtn--action {
    background: #2568B4;
}

.ec-modal-wrap div#ec-modal-header {
    color: #010101;
    font-size: 18px;
}

/* ○カートナビゲーション */
.ec-progress .is-complete .ec-progress__number {
    background: #2568B4;
}

.ec-progress .is-complete .ec-progress__label {
    color: #2568B4;
}

.ec-progress .ec-progress__number {
    background: #CCCCCC;
}

.ec-progress .ec-progress__label {
    font-size: 16px;
    color: #cccccc;
}

.ec-progress .ec-progress__item:after {
    content: "";
    position: absolute;
    display: block;
    background: repeating-linear-gradient(90deg,
            #cccccc,
            #cccccc 0.25em,
            transparent 0.25em,
            transparent 0.5em);
    width: 100%;
    height: 2px;
    top: 21px;
    left: 50%;
    margin-left: 1.5em \9;
    z-index: -1;
}

.ec-progress {
    max-width: 650px;
}

/* divでボタンを二つ囲み横並びにする。 */
.ec-cartRole .ec-blockBtn--action {
    margin-bottom: 0;
    background: #2568B4;
    border: 2px solid #2568B4;
    border-radius: 6px;
    color: white;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex: 1; */
    min-width: 162px;
}

/* カートのご注文手続き文字 */
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
    font-size: 18px;
    background: #2568B4;
    color: white;
    border: 2px solid;
    border-radius: 6px;
    margin-top: 13px;
}

.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel {
    margin-bottom: 10px;
    background: white;
    border: 2px solid #2568B4;
    border-radius: 6px;
    color: #2568B4;
    font-size: 18px;
}

.ec-headerNaviRoleContainer {
    background: rgb(37 104 180 / 50%);
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 100;
}
.ec-headerNaviRoleContainer.reformparkNaviRoleContainer {
    background: #FFF8E1;
}
@media only screen and (min-width: 768px) {
.ec-headerNaviRoleContainer {
    top: 74px;
}}

.ec-headerNaviRole {
    box-sizing: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    padding: 12px 10px;
}
@media only screen and (min-width: 768px) {
    .ec-headerNaviRole {
        padding-bottom: 14px;
    }
}
.ec-headerNaviRole.oyakataNaviRole{
	padding:0;
}
.ec-headerNaviRole.reformparkNaviRole{
	background:#FFF8E1;
}
.ec-headerNaviRole .ec-headerNaviRole__left {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 768px) {
    .ec-headerNaviRole .ec-headerNaviRole__search,
    .ec-headerNaviRole__search {
        display: inline-block;
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
.ec-headerNaviRole__search{
    display: none;
}}


.ec-headerNaviRole *,
.ec-headerNaviRole *::before,
.ec-headerNaviRole *::after {
    box-sizing: inherit;
    z-index: 10000;
}

@media only screen and (min-width: 768px) {
    .ec-headerSearch .ec-headerSearch__category {
        float: unset;
        width: unset;
        margin-right: unset;
    }
}
@media only screen and (min-width: 768px) {
    .ec-categoryNaviRole {
        position: relative;
        top: 168px;
    }
    .ec-layoutRole .ec-layoutRole__contents,
    .ec-layoutRole__footer{
        position: relative;
        top: 215px;
    }
}
@media only screen and (min-width: 768px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
        border-radius: 24px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
    position: absolute;
    top: auto;
    right: 1em;
    width: 0;
    height: 0;
    padding: 0;
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    pointer-events: none;
}

@media only screen and (min-width: 768px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select select {
        max-width: 165px;
        height: 100%;
        font-size: 18px;
        padding-left: 1em;
    }
}

@media only screen and (min-width: 768px) {
    .ec-headerSearch .ec-headerSearch__keyword {
        border-radius: 24px;
        height: 48px;
        max-width: 480px;
        display: flex;
        justify-content: center;
    }
}

.ec-headerSearch__keyword .ec-input {
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 768px) {
    .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
        font-size: 16px;
    }
}

.ec-headerSearch .ec-headerSearch__keywordBtn {
    border: 0;
    background: none;
    position: absolute;
    display: block;
    white-space: nowrap;
    z-index: 1;
    right: 2px;
}

.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    width:100%;
}

.ec-headerNav .ec-headerNav__itemLink {
    margin-right: 5px;
    font-size: 12px;
    vertical-align: bottom;
    color: #ffffff;
}

.reformpark .ec-headerNav .ec-headerNav__itemLink {
    color: #000000;
}

/*ボタンのホバーアクション*/
.ec-navlistRole .ec-navlistRole__item:hover,
.ec-blockBtn--cancel:hover,
.ec-cartRole .ec-blockBtn--action:hover,
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel:hover,
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action:hover {
    background: rgba(37, 104, 180, 0.5);
    color: white;
    border-color: #2568B4;
}

.ec-blockBtnContainer {
    width: 75%;
    display: flex;
    gap: 24px;
    margin: 0 auto;
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    .ec-cartRole .ec-cartRole__actions {
        margin: 0 10%;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .ec-cartNavi {
        padding: 0 17px 0px 17px;
        display: flex;
        align-items: center;
    }
    .ec-cartNaviWrap{
        top:-10px;
    }
}

@media only screen and (min-width: 768px) {
    .ec-cartNavi .ec-cartNavi__price {
        font-size: 15px;
    }
}

@media (max-width: 928px) {
    .ec-headerRole__estimate a {
        display: block;
    }
    .ec-headerRole__amount_confirmation a {
        display: block;
    }
}

@media (max-width: 928px) {
    .ec-headerNaviRole .ec-headerNaviRole__right {
        margin-top: 0;
    }
}

@media (max-width: 928px) {
    .ec-cartNavi {
        padding: 10px 0 0 10px;
    }
}

@media (max-width: 928px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
        top: 17px;
    }

    .ec-itemNav {
        padding-right: 20px;
    }
}

.ec-shelfGrid .ec-shelfGrid__item img,
.ec-favoriteRole__itemThumb img {
    border-radius: 6px;
}

.MakerLogoPriceRatio {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.MakerLogoPriceRatio span.multi_num {
    border-radius: 4px;
    background: #DE5D50;
    color: white;
    font-size: 1.5rem;
    padding: 4px 12px;
}

.ec-blockBtnContainer>* {
    flex: 1;
    min-width: 162px;
}

.ec-productRole .ec-productRole__tag {
    padding: 3px 8px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    background-color: black;
    color: white;
}

@media only screen and (min-width: 768px) {
    .ec-itemNav__nav li {
        white-space: nowrap;
    }
}

.ec-cartNaviIsset.is-active {
    min-width: 320px;
    display: block;
    margin-top: 10px;
}
.ec-cartNaviNull.is-active {
    min-width: 320px;
}

.main_contents.estimation h2 {
    margin-left:10px;
}

.main_contents.estimation h2+p {
    margin-left:10px;
}

.ec-layoutRole .ec-layoutRole__contents,
.ec-layoutRole__footer {
    padding:0 10px;
    position: relative;
    top: 140px;
}
@media (min-width: 768px) {
    .ec-layoutRole .ec-layoutRole__contents,
.ec-layoutRole__footer {
    padding:0 10px;
    position: relative;
    top: 180px;
}
}

.fb_address_description {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main_contents .form_block .fb_detail .zipbtn {
        white-space: nowrap;
        width: auto;
}

.fb_address_description .zip-code_alignment {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}



@media only screen and (max-width: 768px) {
.ec-cartRow {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-end;*/
    width: 100%;
}

.ec-cartRow .ec-cartRow__delColumn {
    border-bottom: none;
    padding-top: 10px;
    text-align: right;
    width: 100%;
}

.ec-cartRow .ec-cartRow__contentColumn {
    display: flex;
    border: none;
    width: 100%;
}

.ec-cartRow .ec-cartRow__amountColumn {
    align-items: center;
    display: flex;
    justify-content: end;
    padding-bottom: .75rem;
    width: 100%;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
    margin-bottom: 0;
    margin-right: 1rem;
}

.ec-cartRow .ec-cartRow__img {
    width: 130px;
}

.ec-cartRow .ec-cartRow__summary {
    flex: 1;
    font-size: 90%;
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__unitPrice,
.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP{
    text-align: right;
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name a {
    display:inline-block;
    margin-bottom: 10px;
}

.ec-progress .ec-progress__label {
    font-size: 90%;
}

.ec-progress .ec-progress__item:after {
    top: 15px;
}
}

.ec-halfInput.error {
    display: flex;
    flex-wrap: wrap;
}

#entry_contact1_first_name,
#entry_contact1_first_name_kana,
#entry_contact2_first_name,
#entry_contact2_first_name_kana,
#entry_contact3_first_name,
#entry_contact3_first_name_kana,
#entry_contact4_first_name,
#entry_contact4_first_name_kana,
#entry_contact5_first_name,
#entry_contact5_first_name_kana {
    margin-bottom: 0px;
}

.ec-halfInput.representative.error {
    flex-direction: column;
}

.ec-select select {
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}
.ec-select.error select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    border-color: #CF3F34 !important;
}

.ec-headerNaviRole .ec-headerNaviRole__nav a {
    display: flex;
    gap: .5rem;
}

.ec-favoriteRole__item-image {
    aspect-ratio: 1;
    border-radius: 6px;
    object-fit: contain;
    overflow: hidden;
}

.ec-favoriteRole__item-image img {
    border-radius: 0;
}