/* カスタマイズ用CSS */

/*ページ全体のレイアウト*/
.ec-layoutRole {background-color:#000;color:#FFF;}
body{font-size:small !important;background-color:#000;color:#E0E0E0;margin:3px;padding:0;
     font-family: 'Helvetica','Helvetica Neue','Arial',sans-serif;}
.ec-layoutRole__contents{margin-bottom:20px;}
a{color:#C66;text-decoration: none!important;}
a:hover{color:#bf4040;}
.ec-role,.ec-productRole,.ec-mypageRole,.ec-welcomeMsg,.ec-cartRole,.ec-orderRole,.ec-registerRole,.ec-historyRole .ec-historyRole__contents,.ec-customerRole{color:#FFF;}
p{color:white;-webkit-margin-after:1rem;}
.text-dark p{color:#000}
.ec-role{padding:0px;}

/* ヘッダー */
header,header * a{background-color:#000;color:#E0E0E0;border-bottom: 1px solid #ccc;text-decoration: none!important;}
.navbar-toggler-icon{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

/* フッター */
footer{border-top:1px solid #ccc;text-align:center;font-size:small}
footer nav ul{line-height:150%;margin:3px auto 18px;width:90%}
footer nav ul li{display:inline-block}
footer nav ul li a{color:#FFF}
footer nav ul li a:hover{color:#bf4040}
footer p{line-height:150%;margin-bottom:18px}

/*  見出し(h1,h2) */
.ec-pageHeader h1,.ec-productRole__title h1,h2,.ec-rectHeading h2{
    color:#FFF;background:linear-gradient(to right, #322 0%, #000 50%, #000 100%);position:relative;width:100%}
h1::before,h2::before{
    content:"";display:inline-block;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgOCAzMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJnMSIgY3g9IjAuNSIgY3k9IjAuNSIgcj0iNi41IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNSAxNSkgc2NhbGUoMSA0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4xNiIvPjxzdG9wIG9mZnNldD0iMC4yNSIgc3RvcC1jb2xvcj0iIzA1MDUwNSIvPjxzdG9wIG9mZnNldD0iMC4zNSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIvPjxzdG9wIG9mZnNldD0iMC40NiIgc3RvcC1jb2xvcj0iIzJhMmEyYSIvPjxzdG9wIG9mZnNldD0iMC41OCIgc3RvcC1jb2xvcj0iIzRiNGI0YiIvPjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjNzU3NTc1Ii8+PHN0b3Agb2Zmc2V0PSIwLjgyIiBzdG9wLWNvbG9yPSIjYThhOGE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjk1IiBzdG9wLWNvbG9yPSIjZTRlNGU0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9yYWRpYWxHcmFkaWVudD48bWFzayBpZD0ibWFzayIgeD0iMCIgeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMzEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjMxIiBmaWxsPSJ1cmwoI2cxKSIvPjwvbWFzaz48L2RlZnM+PGcgbWFzaz0idXJsKCNtYXNrKSI+PHJlY3QgaWQ9IkgxIiB3aWR0aD0iOCIgaGVpZ2h0PSIzMSIvPjwvZz48L3N2Zz4=");
    background-repeat:no-repeat;position:absolute;top:0;left:0;width:8px}
h1::before{background-color:#A00;height:32px}
h2::before{background-color:#6B6644;height:24px}
.ec-rectHeading h2::before{height:40px}
.ec-pageHeader h1,.ec-productRole .ec-productRole__title .ec-headingTitle,.ec-mypageRole .ec-pageHeader h1{
    margin:8px 0 10px 1px;padding:6px 0 4px 16px;font-size:large;letter-spacing:0.2em;border-bottom:none}
h2{padding:3px 0 2px 16px;margin:24px 0 5px 1px;font-size:medium;letter-spacing:0.1em}
.ec-registerCompleteRole h2,.ec-reportHeading h2{background:#322;}
.ec-registerCompleteRole h2::before,.ec-reportHeading h2::before{height:40px;}

/* カード */
.card{background-color: #322;}
.icon1{background:#18b}.icon2{background:#639}.icon3{background:#3CF}
.icon4{background:#6C0}.icon5{background:#F69}
.card-body .fa-search{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    line-height: 1;
    font-size: clamp(0.72rem, 1.8vw, 1rem);
}

@media (max-width: 767.98px) {
    .product-card-grid {
        --bs-gutter-x: 0.6rem;
        --bs-gutter-y: 0.75rem;
    }

    .card-body .fa-search {
        font-size: clamp(0.68rem, 3.1vw, 0.88rem);
        line-height: 1.2;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }
}

/* テーブル */
.table{color:#FFF}

/* その他 */
.ec-modal .ec-modal-wrap,.ec-cartHeader .ec-cartHeader__label,.ec-login,.ec-guest,.ec-totalBox,.ec-totalBox .ec-totalBox__pointBlock,.ec-AddAddress .ec-AddAddress__item{background:#322}
p .pay_img{width:auto}
.ec-cartCompleteRole h2{background:#322}
.price{color:#F90;font-weight:bold}
#price02_default,#price02_dynamic{font-size:1.6rem}
.attention{color:#F90}
h3{background-color:#000;border-top:solid 1px #322;border-bottom:solid 1px #322;color:#FFF;width:100%;
    padding:3px 0 3px 5px;margin:24px 0 5px 0;font-size:medium}
.dl_table dt{background:#322;margin-bottom:0.2rem}
.dareyame{color:#000;font-family:min;}
.fas{font-weight:900!important}



body {
    background-color: #000;
    color: #E0E0E0;
    margin: 3px;
    padding: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}

h1 {
    margin: 8px 0 10px 1px;
    padding: 6px 0 4px 16px;
    font-size: large;
    letter-spacing: 0.2em
}

h1::before {
    background-color: #A00;
    height: 31px
}

h2 {
    padding: 3px 0 2px 16px;
    margin: 24px 0 5px 1px;
    font-size: medium;
    letter-spacing: 0.1em
}

h2::before {
    background-color: #6B6644;
    height: 24px
}

h1,
h2 {
    color: #FFF;
    background: #000;
    background: linear-gradient(to right, #322 0%, #000 50%, #000 100%);
    position: relative;
    width: 100%
}

h1::before,
h2::before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgOCAzMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJnMSIgY3g9IjAuNSIgY3k9IjAuNSIgcj0iNi41IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNSAxNSkgc2NhbGUoMSA0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4xNiIvPjxzdG9wIG9mZnNldD0iMC4yNSIgc3RvcC1jb2xvcj0iIzA1MDUwNSIvPjxzdG9wIG9mZnNldD0iMC4zNSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIvPjxzdG9wIG9mZnNldD0iMC40NiIgc3RvcC1jb2xvcj0iIzJhMmEyYSIvPjxzdG9wIG9mZnNldD0iMC41OCIgc3RvcC1jb2xvcj0iIzRiNGI0YiIvPjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjNzU3NTc1Ii8+PHN0b3Agb2Zmc2V0PSIwLjgyIiBzdG9wLWNvbG9yPSIjYThhOGE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjk1IiBzdG9wLWNvbG9yPSIjZTRlNGU0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9yYWRpYWxHcmFkaWVudD48bWFzayBpZD0ibWFzayIgeD0iMCIgeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iMzEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjMxIiBmaWxsPSJ1cmwoI2cxKSIvPjwvbWFzaz48L2RlZnM+PGcgbWFzaz0idXJsKCNtYXNrKSI+PHJlY3QgaWQ9IkgxIiB3aWR0aD0iOCIgaGVpZ2h0PSIzMSIvPjwvZz48L3N2Zz4=");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px
}

h3 {
    background-color: #000;
    border-top: solid 1px #322;
    border-bottom: solid 1px #322;
    color: #FFF;
    width: 100%;
    padding: 3px 0 3px 5px;
    margin: 24px 0 5px 0;
    font-size: medium
}

a {
    color: #C66;
    text-decoration: none
}

a:hover {
    color: #bf4040;
    text-decoration: none
}

dt,
dd {
    line-height: 2
}

table th {
    background: #322;
    white-space: nowrap
}

hr {
    border-top: 1px solid #ccc
}

header {
    background-color: #000;
    border-bottom: 1px solid #ccc
}

footer {
    border-top: 1px solid #ccc;
    text-align: center;
    font-size: small;
    line-height: 150%
}

footer p {
    line-height: 150%;
    margin-bottom: 18px
}

footer nav ul {
    line-height: 150%;
    margin: 3px auto 18px;
    width: 90%
}

footer nav ul li {
    display: inline-block;
    list-style: none
}

footer nav ul li:last-child:after {
    content: " |"
}

footer nav ul li a {
    color: #FFF
}

footer nav ul li a:hover {
    color: #bf4040
}

div#navi,
div#offcanvasnavi {
    background-color: #000
}

div#navi ul,
div#offcanvasnavi ul {
    list-style-type: none;
    margin: 0
}

div#navi ul li,
div#offcanvasnavi ul li {
    margin-left: -30px
}

div#navi ul li a,
div#offcanvasnavi ul li a {
    background-position: 6px;
    background-repeat: no-repeat;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #FFF;
    display: inline-block;
    width: 100%;
    padding: 10px 12px 10px 28px;
    position: relative
}

div#navi ul li a:hover,
div#offcanvasnavi ul li a:hover {
    background-color: #322
}

div#navi ul li a:before,
div#offcanvasnavi ul li a:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgOCAxMiI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJnMSIgY3g9IjQiIGN5PSI0NC44IiByPSI2LjQiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNTEuOTEpIHNjYWxlKDEgMS4yOSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiLz48c3RvcCBvZmZzZXQ9IjAuMTYiLz48c3RvcCBvZmZzZXQ9IjAuMjUiIHN0b3AtY29sb3I9IiMwNTA1MDUiLz48c3RvcCBvZmZzZXQ9IjAuMzUiIHN0b3AtY29sb3I9IiMxMzEzMTMiLz48c3RvcCBvZmZzZXQ9IjAuNDYiIHN0b3AtY29sb3I9IiMyYTJhMmEiLz48c3RvcCBvZmZzZXQ9IjAuNTgiIHN0b3AtY29sb3I9IiM0YjRiNGIiLz48c3RvcCBvZmZzZXQ9IjAuNyIgc3RvcC1jb2xvcj0iIzc1NzU3NSIvPjxzdG9wIG9mZnNldD0iMC44MiIgc3RvcC1jb2xvcj0iI2E4YThhOCIvPjxzdG9wIG9mZnNldD0iMC45NSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIvPjwvcmFkaWFsR3JhZGllbnQ+PG1hc2sgaWQ9Im0iIHg9IjAiIHk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgZmlsbD0idXJsKCNnMSkiLz48L21hc2s+PC9kZWZzPjxnIG1hc2s9InVybCgjbSkiPjxnIGlkPSJPRkYiIGNsYXNzPSJiZyI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iMTIiLz48L2c+PC9nPjwvc3ZnPg==");
    background-color: #847b4a;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 16px;
    left: 6px
}

div#navi ul li.current-menu-item a,
div#navi ul li.current-page-ancestor a,
div#offcanvasnavi ul li.current-menu-item a,
div#offcanvasnavi ul li.current-page-ancestor a {
    border-right: none
}

div#navi ul li.current-menu-item a:hover,
div#navi ul li.current-page-ancestor a:hover,
div#offcanvasnavi ul li.current-menu-item a:hover,
div#offcanvasnavi ul li.current-page-ancestor a:hover {
    background-color: #000
}

div#navi ul li.current-menu-item a:before,
div#navi ul li.current-page-ancestor a:before,
div#offcanvasnavi ul li.current-menu-item a:before,
div#offcanvasnavi ul li.current-page-ancestor a:before {
    background-color: #e70100
}

div#navi div#rest,
div#navi div.rest,
div#offcanvasnavi div#rest,
div#offcanvasnavi div.rest {
    border-right: 1px solid #ccc;
    border-bottom: none;
    min-height: 300px;
    padding-right: 2px;
    padding-top: 1em
}

.large {
    font-size: 1.7rem
}

.red {
    color: #F90;
    font-size: medium
}

.redst {
    color: #F90;
    font-size: medium;
    font-weight: bold
}

.mapp-canvas img {
    max-width: none
}

i,
.svg-inline--fa {
    margin-right: 0.2em
}

.form-control:focus {
    background: #e4d6d6
}

.card {
    background-color: #322;
    color: #FFF;
    margin-bottom: 1em
}

table.table {
    color: #FFF
}

.card-header a {
    display: inline-block;
    width: 100%;
    cursor: pointer
}

.card-header a.i::after {
    float: right
}

.btn-primary {
    background-color: #C66;
    border-color: #C66
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #4d1a1a;
    border-color: #4d1a1a
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active {
    background-color: #bf4040;
    border-color: #bf4040
}

.nav-tabs .nav-link {
    color: #FFF;
    background: #322;
    border-bottom: 1px solid #ccc
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    color: #FFF;
    background: #704b4b
}

.collapse .card-body {
    background-color: #523636
}

.modal-content {
    background: #322
}

.list-group-item {
    color: #FFF;
    background: #322;
    border: 1px solid #ccc
}

.i::before,
.i::after,
.nav-tabs a.nav-link::after,
.btn-back::before,
.btn-next::after {
    font: var(--fa-font-solid);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.i::before {
    margin-right: 0.5rem
}

.i::after {
    margin-left: 0.2rem
}

.i-down::after {
    content: "\f0d7"
}

.i-map::before {
    content: "\f3c5"
}

.i-next::after,
.nav-tabs a.nav-link::after,
.btn-next::after {
    content: "\f138";
    margin-left: 0.2rem
}

.btn-back::before {
    content: "\f137";
    margin-right: 0.2rem
}

.btn-next::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

div.coverstory p {
    line-height: 180%;
    margin: 18px
}

div.news_excerpt p {
    line-height: 1.4
}

div.news_img img {
    margin: 0 10px
}

div.products {
    color: #333;
    background: #FFF;
    text-align: center
}

div.products a {
    color: #999
}

div.products a:hover {
    color: #bf4040
}

div.products .card-body {
    padding: 0.5rem
}

table.itemshop td {
    text-align: right
}

table.itemshop td.itemname {
    text-align: left
}

table.aboutus {
    margin: 1rem
}

table.aboutus th {
    width: 9em
}