@charset "UTF-8";
/*---------------------------------
reset
---------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:1px;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    list-style-type: none;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
.hover-area{
    background: rgb(228 235 217 / 95%);
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px;
    padding: 50px 0;
    }
.hover-area h3{
    margin-bottom:40px;
    font-size:22px;
}
.hover-area h3 span{
    display:block;
    margin-top:16px;
    font-size:14px;
}
.hover-area ul{
    display:flex;
    flex-wrap:wrap;
    max-width: calc(980px + 2%);
    margin:auto;
    justify-content: space-between;
}
.hover-area ul li{
    flex-basis: 24%;
    line-height:2;
}
.hover-area ul li a{
    color:#000!important;
    border-bottom:solid 1px;
    margin:3%;
}
nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
.bx-wrapper {
    background-color: transparen!importantt;
    border: none!important;
    box-shadow: none!important;
}
@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
    .navigation>ul>li a{position:relative;}
    .navigation>ul>li:hover .hover-area{display:block;}
    .navigation>ul>li:hover a:after{
    content:"▲";
    color:#e8efdf;
    /* padding:1rem; */
    position:absolute;
    bottom: -4px;
    left:0;
    right:0;
    margin:auto;
    opacity: 1;
    }
    .navigation>ul>li.noHover:hover a:after{
        content:none
    }
}
/*---------------------------------
base
---------------------------------*/
body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal;
    scroll-behavior: smooth;
    /* color: #6E6E6E; */
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    opacity: .7;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.main {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
#start-contents section{
    padding: 120px 0 100px;
}
#start-contents section h3 span{
    display:block;
    font-size:22px;
    margin-top:10px;
}
#start-contents #topPickup,#start-contents #topSpecial{
    background:#dff1ed;
}
#start-contents #topRanking{padding-bottom:0;}
#start-contents #topNews{padding-top:60px;}
#start-contents #topSpecial{padding-bottom: 10px;}
#start-contents #topPickup{padding-top:60px;padding-bottom: 60px;position: relative;}
#start-contents #topBnr .bnr{margin-bottom:60px;text-align:center;}
#start-contents #topBnr .bnr:last-child{margin-bottom:0;}
#start-contents #topBnr .bnr img{width:100%;max-width:800px;height:auto;}
#start-contents #topPickup .btn{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -34px;
}
.main #topIntro{
    position:relative;
    padding-top: 130px;
}
.main #topIntro .markerTxt{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:80px 0;
    padding: 0;
    position: absolute;
    top: 50px;
    margin:auto;
    width:100%;
    z-index: 1;
}
.main #topIntro .markerTxt span{width: 0;overflow: hidden;padding-left: 0;padding-right: 0;transition: 0.7s;}
.main #topIntro .markerTxt span.show{
    background:#e7e0c5;
    display:inline-block;
    padding:10px;
    margin-bottom:8px;
    text-align:right;
    font-size:24px;
}
.main #topIntro .introImg{
    position:absolute;
    left:-30px;
    top:-50px;
}
.main #topIntro .markerTxt span.show:first-child{
    width: 50%;
    max-width: 480px;
}
.main #topIntro .markerTxt span.show:nth-child(2){
    width: 55%;
    max-width: 540px;
}
.main #topIntro .markerTxt span.show:nth-child(3){
    width: 60%;
    max-width: 600px;
}
.main section h3{
    text-align:center;
    font-size: 34px;
    font-weight:normal;
    margin-bottom: 30px;
}
.main .frame{
    max-width:980px;
    margin: 0 auto;
}
.cols {display:flex;}
footer .cols {justify-content:space-between;}
footer .cols.footer-special{display:block;}
footer .cols.footer-special li{display:inline-block;margin-right:30px;width: auto;height: auto;transition: 0.2s;}
footer .bnr img{width:100%;}
footer .bnr{margin-right:30px;}
footer .bnr:last-child{margin-right:0;}

.cols.flexwrap {flex-wrap:wrap;justify-content:space-between;}
.cols.flexwrap .catBox {flex-basis:30%;text-align:center;line-height:1.4;position:relative;margin-bottom:50px;background-size: contain!important;}
.cols.flexwrap .catBox:nth-child(1){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg03.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(2){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg02.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(3){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg01.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(4){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg04.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(5){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg05.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(6){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg06.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(7){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg07.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(8){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg08.png)no-repeat;}
.cols.flexwrap .catBox:nth-child(9){background:url(https://gigaplus.makeshop.jp/mukashishop/img/top/special_bg09.png)no-repeat;}
.cols.flexwrap .catBox .catImg{height:440px;}
.cols.flexwrap .catBox .catImg img{width: 33%;margin:auto;position:absolute;display:block;left:0;right:0;bottom: -40px;}
.cols.flexwrap .catBox:nth-child(3) .catImg img{bottom: 20px;}
.cols.flexwrap .catBox:nth-child(6) .catImg img{bottom:-30px;}
.moreBtn{max-width:200px;margin:1rem auto;position:relative;}
.moreBtn a{color:#5473ce;border:solid 1px;padding:10px;display:block;}
.product-list-item .moreBtn {margin: 0 auto 30px;max-width: 400px;}
.product-list-item .moreBtn a{height: 80px;display: flex;align-items: center;justify-content: center;width: 100%;}
.moreBtn:hover a{opacity:1;text-decoration:none;}
.moreBtn::before{
    position: absolute;
    z-index: 1;
    display: block;
    content: '';
    border-top:solid 1px;
    width: 30px;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color:#5473ce;
    transition:0.2s;
}
.moreBtn:hover::before{
    width:45px;
    left:-15px;
}
.cols.flexwrap .catBox .catPref{font-size:16px;margin-bottom:10px;margin-top: 30px;}
.cols.flexwrap .catBox .catName{font-size:18px;}
#title-area{margin-top: 140px;background:#f0ede4;}
#title-area .breadcrumbBox{border-bottom:solid 1px #fff;margin-bottom:40px;padding: 10px 0;}
#title-area .breadcrumb{max-width:980px;margin:auto;display:flex;/* padding: 20px 0; */line-height: 1.2;}
#title-area .breadcrumb .breadcrumb-list,#title-area .breadcrumb li{margin-right:10px;color:#666;margin-bottom: 4px;}
#title-area .breadcrumb .breadcrumb-list a{color:#666;font-size:14px;}
#title-area .breadcrumb .breadcrumb-list:after{content:"/";margin-left:10px;}
#title-area .breadcrumb .breadcrumb-list:last-child:after{content:none;}
#title-area #catTxt{max-width:980px;margin:auto;padding-bottom: 50px;line-height:2;}
.contents-section {
    max-width: 980px;
    margin: 80px auto 100px;
    /* padding: 0 8px; */
}
.contents-heading {
    display: flex;
    align-items: baseline;
    margin-right: 10px;
    margin: 0 auto 24px;
}
.information-heading {
    padding-bottom: 25px;
    border-bottom: 2px dotted #707070;
}
.heading-title {
    font-size: 24px;
    font-weight: normal;
    margin-right: 10px;
}
.heading-sub-title {
    font-family: 'Marcellus', serif; 
    font-weight: 100;
}
.item-title-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 130px;
}
.item-title-wrap span {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 14px;
}
.item-title {
    color: #6E6E6E;
    font-size: 32px;
    font-weight: 400;
}
.section-title {
    font-size: 20px;
    font-weight: bold;
    color: #6E6E6E;
    padding-left: 8px;
}
.contents-wrap p {
    line-height: 2.4em;
}
/*---------------------------------
button
---------------------------------*/
.btn-wrap {
    text-align: center;
}
.btn {
    position: relative;
    z-index: 2;
    color: #6E6E6E;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
}
.btn {
    display: inline-block;
    width: 300px;
    height: 70px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
}
.pageBtn{    text-align: center;
    margin: 1rem auto;}
.pageBtn .btn{
    width:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: auto;
    width: 360px;
    margin-bottom:50px;
}
.pageBtn .btn a{
    padding-left:40px;
}
.pageBtn .btn:hover{
    opacity:1;
}
.btn a{
    padding: 16px 16px;
    padding-left:30px;
    display:block;
    line-height: 1.4;
}
.btn.all a{
    background:#222;
    color:#fff;
    width: 100%;
}
.btn.all:hover a{
    opacity:1;
    text-decoration:none;
}
.btn.all a span{
    display:block;
    font-size: 12px;
    color: #bccea1;
}
.btn::before{
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    border-top:solid 1px;
    width: 16px;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.btn.all::before{color: #bccea1!important;z-index: 1;width: 50px;}
.pageBtn .btn.all::before{width: 20px;}
.footer .btn::before{margin:auto;height: 1px;}
.footer .btn:hover a{text-decoration:none;opacity:1;font-weight:600;}
.btn:hover::before{
    width:20px;
    left:-6px;
}
.btn,
.btn::before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn:hover {
    background: #6E6E6E;
    
    text-decoration: none;
    opacity: .8;
}
.product-list-btn {
    width: 230px;
}
.mail-magazine-btn {
    width: 100%;
}
/*---------------------------------
cart-button
---------------------------------*/
#buy input{
    background:none;
    border:none;
    color:#fff;
    width: 100%;
    height: 80px;
}
.detail-right #buy input{
    background:#ca9e5e!important;
}
.add-btn,#buy input{
    background: #5473ce;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 400px;
}
.detail-right .add-btn{margin-bottom: 30px;position: relative;z-index: 1;}
.favorite a{display:block;text-align:center;border:solid 1px;padding: 3px 20px;color:#5473ce;max-width: 400px;position:relative;z-index:1;transition:0.2s;}
.favorite a:before{
    content:"";
    background:url(https://gigaplus.makeshop.jp/mukashishop/img/favorite_icon.svg)no-repeat center;
    padding:8px;
    padding-top:4px;
    margin-right:8px;
}
.favorite a:hover{font-weight:500;opacity:1;text-decoration:none}

.outstock-btn {
    background: #989898;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 60%;
    border-radius: 3px;
    padding: 24px;
}
.outstock {
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    width: 100%;
}
.sold-btn {
    background: #adadad!important;
}
.sold-btn:hover {
    background: #989898!important;
}
.cart-btn {
    display: inline-block;
    /* border-radius: 2px; */
    width: 100%;
    padding: 24px;
}
.add-btn a {
    color: #fff;
    text-decoration: none;
    position: relative;
}
.add-btn a:hover {
    opacity: 1;
}
.add-btn-right {
    width: 24%;
}
.cart-option-area {
    font-size: 12px;
    margin-top: 10px;
}
.cart-option-area span {
    display: block;
}
.sell-period-btn {
    background: #adadad!important;
}
.sell-period-btn p {
  color: #fff;
}
/*---------------------------------
header
---------------------------------*/
header {
    z-index: 999;
}
.header a:hover {
    text-decoration: none;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    background: #fff;
}
.top-bar {
    z-index: 999;
    margin: 0 auto;
    background: #fff;
    /* box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.4); */
    /* padding: 20px 0 16px; */
    max-width: 980px;
}
.top-bar.bgBlack{
    background:rgb(38 38 38) !important;
    height: 3px;
    max-width: 100%;
    position: relative;
}
.top-bar.bgBlack .header-inner{
    display:block;
}
.top-bar.bgBlack a{
    color:#fff;
    display:flex;
    flex-direction:column;
    font-size:15px;
    padding: 15px;
    white-space: nowrap;
}
.top-bar.bgBlack a span{
    display:block;
    margin-bottom:4px;
    font-size:11px;
    color:#bccea1;
}
@-moz-document url-prefix() {
    .top-bar {
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
    }
}
.header-inner {
    /* padding: 0 40px; */
    max-width: 980px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.shop-logo {
    /* float: left; */
    /* margin: 8px auto; */
    /* font-size: 30px; */
    display: flex;
    align-items: center;
}
header .discription{
    font-weight:normal;
 /* float: left; */
 max-width:190px;
 line-height:1.4;
 font-size: 13px;
 margin: 12px 0;
 margin-right: 0px;
 }
.shop-logo a{
    background-image: url(../images/logo2.png);
    display: block;
    max-width: 312px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-top: 68px;
    overflow: hidden!important;
    height: 0px;
    width: 30vw;
}
.shop-logo img {
    max-height: 30px;
}
.nav {
    /* float: left; */
    display: flex;
    /* margin-top: 5px; */
    align-items: center;
    height: 60px;
    width: 100%;
    line-height: 1;
    justify-content: space-around;
}
@media all and (-ms-high-contrast: none) {
    .nav {
        margin-top: 11px;
    }
}
.drop-arrow {
    margin-left: 6px;
}
.nav-item a {
    padding: 8px 14px;
    vertical-align: -webkit-baseline-middle;
}
.second-nav {
    display: flex;
    /* float: right; */
    height: 80px;
    align-items: center;
}
.second-nav li{
    border-right: solid 1px #ccc;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.second-nav li.tel{flex-direction:column;justify-content:center;width: auto;}
.second-nav li.tel *{
    display:block;
}



.second-nav li.email{
    font-size:18px;
    letter-spacing:1.1px;
    background: url(./images/email-1-svgrepo-com.svg)no-repeat;
    background-position: 0 center;
    padding-left:40px;
}

.second-nav li.tel{
    font-size:18px;
    letter-spacing:1.1px;
    background: url(https://gigaplus.makeshop.jp/mukashishop/img/tel_icon.svg)no-repeat;
    background-position: 0 center;
    padding-left:40px;
}

.nav-item span {
    /* font-family: 'Marcellus', serif; */
}
.second-nav li.tel span{
    padding:8px 0;
    letter-spacing: 0;
    padding-right: 8px;
}
.second-nav li span {
    padding: 8px 14px;
    font-size: 14px;
}
.second-nav li .btn-go-wrap img{
    margin-bottom:0;
}
.second-nav li .btn-go-wrap span{
    padding:4px!important;
    font-size: 10px;
}
.second-nav img {
    display: block;
    margin: 0 auto 6px;
}
.nv-dropdown:active .drop-arrow {
    transform: rotate(180deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nv-dropdown:checked {
    transform: rotate(180deg);
}
.sp-nav-wrap {
    display: none;
}
.sp-second-nav-wrap {
    display: none;
}

span.cart-badge {
    background: #262626;
    color: #fff;
    padding: 5px 7px!important;
    font-size: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 30px;
    position: absolute;
    top: 12px;
    right: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 11px!important;
}
/*---------------------------------
header-dropmenu
---------------------------------*/
.navigation ul li a{
    transition-property: border;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
.navigation>ul>li{
    text-align:center;
    /* width: 20%; */
}
.navigation>ul>li:hover .hover-area{
    display:block;
}
.navigation .drop-nv-wrap{
    display: none;
    position: absolute;
    top: 16px;
    z-index: -1;
}
.nav-item:first-child {
    /* margin-right: 16px; */
    width: 20%;
}
.navigation .drop-nv-wrap ul{
    line-height: 1.4em;
    padding: 30px 0;
       overflow: scroll;
    overflow-x: auto;
    max-height: 80%;
    position: fixed;
    background-color: #f5f5f5;
}
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10px;
    box-shadow: none;
}
.navigation .drop-nv-wrap ul li{
    text-align: left;
    margin: 12px 32px 0 0!important;
    padding-left: 15px;
}
.navigation .drop-nv-wrap ul li a{
    padding: 0 0 0 12px!important;
    display: inline-block;
}
.dropdown-menu-list a:hover {
    text-decoration: underline!important;
}
.dropdown-menu-list a:before {
    content: "-";
    padding-right: 6px;


    vertical-align: text-top;
    font-weight: bold;
}
.article-title,
.article-title-pc {
    position: relative;
}
.article-title:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 20%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #6E6E6E;;
    border-right: solid 2px #6E6E6E;;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.article-title-pc:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #6E6E6E;;
    border-right: solid 2px #6E6E6E;;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@-moz-document url-prefix() {
    .article-title-pc:after {
        top: 3px;
    }
}
.article-title.open:after,
.article-title-pc.open:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 57%;
}
@-moz-document url-prefix() {
    .article-title.open:after,
    .article-title-pc.open:after {
        top: 44%;
    }
}
/*---------------------------------
header-serch
---------------------------------*/
.search-link {
    display: inline-block;
    position: relative;
    float: right;
    padding: 0;
}
.sp-header {
    display: none;
}
.search {
    /* float: right; */
    position: relative;
    display: block!important;
}
.search-box {
    margin: auto;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 80px;
    height: 80px;
    background: #e4ebd9;
    width: 400px;
    border-left: solid 1px #ccc;
    text-align: left;
}
.search-box input[type="text"]{
    margin-right: 10px!important;
    max-width: 340px;
}
.tel.openSearch{
    border-color:#e4ebd9;
}
.search.openSearch{
    background: #e4ebd9;
}
.search-icon {
    margin: auto;
    /* float: left; */
    cursor: pointer;
    width: 80px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.search-icon span{
    padding-bottom: 0!important;
    padding-top: 5px!important;
}
.search-icon img{
    margin-bottom:0;
}
a.btn-go {
    text-decoration: none;
    position: absolute;
    top: 20px;
    right: 50px;
    margin: auto;
    background: #fff;
    /* display: none; */
    text-align: center;
}
.sp-second-nav-wrap .btn-go-wrap span{
    padding-top:4px!important;
}

.btn-go span {
    color: #6E6E6E;
    padding: 9px 12px!important;
}
.search-box a:hover {
    opacity: 1;
}
input[type="text"] {
    margin: 12px 16px;
    padding: 19px 16px 19px;
    text-align: left;
    border: none;
    outline: none;
    width: 100%;
    max-width: 320px;
}
.close {
    cursor: pointer;
    margin: auto;
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: middle;
}
/*---------------------------------
top
---------------------------------*/
/*---------------------------------
main-visual
---------------------------------*/
.main-visual {
    margin-top: 78px;
    margin-top: 140px;
    margin-bottom: 120px;
    position:relative;
}
.main-visual .bg{
    z-index:0;
    position:relative;
}
.main-visual .img{
    position:absolute;
    left:0;
    right:0;
    bottom:-200px;
    margin:auto;
    z-index:200;
    overflow:visible;
    max-width: 830px;
}
.main-visual .img img{
    width: 100%;
}
#M_slider {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.main-visual img {
    width: 100%;
    object-fit: cover;
    /* height: 80vh; */
}

.bx-wrapper .bx-pager {
    color: #666!important;
    bottom: 16px!important;
    padding-top: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #E57C6F!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 9px!important;
    height: 9px!important;
    margin: 0 7px!important;
}
.scroll-down a {
    display: none;
}
.bx-controls-direction {
    display: none;
}
/*---------------------------------
side-nav
---------------------------------*/
.left-nav {
    width: 240px;
    margin-right: 56px
}
.left-nav-title {
    border-bottom: 1px solid #6E6E6E;
    border-top: 1px solid #6E6E6E;
    padding: 16px 0;
    font-weight: bold;
}
.left-nav-item {
    font-size: 14px;
    margin: 18px 0;
    line-height: 1.4em;
}
.left-nav-item:last-child {
    margin-bottom: 40px;
}
.left-nav-item a {
    display: block;
}
.left-nav-item a:hover {
    opacity: .7;
}
.left-nav-help {
    border-top: 1px solid #6E6E6E;
    padding: 16px 0;
}
.nav-help-list {
    margin: 18px 0;
    line-height: 1.4em;
    font-size: 14px;
}
/*---------------------------------
information
---------------------------------*/
.information-list-wrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* border-bottom: 2px dotted #707070; */
}
.information-list {
    display: flex;
    align-items: baseline;
    /* margin: 0 0 32px; */
    padding: 20px 0 30px;
    border-top: solid 1px #eee;
}
.information-list-wrap .information-list:last-child{
    border-bottom: solid 1px #eee;
    margin-bottom:40px
}
.information-label {
    font-size: 14px;
    font-weight: 300;
    margin-right: 24px;
    color: #5473ce;
    border: solid 1px;
    height: 30px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.information-contents {
    line-height: 1.2em;
}

.information-contents a:hover {
    text-decoration: underline;
}
/*---------------------------------
product-container
---------------------------------*/
section .total_count{
    float:left
}
section .sort.cols {
    justify-content: space-between;
    align-items: center;
    max-width: 470px;
    margin: 40px auto;
    margin-right: 0;
    font-size: 13px;
}
section .sort.cols > *{
    border-left:solid 1px;
    text-align:center;
    padding:0 10px;
    width: 100%;
}
section .sort.cols .sortBtn:last-child{
    border-right:solid 1px;
}
section .sort.cols > * > a{
    display:block;
    width:100%;
    font-size: 16px;
}
.product-container {
    /* display: flex; */
}
.product-contents-wrap {
    min-width: 500px;
    display: block;
}
.product-wrap {
    margin-bottom: 72px;
}
.new-product-wrap {
    border-bottom: 2px dotted #707070;
}
.product-list {
    /* width: 888px; */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
section .txt{
    line-height:2;
    font-size: 16px;
}
section .introTxt{
    background:#e4ebd9;
    border-radius:30px;
    padding: 120px 120px;
    margin-left: 120px;
    position: relative;
    z-index: 0;
}
section#topIntro .arrow a{
    position:relative;
    display: block;
    white-space: nowrap;
    color: #ce7355;
}
section#topIntro .arrow a:after{
    content:"";
    padding: 10px;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/top/viewmore_arrow.svg);
    background-repeat:no-repeat;
    background-position: bottom center;
    padding-top: 200px;
    position:absolute;
    bottom: -30px;
    right: 10px;
    }
section .introTxt:before,#topSlider .slideTxt:before,.linkBox .slideTxt:before{
    content:"";
    position:absolute;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/top/border_l.svg);
    /* background-size:contain; */
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: -20px;
    left: 20px;
    padding-top: 40%;
    width: 80%;
}
.linkBox .slideBox:nth-child(even) .slideTxt:before{
    content:"";
    position:absolute;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/border_l2.png);
    background-position: left top;
    background-repeat: no-repeat;
    top: 20px;
    bottom:auto;
    left: -20px;
    padding-top: 44%;
    width: 80%;
}
.linkBox .slideBox:nth-child(even) .slideTxt:after{
    content:"";
    position:absolute;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/border_r2.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    bottom: -20px;
    top:auto;
    left:auto;
    right: 20px;
    padding-top: 44%;
    width: 80%;
}
.linkBox .slideBox:nth-child(even) .slideTxt .arrowBtn{
    right: auto;
    left: 20px;
}
section .introTxt:after,#topSlider .slideTxt:after,.linkBox .slideTxt:after{
    content:"";
    position:absolute;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/top/border_r.svg);
    background-position: right top;
    background-repeat: no-repeat;
    top: 20px;
    right: -20px;
    padding-top: 40%;
    width: 80%;
}
.linkBox{
    padding-top: 60px;
    margin-top: 60px;
    border-top: solid 1px #eee;}
#topSlider .slideBox,.linkBox .slideBox{
    display:flex
}
.linkBox .slideBox{margin-bottom:80px;}
.linkBox .slideBox:nth-child(even){flex-direction: row-reverse;}

.linkBox .slideBox:nth-child(even) .slideImg{margin-left:-80px;}
.linkBox .slideBox:nth-child(even) .slideTxt{margin-right:auto;margin-left:auto;}
.linkBox {padding-bottom:10px;}
.linkBox .cols{display:flex;flex-wrap:wrap;justify-content:space-between}
.linkBox .linkBtn{max-width:48%;background:#f0ede4;line-height:2;text-align:center;margin-bottom:30px;}
.linkBox .linkBtn a{display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: 100%;}
.linkBox .linkBtn span{display: flex;align-items: center;min-height: 36px;height: 100%;line-height: 1.4;padding: 10px 8px;}
.linkBox .linkBtn.special11 span,.linkBox .linkBtn.special20 span{height: 54px;}
.linkBox .linkBtn img{width:100%;max-height:140px;object-fit:cover;}
#topSlider .slideTxt,.linkBox .slideTxt{
    background:#e4ebd9;
    border-radius:30px;
    margin: 40px 20px;
    margin-left: -80px;
    padding:50px;
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
section .slideTxt .ttl,.linkBox .slideTxt{
    font-size:18px;
    line-height:2;
    margin-bottom: 10px;
}
.vertical{writing-mode: vertical-lr;}
.vertical.scroll{position:absolute;right:10px;}
section .slideTxt .arrowBtn,.linkBox .slideBox .arrowBtn{
    position:absolute;
    right: 10px;
    bottom: -10px;
}
.linkBox .slideBox .arrowBtn{right:0;bottom:0;font-size: 14px;}
section .slideTxt .arrowBtn:after,.linkBox .slideBox .arrowBtn:after{
    content:"";
    padding: 16px;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/top/viewmore_arrow.svg);
    background-repeat:no-repeat;
    background-position: bottom center;
    padding-top: 130px;
    position:absolute;
    bottom: -33px;
    right:10px;
    z-index: 0;
    transition: 0.2s;
}
section .slideTxt .arrowBtn a,.linkBox .slideBox .arrowBtn a{
    color:#5473ce;
    position: relative;
    z-index: 2;
    padding: 10px 0;
}
.arrowBtn a:hover{text-decoration:none;}
.arrowBtn:hover:after{bottom:-40px!important;}

#topRanking .product-list-item:before{content:"1";font-size:24px;background: #8ba169;width:40px;height:40px;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:100%;color
:#fff;position: absolute;top: -20px;left: -20px;z-index: 1;font-family:sans-serif;}
#topRanking .product-list-item:first-child:before{background:#cdb451;}
#topRanking .product-list-item:nth-child(2):before{content:"2";}
#topRanking .product-list-item:nth-child(3):before{content:"3";}
#topRanking .product-list-item:nth-child(4):before{content:"4";}
#topRanking .product-list-item:nth-child(5):before{content:"5";}
#topRanking .product-list-item:nth-child(6):before{content:"6";}

.item-list-icon{margin-top: -12px;display: block;}
.item-icon-list .new,.item-list-icon *{background: #cdb451;padding: 2px 8px;width: 80px;display: inline-block;color: #fff;text-align: center;}
.item-icon-list .new{line-height: 1;}
.item-icon-list{text-align:center;margin-bottom: 10px;}
body.category .item-list-icon{position:absolute;bottom:-8px;}

#topRanking .product-list-item{
    padding-right:20px;
}
.product-list-item {
    width: calc(100%/3 - 16px);
    /* min-width: 279px; */
    margin: auto;
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
}
.product-list-item:nth-child(3n) {
    /*margin-right: 0;*/
}
.product-list-item:nth-child(4n){
    margin-left: 8px;
}
.product-list::after{
        content:"";
        display: block;
        width:33%;
        max-width:calc(100%/2 - 8px);
    }
.product-image-wrap {
    position: relative;
    width: auto;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 8px;
}
.product-image-wrap img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.product-image-wrap img:hover {
    opacity: .5;
}
.product-name-link {
    line-height: 1.6em;
}
.product-list-item a div:hover {
    opacity: .7;
}
.product-caption {
    font-weight: 500;
    text-align: center;
}
.product-price {
    display: inline-block;
    margin-top: 8px;
}
.marker-price{
    text-align:center;
}
.product-list-item .marker-price{
    margin-bottom:20px;
}
.marker-price .product-price,.marker-price .product-price-block {
    font-size:18px;
    background:linear-gradient(transparent 60%, #f3db87 60%);
}
.marker-price .product-price small{
    font-size:70%
}
.product-caption-wrap{
  height: 230px;
  position: relative;
}
.product-caption-wrap form#buy,.product-caption-wrap .moreBtn{position:absolute;width:100%;bottom:0;}
.product-caption-wrap form:first-child{width:100%;}
.product-caption-wrap form:nth-child(2){width:50%;}
form#buy{
    /* margin-top:30px; */
    position:relative;
    max-height: 80px;
    margin-bottom: 50px;
    z-index: 1;
}
form#buy:before,.add-btn a:before{
    content:"";
    border-top:solid 1px #fff;
    width:30px;
    height:1px;
    position:absolute;
    top:0;
    left: 0;
    bottom:0;
    margin:auto;
}
.product-caption-wrap form input{
    background:#5473ce;
    color:#fff;
    border:none;
    display:block;
    padding: 13px 10px;
    font-size:16px;
    width: 100%;
}
.product-discount {
    text-decoration: line-through;
}
.product-sale-price {
    color: #EB503C;
    font-weight: 500;
}
.sold-out {
    display: inline-block;
    font-size: 10px;
    font-weight: 100;
    background: #adadad;
    color: #fff;
    padding: 0 6px;
    border-radius: 2px;
    font-family: 'Marcellus', serif;
    margin-bottom: 5px;
}
/*---------------------------------
footer
---------------------------------*/
.footer {
    background: #e0ffff ;
}
.footer .footerLogo{
    text-align:center;
    background-image: url(f_logo2.png);
    display: block;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 82px;
    overflow: hidden!important;
    height: 0px;
    margin:auto;
    margin-bottom:20px;
    width: 374px;
}
.footer .footerDiscription{
    font-size:14px;
    margin-bottom:20px;
    line-height: 1.7;
}
.footer .footerTel{
    font-size:24px;
    vertical-align:middle;
    margin-bottom: 40px;
}
.footer .footerTel a{
    background: url(https://gigaplus.makeshop.jp/mukashishop/img/tel_icon.svg)no-repeat;
    padding-left: 30px;
    background-size: contain;
}
.footer .footerTel span{
    font-size:16px;
    margin-left:10px;
}
.footer .footerEntry a:before{content:"";
background: url(https://gigaplus.makeshop.jp/mukashishop/img/entry_icon.png)no-repeat;
padding: 20px;
background-position:center;
display: block;
background-size: contain;
margin-right:16px
}
.footer .footerEntry a{
    background:#65e691;
    display:flex;
    justify-content:center;
    align-items:center;
    max-width:640px;
    height:100px;
    margin:auto;
    border-radius:30px;
    font-size:24px;
    color:#5473ce;
    position: relative;
}
.footer .footerEntry a:after{
    content:"";
    width:100%;
    padding-top:10px;
    background:url(https://gigaplus.makeshop.jp/mukashishop/img/entry_arrow.svg)no-repeat;
    position:absolute;
    left:50px;
    bottom:25px;
}
.footer .footerEntry a small{
    font-size:16px;
    display:inline-block;
    margin-left:10px
}
.footer-contents:first-child{
    text-align:center;
    padding: 0px 0;
    border: none;
}
.footer-contents {
    max-width: 980px;
    margin: 0 auto;
    /* margin-top: 60px; */
}
.footer-menu{
    position: relative;
    padding: 10px 0;
    margin-bottom: 60px;
    }
.footer-menu:last-child{
    text-align:center;
    margin:auto;
    margin-bottom:0;
}
.footer-menu:last-child:after{
    content:none;
}
.footer-menu .btn{background:none;border:none;}
.footer-menu .btn a{
    display:block;
    border:solid 1px;
    background:none;
    padding: 8px 30px;
    padding-left: 40px;
    transition: 0.2s;
    }
.sns-link-list{
    justify-content:center;   
}
.footer-contents .footerTitle{
    position:relative;
    margin-bottom: 50px;
    margin-top: -60px;
    background: #dff1ed;
    display: inline-block;
    z-index: 2;
    padding-right: 20px;
}
.footer-contents h3{
    font-size:20px;
    font-weight:normal;
}
.footer-menu:after{
    content:"";
    position:absolute;
    display:block;
    width: 100%;
    height:1px;
    right:0;
    top: 17px;
    border-top: solid 1px;
}

.footer-menu-container {
    display: flex;
}
.footer-menu {
    /* margin-right: 130px; */
}
.footer-menu .bnr img{width:100%;}
#f_category .cols{justify-content:flex-start;}
#f_category .cols ul{margin-right:20px;}
.footer-menu:nth-child(3) {
    margin-right: 0;
}
#f_info{margin-bottom:20px;}
.footer-menu-list-title {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Marcellus', serif;
}
.footer-menu-list-item {
    margin-bottom: 6px;
    line-height: 2;
    font-size:16px;
}
.footer-menu-list-item ul li{
    font-size:14px;
}
.footer-item-list {
    display: flex;
    flex-direction: column;
    height: 700px;
    flex-wrap: wrap;
    justify-content: left;
    align-content: baseline;
    width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4em;
}
.footer-item-list li {
    margin-right: 45px;
}
.mail-icon {
    vertical-align: middle;
}
.sns-link-list {
    display: flex;
    margin-top: 36px;
}
.cart-add-btn .sns-link-list{
    margin-top:20px;
}
.sns-link {
    margin-right: 20px;
}
.sns-link a{background:#fff;width:50px;height:50px;display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    }
.mail-magazine-text {
    text-align: center;
    margin: 56px 0 36px;
}
.mail-magazine-title {
    font-size: 32px;
    font-family: 'Marcellus', serif;
    margin-bottom: 24px;
}
.mail-magazine-caption {
    line-height: 1.4em;
    margin-bottom: 24px;
}
.mail-magazine-btn-wrap {
    margin-bottom: 0;
}
.footer-bottom {
    background: #0000ff;
    color: #fff;
}
.footer-bottom-inner {
    padding: 6px 0;
    text-align: center;
    /* color: #fff; */
}
.copy-right {
    /* font-family: 'Marcellus', serif; */
    font-size: 12px;
    margin-top: 6px;
    letter-spacing: 0.1em;
}
/*---------------------------------
category_list
---------------------------------*/
.category-image {
    /* position: relative; */
}
.category-image img {
    width: 100%;
    object-fit: cover;
}

.category-title-wrap {
    width: 100%;
    position: absolute;
    top: 170px;
    z-index: 2;
}
.category-title {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    /*margin-bottom: 30px;*/
    padding-bottom: 40px;
}
.category-title span.en{
    font-size:18px;
    color:#8ba169;
    display: block;
    margin-bottom: 10px;
}

/*---------------------------------
pager
---------------------------------*/
.pager {
    margin-bottom: 64px;
}
.pager  ul.pagination {
    text-align: center;
    margin: 0;
    padding: 0;
}

.pager .pagination li {
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    background:#EBEBEB;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
}

.pager .pagination li a{
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display:table;
    text-decoration: none;
}

.pager .pagination li a span{
    display:table-cell;
    vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
    color: #fff;
    background: #222;
}
/*---------------------------------
detail
---------------------------------*/
.detail {
    /* margin-top: 200px; */
    /* display: flex; */
    justify-content: space-around;
    line-height: 2;
}
.detail .description{position:relative;margin-bottom: 70px;}
.detail .description:before{
    content:"";
    position:absolute;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/top/border_l.svg);
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: -40px;
    left: -80px;
    padding-top: 40%;
    width: 80%;
    z-index:-1;
}
.detail .description:after{
    content:"";
    position:absolute;
    background-image: url(https://gigaplus.makeshop.jp/mukashishop/img/top/border_r.svg);
    /* background-size:contain; */
    background-position: right top;
    background-repeat: no-repeat;
    top: -40px;
    right: -80px;
    padding-top: 40%;
    width: 80%;
    z-index:-1;
}


.detail .product-price-block{
    font-size:24px;
}
#description2{
    margin-bottom:80px;
}
#description2 p{
    line-height:2;
}
#description2 table{
    width:100%
}
#description2 table *{
    display:block;
    text-align:left;
}
#description2 table th,#description2 table td{
 line-height:2;   
}
#description2 table tr:not(:first-child){border-top:solid 1px;margin-top:1rem}
#description2 table tr:not(:first-child) th{background:#fff;display:inline-block;margin-top: -20px;float:left;padding-right:8px;font-size: 20px;font-weight: 500;}
#description2 table tr:not(:first-child) td{padding-top:1rem;max-width: calc(100% - 90px);margin-left:auto;margin-right:0;padding-bottom: 36px;font-size: 16px;}
.detail-image {
    /* width: 630px; */
    height: 100%;
}
.detail-image img {
    width: 100%;
}
.detail-right {
    padding-top: 40px;
    /* margin-left: 20px; */
    /* clear: both; */
    /* overflow: hidden; */
    display: flex;
    align-items: center;
}
#review_area{padding-bottom:100px;}
#recently h2,#itemGroup h2{font-weight:normal;}
#buy input:hover a{text-decoration:none}
#itemGroup{background:#dff1ed;padding-top:80px;}
.detail-right table{width:50%;margin-top: 30px;}
.detail-right table th{
    min-width: 110px;
    text-align: right;
    padding-right: 10px;
    font-weight: normal;
}
.detail-right table .marker-price{text-align: left;}
.product-name {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 24px;
    text-align: center;
}
#recently .align-center,#itemGroup .align-center,#review_area h3{
    text-align:center;
    font-size:28px;
}
#recently .align-center{
    margin:60px auto 30px;
}
#itemGroup .align-center{
    margin-bottom:30px
}
#recently form#buy{
    width:100%;
}
.product-price-block {
    font-size: 24px;
    display: inline-block;
}
.product-price-block small {
    font-size: 70%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
input.productnum {
    font-size: 24px;
    color: #000;
    width: 120px;
    height: 40px;
    text-align: center;
    padding: 0 5px;
    margin-left: 40px;
    border-radius: 0;
    border: solid 1px;
}
div.button {
    width: 200px;
    position: absolute;
    top: 25px;
}
.detail-right .priceBox{
    width: 50%;
    position: relative;
    z-index: 1;
    margin-right: 5%;
}
.detail-right .cart-add-btn{
    /* float:right; */
    width:50%;
    /* margin-top: -160px; */
}
.cart-add-btn {
    /* display: flex; */
    /* align-items: center; */
}
input.spinner_up {
    /* margin-top: 3px; */
    border: 0px;
    width: 40px;
    height: 40px;
    background: url(https://gigaplus.makeshop.jp/mukashishop/img/plus_icon.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 0;
    border: solid 1px;
    border-left: 0;
    background-size:40%;
}
input.spinner_down {
    /* margin-top: 3px; */
    border: 0px;
    width: 40px;
    height: 40px;
    background: url(https://gigaplus.makeshop.jp/mukashishop/img/minus_icon.png) no-repeat center;
    background-size:40%;
    cursor: pointer;
    position:absolute;
    left:0;
    top: 0;
    border: solid 1px;
    border-right: 0;
}
.productnum-wrap {
    padding: 25px 0;
    width: 200px;
    position: relative;
}
.purchase-num {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.option-area {
    /* margin: -20px 0 60px; */
}
.makeshop-option-wrap {
    margin: 8px 0;
}
.makeshop-option-label {
    font-size: 14px;
    margin-bottom: 6px;
}
.makeshop-option-select {
    padding: 10px;
    width: 100%;
}
.bg-section {
    background: #FCF8EC;
    padding: 100px 0;
}
.detail-description {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content:flex-end;
    padding: 0 16px;
}
.left-detail-description,
.right-detail-description {
    width: 50%;
}
.left-detail-description {
    margin-right: 140px;
}
.description-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 24px;
}
.description-text {
    line-height: 2em;
}
.grid-multi-image {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 50px;
}
.multi-image {
    flex: 1 0 calc(100%/5);
    max-width: 20%;
    padding: 5px;
}
*::-ms-backdrop, .multi-image {
    width: 33.33%; /* IE11 */
}
.multi-image img {
    width: 100%;
    /* height: 60vh; */
    object-fit: cover;
}
.detail-sold-out {
    display: inline-block;
    font-size: 14px;
    font-weight: 100;
    background: #adadad;
    color: #fff;
    padding: 6px;
    font-family: 'Marcellus', serif;
    margin-bottom: 5px;
    border-radius: 2px;
}
.detail-product-discount {
    font-size: 20px;
    margin-bottom: 16px;
    text-decoration: line-through;
}
.detail-product-sale-price {
    color: #EB503C;
    font-weight: 500;
    font-size: 38px;
}
.detail-product-sale-price small {
    font-size: 28px;
}
/*---------------------------------
cart
---------------------------------*/
.cart-title-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 130px;
}
.cart-title {
    font-size: 20px;
    font-family: 'Marcellus', serif;
    font-weight: bold;
    color: #6E6E6E;
    letter-spacing: .2em;
}
.cart {
    margin-top: 10px;
}
.cart-text-head {
    border-bottom: 1px dotted #6E6E6E;
    padding-bottom: 16px!important;
    display: flex;
    justify-content: space-between;
}
.cart-product {
    padding: 16px 0;
    display: flex;
    border-bottom: 1px dotted #6E6E6E;
    align-items: center;
}
.cart-product .img:before{content:"1";font-size:16px;display:flex;justify-content:center;align-items:center;width:20px;position: absolute;left: 16px;top: 0;bottom: 0;/* margin: auto; */text-align: center;}
.cart-product:nth-child(2) .img:before{content:"1";}
.cart-product:nth-child(3) .img:before{content:"2";}
.cart-product:nth-child(4) .img:before{content:"3";}
.cart-product:nth-child(5) .img:before{content:"4";}
.cart-product:nth-child(6) .img:before{content:"5";}
.cart-product:nth-child(7) .img:before{content:"6";}
.cart-product:nth-child(8) .img:before{content:"7";}
.cart-product:nth-child(9) .img:before{content:"8";}
.cart-product:nth-child(10) .img:before{content:"9";}
.cart-product:nth-child(11) .img:before{content:"10";}
.cart .img-head {
    width: 25%;
}
.cart-product img {
    width: 160px;
}
.cart .name-head {
    width: 25%;
    padding-right: 40px;
    line-height: 1.4em;
}
.cart .qty-head {
    width: 15%;
}
.cart .price-head {
    width: 20%;
}
.cart .remove-head {
    width: 7%;
}
.cart-item-text {
    display: flex;
    justify-content: space-between;
    width: 72%;
    align-items: center;
}
.cart .img {
    width: 25%;
    padding-left: 60px;
    position: relative;
}
.cart .name {
    width: 25%;
    line-height: 1.4em;
}
.cart .qty {
    width: 15%;
    display: flex;
}
.cart .price {
    width: 20%;
}
.cart .remove {
    width: 7%;
    padding-left: 14px;
    color: #ce7355;
}
.cart .remove a{
    color: #ce7355;
    font-size:20px;
    border:solid 1px;
    border-radius:100%;
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.remove-sp {
    display: none;
}
.total {
    text-align: right;
    margin: 56px 0 32px;
}
.total-text {
    font-size: 18px;
}
.total-price {
    font-size: 32px;
    padding-left: 16px;
}
.total-text-small {
    font-size: 14px;
}
.continue-shopping {
    padding-right: 40px;
    max-width: 250px;
}
.continue-shopping a{background:none;border:solid 1px #ce7355;color:#ce7355;height: 40px;display: flex;justify-content: center;align-items: center;text-decoration: none;}
.payment-add-btn {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.quantity-notification {
    width: 44px;
    height: 44px;
    text-align: center;
}
.awesome a{
    cursor: pointer !important;
    text-align: center !important;
    display: inline-block;
    vertical-align: middle !important;
    color: #fff!important;
    width: 85px!important;

    height: 100%!important;
    background: #6E6E6E!important;
    font-size: 12px;
    margin-left: 6px;
    text-decoration: none;
    padding: 14px;
}
/*---------------------------------
news-list
---------------------------------*/
.contents-wrap {
    max-width: 960px;
    margin: 0 auto 80px;
}
.info-title-wrap {
    /* padding-top: 160px; */
}
h2.info-title {
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    line-height: 1.8em;
    width: 60%;
    margin: 0 auto 30px;
}
/*---------------------------------
guide
---------------------------------*/
.guide-section {
    margin-bottom: 64px;
}
.guide-section-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 24px;
    border-bottom: 1px solid #6E6E6E;
    padding-bottom: 12px;
}
/*---------------------------------
company
---------------------------------*/
.company-section img {
    margin-bottom: 20px;
    width: 100%;
}
/*---------------------------------
contract
---------------------------------*/
.contract-section {
    margin-bottom: 64px;
}
.contract-section-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 24px;
    border-bottom: 1px solid #6E6E6E;
    padding-bottom: 12px;
}
/*---------------------------------
policy
---------------------------------*/
.policy-section pre {
    line-height: 2.4em;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    color: #6E6E6E;
    white-space: pre-wrap;
}

.page.reason .frame{
    max-width:855px;
    margin-left:auto;
    margin-right:auto;
}
.page.reason h1{
    max-width: 855px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
    border-bottom:solid 1px #eee;
}
.page.reason .frame .img{
    margin-bottom:40px;
}
.page.reason .frame .txt{
    padding-right:20px;
    margin-bottom:40px;
}
br.sp{display:none;}
br.pc{display:block;}
/*---------------------------------
responsive 
---------------------------------*/

@media screen and (max-width: 768px) {
br.sp{display:block;}
br.pc{display:none;}
.main .frame {
    max-width: calc(100% - 40px);
}
section .txt {
    font-size:14px;
}
a.btn-go {
    top: 20px;
    right: 50px;
    margin: auto;
}
#title-area{padding: 0 20px;margin-top: 50px;}
section .total_count{float:none;}
section .sort.cols{margin:20px 0;}
section .sort.cols *{font-size:14px!important;white-space:nowrap;padding:0 4px}
#start-contents section {
    padding: 60px 0;
}
#start-contents section#topBnr{
    padding-top:0;
}
#start-contents .product-wrap{
    margin-bottom:0
}
.main-visual .img{    
bottom: -80px;
}
.main-visual .img img{
    width:85%;
    margin:auto;
    display:block
}
.main #topIntro{
    padding-top: 35px;
}
.main #topIntro .markerTxt{
    left:0;
    top: 20px;
}
.main #topIntro .introImg{
top: -8px;
left: -25px;
}
.vertical.scroll{
    bottom:0;
    font-size:12px;
}

.main #topIntro .introImg img{
    max-width: 50%;
}
.main #topIntro .markerTxt span.show {
    padding: 10px;
    font-size: 18px;
}
.main #topIntro .markerTxt span.show:first-child {
    width: 78%;
}
.main #topIntro .markerTxt span.show:nth-child(2) {
    width: 88%;
}
.main #topIntro .markerTxt span.show:nth-child(3) {
    width: 98%;
}
.cols.flexwrap .catBox {
    flex-basis: 46%;
}
.cols.flexwrap .catBox .catImg {
    height: 64vw;
}
.cols.flexwrap .catBox .catImg img{
    bottom:30px
}
.cols.flexwrap .catBox:nth-child(3) .catImg img {
    bottom: 70px;
}
.cols.flexwrap .catBox:nth-child(6) .catImg img {
    bottom: 35px;
}
#topSlider .frame{
    max-width:calc(100% - 20px)
}
#topSlider .slideTxt:before,.linkBox .slideTxt:before{
    left:10px;
}
#topSlider .slideTxt:after,.linkBox .slideTxt:after{
    right:-10px;
}
#topSlider .slideTxt,.linkBox .slideTxt{
    margin:auto;
    margin-top:-40px;
    padding: 30px;
    max-width: calc(100% - 20px);
    min-height: 450px;
}
.linkBox .slideBox .arrowBtn:after{
    padding-top: 100px;
    padding-left: 4px;
}
.linkBox .slideTxt .ttl{
    margin-top: 10px;
}
.linkBox .slideTxt{
    min-height:0;
    margin-top: -100px;
}
.linkBox .slideBox{
    padding-bottom:20px
}
.linkBox .cols{display:block;}
.linkBox .cols .linkBtn{max-width:100%;}
.linkBox .slideBox:nth-child(even) *{margin-left: auto!important;}
.linkBox .slideBox:nth-child(even) .slideTxt .arrowBtn {
    left: 5px;
}
.linkBox .slideBox:nth-child(even) .slideTxt:before{left:-10px;}
.linkBox .slideBox:nth-child(even) .slideTxt:after{right:10px;}
section .slideTxt .ttl ,.linkBox .slideTxt .ttl{
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 8px;
    margin-left: 0!important;
    margin-right: auto;
}
#topSpecial .cols{
    justify-content:space-around;
    margin:auto -5px
}
#topSpecial .cols .col{
    margin-left: 2%;
    margin-right: 2%;
}
#topSpecial .cols .col:last-child{
    margin-bottom:0;
}
.product-list-item:last-child{
    /* margin-bottom:0; */
}
section .slideTxt .arrowBtn:after{

padding: 10px;    
padding-top: 120px;
}
.footer-bnr .cols{display:block;}
footer .bnr{margin-right:0;margin-bottom:20px}


/*---------------------------------
common
---------------------------------*/
    .main-visual {
        position: relative;
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .scroll-down a {
        background: url(/view/images/template/6/scroll-down.png) no-repeat;
        background-size: 50px 50px;
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 60px;
        margin: auto;
    }
    #start-contents {
        margin-top: -70px;
        padding-top: 70px;
        position: relative;
    }
    span.cart-badge {
        top: 4px;
        left: 4px;
        width: 18px;
        height: 18px;
        font-size: 10px!important;
        padding: 4px!important;
    }
    .header,
    .footer {
        width: 100%;
    }
    .header{border-bottom:solid 2px;}
    .top-bar {
        padding: 11px 0px;
        height: 50px;
    }
    .top-bar.bgBlack {
        display:none;
    }
    .header-inner {
        /* padding: 0 10px; */
        text-align: center;
        font-size:20px;
    }
    .shop-logo {
        margin: 0;
        float: none;
        text-align: center;
    }
    header .discription{
        display:none;
    }
    .nav,
    .second-nav {
        display: none;
    }
    .side-bar {
        display: none;
    }
    .contents-section {
        margin: 50px auto 0;
        padding: 0 20px;
    }
    .bx-wrapper .bx-pager {
        text-align: center!important;
        padding-left: 0;
    }
    /*------------------
    hamburger
    ------------------*/
    .wrapper {
        height: 100%;
        overflow-x: hidden;
        position: relative;
        display: block;
    }
    .shop-logo{
    margin: auto;
    margin-left: 0;
}
    .shop-logo a{width: 100%;padding-top: 30px;background-position: 8px center;max-width: 300px;}
    .sp-nav-wrap {
        display: block;
    }
    .overlay {
        content: "";
        display: block;
        width: 0;
        height: 0;
        background-color: rgba(0, 0, 0, 0.5)!important;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
        transition: opacity .5s;
    }
    .overlay.open {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    .menu-trigger {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle;
        cursor: pointer;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 100;
        border-left: solid 1px #ccc;
    }
    .menu-trigger span {
        display: inline-block;
        box-sizing: border-box;
        position: absolute;
        left: 13.5px;
        width: 25px;
        height: 2.5px;
        background-color: #222;
        transition: all .5s;
        border-radius: 2px;
    }
    .menu-trigger.active span {
        background-color: #222;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 15px;
    }
    .menu-trigger.active span:nth-of-type(1) {
        transform: translateY(12px) rotate(-45deg);
    }
    .menu-trigger span:nth-of-type(2) {
        top: 23px;
    }
    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger span:nth-of-type(3) {
        top: 31px;
    }
    .menu-trigger.active span:nth-of-type(3) {
        transform: translateY(-4px) rotate(45deg);
    }
 
    nav {
        width: 100%;
        height: 100%;
        padding-top: 60px;
        background: rgb(228 235 217 / 95%)!important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        transform: translate(-100%);
        transition: all .5s;
    }
    nav.open {
        transform: translate(0,0);
        overflow: scroll;
        overflow-x: hidden;
        height: 100%;
        /* padding-top: 60px; */
    }
    nav .discriptionSp,nav .tel{
        line-height:1.7;
        padding:0 25px 25px;
        font-size:16px;
    }
    nav .tel{
        text-align:center;
        font-size:18px;
        position:relative;
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    nav .tel a{letter-spacing:1px;}
    nav .tel:before{
        content:"";
        padding: 17px;
        height: 34px;
        width: 34px;
        top:0;
        bottom:0;
        left: calc(50% - 110px);
        margin: auto;
        background: url(https://gigaplus.makeshop.jp/mukashishop/img/tel_icon.svg)no-repeat;
        position:absolute;
    }
    nav .tel span{
        font-size:14px;
        display:block;
    }
    nav li {
        color: #6E6E6E;
        text-align: left;
        /* font-family: 'Marcellus', serif; */
        /* padding: 10px 0px; */
        text-align:center;
    }
    nav > ul > li > a{display:block;
    background:#222;
    color:#fff;
    padding:16px;}
    nav > ul > li ul{
        padding:0 25px;
    } 
    nav > ul > li li {
        text-align:left;
        border-bottom:dashed 1px #999;
    }
    nav > ul:nth-child(6){margin-bottom:20px;}
    nav > ul > li li:last-child{
        margin-bottom:16px
    }
    nav > ul > li li a{display:block;
    padding:20px 0;} 
    nav li a span{
        display:block;
        font-size: 70%;
        margin-bottom: 4px;
        color: #bccea1;
    }
    .accordion-container {
        position: relative;
        width: 100%;
        cursor: pointer
    }
    
    .accordion-container .article-title {
        display: block;
        position: relative;
        margin: 0;
        font-weight: normal;
        color: #6E6E6E;;
        cursor: pointer;
    }

    .accordion-container .article-title:hover,
    .accordion-container .article-title:active,
    .accordion-container .content-entry.open .article-title {
        color: #6E6E6E;;
    }
    
    .accordion-container .article-title:hover i:before,
    .accordion-container .article-title:hover i:active,
    .accordion-container .content-entry.open i {
        color: white;
    }

    .article-title{
        position: relative;
    }

    .article-title:after {
        content: "";
        position: absolute;
        right: 16px;
        top: 10%;
        transition: all 0.2s ease-in-out;
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 2px #6E6E6E;;
        border-right: solid 2px #6E6E6E;;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    
    .article-title.open:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 45%;
    }

    .accordion-content {
        display: none;
        padding: 24px 6px 0;
        font-family: 'Noto Sans JP', sans-serif;
    }
    .accordion-content p {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 20px;
        display: block;
    }
    .accordion-content a {
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .accordion-container {
        margin: 0;
    }

    dl.search1{
        position:relative;
        background-color:#fff;
        border-bottom:1px solid #aaa;
    }
    dl.search1 dt{
        padding:12px 0px
    }
    dl.search1 dt input{
        border: none;
        border-radius: 0;
        outline: none;
        background: none;
    }
    
    dl.search1 dd{
        position:absolute;
        top:0;
        right:0;
    }
    dl.search1 dd button{
        display:block;
        padding:10px;
        background:none;
        border:none;
    }
    dl.search1 dd button span{
        display:block;
        width:20px;
        height:20px;
        background:url('/view/images/template/6/search_icon.png') no-repeat scroll 0 0;
    }
    .search-link-sp {
        margin-bottom: 16px;
    }
    .sp-second-nav-wrap {
        display: flex;
        position: absolute;
        top: 0;
        right: 50px;
        align-items: center;
        justify-content: center;
        font-size: 10px;
    }
    .sp-second-nav-wrap > * {
        width:50px;
        height:50px;
        display: flex!important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-left: solid 1px #ccc;
    }
    .sp-second-nav-wrap img{
        max-height: 20px!important;
    }
    .sp-second-nav-wrap span{
        display:block;
        font-size: 10px!important;
    }
    .sp-second-nav-wrap .search-icon{
        width:50px
    }
    .cart-link {
        /* margin-left: 16px; */
        /* border-left: solid 1px; */
        position: relative;
    }

.sp-second-nav-wrap .search-box{
    top: 133px;
    left: auto;
    right: -150px;
    width: 100vw;
}
.search-box input[type="text"]{
    max-width: calc(100% - 60px);
    margin-right: 8px;
}
    .slider li img {
        height: 50vh;
    }
    .footer-contents {
        width: 90%;
        padding: 30px 0;
        margin-top: 60px;
        padding-bottom: 0;
    }
    #f_category .cols,#f_info .cols{
     display:block;   
    }
    #f_category .cols a{
        display:block;
        padding:8px 0;
        border-top:dashed 1px #999
    }
    #f_category .cols > ul > li > a{
        font-weight:500
    }
    #f_category .cols  .footer-menu-list-item{
        margin:auto;
    }
    .footer-contents:first-child{
        padding-bottom: 0px!important;   
    }
    .footer-menu-container {
        display: block;
    }
    .footer-menu {
        margin-bottom: 60px;
    }
    #f_category .cols ul{margin-right:0;}
    .footer-menu:last-child {
        margin-bottom: 0;
    }
    .footer-menu-list-item {
        margin-bottom: 10px;
    }
    .sns-link-list {
        margin-top: 20px;
    }
    .sns-link img {
        width: 24px;
    max-height: 25px;
}
    .product-contents-wrap {
        min-width: 100%;
    }
    .information-list-wrap {
        white-space: inherit;
    }
    .information-list {
        display: block;
        margin-bottom: 32px;
    }
    .information-label {
        margin: 0 0 12px 0;
    }
    #topRanking .product-list-item {
        width: calc(100%/2 - 16px);
        margin-left: 8px;
        padding-right: 0;
    }
    #topRanking .product-list-item:before{
        left:-10px;
        top:-10px;
        font-size:18px;
        width:30px;
        height:30px;
    }
    .product-list-item {
        width: calc(100%/2 - 8px);
        min-width: 0;
        margin-right: 16px;
    }
    .product-list-item:nth-child(even) {
        margin-right: 0;
    }
    .product-list-item:nth-child(4n){
    margin-left: auto;
    }
    .product-list {
        justify-content: space-between;
        width: 100%;
    }
    .product-list-item:nth-child(3) {
        margin-right: 16px;
        margin-left: 0;
    }
    .product-list::after{
        content:"";
        display: block;
        width:50%;
        max-width:calc(100%/2 - 8px);
    }
    section .introTxt {
    background: #e4ebd9;
    border-radius: 15px;
    padding: 40px;
    padding-top: 140px;
    margin: auto;
    max-width: calc(100% - 40px );
}
#topSlider .slideBox,.linkBox .slideBox,.linkBox .slideBox:nth-child(even) {
    flex-direction: column;
}

.linkBox .slideBox img{
    width:100%
}
    /*------------------
    category_list
    ------------------*/
    .banner-image {
        background-position: center;
        height: 20vh;
    }
    .item-title-wrap span {
        padding-left: 8px;
    }
    .item-title {
        font-size: 28px;
        padding-left: 8px;
    }
    .category-image:before {
        height: 198px;
    }
    .category-image img {
        height: 145px;
            margin-top: 54px;
    }
    .category-title-wrap {
        top:115px;
    }
    .category-title {
        font-size: 20px;
    }
    
    /*------------------
    detail
    ------------------*/
    .detail {
        margin-top: 130px;
        display: block;
    }
    .detail .description{padding-left:20px;padding-right:20px;}
    .detail .description:before{
        left:-10px;
    }
    .detail .description .sns-link:first-child img{max-height:30px;}
    .detail .description:after{
        right:-10px;
    }
    .detail-image {
        width: 100%;
    }
    .detail-image img {
        width: 100%;
    }
    .detail-right {
        margin-left: 0;
        width: 100%;
        display: block;
    }
    #description2 table tr:not(:first-child) td{
        margin-left:0;
        text-align: left;
        max-width: 100%;
    }
    #description2 table tr:not(:first-child) th{
        line-height:1;
        margin-top: -12px;
    }
    .product-name {
        font-size: 24px;
    }
    .product-price-block {
        font-size: 32px;
    }
    .product-price-block small {
        font-size: 18px;
    }
    .productnum-wrap {
        /* padding: 32px 0 24px; */
    }
    .add-btn {
        width: 100%;
    }
    .bg-section {
        margin-top: 60px;
        padding: 40px 0;
    }
    .detail-description {
        width: 100%;
        display: block;
    }
    .left-detail-description, .right-detail-description {
        width: 100%;
        margin-bottom: 48px;
    }
    .right-detail-description {
        margin-bottom: 0;
    }
    .grid-multi-image {
        /* display: block; */
    }
    .outstock-btn {
        width: 100%;
    }
    .outstock {
        width: 100%;
    }
    
    /*------------------
    cart
    ------------------*/
    .cart-title {
        padding: 0 0 0 10px;
    }
    .cart-table {
        border-top:  1px dotted #6E6E6E;
    }
    .cart-text-head {
        display: none;
    }
    .cart .img {
        width: auto;
        padding: 0;
    }
    .cart-product .img:before{
        position:static;
        margin: auto;
        padding-right: 16px;
        padding-bottom: 10px;
    }
    .cart .img img {
        padding-right: 16px;
    }
    .cart-item-text {
        display: block;
    }
    .cart-item-text div {
        width: 100%!important;
        margin-bottom: 10px;
    }
    .cart .remove {
        display: none;
    }
    .remove-sp {
        display: block;
        text-align: right;
        text-decoration: underline;
    }
    .cart-add-btn {
        display: block;
        margin-bottom: 54px;
    }
    .detail-right .cart-add-btn {
    float: none;
    width: 100%;
    margin-top: 30px;
    }
    .detail-right table{
        margin-bottom:30px;
    }
    
    .detail-right table th{
    }
    .continue-shopping {
        padding: 0;
        margin-top: 24px;
        text-align: center;
        /* text-decoration: underline; */
        max-width: 100%;
        width: 100%;
    }
    .awesome {
        height: 44px!important;
    }
    .cart-product {
        align-items: end;
    }
    .payment-add-btn {
        display: block;
        margin-bottom: 48px;
    }
    
    /*---------------------------------
    news-list
    ---------------------------------*/
    .info-title-wrap {
        padding-top: 130px;
    }
    h2.info-title {
        font-size: 18px;
        line-height: 1.6em;
        width: 80%;
    }
    .page.reason .frame{
    max-width:855px;
    margin-left:auto;
    margin-right:auto;
}
.page.reason h1{
    padding-bottom:20px;
    margin-bottom:20px;
}
.page.reason .frame .img{
    margin-bottom:20px;
}
.page.reason .frame .img img{
    width:100%;
}
.page.reason .frame .txt{
    padding-right:0;
    margin-bottom:20px;
}
#start-contents #topBnr .bnr{margin-bottom:30px;text-align:center;}

.pageBtn .btn{
    width:100%;
}
}

.cartin-msg-pc {
	display: none; /*非表示にしておく*/
	position: absolute;
	top: 30px;
	right: -200px;
	white-space: nowrap;
}
.cartin-msg-pc.show {
	position: absolute; /*カートに入れたら表示*/
	top: 80px; /*テキストの表示位置*/
	right: 20px;/*テキストの表示位置*/
	white-space: nowrap;
	color: #666;/*テキストの文字色*/
	font-size: 1em;/*テキストのサイズ*/
}
.cartin-msg-sp {
	display: none; /*非表示にしておく*/
	position: absolute;
	top: -60px;
	white-space: nowrap;
}
.cartin-msg-sp.show {
	position: absolute; /*カートに入れたら表示*/
	top: 0;
	left: 0;
	white-space: nowrap;
	background: #5d737e;
	color: #fff;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.cart-badge {
	display: block; /*常に表示させてておく（要調整）*/
}
@media screen and (max-width: 840px) {
    .header-inner .discription{
        display:none;
    }
    .search-box{
        /* width:350px; */
    }
}
@media screen and (max-width: 468px) {
    #title-area .breadcrumb {
    flex-wrap: wrap;
    line-height: 1.4;
    }
    #buy input,.add-btn a,.product-list-item .moreBtn a{height:60px;display: flex;justify-content: center;align-items: center;}
    .continue-shopping a{width:100%}
    .footer .footerEntry a:after{bottom:6px;left:18px;background-size:contain;}
    .footer-contents .footerTitle{margin-bottom:20px;}
    .product-list #buy:before{width: 17px!important;}
    .detail-right .priceBox {
    width: 100%;
    margin: auto;
}
.footer-bottom-inner{padding:14px 0;}
.footer-menu#f_info {
        margin-bottom: 0;
    }
    .sns-link img{max-height:25px}
    #topSlider{
        padding-bottom:0!important;
    }
    #topSlider .slideBox {
    overflow-y: visible;
    min-height: 1000px;
    }
    section .sort.cols *{width:auto;}
    
    .footer .footerTel span{display:block;margin-top:10px;}
    .footer .footerEntry a{display:block;font-size:20px;height: auto;padding: 20px;}
    .footer .footerEntry a small{display:block;margin-top: 4px;}
    .footer .footerEntry a:before{position:absolute;top:0;bottom:0;left:1rem;}
}
.reviewRateStar::before {
    content: "★"!important;
    font-size: 1rem;
    font-weight: 900;
    }
.starOff::before {
  content: "☆";
  font-weight: 400; }

section .slideTxt .arrowBtn {
     display: none;
}
.linkBox .slideTxt .arrowBtn{
    display:block;
}

#start-contents .product-caption-wrap{
    height:auto;
}
section .slideTxt .arrowBtn {
     display: none;
}

#start-contents .product-caption-wrap{
    height:auto;
}
body.page_in main h2{
    font-size: 22px;
    margin: 3rem auto 2rem;
    font-weight: 500;
}
section .slideTxt .arrowBtn {
     display: none;
}
.main #topNotice {
    padding: 20px;
    border: solid 1px #f3db87;
    max-width: 800px;
    margin: 20px auto 40px;
    background:#fff;
    position: relative;
    z-index: 200;
}
.main #topNotice b{color:#d90808}
.main #topNotice h2{
    margin-bottom: 1rem;
    font-size: 18px;
    background: linear-gradient(transparent 60%, #f3db87 60%);
    display:inline-block;
}
#start-contents .product-caption-wrap{
    height:auto;
}
body.page_in main h2{
    font-size: 22px;
    margin: 3rem auto 2rem;
    font-weight: 500;
}


body.fruit-peeling section#intro{
    padding: 120px 0 0;
    background: #fde6d4;
}
body.fruit-peeling section#fragrance{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 170px;
}
body.fruit-peeling section#fragrance .cols{
    justify-content: space-around;
    text-align: center;
}
body.fruit-peeling section#fragrance .cols h3{
    font-size:20px;
    margin-top: 30px;
    margin-bottom: 16px;
}
body.fruit-peeling section#fragrance .cols .col{
    margin-bottom:90px;
    max-width:400px;
}
body.fruit-peeling section#fragrance .cols .txt{
    text-align:
    left;
    letter-spacing: 0;
    font-size: 16px;
}
body.fruit-peeling section#fragrance h2{
    text-align:center;
    font-size:34px;
    color:#f3842a;
    margin-bottom:60px;
}
body.fruit-peeling section#fragrance h2 span{
    display:block;
    font-size:41%;
    margin-top:20px;
    font-weight:normal;
}
body.fruit-peeling section#intro .intro{
    line-height: 2;
    position: relative;
    margin-bottom: 80px;
}
body.fruit-peeling section#intro h1{
    font-size:34px;
    font-weight:
    normal;
    margin-bottom: 50px;
}
body.fruit-peeling section#intro .txt:last-child{
    margin-top:50px;
}
body.fruit-peeling section#intro .introImg{
    top: -80px;
    position: absolute;
    right: 110px;
    line-height: 0;
}
body.fruit-peeling section#intro .introTop{
        background: #f3842a;
        color: #fff;
        border-radius: 60px;
        padding: 80px 160px;
        line-height: 2;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        margin-bottom: 80px;
}
body.fruit-peeling section#intro .introBottom{
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}
body.fruit-peeling .explain{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    margin-bottom: 120px;
    padding: 70px;
    line-height: 2;
    background: url(https://gigaplus.makeshop.jp/mukashishop/img/category/fruit-peeling/border_l.svg)no-repeat left bottom;
    position: relative;
}
body.fruit-peeling .explain:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    background: url(https://gigaplus.makeshop.jp/mukashishop/img/category/fruit-peeling/border_r.svg)no-repeat right top;
    width: 100%;
    height: 320px;
}
body.fruit-peeling .explain h2{
    font-size:24px;
    font-weight:normal;
}
body.fruit-peeling .explain ul{
    padding-left:20px;
    margin-bottom:50px;
}
body.fruit-peeling .explain ul:last-child{
    margin-bottom:0;
}
body.fruit-peeling .explain ul li{
    list-style:disc;
}
body.fruit-peeling .main .btn{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 90px;
    position: relative;
    margin-bottom: -40px;
    bottom: -50px;
    width: 100%;
    max-width: 600px;
}
body.fruit-peeling #fragrance .btn{
    
margin-bottom: 150px;
}
body.fruit-peeling .main .btn:hover,
body.fruit-peeling .main .btn a:hover{
    opacity:1;
    text-decoration:none;
}
body.fruit-peeling .main .btn::before{
    border-color: #f3842a;
    z-index: 0;
    width: 50px;
}
body.fruit-peeling .main .btn a{
    background: #222;
    color: #fff;
    width: 100%;
    max-width: 600px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.fruit-peeling section#intro .introBottom .txt01{
    margin-left:90px;margin-bottom:20px;
}
body.fruit-peeling section#intro .introBottom .txt02{
    margin-left: 170px;
}
body.fruit-peeling section#intro .introBottom .txt03{
    margin-left:140px;
    margin-bottom:150px;
}
body.fruit-peeling .bgGradation{
    width:320px;
    height:100px;
    border-radius:30px;
    margin-bottom:30px;
    padding: 30px;
    
    align-items: center;
    display:flex;
    color:#fff;
    background-image: -moz-linear-gradient( -180deg, rgb(242,107,33) 0%, rgb(243,120,38) 30%, rgb(243,132,42) 100%);
    background-image: -webkit-linear-gradient( -180deg, rgb(242,107,33) 0%, rgb(243,120,38) 30%, rgb(243,132,42) 100%);
    background-image: -ms-linear-gradient( -180deg, rgb(242,107,33) 0%, rgb(243,120,38) 30%, rgb(243,132,42) 100%);
}

@media screen and (max-width: 1130px) {
    body.fruit-peeling section#intro .introTop{
        padding: 80px 80px;
    }
    body.fruit-peeling section#intro .introImg{
        right:80px;
        max-width:40vw;
    }
    body.fruit-peeling section#intro .introImg img{
        width:100%
    }
}
@media screen and (max-width: 768px) {
    body.fruit-peeling section#intro{
    padding: 40px 0 0;
    background: #fde6d4;
}
 body.fruit-peeling #title-area .breadcrumb{
     padding: 10px 0;
     font-size: 14px;
 }   
body.fruit-peeling section#fragrance{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
}
body.fruit-peeling section#fragrance .cols{
    display: block;
    max-width: calc(100% - 40px);
    margin-left:auto;
    margin-right:auto;
}
body.fruit-peeling section#fragrance .cols img{
    width:100%;
}
body.fruit-peeling section#fragrance .txt{
    font-size:15px;
}
body.fruit-peeling section#fragrance .cols h3{
    font-size:18px;
    margin-top: 20px;
    margin-bottom: 10px;
}
body.fruit-peeling section#fragrance .cols .col{
    margin: auto;
    margin-bottom: 45px;
}
body.fruit-peeling section#fragrance .cols .txt{
    text-align:
    left;
    letter-spacing: 0;
    font-size: 16px;
}
body.fruit-peeling section#fragrance h2{
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 400;
}
body.fruit-peeling section#fragrance h2 span{
    display:block;
    font-size:41%;
    margin-top:20px;
    font-weight:normal;
}
body.fruit-peeling section#intro .intro{
    line-height: 2;
    position: relative;
    padding: 10px;
    margin-bottom: 80px;
}
body.fruit-peeling section#intro h1{
    font-size: 30px;
    writing-mode: vertical-lr;
    line-height: 1;
    letter-spacing: 2px;
    padding-top: 20px;
    margin-bottom: 50px;
    text-align: center;
    height: 380px;
}
body.fruit-peeling section#intro .txt:last-child{
    margin-top:50px;
}
body.fruit-peeling section#intro .introImg{
    top: -30px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    margin-right: 20px;
    line-height: 0;
    /*max-width: calc(100% - 125px);*/
}

body.fruit-peeling section#intro .introTop{
        border-radius: 30px;
        padding: 40px 25px;
        padding-top: 40px;
        line-height: 2;
        max-width: 1200px;
        margin-bottom: 40px;
}
body.fruit-peeling section#intro .introTop .txt{
    font-size:17px;
    letter-spacing: -1px;
}
body.fruit-peeling section#intro .introTop .txt:last-child{
    margin-top:0;
}
body.fruit-peeling section#intro .introBottom{
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}
body.fruit-peeling .explain{
    max-width: 980px;
    margin-top: 75px;
    margin-bottom: 60px;
    padding: 30px;
    max-width: calc(100% - 40px);
}
body.fruit-peeling .explain:before{
    width: 100%;
    height: 320px;
}
body.fruit-peeling .explain h2{
    font-size: 18px;
}
body.fruit-peeling .explain ul{
    padding-left:20px;
    margin-bottom: 30px;
    font-size: 15px;
}
body.fruit-peeling .explain ul:last-child{
    margin-bottom:0;
}

body.fruit-peeling .main .btn{
    height: 60px;
    margin-bottom: -40px;
    bottom: -30px;
    width: 100%;
    max-width: calc(100% - 40px);
}
body.fruit-peeling #fragrance .btn{
    margin-bottom: 50px;
}

body.fruit-peeling .main .btn::before{
    width: 50px;
}
body.fruit-peeling .main .btn a{
    max-width: 600px;
    height: 60px;
}
body.fruit-peeling section#intro .introBottom .txt01{
    
    margin-bottom:20px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border-radius: 15px;
}
body.fruit-peeling section#intro .introBottom .txt02{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border-radius: 15px;
}
body.fruit-peeling section#intro .introBottom .txt03{
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
}
body.fruit-peeling .bgGradation{
    width:320px;
    height:100px;
    border-radius:30px;
    margin-bottom:30px;
    padding: 30px;
}
}
@media screen and (max-width: 460px) {
    body.fruit-peeling section#intro .introImg{
    max-width: calc(100% - 125px);
}
}


/*読み物ページ画像用*/
.page.reason .frame .img.border-img{
    position:relative;
}
.page.reason .frame .img.border-img:before{
    content:"";
    width:70%;
    height:70%;
    border-top:solid 1px;
    border-right:solid 1px;
    position:absolute;
    top:-20px;
    right:20px;
    border-radius:0 30px 0 0;
}
.page.reason .frame .img.border-img:after{
    content:"";
    width:70%;
    height:70%;
    border-bottom:solid 1px;
    border-left:solid 1px;
    position:absolute;
    bottom:-20px;
    left:20px;
    border-radius:0 0 0 30px;
}

@media screen and (max-width: 768px) {
 .page.reason .frame .img.border-img:before{
    top:-10px;
    right:10px;
    border-radius:0 15px 0 0;
}
.page.reason .frame .img.border-img:after{
    bottom:-10px;
    left:10px;
    border-radius:0 0 0 15px;
}   
}

/*読み物ページ画像用*/
.page.reason .frame .img.border-img{
    position:relative;
    margin-bottom: 60px;
    margin-top: 60px;
}
.page.reason .frame .img.border-img img{width: calc(100% - 20px);border-radius: 30px;}
.page.reason .frame .img.border-img:before{
    content:"";
    width: 30%;
    height:70%;
    border-top:solid 1px;
    border-right:solid 1px;
    border-color: #cdb451;
    position:absolute;
    top:-20px;
    right: 0px;
    border-radius:0 30px 0 0;
}
.page.reason .frame .img.border-img:after{
    content:"";
    width:70%;
    height:70%;
    border-bottom:solid 1px;
    border-left:solid 1px;
    border-color: #cdb451;
    position:absolute;
    bottom:-20px;
    left:20px;
    border-radius:0 0 0 30px;
}

@media screen and (max-width: 768px) {
 .page.reason .frame .img.border-img:before{
    top:-10px;
    right:0px;
    border-radius:0 15px 0 0;
}
.page.reason .frame .img.border-img:after{
    bottom:-10px;
    left:10px;
    border-radius:0 0 0 15px;
}   
.page.reason .frame .img.border-img {
    margin-bottom: 40px;
    margin-top: 40px;
}
.page.reason .frame .img.border-img img{width: calc(100% - 10px);border-radius: 15px;}
}
.page.reason .frame ol{
    padding-left:1.4rem
}
.page.reason .frame ol li{
    list-style: decimal;
}
.page.reason .frame ul{
    padding-left:1.2rem
}
.page.reason .frame ul li{
    list-style: disc;
}
body.special .frame{
    max-width:855px;
    margin-left:auto;
    margin-right:auto;
}
body.special h1{
    max-width: 855px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
    border-bottom:solid 1px #eee;
}
body.special .frame .img{
    margin-bottom:40px;
}
body.special .frame .txt{
    padding-right:20px;
    margin-bottom:40px;
}