.js_fr_page_loading {padding-top:197px;}

@media screen and (max-width: 767px) {
    .fr_copyright_dfix {
        text-align: center;
        font-size: 10px;
        -webkit-transform: scale(0.91);
        -ms-transform: scale(0.91);
        transform: scale(0.91);
        margin-top: -5px
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        width: 100%;
        background-color: #fff
    }

    header.on {
        height: 100%;
        overflow: scroll
    }

    .fr_header {
        background: #ffffff;
        color: #000
    }

    .navbar-header {
        margin: 0;
        height: 65px;
        line-height: 58px;
        border-bottom: solid 5px #000
    }

    .md_ecTopWrap .navbar-header, .md_ecListWrap .navbar-header, .md_ecDetailWrap .navbar-header {
        border-bottom: solid 5px #fff
    }

    .md_ecTopWrap .js_fr_page_loading.on .navbar-header, .md_ecListWrap .js_fr_page_loading.on .navbar-header, .md_ecDetailWrap .js_fr_page_loading.on .navbar-header {
        border-bottom: solid 5px #000
    }

    #md_headerNav ul {
        margin-bottom: 17px
    }

    #md_headerNav ul li {
        float: left;
        padding-left: 9px;
        width: 50%;
        height: 50px;
        line-height: 50px;
        font-size: 11px;
        font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif
    }

    #md_headerNav ul li:nth-child(2n) {
        padding-left: 5px
    }

    .fr_img_logo {
        max-width: 100%;
        max-height: 21px;
        margin-left: 15px
    }

    .md_toggleBtn {
        float: right;
        border: none;
        margin: 18px 15px 16px 0px;
        width: 26px;
        height: 22px;
        padding: 0;
        border-radius: 0;
        background: url("../images/btn_open01.png") center top;
        background-size: cover
    }

    .md_toggleBtn.on {
        background: #fff url("../images/btn_close01.png") center top;
        background-size: cover
    }

    .md_toggleWrap {
        position: absolute;
        left: -100%;
        width: 100%;
        padding: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        z-index: 999999;
        background-color: #fff
    }

    .md_toggleWrap.on {
        left: 0
    }

    .js_fr_page_loading {
        overflow: auto;
        padding-top: 65px;
        height: auto
    }

    .navbar-header {
        margin: 0;
        height: 77px;
        line-height: 72px;
        border-bottom: solid 6px #000
    }

    .fr_img_logo {
        max-width: 100%;
        max-height: 25px;
        margin-left: 18px
    }

    .md_toggleBtn {
        float: right;
        border: none;
        margin: 23px 18px 18px 0px;
        width: 30px;
        height: 25px
    }

    .md_search_products {
        margin: 0 -15px;
        padding: 0 15px;
        border-bottom: solid 1px #e5e5e5
    }

    .md_search_products {
        margin: 0 -15px;
        padding: 0 15px
    }

    .md_toggleWrap input[type="search"] {
        float: left;
        margin: 18px 0 17px 0;
        width: 86%;
        height: 40px;
        border: solid 2px #000;
        -webkit-appearance: none;
        border-radius: 0
    }

    .md_toggleWrap button {
        float: left;
        margin: 18px 0;
        padding: 0;
        width: 40px;
        height: 40px;
        border: none
    }

    .md_toggleWrap button img {
        width: 100%;
        height: 40px
    }

    .md_language {
        padding-bottom: 50px
    }

    .md_language ul {
        display: inline-block;
        margin-bottom: 20px
    }

    .md_language ul li {
        display: inline-block;
        width: 45px;
        height: 30px;
        line-height: 30px;
        background-color: #000;
        color: #fff;
        font-family: 'SackersGothicStd-Light';
        font-size: 15px;
        text-align: center
    }

    .md_language ul li.on {
        background-color: #fff;
        color: #000
    }

    .md_login_header {
        position: relative;
        margin: 0;
        height: 70px;
        background-color: #dadfe2;
        text-align: center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease
    }

    .md_login_header.md_active {
        height: 200px
    }

    .md_login_header li {
        display: inline-block;
        margin-right: 25px;
        padding: 18px 0;
        width: 34px;
        vertical-align: top
    }

    .md_login_header li:last-child {
        position: relative;
        margin-right: 0px
    }

    .md_login_header li .badge {
        position: absolute;
        right: -16px;
        top: 13px;
        font-size: 12px;
        font-weight: normal;
        color: red;
        background-color: transparent;
        border-radius: 10px
    }

    .md_login_header li dt {
        width: 34px;
        height: 34px;
        background: url(../images/icon/icon_mypage_off_sp.png) center center;
        background-size: 100%
    }

    .md_login_header li dt.md_active {
        background: url(../images/icon/icon_mypage_on.png) center center;
        background-size: 100%
    }

    .md_login_header li dd {
        display: none;
        position: absolute;
        left: 0;
        top: 70px;
        width: 100%;
        padding: 15px 0;
        background-color: #bfc8cd;
        text-align: left;
        z-index: 999999
    }

    .md_login_header li dd:after {
        bottom: 100%;
        left: 33%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(191, 200, 205, 0);
        border-bottom-color: #bfc8cd;
        border-width: 8px;
        margin-left: -8px
    }

    .md_login_header li dd a {
        display: block;
        padding-left: 25px;
        height: 50px;
        line-height: 50px;
        font-size: 12px
    }

    #md_category_header {
        margin: 0 -15px;
        padding-top: 18px;
        background-color: #dadfe2
    }

    #md_category_header li {
        padding: 0 15px 0 25px;
        background-color: #dadfe2
    }

    #md_category_header li dt, #md_category_header li a {
        height: 50px;
        display: block;
        line-height: 50px;
        font-weight: normal;
        background: url(../images/arrow_down02.png) right center no-repeat;
        background-size: 27px 14px
    }

    #md_category_header li dd {
        display: none;
        margin: 0 -15px 0 -25px;
        padding: 0 0 0 37px;
        background-color: #bfc8cd
    }

    #md_category_header li dd li, #md_category_header li dd li a {
        padding: 0;
        background-color: transparent;
        background-image: none
    }

    #md_search_products_header {
        position: fixed;
        top: 65px;
        left: 0;
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
        background-color: #dadfe2;
        z-index: 99999
    }

    #md_search_products_header {
        top: 77px
    }

    #md_search_products_header li {
        float: left;
        width: 36%;
        height: 40px;
        line-height: 40px;
        font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
        border-right: solid 1px #bfc8cd;
        text-align: center
    }

    #md_search_products_header li:first-child {
        background: url(../images/arrow_down01.jpg) 92% center no-repeat;
        background-size: 12px 6px
    }

    #md_search_products_header li:last-child {
        border-right: none;
        width: 28%
    }

    #md_search_products_header li.md_searchBox {
        position: absolute;
        padding-top: 3px;
        width: 65%;
        border-right: none;
        background-color: #dadfe2
    }

    #md_search_products_header li.md_searchBox input#keywords05 {
        background-color: transparent;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    input#keywords05::-webkit-input-placeholder {
        color: #000;
        font-weight: normal
    }

    input#keywords05:-ms-input-placeholder {
        color: #000;
        font-weight: normal
    }

    input#keywords05::-moz-placeholder {
        color: #000;
        font-weight: normal
    }

    #md_search_products_header li img {
        width: 27px
    }

    #md_search_products_header li img.md_searchBtn {
        margin-right: 5px
    }

    #md_productsHeader {
        height: 20px;
        line-height: 20px;
        padding-bottom: 10px;
        text-align: center;
        background-color: #000;
        color: #fff;
        font-family: 'SackersGothicStd-Light';
        font-size: 9px;
        letter-spacing: 0.1em
    }

    ul#md_search_products_headerNav {
        margin-bottom: 0
    }

    #md_headerNav {
        padding: 2px 15px 0
    }

    .js_fr_page_loading {
        padding-top: 77px
    }

    .fr_school_outer {
        width: 980px;
        margin: 0 auto
    }

    .fr_oubun-font {
        font-family: 'SackersGothicStd-Light' !important
    }

    .fr_grayborder {
        border: 1px solid #454545;
        display: inherit
    }

    .fr_school_outer {
        width: 100%;
        margin: 0 auto
    }

    html.on {
        overflow: hidden
    }

    body.on {
        overflow: hidden
    }

    .loaderBlock, .loaderBlock:after {
        width: 5rem;
        height: 5rem;
        border-radius: 50%
    }

    .loaderBlock {
        position: relative;
        margin: 2rem auto;
        font-size: 10px;
        text-indent: -9999em;
        border-top: 0.2rem solid rgba(255, 255, 255, 0.2);
        border-right: 0.2rem solid rgba(255, 255, 255, 0.2);
        border-bottom: 0.2rem solid rgba(255, 255, 255, 0.2);
        border-left: 0.2rem solid #ffffff;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: circle 1.1s infinite linear;
        animation: circle 1.1s infinite linear
    }

    @-webkit-keyframes circle {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }@keyframes circle {
         0% {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg)
         }
         100% {
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg)
         }
     }.js_fr_page_loading {
          padding-top: 0;
          overflow: hidden
      }

    .md_ecTopWrap .js_fr_page_loading, .md_ecListWrap .js_fr_page_loading, .md_ecDetailWrap .js_fr_page_loading {
        padding-top: 0
    }

    .fr_main-contents {
        z-index: 100
    }

    header .visible-xs {
        line-height: 2.2rem;
        font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
        z-index: 1000;
        -webkit-transition: all 0.4s;
        transition: all 0.4s
    }

    header .visible-xs #gNavi {
        position: relative;
        width: 100%;
        height: 5.7rem;
        background: #ffffff;
        z-index: 1000
    }

    header .visible-xs #gNavi .logo {
        position: absolute;
        top: 1.4rem;
        left: 0;
        right: 0;
        bottom: 0;
        width: 16.2rem;
        height: 1.6rem;
        margin: 0 auto;
        font-size: 0;
        overflow: hidden
    }

    header .visible-xs #gNavi .logo a {
        display: block;
        padding: 0.2rem 0 0.2rem 0.5rem;
        line-height: 1
    }

    header .visible-xs #gNavi .logo img.fr_img_logo {
        width: 14.6rem;
        height: 1.05rem;
        margin: 0 0 0 0.6rem
    }

    header .visible-xs #gNavi .icon {
        position: absolute
    }

    header .visible-xs #gNavi .icon img {
        width: 100%;
        height: 100%
    }

    header .visible-xs #gNavi .md_naviBtn {
        display: block;
        top: 1.4rem;
        left: 1.4rem;
        width: 1.6rem;
        height: 1.3rem;
        margin: 0;
        padding: 0
    }

    header .visible-xs #gNavi .md_naviBtn span {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 0.1rem;
        background: #000000;
        -webkit-transition: all 0.4s;
        transition: all 0.4s
    }

    header .visible-xs #gNavi .md_naviBtn span:nth-child(1) {
        top: 0
    }

    header .visible-xs #gNavi .md_naviBtn span:nth-child(2) {
        top: 0.6rem
    }

    header .visible-xs #gNavi .md_naviBtn span:nth-child(3) {
        bottom: 0
    }

    header .visible-xs #gNavi .md_naviBtn.on span:nth-child(1) {
        -webkit-transform: translateY(0.6rem) rotate(-45deg);
        -ms-transform: translateY(0.6rem) rotate(-45deg);
        transform: translateY(0.6rem) rotate(-45deg)
    }

    header .visible-xs #gNavi .md_naviBtn.on span:nth-child(2) {
        opacity: 0
    }

    header .visible-xs #gNavi .md_naviBtn.on span:nth-child(3) {
        -webkit-transform: translateY(-0.6rem) rotate(45deg);
        -ms-transform: translateY(-0.6rem) rotate(45deg);
        transform: translateY(-0.6rem) rotate(45deg)
    }

    header .visible-xs #gNavi .md_cartBtn {
        top: 0.9rem;
        right: 1.2rem;
        width: 2rem;
        height: 1.9rem
    }

    header .visible-xs #gNavi .md_cartBtn span.badge {
        position: absolute;
        top: -0.5rem;
        right: -0.5rem;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0;
        line-height: 1.5rem;
        font-size: 1rem;
        text-align: center;
        vertical-align: bottom;
        background: #ff0000;
        border-radius: 100%
    }

    header .visible-xs #gNavi .md_searchBtn {
        top: 0.8rem;
        right: 4.4rem;
        width: 1.8rem;
        height: 1.8rem
    }

    header .visible-xs #gNavi::after {
        content: 'ONLINE STORE';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #212121;
        color: #ffffff;
        text-align: center;
        font-size: 1rem;
        line-height: 1.6rem;
        font-family: 'SackersGothicStd-Light', sans-serif
    }

    header .visible-xs #md_search_header {
        position: fixed;
        top: 0;
        width: 100%;
        padding: 0.2rem 1rem 1rem;
        background: #212121;
        z-index: 900;
        -webkit-transition: all 0.4s;
        transition: all 0.4s
    }

    header.on .visible-xs #md_search_header {
        position: absolute
    }

    header .visible-xs #md_search_header.on {
        top: 5.7rem
    }

    header .visible-xs #md_search_header .md_searchBox {
        position: relative;
        padding: 0.3rem;
        border-radius: 0.3rem;
        background: #ffffff;
        width: 100%
    }

    header .visible-xs #md_search_header .md_searchBox input {
        width: 90%;
        padding: 0.2rem 0.3rem;
        border: 0;
        float: none;
        border: 0;
        font-size: inherit;
        height: auto
    }

    header .visible-xs #md_search_header .md_searchBox span {
        display: block;
        position: absolute;
        top: 0.8rem;
        right: 0.8rem;
        width: 1.4rem;
        height: 1.4rem;
        cursor: pointer
    }

    header .visible-xs #md_search_header .md_searchBox span::before, header .visible-xs #md_search_header .md_searchBox span::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 0.1rem;
        background: #777777
    }

    header .visible-xs #md_search_header .md_searchBox span::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    header .visible-xs #md_search_header .md_searchBox span::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    header .visible-xs .md_toggleWrap {
        z-index: 700
    }

    @media screen and (max-width: 767px) {
        header .visible-xs .md_toggleWrap .container{
            margin-top:0;}
    }

    header .visible-xs .md_toggleWrap .md_login_header li dd:after {
        left: 40%
    }

    header .visible-xs #md_categoryNav {
        position: fixed;
        top: 5.7rem;
        left: 0;
        width: 100%;
        background: #dadfe2;
        z-index: 500
    }

    header .visible-xs #md_categoryNav ul {
        display: table;
        width: 100%;
        margin: 0;
        padding: 0
    }

    header .visible-xs #md_categoryNav ul li {
        display: table-cell;
        width: 50%;
        text-align: center
    }

    header .visible-xs #md_categoryNav ul li a {
        display: block;
        position: relative;
        padding: 0.6rem 0;
        color: #000000
    }

    header .visible-xs #md_categoryNav ul li a::after {
        content: '';
        display: block;
        position: absolute;
        top: 1.1rem;
        right: 1rem;
        width: 0.6rem;
        height: 0.6rem;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    header .visible-xs #md_categoryNav ul li:first-child a::after {
        top: 1.5rem;
        -webkit-transform: rotate(45deg) translate(-0.3rem, -0.3rem);
        -ms-transform: rotate(45deg) translate(-0.3rem, -0.3rem);
        transform: rotate(45deg) translate(-0.3rem, -0.3rem);
        -webkit-transition: transform 0.4s;
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s
    }

    header .visible-xs #md_categoryNav ul li:last-child {
        border-left: solid 1px #bfc8cd
    }

    header .visible-xs .shadeBox {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        overflow: hidden;
        z-index: 800
    }

    #scBox {
        position: relative;
        padding-top: 9rem;
        width: 100%;
        background: #ffffff;
        z-index: 200;
        font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif
    }

    header#min + #scBox {
        padding-top: 5.7rem
    }

    header.off {
        -webkit-transform: translateY(-160%);
        -ms-transform: translateY(-160%);
        transform: translateY(-160%)
    }

    header#min.off {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    #md_navi_category {
        margin: 0
    }

    #md_navi_category li span {
        display: table-cell;
        width: 85%;
        vertical-align: middle
    }

    #md_navi_category li span:last-child {
        width: 25px;
        text-align: center;
        position: absolute;
        right: 1.0rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #md_navi_category li span:last-child::after {
        content: '';
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        border-right: solid 1px #808080;
        border-bottom: solid 1px #808080;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #md_navi_category li a {
        display: table;
        width: 100%;
        padding: 1.5rem 1.5rem 1.4rem 1.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
        -webkit-tap-highlight-color: rgba(191, 200, 205, 0.5)
    }

    #md_navi_category li a:hover {
        color: #000000
    }

    #md_navi_category li dl {
        margin: 0;
        -webkit-transition: background-color 0.4s;
        transition: background-color 0.4s;
        position: relative
    }

    #md_navi_category li dl dt {
        display: table;
        width: 100%;
        padding: 0rem 0rem 0rem 1.2rem;
        font-size: 1.5rem;
        font-weight: normal;
        line-height: 1
    }

    #md_navi_category li dl dt.gift {
        padding: 1.5rem 1.5rem 1.4rem 1.5rem;
        line-height: 2rem
    }

    #md_navi_category li dl dt img {
        width: 6.4rem;
        margin: 0
    }

    #md_navi_category li dl dd {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.4s;
        transition: height 0.4s
    }

    #md_navi_category li dl dd ul {
        position: absolute;
        width: 100%
    }

    #md_navi_category li dl dd ul li {
        width: 50%;
        border-bottom: solid 1px #bfc8cd;
        border-right: solid 1px #bfc8cd;
        float: left
    }

    #md_navi_category li dl dd ul li:nth-child(2n) {
        border-right: 0
    }

    #md_navi_category li dl dd ul li a {
        padding: 1rem 1rem 0.9rem 0rem;
        font-size: 1.3rem;
        line-height: 1.6rem;
        min-height: 5.0rem;
        color: #4c4c4c
    }

    #md_navi_category li dl dt span:last-child::after {
        -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%)
    }

    #md_navi_category li dl.on dt span:last-child::after {
        -webkit-transform: rotate(-135deg) translateY(-50%);
        -ms-transform: rotate(-135deg) translateY(-50%);
        transform: rotate(-135deg) translateY(-50%);
        position: relative;
        left: 3px
    }

    #md_navi_category li dl dd ul li a span:last-child::after {
        width: 0.8rem;
        height: 0.8rem;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #md_navi_category .category {
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #md_navi_category .subcategories {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        background: #ffffff
    }

    #md_navi_category .subcategory {
        position: relative;
        width: 100%;
        border-right: 0;
        border-bottom: solid 1px #e6e6e6
    }

    #md_navi_category .category_img_wrapper {
        display: table-cell;
        width: 7.3rem;
        height: 7.8rem;
        margin: 0 1.0rem 0 0;
        background: #ffffff;
        vertical-align: middle;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #md_navi_category .category_body {
        display: table-cell;
        width: calc(100% - 64px - 40px);
        border-bottom: solid 1px #e6e6e6;
        vertical-align: middle
    }

    #md_navi_category .category_ttl {
        margin: 0 0 0.5rem 0;
        color: #262626;
        font-size: 1.6rem;
        letter-spacing: 0.1rem
    }

    #md_navi_category .category_txt {
        margin: 0;
        padding-right: 50px;
        color: #4c4c4c;
        font-size: 1.3rem;
        line-height: 1.4
    }

    #md_navi_category li .category > span:last-child::after {
        position: relative;
        left: -4px;
        width: 1.0rem;
        height: 1.0rem
    }

    #md_navi_category li dl dt::after {
        content: '';
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: #666666;
        -webkit-transition: 0.1s;
        transition: 0.1s
    }

    #md_navi_category li dl dt.hover::after {
        display: block
    }

    #md_foot_category {
        margin: 0 -15px 0rem
    }

    #md_foot_category li span {
        display: table-cell;
        width: 85%;
        vertical-align: middle
    }

    #md_foot_category li span:last-child {
        width: 25px;
        text-align: center;
        position: absolute;
        right: 1.0rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #md_foot_category li span:last-child::after {
        content: '';
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        border-right: solid 1px #808080;
        border-bottom: solid 1px #808080;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #md_foot_category li a {
        display: table;
        width: 100%;
        padding: 1.5rem 1.5rem 1.4rem 1.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
        -webkit-tap-highlight-color: rgba(191, 200, 205, 0.5)
    }

    #md_foot_category li a:hover {
        color: #000000
    }

    #md_foot_category li dl {
        margin: 0;
        -webkit-transition: background-color 0.4s;
        transition: background-color 0.4s;
        position: relative
    }

    #md_foot_category li dl dt {
        display: table;
        width: 100%;
        padding: 0rem 0rem 0rem 1.2rem;
        font-size: 1.5rem;
        font-weight: normal;
        line-height: 1
    }

    #md_foot_category li dl dt.gift {
        padding: 1.5rem 1.5rem 1.4rem 1.5rem;
        line-height: 2rem
    }

    #md_foot_category li dl dt img {
        width: 6.4rem;
        margin: 0
    }

    #md_foot_category li dl dd {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.4s;
        transition: height 0.4s
    }

    #md_foot_category li dl dd ul {
        position: absolute;
        width: 100%
    }

    #md_foot_category li dl dd ul li {
        width: 50%;
        border-bottom: solid 1px #bfc8cd;
        border-right: solid 1px #bfc8cd;
        float: left
    }

    #md_foot_category li dl dd ul li:nth-child(2n) {
        border-right: 0
    }

    #md_foot_category li dl dd ul li a {
        padding: 1rem 1rem 0.9rem 0rem;
        font-size: 1.3rem;
        line-height: 1.6rem;
        min-height: 5.0rem;
        color: #4c4c4c
    }

    #md_foot_category li dl dt span:last-child::after {
        -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%)
    }

    #md_foot_category li dl.on dt span:last-child::after {
        -webkit-transform: rotate(-135deg) translateY(-50%);
        -ms-transform: rotate(-135deg) translateY(-50%);
        transform: rotate(-135deg) translateY(-50%);
        position: relative;
        left: 3px
    }

    #md_foot_category li dl dd ul li a span:last-child::after {
        width: 0.8rem;
        height: 0.8rem;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #md_foot_category .category {
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #md_foot_category .subcategories {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        background: #ffffff
    }

    #md_foot_category .subcategory {
        position: relative;
        width: 100%;
        border-right: 0;
        border-bottom: solid 1px #e6e6e6
    }

    #md_foot_category .category_img_wrapper {
        display: table-cell;
        width: 7.3rem;
        height: 7.8rem;
        margin: 0 1.0rem 0 0;
        background: #ffffff;
        vertical-align: middle;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    #md_foot_category .category_body {
        display: table-cell;
        width: calc(100% - 64px - 40px);
        border-bottom: solid 1px #e6e6e6;
        vertical-align: middle
    }

    #md_foot_category .category_ttl {
        margin: 0 0 0.5rem 0;
        color: #262626;
        font-size: 1.6rem;
        letter-spacing: 0.1rem
    }

    #md_foot_category .category_txt {
        margin: 0;
        padding-right: 50px;
        color: #4c4c4c;
        font-size: 1.3rem;
        line-height: 1.4
    }

    #md_foot_category li .category > span:last-child::after {
        position: relative;
        left: -4px;
        width: 1.0rem;
        height: 1.0rem
    }

    #md_foot_category li dl dt::after {
        content: '';
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: #666666;
        -webkit-transition: 0.1s;
        transition: 0.1s
    }

    #md_foot_category li dl dt.hover::after {
        display: block
    }

    #md_search_products_category {
        clear: both;
        margin-top: 0px;
        padding-top: 0px
    }

    #md_search_products_category .md_sectionWrap {
        margin: 0 auto;
        padding: 2.5rem 1.5rem 2.5rem 1.5rem
    }

    #md_search_products_category h2.md_indexTitle {
        margin: 0 auto 15px;
        color: #262626;
        font-family: 'SackersGothicStd-Light';
        font-size: 1.8rem;
        letter-spacing: -0.01em;
        text-align: center
    }

    #md_search_products_category .md_search_form02 {
        text-align: center
    }

    #md_search_products_category .md_search_form02 .form-control {
        border-radius: 0px
    }

    #md_search_products_category .md_search_form02 button.md_linkBtn {
        display: inline-block;
        width: 100px;
        height: 40px;
        line-height: 40px;
        background-color: #000;
        border: solid 2px #000;
        color: #fff;
        font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
        font-size: 12px;
        letter-spacing: 0.05em;
        text-align: center;
        margin: 15px auto 0 auto
    }

    #md_footerLogo {
        padding: 1rem 0 0
    }

    #md_footerLogo figure {
        text-align: center
    }

    #md_footerLogo figure img {
        width: 20.75rem;
        height: 1.5rem
    }

    #md_footerLogo p {
        padding: 1rem 0 0
    }

    #goTop {
        position: fixed;
        bottom: 5.5rem;
        right: 0;
        width: 4rem;
        height: 4rem;
        opacity: 0;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10
    }

    #goTop a {
        display: block;
        position: relative;
        width: 4rem;
        height: 4rem;
        background: rgba(0, 0, 0, 0.4)
    }

    #goTop a::after {
        content: '';
        display: block;
        position: absolute;
        top: 1.7rem;
        left: 1.7rem;
        width: 1.2rem;
        height: 1.2rem;
        border-right: solid 2px #ffffff;
        border-top: solid 2px #ffffff;
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(-45deg) translate(-0.3rem, 0.3rem);
        -ms-transform: rotate(-45deg) translate(-0.3rem, 0.3rem);
        transform: rotate(-45deg) translate(-0.3rem, 0.3rem)
    }

    #goTop.on {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 500px);
        transform: translate3d(0, 0, 500px);
        z-index: 500
    }

    #md_sp_banner_ex {
        margin: 0 0 1.5rem;
        padding: 1rem;
        overflow: hidden
    }

    #md_sp_banner_ex ul li {
        width: 48.4%;
        margin: 0 3.2% 0 0;
        float: left
    }

    #md_sp_banner_ex ul li:nth-child(2n+1) {
        margin: 0
    }

    #md_sp_banner_ex ul li:first-child {
        width: 100%;
        margin: 0
    }

    #md_sp_banner_ex ul li img {
        width: 100%
    }

    #md_sp_banner_ex ul li p {
        padding: 0.3rem 0 0
    }

    .md_indexTitle {
        margin: 0 0 15px;
        color: #000000;
        font-family: 'SackersGothicStd-Light';
        font-size: 2rem;
        letter-spacing: 0.05em;
        text-align: center
    }

    img.img-thumbnail {
        padding: 0;
        border: none
    }

    #md_checkeditems {
        clear: both
    }

    #md_checkeditems.md_sectionWrap {
        padding: 2.5rem 1rem
    }

    #md_checkeditems .md_indexTitle {
        margin: 0 0 20px
    }

    #md_checkeditems h2.md_title_jp {
        margin: 0 auto 1.5rem;
        padding: 0 0 0 0.5rem;
        color: #000000;
        font-size: 1.4rem;
        letter-spacing: 0.1rem;
        text-align: left;
        font-family: "リュウミン L-KL", "Times New Roman", serif !important
    }

    #md_checkeditems ul {
        margin: 0
    }

    #md_checkeditems ul li {
        width: 31%;
        margin: 0 3.5% 0 0;
        float: left
    }

    #md_checkeditems ul li:nth-child(3n) {
        margin: 0
    }

    #md_checkeditems ul li figure figcaption {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 2.8rem;
        margin: 0.5rem 0.5rem 0.3rem 0;
        font-size: 1.1rem;
        line-height: 1.4rem;
        overflow: hidden
    }

    #md_checkeditems .moreBox {
        display: none;
        padding: 0;
        overflow: hidden
    }

    #md_checkeditems .moreBtn {
        clear: both;
        display: block;
        margin: 1rem 20% 0;
        padding: 1.4rem 1.5rem 1.3rem 1.5rem;
        border: solid 1px #cccccc;
        font-size: 1.5rem;
        line-height: 2rem;
        text-align: center
    }

    #md_checkeditems .moreBtn::after {
        content: '';
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0 0 1rem;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(45deg) translate(-0.3rem, -0.3rem);
        -ms-transform: rotate(45deg) translate(-0.3rem, -0.3rem);
        transform: rotate(45deg) translate(-0.3rem, -0.3rem)
    }

    #md_checkeditems .moreBtn.on::after {
        -webkit-transform: rotate(-135deg) translate(-0.4rem, 0.2rem);
        -ms-transform: rotate(-135deg) translate(-0.4rem, 0.2rem);
        transform: rotate(-135deg) translate(-0.4rem, 0.2rem)
    }

    #md_coverBox {
        z-index: 1100
    }

    #md_coverBox .modal-dialog {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 2rem
    }

    #md_coverBox .modal-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    #md_coverBox .modal-inner {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding: 0 1rem;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    ol.breadcrumb.md_productList {
        margin: 0 0 0.5rem;
        padding: 0.8rem 1.5rem 0.7rem;
        min-height: auto;
        line-height: 1.2
    }

    ol.breadcrumb.md_contentsDetail {
        margin: 0 0 0.5rem;
        padding: 0.8rem 1.5rem 0.7rem;
        border-bottom: solid 1px #e5e5e5;
        min-height: auto;
        line-height: 1.2
    }

    #md_bloc_newarrived.md_sectionWrap {
        padding: 25px 10px 20px
    }

    #md_bloc_newarrived .md_indexTitle {
        margin: 0 0 20px
    }

    #md_bloc_newarrived h2.md_title_jp {
        margin: 0 auto 1.5rem;
        padding: 0 0 0 0.5rem;
        color: #000000;
        font-size: 1.4rem;
        letter-spacing: 0.1rem;
        text-align: left;
        font-family: "リュウミン L-KL", "Times New Roman", serif !important
    }

    #md_bloc_newarrived .md_bloc_newarrived {
        width: 100%;
        margin: 0
    }

    #md_bloc_newarrived .md_bloc_newarrived ul {
        margin: 0
    }

    #md_bloc_newarrived .md_bloc_newarrived ul li {
        width: 31%;
        margin: 0 3.5% 0 0;
        float: left
    }

    #md_bloc_newarrived .md_bloc_newarrived ul li:nth-child(3n) {
        margin: 0
    }

    #md_bloc_newarrived .md_bloc_newarrived ul li figure figcaption {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 0.5rem 0.5rem 0.3rem 0;
        font-size: 1.1rem;
        line-height: 1.2;
        overflow: hidden
    }

    #md_bloc_recommend.md_sectionWrap {
        padding: 25px 10px 20px
    }

    #md_bloc_recommend .md_indexTitle {
        margin: 0 0 20px
    }

    #md_bloc_recommend h2.md_title_jp {
        margin: 0 auto 1.5rem;
        padding: 0 0 0 0.5rem;
        color: #000000;
        font-size: 1.4rem;
        letter-spacing: 0.1rem;
        text-align: left;
        font-family: "リュウミン L-KL", "Times New Roman", serif !important
    }

    #md_bloc_recommend .md_bloc_recommend {
        width: 100%;
        margin: 0
    }

    #md_bloc_recommend .md_bloc_recommend ul {
        margin: 0
    }

    #md_bloc_recommend .md_bloc_recommend ul li {
        width: 31%;
        margin: 0 3.5% 0 0;
        float: left
    }

    #md_bloc_recommend .md_bloc_recommend ul li:nth-child(3n) {
        margin: 0
    }

    #md_bloc_recommend .md_bloc_recommend ul li:nth-child(3n+1) {
        clear: both
    }

    #md_bloc_recommend .md_bloc_recommend ul li figure figcaption {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 0.5rem 0.5rem 0.3rem 0;
        font-size: 1.1rem;
        line-height: 1.2;
        overflow: hidden
    }

    #md_bloc_basicgift.md_sectionWrap {
        padding: 2.5rem 1rem 0px
    }

    #md_bloc_basicgift.md_sectionWrap h2 {
        margin-bottom: 2rem
    }

    #md_bloc_basicgift .md_bloc_basicgift {
        width: 100%;
        margin: 0
    }

    #md_bloc_basicgift .js_fr_tile_frontparts_bloc_basicgift {
        margin-bottom: 4rem
    }

    #md_bloc_basicgift .basicgift_ttl {
        width: 100%;
        padding: 0 1rem;
        margin-bottom: 1rem;
        font-size: 1.2rem
    }

    #md_bloc_basicgift .basicgift_ttl_main {
        margin: 0;
        padding: 1rem 0 1rem;
        border-bottom: solid 0.1rem #212121;
        font-size: 1.7rem;
        font-family: 'SackersGothicStd-Light';
        text-align: center;
        line-height: 1.5rem
    }

    #md_bloc_basicgift .basicgift_ttl_sub {
        display: none
    }

    #md_bloc_basicgift .md_bloc_basicgift ul {
        margin: 0 0 1rem 0
    }

    #md_bloc_basicgift .md_bloc_basicgift ul li {
        width: 31%;
        margin: 0 3.5% 0 0;
        float: left
    }

    #md_bloc_basicgift .md_bloc_basicgift ul li:nth-child(3n) {
        margin: 0
    }

    #md_bloc_basicgift .basicgift_btn {
        margin: 0 30% 0;
        padding: 0.8rem 2rem;
        background: #212121;
        color: #fff;
        display: block;
        font-size: 1.2rem;
        letter-spacing: 0.05rem;
        text-align: center
    }

    #md_bloc_basicgift figcaption {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 0.5rem 0.5rem 0.3rem 0;
        font-size: 1.1rem;
        line-height: 1.2;
        overflow: hidden
    }

    #md_bloc_ranking h2 {
        margin-bottom: 10px;
        padding: 15px 10px 15px;
        color: #ffffff;
        background: #e20062
    }

    #md_bloc_ranking .md_bloc_ranking {
        width: 100%;
        margin: 0;
        padding: 0 10px 20px
    }

    #md_bloc_ranking .md_bloc_ranking ul {
        margin: 0
    }

    #md_bloc_ranking .md_bloc_ranking ul li {
        width: 31%;
        margin: 0 3.5% 0 0;
        float: left
    }

    #md_bloc_ranking .md_bloc_ranking ul li:nth-child(3n) {
        margin: 0
    }

    #md_bloc_ranking .md_bloc_ranking ul li.loading {
        width: 100%;
        margin: 0;
        padding: 20px;
        float: none
    }

    #md_bloc_ranking .md_bloc_ranking ul li.loading div {
        margin: 0 auto
    }

    #md_bloc_ranking .md_bloc_ranking ul li p.rank {
        position: relative;
        margin: 0.5rem 0 0.7rem;
        font-size: 1.8rem;
        text-align: right;
        line-height: 1;
        color: #e20062;
        font-family: 'SackersGothicStd-Light', sans-serif
    }

    #md_bloc_ranking .md_bloc_ranking ul li p.rank::before {
        content: '';
        display: block;
        position: absolute;
        top: 0.4rem;
        left: 0.2rem;
        width: 1.8rem;
        height: 1.5rem;
        background: url("../add/img/crown.svg");
        background-size: contain;
        vertical-align: middle
    }

    #md_bloc_ranking .md_bloc_ranking ul li p.rank span {
        font-size: 1rem
    }

    #md_bloc_ranking .md_bloc_ranking ul li figure figcaption {
        padding: 0.5rem 0.5rem 0.3rem 0;
        font-size: 1.1rem;
        line-height: 1.2
    }

    #md_bloc_ranking .md_bloc_ranking ul li figure p.md_price {
        margin: 0
    }

    #md_productsList h2.search {
        margin: 0;
        padding: 0.8rem 1.5rem 0.7rem;
        font-size: 1.4rem;
        background: #eeeeee
    }

    #md_productsList #md_search_products_list_upper {
        margin: 0 0 1.5rem
    }

    #md_productsList #md_itemList li {
        position: relative;
        width: 100%;
        margin: 0 0 1.3rem;
        padding: 0 0 1.3rem;
        border-bottom: solid 1px #e5e5e5
    }

    #md_productsList #md_itemList li:last-child {
        border: 0
    }

    #md_productsList #md_itemList li a {
        display: block
    }

    #md_productsList #md_itemList li figure {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    #md_productsList #md_itemList li div.box {
        position: relative
    }

    #md_productsList #md_itemList li div.box:first-child {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 34%;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        margin: 0 4% 0 0
    }

    #md_productsList #md_itemList li div.box:last-child {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 62%;
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        padding: 0 0 0.3rem
    }

    #md_productsList #md_itemList li img {
        width: 100%
    }

    #md_productsList #md_itemList li .md_iconNew {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.3rem 0.5rem 0.2rem;
        line-height: 1;
        font-size: 1rem;
        color: #ffffff;
        background: rgba(60, 60, 60, 0.85);
        font-family: 'Montserrat', sans-serif;
        z-index: 10
    }

    #md_productsList #md_itemList li .md_iconSale {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.3rem 0.5rem 0.2rem;
        line-height: 1;
        font-size: 1rem;
        color: #ffffff;
        background: rgba(190, 10, 10, 0.85);
        font-family: 'Montserrat', sans-serif;
        z-index: 10
    }

    #md_productsList #md_itemList li .md_itemName {
        margin: 0;
        line-height: 1.6rem
    }

    #md_productsList #md_itemList li .md_itemName strong {
        line-height: 1.8rem
    }

    #md_productsList #md_itemList li .md_itemPrice {
        margin: 0;
        padding: 0.5rem 0 0;
        line-height: 1.4
    }

    #md_productsList #md_itemList li .md_itemPrice span {
        display: inline-block
    }

    #md_productsList #md_itemList li .md_itemPrice #price01_default {
        font-size: 1rem;
        margin: 0 1rem 0 0
    }

    #md_productsList #md_itemList li .md_itemPrice #price02_default {
        font-size: 1.4rem
    }

    #md_productsList #md_itemList li .md_itemPrice .fr_sale-price #price02_default {
        color: #dd0000
    }

    #md_productsList #md_itemList li .md_itemPrice .md_stock {
        margin: 0 0 0 1rem
    }

    #md_productsList #md_itemList li .md_itemPrice .md_sold {
        margin: 0 0 0 1rem;
        color: #ff0000
    }

    #md_productsList #md_itemList li .btnBox {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 62%;
        margin: 0 0 0 38%;
        padding: 0;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #md_productsList #md_itemList li .btnBox .btnDetail {
        width: 32%;
        margin: 0;
        padding: 0.5rem 0;
        border: solid 1px #999999;
        color: #666666;
        font-size: 1.2rem;
        text-align: center;
        background: #ffffff
    }

    #md_productsList #md_itemList li .btnBox .btnCatalog {
        width: 80%;
        margin: 0 10%;
        padding: 0.5rem 0;
        border: solid 1px #999999;
        color: #666666;
        font-size: 1.2rem;
        text-align: center;
        background: #ffffff
    }

    #md_productsList #md_itemList li .btnBox .btnList {
        width: 64%;
        margin: 0;
        padding: 0.5rem 0;
        border: solid 1px #000000;
        font-size: 1.2rem;
        text-align: center
    }

    #md_productsList #md_itemList li .btnBox .btnCart {
        border-color: #535353;
        color: #ffffff;
        background: #535353
    }

    #md_productsList #md_itemList li .btnBox .btnNon {
        border-color: #cccccc;
        color: #999999;
        background: #ffffff
    }

    #md_productsList .md_pageNavi {
        margin: 0 auto;
        padding: 0;
        text-align: center
    }

    #md_productsList .md_pageNavi .pagination {
        float: none
    }

    #md_productsList .md_pageNavi .pagination > li > a, #md_productsList .md_pageNavi .pagination > li > span {
        margin: 0 0.4rem
    }

    #md_productsList .md_pageNavi .pagination > li:last-child > a, #md_productsList .md_pageNavi .pagination > li:last-child > span {
        width: 30px;
        text-align: center
    }

    #md_productsList .md_pageNavi .pagination > li:last-child > a.navi_next {
        width: 1rem
    }

    #md_productsDetail {
        padding: 0 1.5rem
    }

    #md_productsDetail .fr_products-list-photo {
        margin: 0 auto
    }

    #md_productsDetail .fr_products-list-photo img.fr_products-list-picture {
        width: 100%
    }

    #md_productsDetail .fr_products-list-imgControl li {
        padding-top: 48%;
        line-height: 1
    }

    #md_productsDetail #detailSlide {
        margin: 0 0 4rem
    }

    #md_productsDetail #detailSlide img {
        width: 100%
    }

    #md_productsDetail #detailSlide .slick-list {
        z-index: 10
    }

    #md_productsDetail #detailSlide .slick-arrow {
        width: 3rem;
        height: 3rem;
        border-radius: 100%;
        z-index: 20
    }

    #md_productsDetail #detailSlide .slick-dots {
        bottom: -3rem
    }

    #md_productsDetail #detailSlide .slick-dots li {
        margin: 0 0.2rem;
        font-size: 2rem
    }

    #md_productsDetail #detailSlide .slick-dots li button:before {
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 1rem;
        height: 1rem;
        margin: auto;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0.25);
        opacity: 1
    }

    #md_productsDetail #detailSlide .slick-dots li.slick-active button:before {
        background: rgba(0, 0, 0, 0.75);
        opacity: 1
    }

    #md_productsDetail #detailSlide .slick-prev {
        left: -1rem;
        background: rgba(85, 85, 85, 0.3) url("../images/arrows_left.svg") no-repeat 0 0/cover
    }

    #md_productsDetail #detailSlide .slick-prev:before {
        content: ''
    }

    #md_productsDetail #detailSlide .slick-next {
        right: -1rem;
        background: rgba(85, 85, 85, 0.3) url("../images/arrows_right.svg") no-repeat 0 0/cover
    }

    #md_productsDetail #detailSlide .slick-next:before {
        content: ''
    }

    #md_productsDetail h2 {
        margin: 0 0 2rem;
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 1.4
    }

    #md_productsDetail #md_price {
        margin: 0 0 1rem
    }

    #md_productsDetail #md_price div.priceBox p {
        margin: 0;
        padding: 0
    }

    #md_productsDetail #md_price div.priceBox .salePrice {
        color: #b80000
    }

    #md_productsDetail #md_price div.priceBox .salePrice strong {
        font-size: 2.6rem;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif
    }

    #md_productsDetail #md_price div.priceBox .priceOff {
        display: inline-block;
        padding: 0 0.2rem;
        color: #ffffff;
        line-height: 1.2;
        font-weight: bold;
        background: #b80000
    }

    #md_productsDetail #md_price div.priceBox .normalPrice strong {
        font-size: 2.6rem;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif
    }

    #md_productsDetail #md_price div.priceBox.sale .normalPrice {
        margin: 0 0 0.5rem;
        text-decoration: line-through
    }

    #md_productsDetail #md_price div.priceBox .md_productStock {
        margin: 0.5rem 0 0;
        color: #83B631
    }

    #md_productsDetail .md_statusIcon {
        margin: 0;
        padding: 0 0 1rem;
        border: 0
    }

    #md_productsDetail #md_quantity input {
        display: inline-block;
        margin: 0 0 0 0.5rem;
        padding: 0.5rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.6rem;
        -webkit-appearance: none;
        font-family: Helvetica, Arial, sans-serif
    }

    #md_productsDetail #cartbtn_dynamic {
        display: none
    }

    #md_productsDetail #md_cartBtn {
        margin: 0 0 1rem;
        background: #bb0611
    }

    #md_productsDetail #md_cartBtn a {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 5.5rem;
        line-height: 5.5rem;
        font-size: 1.6rem;
        color: #ffffff;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #md_productsDetail #md_cartBtn a img {
        width: 2rem;
        margin: 0 1rem 0 0
    }

    #md_productsDetail .cartBtnNg {
        height: 5.5rem;
        margin: 0 0 1rem;
        border: solid 1px #cccccc;
        line-height: 5.5rem;
        font-size: 1.6rem;
        text-align: center;
        color: #999999;
        background: transparent
    }

    #md_productsDetail .cartInfoRed {
        margin: 0 0 1rem;
        padding: 0.5rem 0;
        line-height: 1.4;
        font-size: 1.4rem;
        text-align: center;
        color: #b80000;
        background: transparent
    }

    #md_productsDetail #md_favBtn {
        margin: 0 0 1rem;
        border: solid 1px #aaaaaa;
        background: #ffffff
    }

    #md_productsDetail #md_favBtn a {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.4rem;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #md_productsDetail #md_favBtn a img {
        width: 1.7rem;
        margin: 0 0.7rem 0 0
    }

    #md_productsDetail .favBtnNg {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 4rem;
        margin: 0 0 1rem;
        border: solid 1px #cccccc;
        line-height: 4rem;
        font-size: 1.4rem;
        color: #999999;
        background: transparent;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #md_productsDetail .favBtnNg img {
        width: 1.7rem;
        margin: 0 0.7rem 0 0;
        opacity: 0.3
    }

    #md_productsDetail #md_sns {
        margin: 0 0 2rem
    }

    #md_productsDetail #md_sns ul {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #md_productsDetail #md_sns ul li {
        margin: 0 0.3rem
    }

    #md_productsDetail #md_subInfo {
        margin: 0 0 3rem
    }

    #md_productsDetail #md_subInfo p {
        margin: 0 0 0.3rem
    }

    #md_footCart {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5.5rem;
        padding: 1rem;
        border-top: solid 1px #cccccc;
        background: #fff;
        z-index: 900;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s
    }

    #md_footCart .favIcon {
        width: 15%
    }

    #md_footCart .favIcon a, #md_footCart .favIcon span {
        display: block;
        position: relative;
        width: 3.5rem;
        height: 3.5rem;
        border: solid 1px #cccccc
    }

    #md_footCart .favIcon img.heart {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 2.5rem;
        height: 2.2rem;
        margin: auto
    }

    #md_footCart .favIcon img.heart.heartOff {
        opacity: 0.3
    }

    #md_footCart .price {
        width: 40%;
        line-height: 3.5rem
    }

    #md_footCart .price strong {
        font-size: 2rem;
        font-family: Helvetica, Arial, sans-serif
    }

    #md_footCart .cartBtn {
        width: 45%;
        height: 3.5rem;
        background: #bb0611
    }

    #md_footCart .cartBtn a {
        display: block;
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 1.3rem;
        text-align: center;
        color: #ffffff
    }

    #md_footCart .cartBtnNg {
        width: 45%;
        height: 3.5rem;
        border: solid 1px #aaaaaa;
        line-height: 3.5rem;
        font-size: 1.3rem;
        text-align: center;
        color: #212121;
        background: transparent
    }

    #md_footCart.off {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    #md_contentsDetail {
        overflow: hidden
    }

    #md_contentsDetail h1.mainImage {
        margin: 0.5rem 0 2rem
    }

    #md_contentsDetail h1.mainImage img {
        width: 100%
    }

    #md_contentsDetail h1.mainImage + h2 {
        margin: 0 0 1.5rem;
        text-align: center;
        font-size: 1.5rem;
        　font-weight: bold
    }

    #md_contentsDetail h1.mainImage + h2 + p {
        margin: 0 0 1.5rem;
        text-align: center
    }

    #md_contentsDetail .box {
        margin: 0 1.5rem
    }

    #md_contentsDetail .md_itemList li {
        position: relative;
        width: 48%;
        margin: 0 0 3rem;
        padding: 0;
        float: left
    }

    #md_contentsDetail .md_itemList li:nth-child(2n) {
        margin: 0 0 3rem 4%
    }

    #md_contentsDetail .md_itemList li:nth-child(2n+1) {
        clear: both
    }

    #md_contentsDetail .md_itemList li img {
        position: relative;
        z-index: 1
    }

    #md_contentsDetail .md_itemList li .md_iconNew {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.3rem 0.5rem 0.2rem;
        line-height: 1;
        font-size: 1rem;
        color: #ffffff;
        background: rgba(60, 60, 60, 0.85);
        font-family: 'Montserrat', sans-serif;
        z-index: 10
    }

    #md_contentsDetail .md_itemList li .md_itemName {
        margin: 0.5rem 0 0;
        line-height: 1.6rem
    }

    #md_contentsDetail .md_itemList li .md_itemPrice {
        margin: 0.5rem 0 0
    }

    #md_contentsDetail .md_itemList li .md_itemPrice span {
        display: inline-block
    }

    #md_contentsDetail .md_itemList li .md_itemPrice .md_stock {
        margin: 0 0 0 1rem
    }

    #md_contentsDetail .md_itemList li .md_itemPrice .md_sold {
        margin: 0 0 0 1rem;
        color: #ff0000
    }

    #md_contentsDetail .goTop {
        clear: both;
        margin: 0 3rem;
        padding: 0 0 1rem
    }

    #md_contentsDetail .goTop a {
        display: block;
        padding: 0.7rem 1.5rem;
        border: solid 1px #cccccc;
        border-radius: 0.5rem;
        text-align: center;
        font-size: 1.4rem
    }

    #md_contentsDetail .goTop a::before {
        content: '';
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 0 0 1rem;
        border-right: solid 1px #000000;
        border-bottom: solid 1px #000000;
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: rotate(-135deg) translate(0, -0.2rem);
        -ms-transform: rotate(-135deg) translate(0, -0.2rem);
        transform: rotate(-135deg) translate(0, -0.2rem)
    }

    #md_shopping h2 {
        margin: 2rem 0 1rem;
        font-size: 1.6rem
    }

    #md_shopping.login h3 {
        margin: 1rem 0;
        font-size: 1.8rem
    }

    #md_shopping.login .col-xs-12 {
        padding: 0
    }

    #md_shopping.login .fr_margin-bottom {
        margin: 0 !important
    }

    #md_shopping.login .col-xs-12 p {
        margin: 0 0 0.5rem
    }

    #md_shopping.login .col-xs-12 p.min {
        font-size: 1.1rem
    }

    #md_mypage h2 {
        margin: 2rem 0 1rem;
        font-size: 1.6rem
    }

    #md_mypage.login h3 {
        margin: 1rem 0;
        font-size: 1.8rem
    }

    #md_mypage.login .col-xs-12 {
        padding: 0
    }

    #md_mypage.login .fr_margin-bottom {
        margin: 0 !important
    }

    #md_mypage.login .col-xs-12 p {
        margin: 0 0 0.5rem
    }

    #md_mypage.login .col-xs-12 p.min {
        font-size: 1.1rem
    }

    #md_entry {
        color: #000000
    }

    #md_entry.input .fr_form-optimize-row {
        margin: 1rem 0 1.5rem
    }

    #md_entry.input .fr_form-optimize-row .md_attention {
        padding: 0.5rem 0 0;
        font-size: 1.1rem
    }

    #md_entry.input .fr_form-optimize-title {
        margin: 0;
        padding: 0 0 0.5rem;
        font-size: 1.4rem;
        color: #000000
    }

    #md_entry.input .fr_form-optimize-title .fr_label-required {
        padding: 0;
        background: transparent
    }

    #md_entry.input .modal-dialog {
        margin: 7rem 1rem 1rem
    }

    body.md_entryTopWrap .fr_main-contents {
        padding: 0
    }

    body.md_entryTopWrap #md_entry.input .title {
        margin: 20px 0;
        color: #404040;
        font-size: 1.7rem;
        font-weight: normal;
        text-align: center
    }

    body.md_entryTopWrap #md_footerLogo, body.md_mypageChangeWrap #md_footerLogo {
        border-top: 0
    }

    body.md_mypageChangeWrap .fr_main-contents {
        padding: 0
    }

    body.md_mypageChangeWrap #md_entry.input .btn-confirm {
        background: #4d4d4d
    }

    #md_entry.input .form_container {
        padding: 0 20px !important
    }

    #md_entry.input .form-control {
        height: 40px;
        padding: 6px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    #md_entry.input .fr_form-optimize-title {
        width: 100%;
        margin-bottom: 15px;
        padding: 1rem 0 0.9rem 1.0rem;
        border-top: solid 1px #e9e9e9;
        border-bottom: solid 1px #e9e9e9;
        color: #4d4d4d;
        line-height: 1;
        background: #f2f2f2;
        text-align: left
    }

    #md_entry.input .fr_label-required {
        margin-left: 15px;
        padding: 0;
        color: #ff3333;
        font-size: 1.4rem;
        background: 0
    }

    #md_entry.input .tel_wrap {
        width: 31%;
        min-width: 93px;
        padding-right: 7%;
        padding-left: 0
    }

    #md_entry.input .tel_wrap.fr_hyphen-before::before {
        content: '';
        display: block;
        top: 19px;
        left: -14%;
        width: 7px;
        height: 2px;
        background: #404040
    }

    #md_entry.input .link-text {
        color: #0e8ece;
        text-decoration: none
    }

    #md_entry.input .postalCode_container {
        padding: 0 15px 0 20px
    }

    #md_entry.input .btn-autoPostalCode_container {
        width: 42.4%
    }

    #md_entry.input .btn-autoPostalCode {
        padding: 1.3rem 0;
        border: 0;
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 1;
        background: #808080
    }

    #md_entry.input .postalCode_wrap01 {
        width: 24%;
        padding-right: 1px
    }

    #md_entry.input .postalCode_wrap02 {
        width: 30%;
        margin-left: 10px
    }

    #md_entry.input .postalCode_wrap02.fr_hyphen-before::before {
        content: '';
        display: block;
        top: 19px;
        left: -4px;
        width: 7px;
        height: 2px;
        background: #404040
    }

    #md_entry.input .password_caution {
        margin: 10px 0 0;
        color: #b3b3b3;
        font-size: 1.0rem
    }

    #md_entry.input .form-control {
        border: 1px solid #d9d9d9;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #md_entry.input .form-control.pref {
        width: 50%
    }

    #md_entry.input .birthday {
        margin-right: 15px
    }

    #md_entry.input .birthday .form-control {
        padding: 6px
    }

    #md_entry.input .birthday .form-group {
        position: relative;
        margin-bottom: 0
    }

    #md_entry.input .birthday.year {
        width: 31%
    }

    #md_entry.input .birthday.month {
        width: 25%
    }

    #md_entry.input .birthday.day {
        width: 25%
    }

    #md_entry.input .birthday label {
        position: absolute;
        top: 50%;
        right: -24px;
        color: #404040;
        font-size: 1.4rem;
        font-weight: normal;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #md_entry.input .btn-confirm {
        margin-bottom: 2rem;
        padding: 1.5rem 1.6rem;
        border: none;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 1;
        background: #b1b1b1
    }

    #md_entry.input .btn-confirm.canClick {
        background: #4d4d4d
    }

    #md_entry.input .fr_form-optimize-subtitle {
        margin-bottom: 10px;
        color: #404040;
        font-size: 1.4rem
    }

    #md_entry.input .row-sub:not(:first-child) {
        margin-top: 15px
    }

    #md_entry.input .radio-inline {
        margin-left: 0;
        padding-left: 0
    }

    #md_entry.input .agreement {
        display: block;
        margin: 1.5rem 0 0.5rem;
        color: #999999;
        font-weight: normal;
        line-height: 1.5;
        text-align: center
    }

    #md_entry.input .agreement u {
        color: #999999;
        text-decoration: underline
    }

    #md_entry.input #agreement_err {
        margin: 5px 0 0;
        padding: 0 1.0rem;
        color: #ff3333;
        font-size: 1.0rem
    }

    #md_entry.input .input-sex {
        display: none
    }

    #md_entry.input .input-sex + label {
        display: block;
        position: relative;
        margin-right: 20px;
        margin-bottom: 0;
        padding-left: 35px;
        color: #404040;
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 25px
    }

    #md_entry.input .input-sex + label::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 25px;
        height: 25px;
        border: 1px solid #808080;
        border-radius: 50%
    }

    #md_entry.input .input-sex:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 5px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #8c8c8c
    }

    #md_entry.input .mailmagazine_form {
        margin: 0
    }

    #md_entry.input .mailmagazine_form_inner {
        padding: 0;
        color: #404040
    }

    #md_entry.input input::-webkit-input-placeholder {
        color: #b3b3b3;
        font-size: 1.4rem;
        line-height: 23px
    }

    #md_entry.input input:-moz-placeholder {
        color: #b3b3b3;
        font-size: 1.4rem;
        line-height: 23px
    }

    #md_entry.input input::-moz-placeholder {
        color: #b3b3b3;
        font-size: 1.4rem;
        line-height: 23px
    }

    #md_entry.input input:-ms-input-placeholder {
        color: #b3b3b3;
        font-size: 1.4rem;
        line-height: 23px
    }

    #md_entry.input .address_form input::-webkit-input-placeholder {
        font-size: 1.1rem;
        line-height: 25px
    }

    #md_entry.input .address_form input:-moz-placeholder {
        font-size: 1.1rem;
        line-height: 25px
    }

    #md_entry.input .address_form input::-moz-placeholder {
        font-size: 1.1rem;
        line-height: 25px
    }

    #md_entry.input .address_form input:-ms-input-placeholder {
        font-size: 1.1rem;
        line-height: 25px
    }

    #md_entry.input .checkbox_input {
        position: relative;
        top: 2px;
        margin: 0 5px 0 0
    }

    #md_entry.input select {
        position: relative;
        background: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    #md_entry.input .select_wrap, #md_entry.input .select_wrap-pref {
        position: relative
    }

    #md_entry.input .select_wrap:after {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 7px);
        right: 25px;
        width: 10px;
        height: 10px;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        z-index: 99;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #md_entry.input .select_wrap-pref:after {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 7px);
        right: calc(50% + 18px);
        width: 10px;
        height: 10px;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        z-index: 99;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #md_entry.input select::-ms-expand {
        display: none
    }

    #md_entry.input .has-error label {
        color: #ff3333
    }

    #md_entry.input .has-error .form-control {
        border-color: #ff3333;
        background-color: rgba(255, 51, 51, 0.2)
    }

    #md_entry.input .fr_hyphen-before::before {
        top: 10px
    }

    #md_entry.confirm .fr_form-optimize-row {
        margin: 0
    }

    #md_entry.confirm .fr_form-optimize-title {
        padding: 0;
        font-size: 1.2rem;
        color: #000000
    }

    #md_entry.confirm .fr_form-optimize-row div {
        margin: 0 0 0.6rem
    }

    #md_entry.confirm .col-xs-8 {
        color: #000000
    }

    #md_entry.confirm .border-bottom-xs-1 {
        margin-bottom: 1rem
    }

    #md_entry.confirm .border-bottom-xs-1::after {
        content: '';
        clear: both;
        display: block;
        width: 100%;
        height: 0.1rem;
        background-image: -webkit-linear-gradient(left, #000 0%, #000 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(25%, #000), color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to right, #000 0%, #000 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
        background-size: 0.4rem 0.4rem
    }

    #md_entry.confirm .btnBox div {
        padding: 0
    }

    #md_entry.confirm .btn-primary {
        margin: 0 0 1rem;
        padding: 1.5rem 0;
        font-size: 1.5rem
    }

    #md_entry.confirm .btn-info {
        margin: 0 0 2rem;
        padding: 0.5rem 0;
        color: #666666;
        background: #ffffff
    }

    #md_entry.confirm {
        padding: 0 15px
    }

    body.md_mypageChangeWrap .fr_main-contents {
        padding: 0
    }

    body.md_mypageChangeWrap #md_entry.input .btn-confirm {
        background: #4d4d4d
    }

    #md_entry.input .mypage_head_wrapper {
        padding: 0 15px
    }

    #md_regist {
        color: #000000
    }

    #md_regist h2 {
        margin: 2rem 0 1rem;
        font-size: 1.6rem
    }

    #md_regist h3 {
        margin: 2rem 0 1rem;
        font-size: 1.8rem;
        color: #000000;
        font-weight: bold
    }

    #md_regist.complete h4 {
        font-size: 1.4rem
    }

    #md_regist.complete .panel-default {
        clear: both;
        background: #f9f9f9
    }

    #md_regist.complete .btnBox div {
        padding: 1rem 0 0
    }

    #md_regist.complete .btn-primary {
        margin: 0 0 2rem;
        padding: 1.5rem 0;
        font-size: 1.5rem
    }

    #md_regist.complete .btn-info {
        margin: 0 0 2rem;
        padding: 1rem 0;
        color: #666666;
        font-size: 1.2rem;
        background: #ffffff
    }

    #md_cart {
        padding: 0 0 3rem;
        color: #000000
    }

    #md_cart p.attention {
        margin: 2rem 0 0;
        padding: 0.5rem 0.8rem;
        border-radius: 0.3rem;
        text-align: center;
        font-size: 1.3rem;
        background: #f0f0f0
    }

    #md_cart p.attention {
        text-align: left
    }

    #md_cart p.attention br.spBr {
        display: none
    }

    #md_cart h2 {
        margin: 2.5rem 0 1rem;
        font-size: 1.6rem
    }

    #md_cart div.jumbotron {
        padding: 3rem 0
    }

    #md_cart form div {
        padding: 0
    }

    #md_cart .detail img {
        margin: 0 0 1rem
    }

    #md_cart .detail .list-group {
        margin: 0;
        border-top: solid 1px #cccccc
    }

    #md_cart .detail .list-group-item {
        margin: 0;
        padding: 1.5rem 0.5rem;
        border: 0;
        border-bottom: solid 1px #cccccc;
        border-radius: 0
    }

    #md_cart .detail .detailBox {
        padding: 0 0 0 1.5rem
    }

    #md_cart .detail .detailBox p {
        margin: 0 0 0.5rem
    }

    #md_cart .detail .detailBox a {
        color: #000000
    }

    #md_cart .detail .detailBox .price {
        font-size: 1.4rem;
        font-weight: bold
    }

    #md_cart .detail .btn-group {
        display: table;
        float: right
    }

    #md_cart .detail .btn-group p {
        display: table-cell;
        padding: 0;
        font-size: 1.2rem;
        line-height: 2rem;
        background: #ffffff
    }

    #md_cart .detail .btn-group p a {
        display: block;
        padding: 0.3rem 0.5rem;
        border: solid 1px #cccccc;
        color: #000000;
        font-size: 1.6rem
    }

    #md_cart .detail .btn-group p.num {
        padding: 0.3rem 1rem;
        border-top: solid 0px #cccccc;
        border-bottom: solid 0px #cccccc;
        color: #000000;
        white-space: nowrap;
        background: #f0f0f0
    }

    #md_cart .detail .btnDel {
        display: block;
        margin: 0 1.5rem;
        padding: 0.3rem 0;
        border: solid 1px #cccccc;
        font-size: 1.2rem;
        line-height: 2rem
    }

    #md_cart .total .list-group {
        margin: 0 0 1.5rem;
        border: 0px
    }

    #md_cart .total .list-group-item {
        padding: 1rem 0.5rem 0;
        border: 0px;
        font-size: 1.5rem
    }

    #md_cart .total .btn-primary {
        padding: 1.5rem 0;
        font-size: 1.5rem;
        background: #212121
    }

    #md_cart .total .btn-info {
        border: solid 1px #cccccc;
        color: #212121;
        background: #ffffff
    }

    #md_deliv {
        padding: 0 0 3rem;
        color: #000000
    }

    #md_deliv h2 {
        margin: 2rem 0 1rem;
        font-size: 1.6rem
    }

    #md_deliv div {
        padding: 0
    }

    #md_deliv .list-group {
        margin: 0
    }

    #md_deliv .list-group .list-group-item {
        margin: 0 0 1rem;
        border-radius: 0.5rem
    }

    #md_deliv .list-group .list-group-item > div.row {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #md_deliv .list-group .list-group-item > div.row > div:nth-child(2) {
        padding: 0 1rem 0 0
    }

    #md_deliv .list-group .list-group-item .btn {
        padding: 0.5rem 0
    }

    #md_deliv .list-group .list-group-item br.visible-xs-block {
        display: none !important
    }

    #md_deliv .list-group .list-group-item .btn:nth-child(2) {
        margin: 0.5rem 0 0
    }

    #md_deliv .deliv_addr div {
        float: none
    }

    #md_deliv .deliv_addr div a {
        padding: 1rem 0
    }

    #md_deliv .deliv_addr p {
        margin: 0.5rem 0 0
    }

    #md_deliv .btnList .btn-primary {
        padding: 1rem 0;
        font-size: 1.5rem;
        background: #212121
    }

    #md_deliv .btnList .btn-primary.multiple {
        margin: 1rem 0 0;
        font-size: 1.2rem;
        background: #535353
    }

    #md_deliv .btnList .btn-info {
        border: solid 1px #cccccc;
        color: #212121;
        background: #ffffff
    }

    #md_shopping_complete {
        padding: 1rem 0 0;
        color: #000000
    }

    #md_shopping_complete h2 {
        font-size: 2rem;
        text-align: center;
        font-weight: normal
    }

    #md_shopping_complete .btn-info {
        border: solid 1px #aaaaaa;
        color: #666666;
        background: #ffffff;
        padding: 1.2rem
    }

    #md_shopping_complete .btn-qa, #md_shopping_complete .btn-gotop {
        padding: 0
    }

    #md_shopping_complete .btn-info:last-child {
        margin-bottom: 0
    }

    #md_shopping_complete .btn-qa .btn-info {
        background: #f7f7f7;
        font-size: 1rem
    }

    #md_shopping_complete .btn-gotop .btn-info {
        background: #535353;
        color: #fff;
        font-size: 1.4rem;
        line-height: 1.4rem;
        border: solid 1px #535353
    }

    header .visible-xs #md_search_header .md_searchBox {
        width: 100%
    }

    header .visible-xs #md_search_header .md_searchBox input {
        float: none;
        font-size: 16px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        height: auto;
        margin-left: calc(-9% * 1.2);
        width: calc(90% * 1.2)
    }

    header .visible-xs #md_search_header .md_searchBox input:placeholder-shown {
        color: #b3b3b3
    }

    header .visible-xs #md_search_header .md_searchBox input::-webkit-input-placeholder {
        color: #b3b3b3
    }

    header .visible-xs #md_search_header .md_searchBox input:-ms-input-placeholder {
        color: #b3b3b3
    }

    header .visible-xs #md_search_header .md_searchBox input::-ms-input-placeholder {
        color: #b3b3b3
    }

    header .visible-xs #md_search_header .md_searchBox input::placeholder {
        color: #b3b3b3
    }
}

@media screen and (max-width: 767px) {
    .footer {
        border-top-color: #f5f5f5;
    }
    .bottom-extra-distance {
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 870px) {
    body {
        zoom: 60%
    }
}

@media screen and (min-width: 871px) and (max-width: 940px) {
    body {
        zoom: 70%
    }
}

@media screen and (min-width: 941px) and (max-width: 992px) {
    body {
        zoom: 75%
    }
}

@media screen and (min-width: 993px) and (max-width: 1040px) {
    body {
        zoom: 80% !important
    }
}

@media screen and (min-width: 1041px) and (max-width: 1200px) {
    body {
        zoom: 90%
    }
}

@media screen and (min-width: 768px) and (max-width: 1135px) {
    html {
        -moz-transform: scale(0.99)
    }
}

@media screen and (min-width: 768px) and (max-width: 940px) {
    .md_search_products_header h3 a {
        letter-spacing: -.1px
    }
}

a {
    color: #000
}

.container {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width: 767px) {
    .show-pc {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .show-sp {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .img-thumbnail {
        border-radius: 0
    }

    h2.md_indexTitle {
        font-size: 20px
    }

    .md_sectionWrap {
        width: 100%
    }

    p {
        line-height: 1.8
    }

    #md_search_products_category dl {
        width: 100%;
        height: auto;
        padding-left: 0
    }

    #md_search_products_category dt, #md_search_products_category dd {
        margin-bottom: 0
    }

    #md_banner_ec.md_sectionWrap {
        padding: 15px 18px 15px 18px
    }

    #md_banner_ec.md_sectionWrap {
        padding-top: 15px;
        padding-bottom: 15px
    }

    #md_banner_ec ul li {
        float: none;
        margin:0 0 10px;
        width:100%;
        flex:0 0 100%;
    }

    #md_banner_ec ul li img {
        width: 100%
    }

    .js_fr_tile_frontparts_bloc_newarrived figure {
        color: #000
    }
}

.kb_page-cart #md_categoryNav, .kb_page-cart #md_shopHeader, .kb_page-cart #md_navBottom, .kb_page-cart .md_searchBtn, .kb_page-cart .md_cartBtn, .kb_page-cart .fr_footer_all, .kb_page-cart header .visible-xs #gNavi .md_naviBtn {
    display: none
}


/* SPECIAL ISSUE
----------------------------------------------- */

/* SP - ALL */
#md_bloc_spissue_banner {display:none; margin:0; text-align:center;}
#md_bloc_spissue_banner p {margin:0;}

#md_bloc_spissue.md_sectionWrap {padding:25px 10px 20px;}
#md_bloc_spissue.md_sectionWrap h2 {margin-bottom:20px;}
#md_bloc_spissue .md_bloc_spissue {width:100%; margin:0;}
#md_bloc_spissue .spissue_banner {text-align:center;}
#md_bloc_spissue .spissue_banner p {margin:0 0 10px; font-size:12px; color:#535353;}
#md_bloc_spissue .md_bloc_spissue ul {margin:0;}
#md_bloc_spissue .md_bloc_spissue ul li:first-child {display:none;}
#md_bloc_spissue .md_bloc_spissue ul li {width:48.4%; margin:0 3.2% 0 0; float:left;}
#md_bloc_spissue .md_bloc_spissue ul li:nth-child(2n-1) {margin:0;}
#md_bloc_spissue .md_bloc_spissue ul li a p {margin-bottom:10px;}

.cms-index-index #md_bloc_spissue_banner {display:block;}
.cms-index-index #md_bloc_spissue .spissue_banner {display:none;}


/* PC */
@media screen and (min-width: 768px) {
#md_bloc_spissue_banner {display:none;}

#md_bloc_spissue.md_sectionWrap {padding:25px 0 20px;}
#md_bloc_spissue h2.md_indexTitle {margin-bottom:40px;}
#md_bloc_spissue .spissue_banner {display:none;}
#md_bloc_spissue .md_bloc_spissue ul {margin:0 auto 54px auto;}
#md_bloc_spissue .md_bloc_spissue ul li {width:285px; margin-right:20px; float:left;}
#md_bloc_spissue .md_bloc_spissue ul li:first-child {display:block;}
#md_bloc_spissue .md_bloc_spissue ul li:nth-child(2n-1) {margin-right:20px;}
#md_bloc_spissue .md_bloc_spissue ul li:nth-child(4n) {margin-right:0;}
#md_bloc_spissue .md_bloc_spissue ul li:nth-child(n+9) {display:none;}
#md_bloc_spissue .md_bloc_spissue ul li img {max-width:100%; padding:0; border:none; border-radius:0;}
#md_bloc_spissue .md_bloc_spissue ul li p {margin:0 0 10px; font-size:12px; color:#535353;}
}