@charset "euc-jp";
body {
    background-color: <{$page_bgcolor}> ;
    background-image: url(<{$page_bgimg}>);
    color: #464e54;/*<{$font_color}>*/;
    margin:0;
    font-size: 16px;
    line-height: 1.8;
}
a {
    color: #464e54;/*<{$link_normal}>;*/
    text-decoration: none;
}
a:hover {
    color: <{$link_hover}>;
    text-decoration: underline;
}

.text-center {
    text-align: center;
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.col img {
    max-width: 100%;
    height: auto;
}

ul {
    padding-left: 0;
    list-style: none;
}

#spItemCat > ul > li > a > img {
    display: none;
}

.video{
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}

.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#spHeadCat br {
    display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#groupListWrap .category-list {
    display: flex;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
    flex-wrap: wrap;
    padding: 10px;
}

#groupListWrap .category-list li {
    width: 30%;
    padding: 5px;
    text-align: left;
}

#groupListWrap .category-list li a {
    font-size: 15px;
    font-weight: bold;
}

/*
 * layout
 */
#wrapper {
    max-width: 1360px;
}
/*
 * contents
 */
#contents {
    background: #fff;
    padding-left: 20px;
    width: 78%;
}
#contents .topicpath-nav {
    margin-bottom: 5px;
}
#contents .topicpath-nav li {
    padding: 0;
}
#contents .topicpath-nav a {
    margin-left: 5px;
}
/*
 * side
 */
#side .unstyled img {
    display: block;
    margin-bottom: 5px;
}
/*
 * temp
 */
/* font */
.txt_l {
    text-align: left;
}
.txt_c {
    text-align: center;
}
.txt_r {
    text-align: right;
}
.txt_fwn {
    font-weight: normal;
}
.txt_fwb {
    font-weight: bold;
}
.txt_10 {
    font-size: 10px;
}
.txt_12 {
    font-size: 12px;
}
.txt_14 {
    font-size: 14px;
}
.txt_16 {
    font-size: 16px;
}
.txt_18 {
    font-size: 18px;
}
.txt_20 {
    font-size: 20px;
}
.txt_24 {
    font-size: 24px;
}
.txt_28 {
    font-size: 28px;
}
.txt_c_333 {
    color: #333;
}
/* background */
.bgc_gray {
    background-color: #f1f1f1;
}
/* margin */
.mar_auto {
    margin: 0 auto;
}
.mar_0 {
    margin: 0;
}
.mar_t_0 {
    margin-top: 0;
}
.mar_r_0 {
    margin-right: 0;
}
.mar_b_0 {
    margin-bottom: 0;
}
.mar_l_0 {
    margin-left: 0;
}
.mar_5 {
    margin: 5px;
}
.mar_t_5 {
    margin-top: 5px;
}
.mar_r_5 {
    margin-right: 5px;
}
.mar_b_5 {
    margin-bottom: 5px;
}
.mar_l_5 {
    margin-left: 5px;
}
.mar_t_10 {
    margin-top: 10px;
}
.mar_r_10 {
    margin-right: 10px;
}
.mar_b_10 {
    margin-bottom: 10px;
}
.mar_l_10 {
    margin-left: 10px;
}
.mar_t_20 {
    margin-top: 20px;
}
.mar_r_20 {
    margin-right: 20px;
}
.mar_b_20 {
    margin-bottom: 20px;
}
.mar_l_20 {
    margin-left: 20px;
}
.mar_t_30 {
    margin-top: 30px;
}
.mar_r_30 {
    margin-right: 30px;
}
.mar_b_30 {
    margin-bottom: 30px;
}
.mar_l_30 {
    margin-left: 30px;
}
.mar_t_50 {
    margin-top: 50px;
}
.mar_r_50 {
    margin-right: 50px;
}
.mar_b_50 {
    margin-bottom: 50px;
}
.mar_l_50 {
    margin-left: 50px;
}
/* padding */
.pad_v_10 {
    padding: 10px 0;
}
.pad_v_20 {
    padding: 20px 0;
}
.pad_v_30 {
    padding: 30px 0;
}
.pad_0 {
    padding: 0;
}
.pad_t_0 {
    padding-top: 0;
}
.pad_r_0 {
    padding-right: 0;
}
.pad_b_0 {
    padding-bottom: 0;
}
.pad_l_0 {
    padding-left: 0;
}
.pad_5 {
    padding: 5px;
}
.pad_t_5 {
    padding-top: 5px;
}
.pad_r_5 {
    padding-right: 5px;
}
.pad_b_5 {
    padding-bottom: 5px;
}
.pad_l_5 {
    padding-left: 5px;
}
.pad_10 {
    padding: 10px;
}
.pad_t_10 {
    padding-top: 10px;
}
.pad_r_10 {
    padding-right: 10px;
}
.pad_b_10 {
    padding-bottom: 10px;
}
.pad_l_10 {
    padding-left: 10px;
}
.pad_20 {
    padding: 20px;
}
.pad_t_20 {
    padding-top: 20px;
}
.pad_r_20 {
    padding-right: 20px;
}
.pad_b_20 {
    padding-bottom: 20px;
}
.pad_l_20 {
    padding-left: 20px;
}
.pad_30 {
    padding: 30px
}
.pad_t_30 {
    padding-top: 30px;
}
.pad_r_30 {
    padding-right: 30px;
}
.pad_b_30 {
    padding-bottom: 30px;
}
.pad_l_30 {
    padding-left: 30px;
}
/* border */
.bor_t_1 {
    border-top: 1px solid #eee;
}
.bor_r_1 {
    border-right: 1px solid #eee;
}
.bor_b_1 {
    border-bottom: 1px solid #eee;
}
.bor_l_1 {
    border-left: 1px solid #eee;
}
/* vertical align */
.va-10 {
    vertical-align: -10%;
}
.va-20 {
    vertical-align: -20%;
}
.va-30 {
    vertical-align: -30%;
}
.va-35 {
    vertical-align: -35%;
}
.va-40 {
    vertical-align: -40%;
}
@media (max-width: 980px) {
    /* ~980px */
    #base_gmoWrapp, #gmo_CMSPbar {
        overflow: hidden;
        min-width: 100% !important;
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    /* ~768px */
    #contents {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 480px) {
    /* ~480px */
}
/*
 * icons
 */
.icon-user {
    background-position: -208px 0px;
}
.icon-lg-b.icon-user {
    background-position: -312px 0px;
}
.icon-adduser {
    background-position: -240px 0px;
}
.icon-lg-b.icon-adduser {
    background-position: -360px 0px;
}
.icon-login {
    background-position: -48px -80px;
}
.icon-lg-b.icon-login {
    background-position: -72px -120px;
}
.icon-logout {
    background-position: -32px -80px;
}
.icon-lg-b.icon-logout {
    background-position: -48px -120px;
}
.icon-home {
    background-position: -176px -16px;
}
.icon-lg-b.icon-home {
    background-position: -264px -24px;
}
.icon-mail {
    background-position: -64px 0px;
}
.icon-lg-b.icon-mail {
    background-position: -96px 0px;
}
.icon-pencil {
    background-position: -96px 0px;
}
.icon-lg-b.icon-pencil {
    background-position: -144px 0px;
}
.icon-help {
    background-position: -272px -80px;
}
.icon-lg-b.icon-help {
    background-position: -408px -120px;
}
.icon-cart {
    background-position: -176px -64px;
}
.icon-lg-b.icon-cart {
    background-position: -264px -96px;
}
.icon-search {
    background-position: -208px -16px;
}
.icon-lg-b.icon-search {
    background-position: -312px -24px;
}
.icon-chevron_up {
    background-position: -0px -144px;
}
.icon-lg-b.icon-chevron_up {
    background-position: -0px -216px;
}
.icon-chevron_down {
    background-position: -352px -128px;
}
.icon-lg-b.icon-chevron_down {
    background-position: -528px -192px;
}
.icon-b, .icon-w {
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.icon-lg-b, .icon-lg-w {
    width: 24px;
    height: 24px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png);
}
.icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png);
}
.icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);
}
.icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-b, .icon-w {
        -webkit-background-size: 368px 320px;
        background-size: 368px 320px;
    }
    .icon-lg-b, .icon-lg-w {
        -webkit-background-size: 552px 480px;
        background-size: 552px 480px;
    }
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png);
    }
    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png);
    }
    .icon-lg-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png);
    }
    .icon-lg-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png);
    }
}
@media (max-width: 768px) {
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);
    }
    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png);
    }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png);
    }
    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png);
    }
}
h3.pad_l_10 {
    background: #EEEEEF;
    padding: 0.25rem 0 0.25rem 10px;
    color: #231815;
    font-weight: normal;
    margin-bottom: 0.5rem;
    font-size: 16.5px;
}
.bor_t_1 {
    border: none;
}
.bor_t_1 a {
    color: #000;
}
#side ul {
    border: none;
    padding-top: 15px;
}
#side ul li.pad_10 {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}
#side {
    letter-spacing: -1px;
    width: 22%;
    font-size: 14px;
}
table.tbl_calendar {
    width: 100%;
}
table.tbl_calendar + table {
    margin-top: 1rem;
}
table.tbl_calendar th, table.tbl_calendar td {
    border: 1px solid #000;
    text-align: center;
    line-height: 1.8rem;
}
#calAttn {
    margin: 1.5rem auto;
    line-height: 2;
}
.tbl_calendar td {
    background-color: white;
}
.tbl_calendar th {
    background: #efefef;
}
.tsukuReg {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.tsukuBold {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
}
#headerMenuWrap {
    width: 100%;
    margin: 1rem auto auto auto;
    padding: 0; /*  padding:0.25rem 0; */
    text-align: center;
    overflow: hidden;
    background: #4D4D4D;
    color: white;
}
#headerMenuWrap div.menu_inner.headerInner {}
#headMenu {
    margin: auto;
    justify-content: space-between;
    display: flex;
}

#headMenu {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding-left: 0px;
}

#headMenu li {
    padding: 0.5rem 0rem;
    text-align: center;
}
#headMenu li a {
    color: white;
}
header#pageHeader {
    padding-top: 3rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #ffffffd9;
}
#footer .footerInner, header .headerInner {
    max-width: 1100px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}
#wrapper.topPage {}
#wrapper.noToppage {
    /* max-width:1040px; */
    max-width: 1360px;
}
#wrapper.product #contents {
    float: left;
    padding-left: 0;
    max-width: 690px;
}
#wrapper.product #side {
    float: right;
}
#wrapper.noToppage #mainContWrap {
    margin-top: 140px;
    position: relative;
    padding-top: 20px;
}
#wrapper.product #sideGuide, #wrapper.product #sideCalWrap, #wrapper.product #sideItemCat, #wrapper.product #sideSearchForm, #wrapper.product #sideGroupWrap {
    display: none !important;
}
img#logoImg {
    width: 236px;
}
#topPageSlider .bx-viewport {
    border: none;
    left: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#topPageSlider .bx-pager.bx-default-pager {
    display: none;
}
#side h3:first-child {
    margin-top: auto;
}
#mainContWrap {
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
}
#rightWrap p {
    line-height: 1.75;
    color: #231815;
    font-size: 14px;
}
#topInfo h3:first-child {
    margin-top: auto;
}
#footSnsIcons img {
    height: 1.5rem;
}
ul.footMenuWrapUL {
    margin-left: auto;
}
.footMenuWrapUL li {
    list-style-type: none;
    text-align: left;
    margin-bottom: 3px;
    font-size: 12px;
}
div#footer {
    background: #EEEEEF;
    padding-top: 52px;
    position: relative;
    padding-bottom: 0rem;
}
#footSnsIcons {}
h3.footSecTitle {
    font-weight: bold;
    font-family: "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "MS PGothic", sans-serif;
    text-align: left;
    margin: auto auto 4px auto;
    font-size: 14px;
}
#footer > .footerInner {
    position: relative;
    padding-bottom: 3rem;
}
#footLogoImg {
    position: absolute;
    right: 0;
    bottom: 0rem;
    height: 28px;
}
#headSearchTxWrap {
    position: relative;
    margin-left: auto;
}
#headSearchTxWrap2 {
    position: relative;
    margin-left: auto;
}
#sideSearchTxWrap {
    position: relative;
    margin-top: 25px;
}
#headSearch, #sideSearch {
    border-bottom: 1.2px solid #3E3A39;
    width: 88%;
    border-style: none none solid none;
    border-radius: 00;
    padding: 0;
    margin-top: auto;
    line-height: 28px;
    height: 28px;
    background: transparent;
    padding-left: 12%;
}
#headSearchLoupe, #sideLoupe {
    height: 18px;
    position: absolute;
    top: 5px;
    left: 5px;
}
#headRight span, #headRight form, #headRight img {
    vertical-align: middle;
}
#headSearch, #headSearchForm {
    display: inline-block;
}
#headSearchForm {
    margin-left: 15px;
    margin-bottom: auto;
}
#headSearch {
    position: relative;
    padding-left: 16%;
    width: 84%;
}
#topSlideWrap {
    position: relative;
    z-index: 1;
    padding-top: 122px;
}
#headLogin {
    position: relative;
    top: 2px;
}
#slideArrowWrap {
    position: absolute;
    top: 50%;
    height: 40px;
    padding: 0;
    width: 100%;
}
#slideArrowWrap div.inner {
    margin: auto;
    max-width: 94vw; /*1040px;*/
    position: relative;
}
#slideLeft, #slideRight {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
}
#slideLeft img, #slideRight img {
    max-width: 100%;
    cursor: pointer;
}
#slideLeft {
    left: 0;
}
#slideRight {
    right: 0;
}
.bx-wrapper img {
    width: 100%;
}
#gotoTop {
    display: block;
    text-align: right;
    margin: 2rem auto;
    clear: both;
}
#gotoTop img {
    height: 13px;
}
.redText {
    color: #E50012 !important;
}
#moreView {
    text-align: right;
}
#moreView img {
    height: 14px;
}
img.subsecTitles {
    vertical-align: baseline;
    height: 21px;
    padding-right: 1rem;
}
img.subsecTitles + small {
    padding-bottom: 1px;
    position: relative;
    top: -1px;
}
/* ========================== mega menu ======================= */
#headerMenuWrapNav > ul {
    /*   display: table; */
}
#headerMenuWrapNav > ul > li {
    /*   display: table-cell; */
    /*   margin-right: 2em; */
}
/*#headerMenuWrapNav > ul > li:hover {  color: #fff;  background-color: #19192b; }*/
#headerMenuWrapNav > ul > li:hover {
    background: #000;
}
#headerMenuWrapNav > ul > li:hover > a {}
#headerMenuWrapNav > ul > li:hover .menu {
    max-height: 9999px;
    opacity: 1;
}
#headerMenuWrapNav > ul > li > a {
    display: block;
    transition: all .2s ease-in;
    line-height: 1.5;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
}
#headerMenuWrapNav > ul .menu {
    transition: all .2s ease-in;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    margin-top: 0.5rem;
}
#headerMenuWrapNav > ul .menu .menu_inner {
    padding: 0em 0;
    margin-bottom: 2rem;
}
#headerMenuWrapNav > ul .menu .menu_inner li {
    /* display: inline-block; */
    margin: 0 .5em;
}
#headerMenuWrapNav > ul .menu a {
    color: #231815;
}
.menu_inner.headerInner {
    background: white;
    color: #231815;
    padding-left: 0;
    padding-right: 0;
}
.menu_inner.headerInner div.megaChilds:first-child {
    background: #DADADA;
    flex: 0 0 16%;
    text-align: center;
}
.menu_inner.headerInner div.megaChilds {
    padding-top: 2rem;
    text-align: left;
    padding-bottom: 2rem;
    flex: 1;
}
div.megaChilds + div.megaChilds {
    text-align: left;
}
#headMenu ul.megaChildMenu {
    margin: auto 1rem auto 1rem;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}

#headMenu > li:first-child ul.megaChildMenu {
    max-height: 500px;
}

#headMenu > li:nth-child(2) ul.megaChildMenu {
    max-height: 300px;
}

#headMenu ul.megaChildMenu li {
    float: none;
    text-align: left;
    list-style-type: none;
    line-height: 1.5;
    font-size: 14.5px;
    width: 30%;
}
div.menu_inner.headerInner {
    -moz-box-shadow: 2px 5px 24px -2px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 2px 5px 24px -2px rgba(0, 0, 0, 0.27);
    -ms-box-shadow: 2px 5px 24px -2px rgba(0, 0, 0, 0.27);
    box-shadow: 2px 5px 24px -2px rgba(0, 0, 0, 0.27);
}
/* ========================== //mega menu ======================= */
#cancel th, #cancel td {
    font-size: 10px;
    line-height: 7px;
}
.w100 {
    width: 100%;
}
img.w100 {
    backface-visibility: hidden;
}
.w50 {
    width: 100%;
}
img.w50 {
    backface-visibility: hidden;
}
.bigMenusWrap {
    display: flex;
    justify-content: space-between;
}
img.topTitles {
    vertical-align: baseline;
    height: 21px;
    padding-right: 1rem;
}
img.topTitles + small {
    padding-bottom: 1px;
    position: relative;
    top: -1px;
}
#cpBannerWrap a + a {
    margin-left: 10px;
}
#cpBannerWrap {
    display: flex;
    justify-content: space-between;
}
#categoryItemsPos {
    position: absolute;
    top: -140px;
    padding-top: 140px;
}
#categoryTitle {
    margin-top: auto;
}
.clearBoth {
    clear: both
}
.catList3clm {
    display: flex;
    justify-content: space-between;
}
.catList3clm:nth-child(1) div.col-lg-4 {
    padding-left: 0;
}
.catList3clm:nth-child(3) div.col-lg-4 {
    padding-right: 0;
}
/*.catList3clm div.catListClm{ flex:0 0 33%; }*/
#logoWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

#footSig {
    font-size: 14px;
}

.footerInner .row {
    display: flex;
}

.footerInner .row > div {
    flex: 1;
}

#bestseller,
#recommendItemList,
#historyItemList,
#categoryItemList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}


#bestseller li,
#recommendItemList li,
#historyItemList li,
#categoryItemList li {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 50px;
    height: auto !important;
    font-size: 14px;
    line-height: 1.5;
}

#bestseller li img,
#recommendItemList li img,
#historyItemList li img,
#categoryItemList li img {
    width: 100%;
    height: auto;
}

#bestseller li a,
#recommendItemList li a,
#historyItemList li a,
#categoryItemList li a {
    color: #464e54;
    display: block;
}

.priceDisp, .itemNameLabel {
    text-align: left;
    display: block;
}

.priceDisp {
    font-weight: bold;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f5f5f5;
    color: #333;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    *display: inline;
    *margin-left: .3em;
    *background-color: #e6e6e6;
    *border: 0;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #e6e6e6;
    color: #333;
    *background-color: #d9d9d9;
}

.btn:first-child {
    *margin-left: 0;
}

.btn.disabled, .btn[disabled] {
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    cursor: default;
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    *display: inline;
    *zoom: 1;
}

table {
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

.table {
    margin-bottom: 20px;
    width: 100%;
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *border-collapse: collapse;
}

.table th, .table td {
    padding: 8px;
    border-top: 1px solid #ddd;
    vertical-align: middle;
    text-align: left;
    line-height: 20px;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #ddd;
}

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}

@media (min-width: 767px) {
    html body .sp-only {
        display: none !important;
    }
}
/* -------------------------- sp ----------------- */
@media (max-width: 768px) {
    
    #usingDetail {
        flex-direction: column;
    }
    
    .spDefPad {
        padding-left: 20px;
        padding-right: 20px;
    }
    #wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    #logoCol #logoImg {
        width: 40vw;
    }
    header a {
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }
    header .headerInner {
        padding-left: 0;
        padding-right: 0;
    }
    #headSearchForm {
        display: block;
        width: 100%;
        background: #4d4d4d;
        margin: 10px auto 0 auto;
        padding: 0.45rem 1%;
    }
    #headSearch {
        background: white;
        width: 66%;
        padding-left: 8%;
        border-radius: 0.25rem;
        position: relative;
        left: 0;
    }
    .pc-only {
        display: none;
    }
    header#pageHeader {
        padding-top: 20px;
    }
    #headRight {
        width: 100%;
        padding: 0;
    }
    div#logoCol {
        width: 100%;
        text-align: center;
    }
    #headerMenuWrap {
        position: fixed;
        top: -47vh;
        left: 0;
        width: 100%;
        margin: auto;
        padding: 0;
        transition: all .35s ease-in-out;
    }
    #headerMenuWrap.active {
        top: 0;
    }
    #headerMenuWrapNav {
        padding-left: 0;
        padding-right: 0;
    }
    #headMenu {
        display: block;
        padding: 1rem 0 1rem 0;
    }
    #headMenu li {
        width: 100%;
        padding: .5rem 0;
        font-size: 1.rem;
        float: none;
    }
    #topPageSlider {
        width: 100%;
        height: auto;
    }
    img.topTitles {
        height: 12px;
    }
    img.topTitles + small {
        font-size: 10px;
    }
    #rentalStepWrap { /*margin-left:-20px;margin-right:-20px;*/
    }
    #cpBannerWrap a {
        flex: 0 0 48%;
    }
    #cpBannerWrap {
        flex-wrap: wrap;
    }
    #wrapper.noToppage #topCampaign #cpBannerWrap a + a, #rightWrap #cpBannerWrap a + a {
        margin-left: 0;
        marbin-bottom: 1rem;
    }
    #rightWrap #cpBannerWrap za:nth-child(even) {
        margin-left: 1rem;
    }
    #cpBannerWrap a img {
        width: 100%;
        padding-bottom: 1rem;
    }
    .moreViewP {
        padding-right: 20px;
    }
    #footSig {
        font-size: 9px;
    }
    #footLogoImg {
        display: none;
    }
    #footTelImg {
        height: 8vw;
        display: inline-block;
        width: 100%;
    }
    #headSearchTxWrap {
        display: flex;
        margin: auto 3%;
    }
      #headSearchTxWrap2 {
        display: flex;
        margin: auto 3%;
    }
    #contents #reasonCheck {
        margin: auto;
        padding: 0;
        transform: scale(0.9, 1);
        transform-origin: 0;
        width: 108%;
    }
    #contents #reasonCheck li {
        font-size: 9px;
        letter-spacing: -0.5px;
        margin-bottom: 0.5rem;
    }
    #contents #ninkiAttn {
        padding: 1rem 0.5rem 0.25rem 1rem;
    }
    #contents #ninkiAttn * {
        font-size: 9px;
    }
    #ninkiAttn .mar_t_20 {
        margin-top: 10px;
    }
    #spFootMenu li {
        text-align: left;
    }
    #spFootMenu {
        margin-bottom: -30px;
    }
    #logoCol {
        position: relative;
    }
    #spHeadIcon {
        position: absolute;
        right: 20px;
        top: -2px;
    }
    #spHeadIcon a + a {
        margin-left: 5px;
    }
    #spHeadSrcButton {
        position: relative;
        right: 5px;
        background: transparent;
        color: white;
        border: 1px solid white;
        padding: 0 5px;
        width: 20%;
        letter-spacing: 2px;
        margin-left: 5%;
        font-size: 11px;
    }
  #spHeadSrcButton2 {
        position: relative;
        right: 0px;
        background: transparent;
        color: white;
        border: 1px solid white;
        padding: 0px;
        width: 100%;
        letter-spacing: 2px;
        margin-left: 0%;
        font-size: 10px;
    }


    #wrapper.noToppage #mainContWrap {
        margin-top: 74px;
    } /*84px;*/
    #wrapper.noToppage .catList3clm {
        display: inherit;
        justify-content: auto;
    }
    #wrapper.noToppage .catListClm {
        text-align: center;
    }
    #wrapper.noToppage #photoArrowWrap {
        margin: auto -20px;
    }
    .spTopspc10 {
        margin-top: 10px;
    }
    col-lg-12.spNoPad {
        padding-left: 0;
        padding-right: 0;
    }
    .menu_inner.headerInner div.megaChilds:first-child {
        display: none;
    }
    .bigMenusWrap {
        display: inherit;
    }
    #headerMenuWrapNav >
  
  
  ul .menu .menu_inner li {
        padding: 0 0 0.1rem 0;
    }
    .megaChilds {
        padding: 0.2rem 0;
        z-index: 2000;
        position: relative;
        display: none;
    }
    #spHeadTokusyu, #spHeadCat {
        margin: auto;
        padding: 10px 10px;
        background: white;
    }
    #spHeadTokusyu li, #spHeadCat li {
        list-style-type: none;
        text-align: left;
        padding: 0;
    }
    #spHeadTokusyu li a, #spHeadCat li a {
        text-align: left;
        display: block;
        line-height: 1.5;
        color: #231815;
    }
     #spRental, #spHeadCat {
        margin: auto;
        padding: 10px 10px;
        background: white;
    }
    #spRental li, #spHeadCat li {
        list-style-type: none;
        text-align: left;
        padding: 0;
    }
    #spRental li a, #spHeadCat li a {
        text-align: left;
        display: block;
        line-height: 1.5;
        color: #231815;
    }
    #spDoga, #spHeadCat {
        margin: auto;
        padding: 10px 10px;
        background: white;
    }
    #spDoga li, #spHeadCat li {
        list-style-type: none;
        text-align: left;
        padding: 0;
    }
    #spDoga li a, #spHeadCat li a {
        text-align: left;
        display: block;
        line-height: 1.5;
        color: #231815;
    }
  #spCat, #spHeadCat {
        margin: auto;
        padding: 10px 10px;
        background: white;
    }
    #spCat li, #spHeadCat li {
        list-style-type: none;
        text-align: left;
        padding: 0;
    }
    #spCat li a, #spHeadCat li a {
        text-align: left;
        display: block;
        line-height: 1.5;
        color: #231815;
    }
    #headerMenuWrapNav > ul .menu .menu_inner {
        margin-bottom: auto !important;
    }
    #headerMenuWrapNav > ul > li:hover .menu {
        position: relative;
        z-index: 2000;
    }
    #headerMenuWrapNav > ul > li > a {
        line-height: 2.5;
    }
    #headMenu li {
        padding: 0;
    }
    #headerMenuWrapNav > ul .menu {
        margin-top: 0;
    }
    
    #bestseller li, #recommendItemList li, #historyItemList li, #categoryItemList li {
        width: 47%;
    }
    
    #bestseller, #recommendItemList, #historyItemList, #categoryItemList {
        padding-left: 10px;
    }
    
    #contents {
        width: 100%;
    }
    
    .cg_freespace_01 img {
        width: 100%;
    }
    
    #groupListWrap .category-list li {
        width: 100%;
    }
} /* -------------------------- //sp ----------------- */
#iconBurgarWrap {
    position: fixed;
    top: 10px;
    left: 10px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1000;
}
#iconBurgar {
    height: 18px;
}
#catGpSorter {
    display: none;
}
#spHeadIcon img {
    height: 1.2rem;
}
a img.loginKeyicon {
    height: 18px;
    padding-right: 0.5rem;
    vertical-align: sub;
}
#logoWrap a img.loginKeyicon {
    vertical-align: sub;
}
#pcHeadCart {
    vertical-align: text-top;
    margin-right: 0.5rem;
}
/*2021-04-20 */
#cpBannerWrap a {
    width: 25%;
}
#cpBannerWrap a img {
    width: 100%;
}

.hide {
    display: none;
}


#free_space {
    display: none;
}

.product_list #subCatWrap {
    display: none;
}

.catListClm {
    font-size: 15px;
}


/* 横幅を指定するための要素 */
.map-wrap {
  max-width: 100%; /* ここに横幅を指定 */
}
 
/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.qa-1 {
    max-width: 1000px;
    margin-bottom: 7px;
    border: 1px solid #d6dde3;
    border-radius: 5px;
}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 1000;
    font-size: 1.3em;
}

.qa-1 summary::before {
    color: #525252;
    content: "Q";
}

.qa-1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-1[open] summary::after {
    transform: rotate(225deg);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
}

.qa-1 p::before {
    color: #BFBFBF;
    line-height: 1.2;
    content: "A";
}

.button-56 {
    display: flex;
    justify-content: center;
    align-items: left;
    min-width: 250px;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #5c5c5c;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-56:hover {
    background-color: #4c4c4c;
}

.button-56::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.heading-21 {
    position: relative;
    padding: .5em .7em .4em;
    border-bottom: 3px solid #545454;
    color: #525252;
}

.heading-21::before,
.heading-21::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.heading-21::before {
    background-color: #545454;
}

.heading-21::after {
    bottom: -11px;
    background-color: #fff;
}

#blog-list {
  display: flex;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
#blog-list {
  flex-direction: column;
 }
}

#blog-list li {
  width: calc(95% / 4);
  margin: 0 15px;
}
@media screen and (max-width: 767px) {
#blog-list li {
 width: 90%;
  margin-bottom: 20px;
 }
}

@media screen and (max-width: 767px) {
#blog-list .blog-card a {
  display: flex;
  align-items: center;
 }
}

#blog-list li a img{
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
#blog-list li a img {
  width: 55%;
 }
}

@media screen and (max-width: 767px) {
  .blog-meta {
  margin-left: 10px;
  }
}

.blog-date {
  margin-top: 5px;
}

.blog-title {
  margin-top: 5px;
 font-weight: 600;
}

/*========================
　smartphone　bottom menu
　========================*/


.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:45px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#808080;/*背景色*/
    border-top:2px solid #666666;/*バーの上の線*/
    border-bottom:2px solid #666666;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu li {
    float:left;
    width:50%;
    background-color:#808080;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}


.bottom-menu li a {
    display: block;
    color:#f5f5f5;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#F4F4F4;/*マウスオーバー時の色*/}

/* === 展開メニュー === */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li a{
    border-top:1px dashed #a9a9a9;/*展開の枠点線*/
        font-size:15px;/*展開メニューの文字サイズ*/
        line-height:30px;/*文字の縦幅*/}

.menu-second-level li a:hover {
    height:100%;
    background: lightgrey;/*マウスオーバーの色*/}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;/*高さ*/
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}

/*PC表示の際はボトムメニューは表示しない*/
@media(min-width: 768px){
    .bottom-menu{display:none; }
}

