/*::::::::reset::::::::*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #FFFFFF;
    color: #333333;
    -webkit-text-size-adjust: 100%;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul, li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #000000;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="text"], select {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}
.clear {
    clear: both;
    overflow: hidden;
}
/*::::::::reset end::::::::*/
/*::::::::all::::::::*/
#wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}
@media (min-width: 1025px) {
    #header {
        padding: 0;
    }
}
@media (min-width:1025px) {
    a:hover img {
        opacity: 0.8;
    }
    a:hover, a:focus {
        color: #054678;
        text-decoration: underline;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        text-decoration: none;
    }
    a img {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}
.link:hover {
    cursor: pointer;
}
.inner {
    width: 95%;
}
p.center_txt {
    text-align: center;
}
.center_txt a {
    display: inline-block;
}
.vw100 {
    width: 100vw;
    height: auto;
}
::selection {
    background: #d4dcd6;
    /* Safari */
}
::-moz-selection {
    background: #d4dcd6;
    /* Firefox */
}
.clearfix {
    clear: both;
    display: block;
    overflow: hidden;
}
.copy {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    max-width: 1200px;
    margin: 0 auto;
    color: #FFFFFF;
}
.ec-layoutRole .ec-layoutRole__contents{
    margin-top: 45px;
}
.pc {
    display: none !important;
}

@media (min-width: 768px) {
    .pc {
        display: block !important;
    }
}
.ec-layoutRole .ec-layoutRole__contents {
    margin-right: auto;
    margin-left: auto;
    max-width: 1150px;
    display: block;
    overflow: hidden;
}
.ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
    display: block;
    padding: 0 15px;
    margin: 30px auto;
}
@media (min-width: 768px) {
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        display: block;
        width: 240px;
        margin: 0;
    }
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        width: 870px;
    }
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        padding: 0;
    }
}
.inner {
    width: 100%;
    margin: 0 auto;
}
.ec-off1Grid .inner {
    width: 100%;
}
body#page_homepage .inner {
    width: 90%;
    margin: 0 auto;
}
body#page_product_list .inner.page-product {
    width: 90%;
}
@media (min-width: 1025px) {
    .inner {
        width: 100%;
        margin: 0 auto;
        max-width: 1130px;
    }
    body#page_homepage .inner {
        width: 100%;
        margin: 0 auto;
    }
    body#page_product_list .inner.page-product {
        width: 100%;
    }
}
.ec-layoutRole .ec-layoutRole__contents {
    margin-top: 45px;
    padding-left: 0px;
}
@media (min-width: 768px) {
    .ec-layoutRole .ec-layoutRole__contents {
        margin-top: 45px;
        padding-left: 30px;
    }
}
.ec-cartNavi {
    color: #6F6F6F;
    float: right;
    padding-right: 50px;
    padding-top: 14px;
}
.ec-cartNaviNull {

    top: 90px;
}
@media (min-width: 1025px) {
    .ec-layoutRole .ec-layoutRole__contents {
        padding-left: 0;
    }
    .ec-headerRole__cart {
        max-width: 250px;
        float: right;
        width: 100%;
    }

    .ec-cartNavi {
        display: flex;
        justify-content: space-between;
        border-radius: 0;
        box-sizing: border-box;
        padding: 12px 17px 10px;
        width: auto;
        min-width: 140px;
        height: 44px;
        white-space: nowrap;
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #E0E0E0;
    }
}

@media (min-width: 768px) {
    .ec-cartNavi .ec-cartNavi__badge {
        display: inline-block;
        min-width: 17px;
        position: relative;
        left: 0;
        top: 0;
    }
}
.ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    border-radius: 99999px;
    box-sizing: border-box;
    padding: 9px;
    height: 25px;
    font-size: 12px;
    line-height: 0.7;
    vertical-align: top;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    background-color: #E5243B;
    position: absolute;
    left: -26px;
    top: -20px;
}
.ec-headerNav .ec-headerNav__item {
    margin-left: 0;
    display: inline-block;
    font-size: 14px;
    padding: 14px 15px 15px;
}
.ec-headerNav__item.btn-login {
    background-color: #e6e6e6;
    border-radius: 30px;
    padding: 5px 30px;
}
.ec-headerNavSP {

    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 10px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    color: black;
    background: white;
    position: fixed;
    top: 46px;
    right: 10px;
    left: auto;
    z-index: 1000;
}


.ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;;
}
body#page_user_data .ec-role img {
    width: auto;
}
/*===============================================
				ボタンエリア
===============================================*/
.button-area {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.btn-detail {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    min-width: 130px;

    width: 87%;
}
.btn-detail a {
    transition: 0.5s;
    position: relative;
    z-index: 1;
    background-color: #FD6925;
    color: #FFFFFF;
    min-width: 130px;
    display: block;
    text-align: center;
    padding: 5px 0;
}
.btn-detail a:hover {
    background-color: #F9580E;
    color: #ffffff;
}
.btn-detail::before {
    background-color: #BA5221;
    position: absolute;
    bottom: -4px;
    right: -4px;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 0;
}
.btn-detail a::after {
    background: url(../img/icon-arrow.svg) no-repeat left;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 7px;
    right: 25px;
    content: "";
}
.btn-detail a:hover:after {
    transition: 0.5s;
    background: url("../img/icon-arrow.svg") no-repeat left;
}
/*ボタンエリアここまで*/
/*===============================================
●TOP - メインビジュアル
===============================================*/
.item {
    padding: 0;
}
.front_page #contents .row {
    padding-bottom: 0;
    clear: both;
}
.ec-layoutRole .ec-layoutRole__contentTop {
    clear: both;
}
@media (min-width: 1025px) {
    .item {
        padding: 5px 10px;
    }
    .main_visual .slick-slide img {
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    }
}
.main_visual {
    margin-bottom: 30px;
}
.container-fluid.main-slider {
    padding-top: 25px;
    position: relative;
    top: 0;
    z-index: 1;
}
.slick-dots {
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    content: " ";
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    text-align: center;
    opacity: .90;
    background-color: #C5C5C5;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before {
    background-color: #054678;
}
.header_logo_area .header_logo span {
    display: block;
}
/*===============================================
●TOP - ヘッダー
===============================================*/
.header_logo_area .header_logo {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.header_logo_area .header_logo a img {
    padding: 8px 8px 8px 0;
}
.header_logo_area {
    z-index: 1;
    width: 50%;
    float: left;
}
@media (min-width: 1025px) {
    .header_logo_area {
        z-index: 1;
        width: 40%;
        float: left;
    }
}
.wrap-copy {
    padding: 5px 15px;
    background: #054678;
    background: -moz-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: -webkit-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: linear-gradient(to right, #054678 0%, #3b779f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054678', endColorstr='#3b779f', GradientType=1);
}

#header .copy {
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: normal;
    max-width: 1200px;
    margin: 0 auto;
    color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
    #header .copy {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/*.b-main {
    padding-top: 60px;
    border-top: 1px solid #D5B577;
    margin-top: 20px;
	 padding-bottom: 130px;
}*/
.b-main {
    padding-top: 0;
    margin-top: 20px;
    padding-bottom: 130px;
}
#page_homepage .b-nav {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .b-main {
        padding-top: 0;
        margin-top: 20px;
        padding-bottom: 130px;
        padding-right: 0;
        padding-left: 0;
    }
}
#page_homepage .b-main {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
    padding-bottom: 0;
}
@media only screen and (min-width: 1025px) {
    .header_logo_area .header_logo {
        font-size: 15px;
        font-size: 1.5rem;
        margin: 0;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        display: flex;
        align-items: baseline;
        max-width: 396px;
    }
    .header_logo_area .header_logo a img {
        padding: 8px 8px 0 0;
    }
    .header_logo_area .header_logo span {
        display: inline-block;
    }
    .header-inner {
        max-width: 1150px;
        margin: 0 auto;
        width: 100%;
        padding: 0 0 0 15px;
        box-sizing: border-box;
    }
    #contents {
        padding-top: 0;
    }
}

@media only screen and (min-width: 1025px) {
    #header .container-fluid.inner {
        max-width: 1200px;
        width: 100%;
        padding: 0 15px;
    }
    #contents_top #category {
        padding: 0;
        background-color: #C7C7A8;
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        position: relative;
        z-index: 10;
        top: 0;
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 1200px) {
    #header .container-fluid.inner {
        max-width: 1200px;
        width: 100%;
        padding: 0;
    }
}
@media only screen and (min-width: 1025px) {
    #header .header_logo_area {
        float: left;
        margin-right: 0;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    #header .header_logo_area .row {
        margin: 0;
    }
}
#member {
    padding: 10px 5px 0 15px;
    margin-bottom: 0;
}
/*EC-CUBE4追加*/
.ec-layoutRole__header {
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
    padding-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
    .ec-layoutRole__header {
        overflow: initial;
        box-shadow: none;
        padding-bottom: 10px;
    }
}
.ec-cartNaviIsset.is-active {
    top: 90px;
}
@media only screen and (min-width: 1025px) {
    .ec-cartNaviIsset.is-active {
        top: 50px;
    }
}
/*===============================================
●TOP - グロナビ
===============================================*/
nav.content-menu {
    clear: both;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    padding-top: 0;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 0;
    padding-top: 10px;
}
nav.content-menu ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
nav.content-menu ul li {
    /*padding: 5px 10px;*/
    text-align: center;
    width: 100%;
}
nav.content-menu ul li a {
    display: block;
    padding: 10px;
}
nav.content-menu ul li:nth-child(1) a {
    border-top: 7px solid #E5243B;
    color: #E5243B;
}
nav.content-menu ul li:nth-child(2) a {
    border-top: 7px solid #56C02B;
    color: #56C02B;
}
nav.content-menu ul li:nth-child(3) a {
    border-top: 7px solid #F2BA00;
    color: #F2BA00;
}
nav.content-menu ul li:nth-child(4) a {
    border-top: 7px solid #26BDE2;
    color: #26BDE2;
}
nav.content-menu ul li:last-child {
}
img.icon-nav {
    padding-right: 5px;
}

/*===============================================
●下層 - ヘッダー
===============================================*/
.header-inner {
    padding: 10px 16px;
}

@media only screen and (min-width: 1025px) {
    .header-inner {
        padding: 0;
    }
}
.headr-tel span {
    display: block;
    font-size: 14px;
}
.headr-tel span.mini-txt {
    display: inline-block;
    color: #4d4d4d;
    font-size: 12px;
    width: 100%;
}
.headr-tel a {
    font-size: 2.4rem;
    font-weight: bold;
    color: #054678;
    letter-spacing: 0.08rem;
}
.category-nav ul {
    display: block;
}

.tb {
    display: block !important;
}
.drawer_block .pc-menu {
    display: block;
}
@media (min-width: 1024px) {
    .tb {
        display: none !important;
    }
    .drawer_block .pc-menu {
        display: none;
    }
}
.ec-drawerRoleClose {
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 10px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    color: black;
    background: white;
    position: fixed;
    top: 46px;
    left: inherit;
    z-index: 1000;
    right: 10px;
}
/*===============================================
●TOP - サービス紹介
===============================================*/
#service .ec-categoryRole .ec-categoryRole__list {
    flex-wrap: wrap;
}
#service .ec-categoryRole .ec-categoryRole__list {
    flex-wrap: wrap;
    justify-content: space-between;
}
#service .ec-categoryRole .ec-categoryRole__listItem {
    margin-right: 0;
    left: auto;
    width: 100%;
}
@media only screen and (min-width: 1025px) {
    #service .ec-categoryRole .ec-categoryRole__listItem {
        max-width: 285px;
        margin-right: 0;
        left: auto;
        width: 100%;
    }
}
#service .ec-categoryRole .ec-categoryRole__list::after {
    content: "";
    display: block;
    width: 33%;
    max-width: 285px;
}
.ttl-box-h2 h2 {
    border-bottom: solid 3px #E0E0E0;
    position: relative;
    font-size: 20px;
    font-size: 2.0rem;
    padding: 5px 0
}
.ttl-box-h2 img {
    padding-left: 20px;
}
.ttl-box-h2 h2:after {
    position: absolute;
    content: " ";
    display: block;
    bottom: -3px;
    width: 15%;
}
.ttl-box-h2 h2.ttl-print {
    color: #E5243B;
}
.ttl-box-h2 h2.ttl-print:after {
    border-bottom: solid 3px #E5243B;
}
.ttl-box-h2 h2.ttl-special-print {
    color: #56C02B;
}
.ttl-box-h2 h2.ttl-special-print:after {
    border-bottom: solid 3px #56C02B;
}
.ttl-box-h2 h2.ttl-novelty {
    color: #F2BA00;
}
.ttl-box-h2 h2.ttl-novelty:after {
    border-bottom: solid 3px #F2BA00;
}
.ttl-box-h2 h2.ttl-gifchoise-o {
    color: #26BDE2;
}
.ttl-box-h2 h2.ttl-gifchoise-o:after {
    border-bottom: solid 3px #26BDE2;
}

.ttl-box-h2 h2.ttl-gifchoise-b {
    color: #19486A;
}
.ttl-box-h2 h2.ttl-gifchoise-b:after {
    border-bottom: solid 3px #19486A;
}
.inner-box {
    display: flex;
    justify-content: space-between;
    background-color: #F5F5F5;
    padding: 8px;
    position: relative;
}
.box-print .inner-box::after {
    content: url("../img/red-right-arrow.svg");
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.box-special-print .inner-box::after {
    content: url("../img/green-right-arrow.svg");
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.box-novelty .inner-box::after {
    content: url("../img/yellow-right-arrow.svg");
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.box-gifchoise-b .inner-box::after {
    content: url("../img/navy-right-arrow.svg");
    position: absolute;
    right: 5px;
    bottom: 5px;
}
div.w50 {
    width: 50%;
    padding-right: 5px;
}
.inner-box img.w50 {
    width: 50%;
    height: auto;
    padding: 0 5px;
}
.ec-categoryRole {
    background-color: #FFFFFF;
    padding: 15px 0;
}
.ec-categoryRole__listItem h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}
.txt-price-box span {
    font-size: 10px;
    font-size: 1.0rem;
}
.txt-price-box b {
    font-size: 24px;
    font-size: 2.4rem;
}
span.text-ask {
    background-color: #000000;
    color: #FFFFFF;
    padding: 2px 10px;
    display: inline-block;
}
.box-print .txt-price-box b {

    color: #E5243B;
}
.box-special-print .txt-price-box b {
    color: #56C02B;
}
.box-novelty .txt-price-box b {
    color: #F2BA00;
}
.box-novelty .txt-price-box b {
    color: #F2BA00;
}
.box-gifchoise-o .txt-price-box b {
    color: #26BDE2;
}
.box-gifchoise-b .txt-price-box b {
    color: #19486A;
}
.txt-service {
    font-size: 13px;
    font-size: 1.3rem;
}
/*===============================================
●TOP - サイドバー
===============================================*/
/*===============================================
●TOP - 商品検索
===============================================*/
.ec-select .category_id {
    width: 100%;
    color: #FFFFFF;
    background: #19486A;
    border-radius: unset;
    border: none;
    margin: 0 auto;
}
.ec-sideSearch__category .ec-select {
    margin-bottom: 0;
}
.ec-sideSearch .ec-sideSearch__keyword {
    position: relative;
}
.ec-sideSearch .ec-headerSearch__keywordBtn {
    border: 0;
    background: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-55%);
    display: block;
    white-space: nowrap;
    z-index: 1;
}
.ec-sideSearch .ec-sideSearch__keyword .ec-icon {
    width: 14px;
    height: 14px;
}
/*===============================================
●TOP - カテゴリ
===============================================*/
.ec-headerCategoryArea__heading {
    position: relative;
    background: #19486A;
    padding: 8px 18px;
    color: #FFF;
}
.ec-headerCategoryArea__heading:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-width: 0 0 14px 14px;
    border-style: solid;
    border-color: #19486A #FFF;
}
.ttl-blue {
    position: relative;
    background: #19486A;
    padding: 8px 18px;
    color: #FFF;
    font-size: 14px;
}
.ttl-blue:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-width: 0 0 14px 14px;
    border-style: solid;
    border-color: #19486A #FFF;
}
@media only screen and (min-width: 992px) {
    .ec-layoutRole .ec-layoutRole__contents {
        justify-content: space-between;
    }

    .ec-layoutRole__mainWithColumn {
        width: 75%;
        float: right;
    }
    .s-category-nav > li {
        display: block;
        margin-bottom: 30px;
    }
}
/*ボーダー*/
.b-top {
    border-top: 1px solid #CCC;
    padding-top: 15px;
    clear: both;
    width: 100%;
}
.b-bottom {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 10px;
}


.list-ranking li:nth-child(1) .label-warning {
    background-color: #ed774d;
    width: 35px;
    height: 35px;
    top: -25px;
}
.list-ranking li:nth-child(2) .label-warning {
    background-color: #e5ae45;
    width: 35px;
    height: 35px;
    top: -25px;
}
.list-ranking li:nth-child(3) .label-warning {
    background-color: #6fafba;
    width: 35px;
    height: 35px;
    top: -25px;
}

.m30 {
    margin-bottom: 30px;
}
.top-border {
    margin-top: 30px;
    border-top: 1px solid #d1d1d1;
    background: none;
    padding-top: 15px;
}
/*新着情報*/
.ec-role {
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
}
@media only screen and (min-width:768px) {
    .ec-role {
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        -webkit-text-size-adjust: 100%;
        width: 100%;
        max-width: 1130px;
    }
}
.ec-newsRole {
    padding: 0;
}
.ec-newsRole .ec-newsRole__news {
    border: 10px solid #F5F5F5;
    padding: 20px 20px;
}
.ec-newsRole .ec-secHeading .ec-secHeading__en {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.08rem;
    color: #56C02B;
}
.ec-newsRole .ec-secHeading {
    margin-bottom: 8px;
    color: black;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 8px;
}
/*シリーズラインナップ*/
.list-brand b {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #333333;
}
.box-series {
    text-align: center;
    margin-bottom: 30px;
}

/* タイトル部分*/
.ttl-box {
    border-bottom: 1px solid #c5c5c5;
    padding: 0 0 8px;
}
.ttl-box h2 {
    background: url(../img/common/ttl-border-og.svg) 0 0 repeat-y;
    padding: 0 15px 0 15px;
}
.heading01 {
    margin-top: 0;
}
h2.heading01 {
    font-size: 21px;
    font-size: 2.1rem;
    display: inline-block;

    color: #333333;
    font-weight: normal;
    line-height: 23px;
}
h4.heading04 {
    clear: both;
    margin-bottom: 30px;
    margin-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #d5b577;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: normal;
}
/* 特殊印刷*/
.wrap-special-print {
    border: 6px solid #88adc4;
    padding: 15px;
    text-align: center;
}
.wrap-special-print h2 {
    color: #054678;
    font-size: 3.0rem;
    font-weight: bold;
}
.wrap-special-print p {
    font-size: 1.6rem;
}
.btn-blue a {
    background-color: #333333;
    max-width: 290px;
    width: 100%;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    min-height: 50px;
    line-height: 50px;
    color: #FFF;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}
.btn-blue a:hover {
    background-color: #88adc4;
    color: #FFFFFF;
}
/* お知らせ*/
#news_area .heading01 {
    color: #054678;
}
/* 売上ランキング*/

.sales_style .ec-shelfGrid .ec-shelfGrid__item,body#page_product_list .sales_style .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
    width: 50%;
}

@media only screen and (min-width:768px) {
    .sales_style .ec-shelfGrid .ec-shelfGrid__item,body#page_product_list sales_style .ec-shelfGrid .ec-shelfGrid__item {
        padding: 0 16px;
        width: 50%;
    }
}
@media only screen and (min-width:1175px) {
    .sales_style .ec-shelfGrid .ec-shelfGrid__item,body#page_product_list .sales_style .ec-shelfGrid .ec-shelfGrid__item {
        padding: 0 16px;
        width: 25%;
    }
}
ul.ec-shelfGrid {
    margin-bottom: 60px;
}
/* ご注文からの流れ */
.wrap-flow {
    background-color: #FFF;
    clear: both;
    border: 1px solid #c5c5c5;
}
.wrap-flow h2 {
    padding: 15px;
    font-size: 2.1rem;
    color: #FFF;
    background: #054678;
    background: -moz-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: -webkit-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: linear-gradient(to right, #054678 0%, #3b779f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054678', endColorstr='#3b779f', GradientType=1);
}
.inner-flow {
    padding: 15px;
}
.inner-flow h4 {
    border-left: 6px solid #054678;
    margin-bottom: 15px;
    padding: 3px 0 3px 10px;
    font-size: 1.6rem;
    font-weight: normal;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1025px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}

/* サイドカテゴリ */
@media only screen and (min-width:1175px) {
    .ec-layoutRole__left {
        float: left;
        width: 240px;
        min-width: 240px;
        max-width: 240px;
    }
    .ec-layoutRole__mainWithColumn {
        max-width: 920px;
        float: right;
        width: 920px;
    }
    .ec-layoutRole__mainWithColumn_top .pl0 {
        padding-right: 8px;
    }
    .ec-layoutRole__mainWithColumn_top .pr0 {
        padding-left: 8px;
    }
}
@media (min-width: 598px) {
    .bnr-side img {
        max-width: 360px;
        width: 100%;
    }
}

/* --------------------------------
	underpage - side
-------------------------------- */
.search input[type="search"] {
    height: 30px;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    border: 0 none;
    padding: 0;
    box-shadow: none;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search .bt_search {
    margin-top: 0;
    border: 0;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 44px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1;
}
.bt_search .cb-search {
    fill: #ABABAB;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.ec-layoutRole__left .category-nav > li.cat-child-01 {
    margin-bottom: 30px;
}
.ec-layoutRole__left li.cat-child-01 a.cat-toggle-01 {
    background-color: #1a1a1a;
    color: #FFF;
    font-weight: normal;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    border-bottom: none;
    font-size: 16px;
}
.ec-layoutRole__left ul.category-nav li ul li {
    border-bottom: 1px solid #E8E8E8;
    padding-left: 1em;
    position: relative;
}
/*.ec-layoutRole__left ul.category-nav li a {*/
/*    font-size: 14px;*/
/*    font-weight: normal;*/
/*    color: #4d4d4d;*/
/*    border-bottom: none;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*}*/
.ec-layoutRole__left ul.category-nav li a {
    font-size: 14px;
    font-weight: normal;
    color: #4d4d4d;
    border-bottom: none;
    min-height: 40px;
    line-height: initial;
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.ec-layoutRole__left .category-nav ul > li > a {
    padding-left: 6px;
    background: #FFF;
}
.ec-layoutRole__left ul.category-nav li ul li:before {
    content: ">";
    position: absolute;
    left: 7px;
    top: 10px;
}
.ec-layoutRole__left ul.category-nav li ul {
    display: inline;
}
.ec-layoutRole__left li.toggle-grand {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ec-layoutRole__left ul li.toggle-grand img.hover {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    z-index: 10;
}
.ec-layoutRole__left ul li.toggle-grand ul li img.hover {
    display: none;
}
.ec-layoutRole__left li img.hover {
    display: none;
}
/*.ec-layoutRole__left li.toggle-grand img.hover {
	display: inline-block;
}*/
/*.ec-layoutRole__left .toggle-grand.click:before {
  content: "－";
  display: inline-block;
  cursor: pointer;
  margin: 1px;
  padding: 7px 15px;
  color: #ABABAB;
  position: absolute;
  right: 0;
  z-index: 999;
  font-size: 16px;
  font-weight: bold;
}
.ec-layoutRole__left .toggle-grand:before {
  content: "＋";
  display: inline-block;
  cursor: pointer;
  margin: 1px;
  padding: 7px 15px;
  color: #ABABAB;
  position: absolute;
  right: 0;
  z-index: 999;
  font-size: 16px;
  font-weight: bold;
}*/
.ec-layoutRole__left ul.category-nav > ul > li.toggle-grand {
    width: 100%;
    float: none;
    display: block;
    text-align: left;
    background: #fff;
    position: relative;
}
.ec-layoutRole__left ul.category-nav li ul.cat-03 {
    display: none;
    width: 100%;
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    transition: none;
}
.ec-layoutRole__left .category-nav li.cat-child-01 > a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-weight: normal;
    background: #969696;
}

/* マージン */
.mgb0 {
    margin-bottom: 0;
    overflow: hidden;
}
.mgb10 {
    margin-bottom: 10px;
    overflow: hidden;
}
.mgb15 {
    margin-bottom: 15px;
    overflow: hidden;
}
.mgb30 {
    margin-bottom: 30px;
}
.mgb45 {
    margin-bottom: 45px;
}
.mgb60 {
    margin-bottom: 60px;
    overflow: hidden;
}
.mgt15 {
    margin-top: 15px;
}
.mgt30 {
    margin-top: 30px;
}
/* padding */
.plpr0 {
    padding: 0;
}
.pl0 {
    padding-left: 0;
}
.pr0 {
    padding-right: 0;
}
.pdb15 {
    padding-bottom: 15px;
}
/* サイドSNSアイコン*/
.ttl-side {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #FFFFFF;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-weight: normal;
    background: #054678;
    background: -moz-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: -webkit-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: linear-gradient(to right, #054678 0%, #3b779f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054678', endColorstr='#3b779f', GradientType=1);
}
.txt_center a {
    text-align: center;
    margin: 0 auto;
    display: inherit;
}
@media (min-width: 768px) {
    .txt_center a {
        text-align: left;
    }
}
/* サイド　シリーズアイコン*/
a.s-logo {
    min-height: 50px;
    display: block;
    border: 1px solid #c5c5c5;
    line-height: 50px;
    text-align: center;
}
/*売上ランキング*/
.topitem-product-box dl {
    margin: 15px auto;
}
.topitem-product-box .item_name {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
}
.topitem-product-box .item_description {
    font-size: 13px;
    font-size: 1.3rem;
}
.ttl-box.ttl-ranking {
    background: url(../img/icon-ranking.svg)no-repeat;
    padding-left: 25px;
    border-bottom: 1px dashed #E0E0E0;
    color: #6F6F6F;
    padding-top: 2px;
}
.topitem-product-box {
    position: relative;
    padding: 10px;
    border: 1px solid #f0f0f0;
}
.sales_style .label-warning {
    background-color: transparent;
}
.label-warning {
    position: absolute;
    color: #FFF;
    z-index: 10;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    border-width: 0 0 50px 50px;
    border-style: solid;
}
.sales_style .ec-shelfGrid li:nth-child(1) .label-warning {
    border-color: transparent #E5243B;
}
.sales_style .ec-shelfGrid li:nth-child(2) .label-warning {
    border-color: transparent #56C02B;
}
.sales_style .ec-shelfGrid li:nth-child(3) .label-warning {
    border-color: transparent #F2BA00;
}
.sales_style .ec-shelfGrid li:nth-child(4) .label-warning {
    border-color: transparent #26BDE2;
}
.label-warning span {
    position: absolute;
    top: 5px;
    left: -40px;
}
/*スマホナビ*/
#btn_menu {
    margin: 0;
    position: absolute;
    right: 0;
    top: 67px;
    z-index: 11;
}
#cart_area p.cart-trigger {
    position: absolute;
    right: 48px;
    top: 65px;
    z-index: 10;
}
.drawer.sp .global-menu {
    margin-bottom: 16px;
    background-color: #C5C5C5;
    padding: 10px 0;
    font-weight: normal;
    clear: both;
}
.drawer.sp .global-menu a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #FFF;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: none;
    font-weight: normal;
}
.drawer.sp .global-menu li {
    margin-bottom: 10px;
    border-bottom: 1px solid #FFF;
    display: block;
    overflow: hidden;
}
@media (min-width: 1025px) {
    #cart_area p.cart-trigger {
        position: relative;
        right: 0;
        top: 0;
        border-radius: 5px;
    }
}
#drawer .category-nav li ul {
    display: none;
}
#drawer .headr-tel.sp {
    text-align: center;
    max-width: 90%;
    margin: 0 5% 15px;
    padding: 8px 0;
    background-color: transparent;
    color: #FFF;
}
@media (min-width: 768px) {
    #drawer .category-nav li ul {
        display: block;
    }
}
.txt-center {
    display: block;
    text-align: center;
}
/*パンくずリスト*/
.front_page div#topicpath02 {
    display: none;
}
/* topicpath */
#topicpath {
    display: none;
}
/*===============================================
●TOP - 新着商品ブロック
===============================================*/
.front_page #contents div#item_list .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}
.front_page div#item_list {
    clear: both;
}
.icon-new {
    position: absolute;
    width: 35px;
    top: -11px;
    left: 25px;
}
#contents_top #item_list .item_price {
    color: #666666;
    font-weight: normal;
    font-size: 1.5rem;
    font-size: 15px;
    display: block;
    width: 100%;
    text-align: right;
}
.no-stock {
    border: 1px solid #f58062;
    text-align: center;
    font-size: 12px;
    margin: 10px auto;
    color: #f58062;
}
/*===============================================
●TOP - ボタン
===============================================*/
.btn-all {
    margin: auto;
    text-align: right;
    clear: both;
    display: block;
}
.btn-center {
    margin: auto;
    text-align: center;
    clear: both;
    display: block;
}
.btn-all a, .btn-center a {
    padding: 15px 50px;
    display: inline-block;
    color: #FFFFFF;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #333333;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 280px;
}
.btn-all a:after, .btn-center a:after {
    position: absolute;
    content: url(../img/img-btn-all-hover.png);
    top: 15px;
    right: 30px;
    width: 0;
    height: 0;
}
.btn-all a:hover, .btn-center a:hover {
    text-decoration: none;
    color: #FFFFFF;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0.8;
}
.btn-all a:hover:after, .btn-center a:hover:after {
    position: absolute;
    content: url(../img/img-btn-all-hover.png);
    top: 15px;
    right: 30px;
    width: 0;
    height: 0;
}
.btn-all a:active, .btn-center a:active {
    background: #938B75;
    box-shadow: none;
    transform: translate3d(3px, 3px, 0);
    text-decoration: none;
}
/*===============================================
●TOP - ノベルティ商品
===============================================*/
div.ec-layoutRole__mainWithColumn_middle {
    clear: both;
}
ul.list-novelty {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}
ul.list-novelty li {
    margin-bottom: 0;
    max-width: 290px;
    padding: 5px;
    width: 50%;
}
@media (min-width: 768px) {
    ul.list-novelty {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: end;
    }
    ul.list-novelty li {
        margin-bottom: 15px;
        width: 48%;
    }
}
@media (min-width: 1025px) {
    ul.list-novelty li:nth-child(2), ul.list-novelty li:nth-child(5), ul.list-novelty li:nth-child(8), ul.list-novelty li:nth-child(11), ul.list-novelty li:nth-child(14), ul.list-novelty li:nth-child(17), ul.list-novelty li:nth-child(20) {
        margin: 0 15px;
    }
    ul.list-novelty li {
        margin-bottom: 15px;
        max-width: 300px;
        padding: 0;
        width: 32%;
    }
}
ul.list-novelty li a img, ul.list-novelty-02 li a img {
    line-height: 50px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    display: block;
    text-align: center;
    font-size: 1.6rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    line-height: 2.4rem;
}
ul.list-novelty li a:hover img, ul.list-novelty-02 li a:hover img {
    color: #ed774d;
    border: 1px solid #ed774d;
}
/*ノベルティ商品02*/
ul.list-novelty-02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
ul.list-novelty-02 li {
    padding: 0;
}
@media (min-width: 768px) {
    ul.list-novelty-02 li {
        width: 49%;
    }
}
/*===============================================
●TOP - ルナ・プラスの特徴
===============================================*/
.wrap-feature {
    padding: 30px;
    border: 1px solid #CCC;
}
.wrap-feature h3 {
    text-align: center;
    margin-bottom: 30px;
}
ul.list-feature {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
ul.list-feature li {
    width: 100%;
}
@media (min-width: 768px) {
    ul.list-feature li {
        width: 31%;
    }
}
/*===============================================
●TOP - プリクションからのお知らせ
===============================================*/
div#news_area {
    overflow: hidden;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    background-color: #FFF;
    padding: 30px 15px 45px;
}
.newslist dt .angle-circle {
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ABABAB;
}
/*===============================================
●TOP - 最近チェックしたアイテム
===============================================*/
/*===============================================
●TOP - フッター
===============================================*/
.ec-layoutRole__footer{
    margin-top: 60px;
}
.wrap-footer {
    background-color: #F5F5F5;
    padding: 30px 0 0;

}
.wrap-footer h3 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #6F6F6F;
    border-bottom: 1px solid #707070;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.wrap-footer h4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
}
.wrap-footer h4:after {
    background-color: #6F6F6F;
    margin-top: 12px;
    content: '';
    display: block;
    height: 2px;
    position: relative;
    width: 50px;
}

.wrap-footer ul li {
    padding-left:1em;
    position:relative;
    margin-bottom: 10px;
}
.wrap-footer ul li:before{
    content:">";
    position:absolute;
    left:0;
    top:0;
}
.footer-bottom {
    padding: 30px 0 0;
}
ul.footer-link-list {
    display: block;
    margin: 30px auto 0;
}

ul.footer-link-list li a {padding: 0 10px;}




.btn-footer a {
    background-color: #FFFFFF;
    max-width: 140px;
    display: block;
    text-align: center;
    border-radius: 30px;
    padding: 5px;
}
body#page_homepage .footer-bottom .inner,.footer-bottom .inner {
    width: 100%;
    text-align: center;
}
.footer_logo_area {
    max-width: 200px;
    margin: 0 auto;
}

ul.footer-link-list li a {
    border-bottom: 1px solid #CCC;
    display: block;
    padding: 5px 15px 10px;
}

ul.footer-link-list li {
    display: block;
}

ul.footer-link-list li:first-child a {
    padding: 5px 15px 10px;
    border-top: 1px solid #CCC;
}
.footer-end {
    max-width: 212px;
    margin: 0 auto;
}
.footer-end a {
    margin: 0 auto;
}
@media only screen and (min-width: 768px) {
    .footer-end {
        max-width: initial;
    }
    .footer-bottom {
        padding: 30px 0;
    }
    .footer_logo_area {
        max-width: inherit;
        margin: 0;
        text-align: left;
        max-width: 396px;
    }
    .row.footer-end {
        display: flex;
        align-items: flex-end;
    }
    ul.footer-link-list {
        display: flex;
    }
    ul.footer-link-list li a {
        border-right: 1px solid #000000;
        border-bottom: none;
        border-top: none;
        padding: 0 10px;
    }

    ul.footer-link-list li:first-child a {
        padding: 0 10px 0 0;
        border-top: none;
    }
    ul.footer-link-list li:last-child a {
        border-right: none;
    }
}
/*===============================================
●会社情報
===============================================*/
.company #president-greeting .bgc-gd {
    background: #e6dfcf;
    color: #333333;
}
.company #president-greeting .container-fluid .row {
    max-width: 1200px;
    margin: 0 auto;
}
.company #president-greeting .img-right {
    position: relative;
}
.company #president-greeting .img-right img {
    position: absolute;
    top: -100px;
    left: 50px;
    bottom: 0;
}
table.type01 {
    border-bottom: 1px solid #D2D2D2;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin: 30px auto 60px;
    margin-bottom: 80px;
    width: 100%;
}
table.type01 th {
    color: #938B75;
    width: 215px;
    padding: 30px;
    vertical-align: top;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.type01 td {
    position: relative;
    width: 780px;
    padding: 30px;
    padding-left: 100px;
    vertical-align: top;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.type01 td::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-left: 1px solid #D2D2D2;
    height: 70%;
    width: 1px;
}
table.type01 .last {
    position: relative;
}
table.type01 .last::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-left: 1px solid #D2D2D2;
    height: 70%;
    width: 1px;
}
.company #company-overview ul {
    -webkit-padding-start: 20px;
    margin-top: 5px;
}
.company #bg-company {
    background: url(../images/bg-bottom-company.png)no-repeat;
    background-size: cover;
    height: 200px;
}
@media only screen and (max-width: 1200px) {
    .company #president-greeting .img-right img {
        left: -5px
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .company #president-greeting .bgc-gd:before {
        content: "";
        position: absolute;
        right: 15px;
        top: -227px;
        width: 276px;
        height: 281px;
        background: url(../images/president.png);
        background-position: right top;
        background-size: 300px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .company #president-greeting .container-fluid .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .company #president-greeting .col-sm-6 {
        padding: 0;
        width: 100%;
    }
    .company #president-greeting .col-sm-6 img {
        width: 40%;
        position: absolute;
        display: none;
    }
    .company #president-greeting .col-sm-6 h2, .company #president-greeting .col-sm-6 p {
        padding-left: 15px;
        padding-right: 15px;
    }
    table.type01 {
        border-bottom: 1px solid #d2d2d2;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    table.type01 th {
        display: block;
        width: 100%;
        padding: 10px;
        border-bottom: 1px dotted #d2d2d2;
    }
    table.type01 td {
        display: block;
        width: 100%;
        padding: 10px;
        border-bottom: none;
        border-top: none;
    }
    table.type01 td:after {
        display: none;
    }
}
@media (max-width: 767px) {
    .company #president-greeting .bgc-gd:before {
        display: none;
    }
    .company #president-greeting .col-sm-6 img {
        display: block !important;
        position: static;
        width: 100%;
    }
    .company #president-greeting .col-sm-6 h2 {
        font-size: 2.4rem;
        line-height: 3rem;
        margin-top: 35px;
    }
}
.box-sell {
    border: 1px solid #c5c5c5;
    padding: 2%;
}
/*===============================================
●商品一覧
===============================================*/
.ec-topicpath {
    padding: 10px 0 10px;
    border: 0;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.ec-topicpath .ec-topicpath__item a {
    color: #000000;
    text-decoration: none;
}
.ec-topicpath .ec-topicpath__item--active a {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
@media (min-width: 768px) {
    .ec-searchnavRole__infos {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 20px;
    }
    body#page_product_list .ec-shelfGrid .ec-shelfGrid__item {
        padding: 0 16px;
        width: 33.33333%;
    }
}
body#page_product_list dd.item_price {
    display: none;
}
.ec-shelfRole {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
}
@media only screen and (min-width:768px) {
    .ec-shelfRole {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* =================================
pagetop
================================= */
#toTop {
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 100;
    width: 67px;
}
@media only screen and (min-width:768px) {
    #toTop {
        position: fixed;
        right: 10px;
        bottom: 50px;
        z-index: 100;
        width: 67px;
    }
}


/*===============================================
●フッター
===============================================*/
.copyright {
    background-color: #19486A;
    color: #FFFFFF;
    font-size: 13px;
    padding: 4px 15px;
}

/*===============================================
●商品詳細
===============================================*/
.ec-productRole__title {
    border-bottom: 3px solid #e5e5e5;
    min-height: 34px;
    margin-bottom: 30px;
    width: 95%;
    margin: 0 auto 30px;
}
h2.ec-heading-detail {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid #E5243B;
    min-height: 24px;
    font-size: 24px;
    line-height: 166%;
    margin-bottom: -3px;
}
@media only screen and (min-width:768px) {
    h2.ec-heading-detail {
        display: inline-block;
        padding-bottom: 5px;
        min-height: 32px;
        font-size: 32px;
    }
    .ec-productRole__title {
        border-bottom: 3px solid #e5e5e5;
        min-height: 43px;
        margin-bottom: 30px;
        width: 100%;
    }
}
.ec-productRole__title::after {content: "";width: 100%;height: 3px;background-color: #e5e5e5;bottom: -3px;}
.product-detail {
    padding: 0 15px;
}

.ps-content {
    padding: 0 15px;
}

@media only screen and (min-width:768px) {
    .product-detail,.ps-content,.ec-productRole__description {
        padding: 0;
    }
    .ec-sliderItemRole {
        padding-left: 0;
    }

}
.ec-productRole__code {
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.ec-productRole__category {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.ttl-blue-detail {
    position: relative;
    background: #19486A;
    padding: 8px 8px 8px 40px;
    color: #FFF;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 15px;
}
.ttl-blue-detail:after {
    background: url(../img/arrow-under.svg) no-repeat left;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
}
.list-product {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.ttl-product h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
}

.ttl-product {
    width: 25%;
}
.inner-ps {
    width: 100%;
}
.content-ps {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.content {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width:768px) {
    .inner-ps {
        width: 80%;
    }
    .content {
        width: 60%;
    }
}
.content select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.content select::-ms-expand {
    display: none;
}
.content {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #ffffff;
}
.content::before {
    position: absolute;
    top: 0.8em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none;
}
.content select {
    padding: 8px 38px 8px 8px;
    background-color: #F8F8F8;
}
.inner-ps .list-product:last-child {
    margin-bottom: 0;
}
.ec-sliderItemRole .slideThumb {
    margin-bottom: 25px;
    width: 20.333333333%;
    opacity: .8;
    cursor: pointer;
    margin-left: 20px;
}
.ec-sliderItemRole .slideThumb img {
    width: 100%;
}
@media only screen and (min-width:768px) {
    .ec-sliderItemRole .item_nav {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 0;
        margin-left: -20px;
    }
}
.wrap-btn-icart {
    /* max-width: 500px; */
    margin: 30px auto;
    text-align: center;
    position: relative;
    min-height: 60px;
}
.btn-icart {
    /* display: inline-block; */
    position: absolute;
    /* bottom: -20px; */
    min-width: 230px;
    /* width: 87%; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.btn-icart button,.btn-icart a {
    transition: 0.5s;
    position: relative;
    z-index: 1;
    background-color: #FD6925;
    color: #FFFFFF;
    min-width: 230px;
    display: block;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    height: 50px;
}
.btn-icart button:hover,.btn-icart a:hover  {
    background-color: #F9580E;
    color: #ffffff;
}
.btn-icart::before {
    background-color: #BA5221;
    position: absolute;
    bottom: -4px;
    right: -4px;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 0;
}
.btn-icart button::after,.btn-icart a::after {
    background: url(../img/icon-arrow.svg) no-repeat left;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 17px;
    right: 40px;
    content: "";
}
.btn-icart button:hover:after,.btn-icart a:hover:after {
    transition: 0.5s;
    background: url("../img/icon-arrow.svg") no-repeat left;
}
body#page_product_detail .list-product {
    display: block;
    justify-content: inherit;
    align-items: inherit;
    margin-bottom: 10px;
}

body#page_product_detail .ttl-product {
    width: 100%;
    margin-bottom: 10px;
}

body#page_product_detail .content select {
    width: 100%;
}
@media only screen and (min-width:768px) {
    body#page_product_detail .list-product {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 10px;
    }
    body#page_product_detail .ttl-product {
        width: 30%;
        margin-bottom: 0;
    }
}

/*===============================================
				ボタンエリア
===============================================*/
.btn-box {
    display: inline-block;
    min-width: 130px;
    position: relative;
    padding-bottom: 5px;
    /* width: 25%; */
    padding-right: 5px;
}
.btn-box a {
    transition: 0.5s;
    position: relative;
    z-index: 1;
    background-color: #FD6925;
    color: #FFFFFF;
    min-width: 130px;
    display: block;
    text-align: center;
    padding: 10px 0;
}
.btn-box a:hover {
    background-color: #F9580E;
    color: #ffffff;
}
.btn-box::before {
    background-color: #BA5221;
    position: absolute;
    bottom: -4px;
    right: -4px;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 0;
}
.btn-box a::after {
    background: url(../img/icon-arrow.svg) no-repeat left;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 25px;
    content: "";
}
.btn-box a:hover:after {
    transition: 0.5s;
    background: url("../img/icon-arrow.svg") no-repeat left;
}
.hidden-md,.hidden-md02{
    display: block;
}
.hidden-md .btn-box a::after {
    right: 15px;
}
.hidden-md .btn-box a {
    text-align: left;
    padding: 5px 15px;
}
@media only screen and (min-width:768px) {
    .hidden-md,.hidden-md02{
        display: none;
    }
    .hidden-md .btn-box a::after {
        right: 25px;
    }
    .hidden-md .btn-box a {
        text-align: center;
        padding: 5px;
    }

}
.table-detail{
    overflow: auto;
}
/* ↓tableにスクロールバーを追加 ここから */
.table-detail::-webkit-scrollbar{
    height: 5px;
}
.table-detail::-webkit-scrollbar-track{
    /* スクロールバーのスクロール範囲の色 */
    background: #F6F6F6;
}
.table-detail::-webkit-scrollbar-thumb {
    /* スクロールバーのツマミの色 */
    background: #C2C2C2;
}
.table-detail table{
    width:850px;
    table-layout: fixed;

}
.mgb10{
    margin-bottom: 10px;
}
th.th-lineup {
    background-color: #FEE7DC;
    text-align: center;
    font-weight: normal;
    padding: 20px 0 20px;
    border: 1px solid #6F6F6F;
}
th.th-head {
    background-color: #6F6F6F;
    text-align: center;
    color: #FFFFFF;
    font-weight: normal;
    padding: 2px 15px;
    border: 1px solid #6F6F6F;
}
td.td-lineup.first {
    background-color: #F5F5F5;
    text-align: center;
    border: 1px solid #6F6F6F;
}
td.td-lineup {
    padding: 20px 0;
    text-align: center;
    border: 1px solid #E0E0E0;
}

.box-contact {
    border: 1px solid #FD6925;
    padding: 30px;
    text-align: center;
}
.box-contact .btn-box {
    max-width: 320px;
    width: 100%;
}
.box-contact .btn-box {
    display: inline-block;
    min-width: 130px;
    position: relative;
    padding-bottom: 3px;
    /* width: 25%; */
    padding-right: 2px;
}
.box-contact .btn-box::before {
    background-color: #BA5221;
    position: absolute;
    bottom: -1px;
    right: -1px;
    content: "";
    height: 96%;
    width: 99%;
    z-index: 0;
}

.row.box-feature {
}

.inner-feature {
    border: 1px solid #CCC;
    padding: 30px 15px;
    position: relative;
    min-height: 230px;
}
body#page_user_data h3 {
    font-weight: bold;
}
.content-other h4 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #4D4D4D;
}

.ttl-feature {
    background-color: #19486A;
    color: #FFF;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
    text-align: center;
    /* height: 69px; */
    position: absolute;
    top: 0;
    z-index: 5;
    height: 69px;
    width: 69px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/*===============================================
				初めての方へ
===============================================*/
.ttl-feature span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.ttl-feature b {
    font-size: 28px;
    line-height: 31px;
}

.row.box-feature > div {
    padding-top: 60px;
}

p.text-feature {
    padding-top: 30px;
    min-height: 110px;
    display: block;
    margin-bottom: 30px;
}
img.icon-feature {
    margin: 15px auto 0;
    text-align: center;
    display: block;
}

.title-navy {
    border-bottom: 3px solid #e5e5e5;
    min-height: 34px;
    margin: 0 auto 30px;
}
h2.ec-heading-navy {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid #19486A;
    /* position: absolute; */
    top: 0;
    min-height: 24px;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: -3px;
}

.title-navy::after {content: "";width: 100%;height: 3px;background-color: #e5e5e5;bottom: -3px;}

.inner-order {
    border: 1px solid #BABABA;
    padding: 15px;
    text-align: center;
}



.inner-order p {
    text-align: left;
}
a.btn-guide {
    border: 1px solid #BABABA;
    overflow: hidden;
    display: flex;
    text-align: center;
    padding: 17px 15px;
    /* line-height: 20px; */
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
a.btn-guide span {
    padding-right: 5px;
}
a.btn-guide::after {content: "";display: inline-block;width: 18px;height: 18px;
    background: url("../img/navy-right-arrow.svg") no-repeat left;}

/*===============================================
				ご利用ガイド
===============================================*/
h2.ttl-other {
    font-size: 28px;
    font-weight: bold;
    color: #000000;
}
h2.ttl-other img {
    height: 28px;
    padding-bottom: 5px;
    width: auto;
}
ul.list-guide li a {
    border-bottom: 1px dashed #e0e0e0;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    padding: 0 15px 10px 40px;
    background: url(../img/navy-arrow-bottom.svg) no-repeat 10px 6px;
}
.ttl-step {
    background-color: #19486A;
    color: #FFF;
    display: inline-block;
    padding: 10px 16px;
    border-radius: 50px;
    text-align: center;
    top: 0;
    z-index: 5;
    height: 69px;
    width: 69px;
}
@media screen and (max-width: 320px) {
    .ttl-step {
        background-color: #19486A;
        color: #FFF;
        display: inline-block;
        padding: 8px 18px;
        border-radius: 50px;
        text-align: center;
        top: 0;
        z-index: 5;
        height: 65px;
        width: 65px;
    }
}
.ttl-step span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.ttl-step b {
    font-size: 28px;
    line-height: 31px;
}


.list-step .btn-box {
    max-width: 320px;
    width: 100%;
}
.list-step .btn-box {
    display: inline-block;
    min-width: 130px;
    position: relative;
    padding-bottom: 3px;
    /* width: 25%; */
    padding-right: 2px;
    float: right;
    clear: both;
}
.list-step .btn-box::before {
    background-color: #BA5221;
    position: absolute;
    bottom: -1px;
    right: -1px;
    content: "";
    height: 96%;
    width: 99%;
    z-index: 0;
}
.list-step .col-md-2 {
    max-width: 100px;
}
#guide02 .ttl-step{
    background-color: #8CA4B5;
}
.list-step.first {
    border-top: 1px dashed #E0E0E0;
    padding-top: 15px;
}

.list-step {
    border-bottom: 1px dashed #E0E0E0;
    padding-bottom: 5px;
}
ul.list-inner-step li {
    margin-bottom: 15px;
}
@media only screen and (min-width:768px) {
    ul.list-inner-step li {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }
}
.num-inner-step {
    font-size: 20px;
    font-weight: bold;
    background-color: #FD6925;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
}

.text-inner-step {
    display: flex;
    background: url(../img/left-dot.svg) no-repeat 12px 0px;
    padding-bottom: 15px;
}
ul.list-inner-step li:last-child .text-inner-step {
    background: none;
}
.text-inner-step p {
    max-width: 300px;
    padding: 0 15px;
    width: 90%;
}
ul.list-cancel {
    list-style: circle;
    padding-left: 20px;
}

ul.list-cancel li {
    list-style: disc;
    margin-bottom: 10px;
}
.img-inner-step {
    max-width: 240px;
    border: 1px solid #e5e5e5;
}
/*===============================================
				ご利用ガイド
===============================================*/
.ttl-s-guide h4 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #000000;
    /* padding-left: 25px; */
}

.ttl-s-guide h4::before {
    width: 12px;
    height: 12px;
    content: "■";
    display: block;
    float: left;
    color: #054678;
    padding-top: 3px;
    font-size: 12px;
}
.ttl-s-guide h4 span {
    padding-left: 15px;
}
.table-pay th {
    background-color: #F4F4F4;
    padding: 5px;
    font-weight: normal;
    border: 1px solid #808080;
}

.table-pay td {
    padding: 5px;
    font-weight: normal;
    border: 1px solid #808080;
}
@media only screen and (min-width:768px) {
    .table-pay th, .table-pay td{

        padding: 5px 30px;;

    }

}
.box-border {
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: 15px;
    margin-bottom: 30px;
}

.box-border b {
    font-weight: normal;
    color: #E5243B;
}

.box-data h4 {
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px dashed #CCC;
    padding-bottom: 5px;
    color: #19486A;
    font-weight: 500;
}

ul.list-data li {
    margin-bottom: 15px;
    margin-left: 1.4rem;
}

ul.list-data li:before {content: "■";display: inline-block;margin-left: -1.4rem;padding-right: 5px;}
.box-data {
    margin-bottom: 30px;
}

.box-data b {
    color: #E5243B;
    font-weight: normal;
}
/*===============================================
				下層ページ
===============================================*/
.ec-pageHeader {
    border-bottom: 3px solid #e5e5e5;
    position: relative;
    min-height: 34px;
    margin: 0 auto 30px;
}
.ec-pageHeader h1 {
    display: inline-block;
    padding: 0 0 5px;
    border-bottom: 3px solid #19486A;
    min-height: 24px;
    font-size: 24px;
    border-top: none;
    margin-bottom: -3px;
}
.ec-pageHeader h1::after {content: "";width: 100%;height: 3px;background-color: #e5e5e5;bottom: -3px;}
body#page_forgot_complete .ec-pageHeader h1 {
    margin-bottom: -3px;
}
@media only screen and (min-width:768px) {
    .ec-pageHeader {
        border-bottom: 3px solid #e5e5e5;
        position: relative;
        min-height: 47px;
        margin: 0 auto 30px;
    }
    .ec-pageHeader h1 {
        display: inline-block;
        border-bottom: 3px solid #19486A;
        position: absolute;
        top: 0;
        min-height: 32px;
        font-size: 32px;
        margin: 0 auto;
        padding: 0 0 9px;
        color: #000000;
        overflow: hidden;
    }
    .ec-mypageRole .ec-pageHeader h1 {
        margin: 0 auto;
        padding: 0 0 9px;
    }
    .ec-pageHeader h1::after {content: "";width: 100%;height: 3px;background-color: #e5e5e5;bottom: -3px;}
}
/*===============================================
				お問い合わせページ
===============================================*/
body#page_contact .ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}
.ec-contact .ec-borderedDefs dt {
    font-size: 16px;
}
.wrap-btn-contact {
    /* max-width: 500px; */
    margin: 30px auto 0;
    text-align: center;
    position: relative;
    min-height: 60px;
}
.btn-contact {
    /* display: inline-block; */
    position: absolute;
    /* bottom: -20px; */
    min-width: 230px;
    /* width: 87%; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.btn-contact button {
    transition: 0.5s;
    position: relative;
    z-index: 1;
    background-color: #FD6925;
    color: #FFFFFF;
    min-width: 230px;
    display: block;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    height: 50px;
}
.btn-contact button:hover {
    background-color: #F9580E;
    color: #ffffff;
}
.btn-contact::before {
    background-color: #BA5221;
    position: absolute;
    bottom: -4px;
    right: -4px;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 0;
}
.btn-contact button::after {
    background: url(../img/icon-arrow.svg) no-repeat left;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 18.1px;
    right: 50px;
    content: "";
}
.btn-contact button:hover:after {
    transition: 0.5s;
    background: url("../img/icon-arrow.svg") no-repeat left;
}
body#page_contact p {
    margin-bottom: 15px;
}
.ec-reportHeading {
    width: 100%;
    border-top: none;
    margin: 20px 0 30px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
/*===============================================
		　　特定商取引法に基づく表記ページ
===============================================*/
#page_help_tradelaw .ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}
#page_help_tradelaw .ec-borderedDefs dd,#page_help_about .ec-borderedDefs dd {
    padding-bottom: 5px;
    font-size: 14px;
}
#page_help_tradelaw .ec-borderedDefs dt,#page_help_tradelaw .ec-borderedDefs dd
#page_help_about .ec-borderedDefs dt,#page_help_about .ec-borderedDefs dd {
    line-height: 166%;
}
#page_help_tradelaw .ec-borderedDefs dd a,#page_help_about .ec-borderedDefs dd a{
    color: #2aabd2;
}
@media only screen and (min-width:768px) {
    #page_help_tradelaw .ec-borderedDefs dl,#page_help_about .ec-borderedDefs dl {
        flex-wrap: nowrap;
        padding: 15px 5px;
        align-items: center;
    }
    #page_help_tradelaw .ec-borderedDefs dt,#page_help_about .ec-borderedDefs dt {
        padding-top: 0;
    }

    #page_help_tradelaw .ec-borderedDefs dd,#page_help_about .ec-borderedDefs dd  {
        width: 70%;
        line-height: 166%;
        font-size: 14px;
    }
}
/*===============================================
		　　当サイトについて
===============================================*/
body#page_help_about h3 {
    font-weight: bold;
}
/*===============================================
		　　スマホナビ
===============================================*/
.ec-drawerRole {
    background: #19486A;
}
.ec-drawerRole .ec-headerLinkArea {
    background: #19486A;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
    border-top: none;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    display: block;
    border-bottom: none;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: #FFF;
    border-radius: 20px;
    text-align: center;
    max-width: 150px;
    margin: 15px 10px;
}
.pc-menu-inner {
    padding: 0;
    background-color: rgba(255,255,255,0.90);
}
.pc-menu-inner ul {
    margin-bottom: 0;
    padding-bottom: 15px;
    overflow: hidden;
}
.pc-menu-inner ul li {
    margin-bottom: 5px;
}
.pc-menu-inner ul li ul {
    border-bottom: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 10px;
}
.pc-menu-inner ul li a {
    border-bottom: 1px solid #FFF;
    display: block;
    padding: 10px 15px 15px;
}
.bb {
    display: inline-block;
    border: 1px solid #1a1a1a;
    width: 14px;
    height: 1px;
    margin: 5px 10px 5px 0;
}
.pc-menu-inner li ul li{
    border-bottom: 1px solid #FFFFFF;
}
.pc-menu-inner li ul li a {
    padding: 0 15px 15px 30px;
    display: inline-block;
    border-bottom: none;
}
ul.pc-menu-sub {
    background-color: #19486A;
    padding-top: 10px;
}

ul.pc-menu-sub li a {
    color: #FFF;
    border-bottom: none;
    padding: 5px 15px 0;
}
ul.pc-menu-sub li{
    padding-left: 1em;
    position: relative;
}
ul.pc-menu-sub li:before {
    content: ">";
    position: absolute;
    left: 14px;
    top: 5px;
    color: #FFF;
}
.pc-menu-inner ul i {
    color: #19486A;
    width: 25px;
}
ul.pc-menu-main {
    background: rgba(255,255,255,0.90);
    padding-bottom: 0;
}
.ec-drawerRole.is_active {
    transform: translateX(60px);
    z-index: 888;
}
.ec-drawerRole {
    transform: translateX(600px);
}
.ec-drawerRole {
    width: 100%;
}
/*===============================================
		　　pagetop
===============================================*/
.ec-blockTopBtn {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    right: 0;
    bottom: 10px;
    cursor: pointer;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    opacity: 1;
    background-color: transparent;
}
@media only screen and (min-width:768px) {
    .ec-blockTopBtn {
        right: 10px;
        bottom: 35px;
    }
}
/*===============================================
		　　新規会員登録（確認）
===============================================*/
body#page_entry {}

body#page_entry .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin: 0 auto;
    position: initial;
}

body#page_entry .ec-off1Grid .ec-off1Grid__cell p {
    margin-bottom: 15px;
}

/*===============================================
		　　カート
===============================================*/
@media only screen and (min-width:768px) {
    .ec-cartRole .ec-cartRole__cart {
        margin: 0;
    }
}

.ec-rectHeading h2 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ec-orderAccount .ec-rectHeading:first-child h2 {
    margin-top: 0;
}
.text-red {
    color: #DE5D50;
}
/*===============================================
		　　購入ページ
===============================================*/
.ec-select.ec-select__delivery , .ec-select.ec-select__time{
    display: none;
}