@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {font-family: m-plus-1p, "Helvetica Neue", "Helvetica", "Kosugi", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;font-weight: 400; overflow-x:hidden; background-color: #fff; }

ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
img{ max-width:100%;}
a{ text-decoration:none; color:inherit;}


/*
.fw-zas{font-family: 'Zen Antique Soft', serif;}
.fw-mpl{font-family: 'M PLUS 1p', sans-serif; font-weight: 400;}
.fw-udc{font-family: "urw-din-condensed", sans-serif; font-weight: 700;font-style: normal;}
 */

.black_cl{ color:#000;}
.red_cl{ color:#e60012;}
.red_bucl{ color:#c8161d;}
.pink_cl{ color:#ee9d9a;}
.blue_cl{ color:#001596;}
.bluein_cl{ color:#4e78aa;}
.ql_cl{ color:#02a586;}
.or_cl{ color:#f39800;}
.gr_cl{ color:#91c21e;}
.ye_cl{color: #dfb500;}

.f16{ font-size: 0.16rem; line-height: 178%; }
.f18{ font-size: 0.18rem; line-height: 178%; }
.f20{ font-size: 0.2rem; line-height: 150%; }
.f22{ font-size: 0.22rem; line-height: 150%; }
.f24{ font-size: 0.24rem; line-height: 150%; }
.f26{ font-size: 0.26rem; line-height: 150%; }
.f30{ font-size: 0.3rem; line-height: 150%; }

.fs08{ font-size: 0.8em; line-height: 180%; }
.fs110{ font-size: 1.1em; line-height: 180%; }
.fs120{ font-size: 1.2em; line-height: 180%; }
.fs140{ font-size: 1.4em;  line-height: 160%;}
.fs160{ font-size: 1.6em;  line-height: 160%;}
.fs180{ font-size: 1.8em;  line-height: 160%;}

.fw-atb{font-family: "ab-tombo-bold", sans-serif;}
.fw-mpl{font-family: m-plus-1p, sans-serif;}


b{font-weight: 700;}
.fwb{font-weight: bold;}
.fws{font-weight: 500;}

.align_center{ text-align: center;  }

.inpv{ text-align: center;  }
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}

.hvop06{ transition: opacity 0.4s; }
.hvop06:hover{opacity: 0.6; }

.textshadow{text-shadow: 0 0 0.1em #000,0 0.1em 0 #000,0 -0.1em 0 #000,-0.1em -0.05em 0 #000,-0.1em 0.05em 0 #000,0.1em -0.1em 0 #000,0.1em 0.1em 0 #000,0.1em 0 0 #000,-0.1em -0.1em 0 #000,-0.1em 0 0 #000,-0.1em 0.1em 0 #000,-0.1em -0.05em 0 #000,-0.1em 0.05em 0 #000,0.1em -0.05em 0 #000,0.1em 0.05em 0 #000,-0.05em -0.1em 0 #000,-0.05em 0.1em 0 #000,0.05em -0.1em 0 #000,0.05em 0.1em 0 #000;transform: translateZ(0);}

:root{
    --htmlfont: 100px;
}

/******************************index************************************************/
html{ font-size:var(--htmlfont);}
body{ position:relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background:#fff; color: #fff; font-size: 0.2rem; line-height: 180%; }
.pc_none{display: none; }
.sp_none{display: block;}


.warp{margin: 0 auto; max-width: 100%; position:relative; z-index:30;box-sizing:border-box;}
.header{position: relative; width: 100%;text-align: center; z-index: 20; padding: 1.05rem 0 0.75rem 0;}

.logo{ width: 1000px; max-width: 100%;margin: 0 auto; }
.hdtsname{ padding-bottom: 1em; font-size: 0.85em; line-height: 120%; }



/* menu */
.menu_mob{ box-sizing:border-box; }
.menulds{ font-size: 1.8em; line-height: 100%; font-weight:bold; box-sizing:border-box; position: relative;}
.menu_inlist{ text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.menu_inlist li{ display: inline-block; margin: 0 0.5em;padding: 0.2em 0 0.3em 0;}
.menu_inlist li a{display: block; padding:0.3em 0.4em; color: #fff;background: #383841;box-shadow: 0 0.07rem 0 #87d0e5;border-radius: 0.16rem;  transition: all 0.2s; position: relative;  }
.menu_inlist li a[href]{color: #fff; position: relative;}

/* .menu_inlist li a::after{content: "";position: absolute;bottom: -0.1em;left: 0;height: 0.1em;background: #454545;width: 100%;transition: all 0.4s;transform: scale(0,0);transform-origin: 50% 50%;} */
.menu_inlist li a[href]:hover,.menu_inlist li.sel a{background-color: #00a887;}



.menulds.sccmod{ position: fixed; top: 0; left: 0; width: 100%; z-index: 200;background:#fff;transition: background 0.5s;box-sizing: border-box;transform: skewY(0); border-bottom: 2px solid #00a887;}
.sccmod .menu_inlist li a[href]{ color: #fff; }
.sccmod .menu_inlist li a:hover,.sccmod .menu_inlist li.sel a{ color: #fff;}

/* .menu_inlist li.bgc03,.menu_inlist li.bgc04{background-color: #8b8b8b;} */


.clline{position: relative; padding: 0 0.2em;}
.clline::before{content: ""; display: block; position: absolute; top: calc(50% - 3px);left: 0; width: 100%; height: 6px; z-index: 6; background-color: #000; border-radius: 99px;}

.ban_tpnsc{ position: fixed; top: 0.2rem; left: 0.2rem; z-index: 351; display: none;}
.ban_op{ display:inline-block;border-radius: 999px; border:0.04rem solid #000; line-height: 0; position: relative; padding:0.425rem 0.21rem; width: 1rem;height: 1rem; box-sizing:border-box; transform: scale(0.8); background: #fff;}
.ban_op::before{content: "";display: block; width:0.5rem; height: 0.07rem;background: #000; position:absolute; top:0.29rem; left:0.21rem; transition:all 0.3s;transform-origin: 0 100%; }
.ban_op::after{ content: ""; display: block; width:0.5rem; height: 0.07rem;background: #000; position:absolute; bottom:0.29rem; left:0.21rem;transition:all 0.3s; transform-origin: 0 0;}
.ban_op span{ display: block;width:0.5rem;  height:0.07rem; background: #000;transition:all 0.3s; }
.ban_op.sel::before{transform: rotate(45deg) translateX(0);transform-origin: 50% 50%;
    top: 0.425rem;}
.ban_op.sel::after{transform: rotate(-45deg) translateX(0);transform-origin: 50% 50%;
    bottom: 0.425rem;}
.ban_op.sel span{ opacity:0;}
.js_scr{ position: relative;top:-0.5rem; }
/* menu */


.cintitle{ font-size:1.4em; line-height: 140%;text-align: center; color: #00a887; padding:0.65rem 1em 0.55rem 1em;}
.tit_inc{color:#ea6187;}


.main{--bfb: #93e3d3; word-break: break-word; position: relative; padding:0.6rem 0 0.1rem 0;}
.main::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: repeating-linear-gradient(-90deg, var(--bfb), var(--bfb) 14px, transparent 14px, transparent 20px); z-index: -1;}
.main.fixedbg::before{position: fixed;}

.innermob{width: 1000px; max-width:100%; margin: 0 auto;  position: relative; z-index: 10; }
.main .mob_inner{ position: relative; padding:0 0.06rem;margin:0 0 7% 0;box-sizing: border-box;color: #000; z-index: 10; background: #87d0e5; overflow: hidden;border-radius: 0.18rem; box-shadow: 0 0.14rem #383841; }/* 1680 */

.mob_box{ background: #fff; border-radius: 0.18rem; padding: 0.5rem; margin-bottom: 0.14rem;}

.inners_bgl{padding: 0.3rem; background: #f5f5f5;margin-bottom: 0.5rem;}
.soldout{position: relative;}
.soldout::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.3);}
.soldout::after{content: "SOLD OUT"; position: absolute; top:calc(50% - 0.5em); left:calc(50% - 2.6em);  z-index: 12; color: #f00; font-weight: bold; font-size: 1.4em; line-height: 100%;transform: rotate(-5deg);transform-origin: center center;}


.bntit{ text-align: center;font-size: 2.4em;line-height: 110%; color: #00a887;background:#87d0e5;position: relative; position: relative; z-index: 20; padding: 0.6em 0 0.5em 0;}
.bntins{--bc01: #fff;--bc02: #383841; position: relative; display: inline-block; padding:0 0.7em; line-height: 100%;
    text-shadow:2px 2px 0 var(--bc01),-2px -2px 0 var(--bc01),-2px 2px 0 var(--bc01),2px -2px 0 var(--bc01),2px 0px 0 var(--bc01),-2px 0px 0 var(--bc01),0 -2px 0 var(--bc01),0 2px 0 var(--bc01),4px 4px 0 var(--bc02),-4px -4px 0 var(--bc02),-4px 4px 0 var(--bc02),4px -4px 0 var(--bc02),4px 0px 0 var(--bc02),-4px 0px 0 var(--bc02),0 -4px 0 var(--bc02),0 4px 0 var(--bc02);
}
.bntins::before{content: ""; display:block; position:absolute;bottom:-0.4em;left: -0.1em; width:0.6em; height:0.6em; background:url("../images/ico_star.png") 0 0 no-repeat; background-size:100% auto;}
.bntins::after{content: ""; display:block; position:absolute; top:-0.35em;right: 0; width:0.6em; height:0.6em; background:url("../images/ico_star.png") 0 0 no-repeat; background-size:100% auto;}


.acc_title{ text-align: center; font-size: 1.5em; line-height: 120%;margin-bottom: 0.3em; letter-spacing: 0.3em;}
.acc_title .titups{ display: inline; position: relative; padding: 0 0.5em; }
.titzs{ position: relative; z-index: 5; }
.acc_title .titups::before{ content: "";display: block; position: absolute; top:15%; left: 0; width: 100%; height: 70%; background-color: #ffa800; z-index: 1; transform:skewX(-20deg);}


.accname{ text-align: center; font-size: 1.4em;padding:0.2em 0 0.4em 0; font-weight: 700;color:#00a887;}
/* .antb{ display: inline-block; line-height: 100%; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 999px; background-color: #000; color: #fff;margin: 0 0.2em; } */
.stitle{ padding: 0.6em 0 0.3em 0; font-size: 1.3em; line-height: 110%; }
.titlefn{ padding: 0.2em 0.4em;color: #00a887; display: inline-block; line-height: 120%;border: 2px solid #00a887;border-radius: 0.06rem;}
.cxname{ font-size: 0.7em; line-height: 110%;font-weight: 400; }


.mob_inner a{color:#666;}
.mob_inner a:hover{ text-decoration:underline;color:#00a887;}

.ban_links{ display: inline-block; background-color:#87d0e5; transition:all 0.3s; color: #fff!important; padding: 0.5em 1.2em; line-height: 100%; font-size: 1.2em; margin: 0.4em 0; letter-spacing: 0.1em; border-radius: 0.1rem;}
.ban_links:hover{ background-color:#00a887;text-decoration: none!important;}

.baninbmob{ display: flex; flex-wrap:wrap;justify-content: center;}
.ban_inb{display:block;margin:2.5% 0;}



.tp_lvs{ text-align: center; font-size: 34px; font-size: 0.34rem; line-height: 120%; padding-bottom:0.8em; margin-top: -1em; }
.tm_h2{ text-align: center;position: relative; z-index: 10; height: 0; padding: 0 2.5%; }
.tmf{font-size:28px; font-size:0.28rem;  color:#fff; text-align: center; position: relative;line-height:1.75em; /* padding: 0.14em; */ margin: 0; border-radius: 999px; letter-spacing: 0.1em; font-weight: 400;}

.title_dt01{background-color:#ee9d9a; }
.title_dt02{background-color:#63bec6; }
.title_dt03{background-color:#55638a; }
.title_dt04{background-color:#ada0c8; }
.tmf span{ position: relative;}

/* .mob_inner h3{ font-size:28px;font-size:0.28rem; line-height:120%; text-align:center; }
 */
.mob_inner .ined{ position: relative; }
.mob_inner .timeend{text-align: left; position: absolute; top: 0%; left: 0%; bottom: 0; right: 0;background: rgba(0,0,0,0.6);
	background-size: 0.3em 0.3em;
    background-color: rgba(0,0,0,0.6);
    background-image: -webkit-linear-gradient(45deg, rgba(50, 50, 50, .2) 25%, transparent 25%, transparent 50%, rgba(50, 50, 50, .2) 50%, rgba(50, 50, 50, .2) 75%, transparent 75%, transparent);
    /* background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); */
}

.mob_inner .timeend span{font-size:30px; font-size:0.3rem; color: #ff0000;  display: inline-block;  padding: 0.1em 0.3em; transform:translate(0%,60%) rotate(-10deg);}
.mob_inner .in_cont{ padding:2% 0 0 0;}
.mob_inner .in_cont dt{ float:left; width:16.1%; text-align:right; padding:0 4.5% 0 1%; color:#e8380d;padding-bottom:25px; }
.mob_inner .in_cont dd{ float:left; width:78.4%; padding-bottom:25px;}
.mob_inner .in_cont .in_txt02{ font-size:18px;font-size:0.18rem; line-height:187.5%;}
.mob_inner .in_cont .in_tt02{ font-size:15px;font-size:0.15rem; line-height:162.5%;color:#333333;}
.mob_inner .ic_mf{ display:inline-block; padding:4px 15px; font-size:1.1em; line-height:110%; font-weight: bold; color:#FFF; background:#000; border-radius:6px; margin:0 5px; text-decoration:none; }


.mob_inner .ic_mf02{display: inline-block;line-height: 100%;font-size: 1.2em;padding: 0.5em 1.4em;color: #FFF;background: #e79100;border-radius: 6px;font-weight: 600;margin: 0 5px;text-decoration: none;transition: all 0.3s;}
.mob_inner .ic_mf:hover{ opacity:0.6; text-decoration:none; color: #fff;}
.mob_inner .ic_mf02:hover{text-decoration:none; background-color: #df4b48; color: #fff;}

.mob_inner .sm_ft{ font-weight:400; font-size:16px;font-size:0.16rem; line-height:162.5%; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .sm_ft03{font-size:16px;font-size:0.16rem; line-height:162.5%; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .sm_ft02{font-size:18px;font-size:0.18rem; line-height:162.5%; font-weight:400; display:inline-block; letter-spacing:-0.6px;}
.mob_inner .in_tms{ color:#e8380d; font-size:20px; font-size:0.2rem; }
.mob_inner .in_tms02{ color:#000; font-size:20px; font-size:0.2rem; }
.mob_inner .ban_info:hover{ opacity:0.8;}

.texinli{font-size: 0.9em;line-height: 160%; font-weight: 400;}
.texinli li{margin-left: 1em; list-style: '・';}
.texinli02{font-size: 0.9em; line-height: 160%; font-weight: 400;}
.texinli02 li{margin-left: 1em; list-style: '※';}
.texinli01 li{margin-left: 1em; list-style: '◆';}
ul li.nolst{margin-left:0; padding-left: 1em; text-indent: -1em; list-style: none;}

.pros{position: relative; display: inline-block;}
.receiving{ position: absolute; top: 10%; right:19.5%; text-align: center;padding:0.3em 1.2em; background-color: #ffe100; color: #a82100; font-size: 16px; line-height: 1.2; font-weight: bold; }

/*goods*/
.goods_list{ padding: 2% 0; display: flex; flex-wrap:wrap;  }
.goods_list dl{width: 47%; padding: 1.5%; }
.goods_list dl dt{ text-align: center; }
.goods_list dl dt img{ box-sizing: border-box; border:0.02rem solid #000; }

.goods_list dl dt a{ cursor: default;}
.goods_list dl dd{ text-align: center; padding: 10px 5px; font-size:20px;font-size:0.2rem;  line-height: 140%;}
.goods_new{ display: inline-block; padding: 0.2em 0.8em; color: #fff; background-color:#ea5432; font-size: 0.9em; line-height: 100%; margin: 5px;}
.goods_name{}
.goods_price{color: #ef6d83; font-weight: 700;}
.goods_info{ text-align: left; font-weight: 400; font-size: 15px;font-size: 0.15rem;line-height: 140%;}
.sen2 {border-bottom: 2px dashed #999;  width: 100%;height: 0px;margin-top: 10px;margin-bottom: 15px;}
.goods_txin01{ padding-left: 1em; text-indent: -1em; display: block; }
.goods_txin02{ padding-left: 2em; text-indent: -2em; display: block; }
.goods_txin03{ padding-left: 3em; text-indent: -3em; display: block; }
.goods_txin04{ padding-left: 4em; text-indent: -4em; display: block; }
.goods_txin05{ padding-left: 5em; text-indent: -5em; display: block; }

.glslide{overflow:hidden; position: relative;}
/* .glslide::before{content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background: url("../images/hand_icon.png") center center no-repeat; background-size: 30% auto; opacity: 0.5; pointer-events: none; transition: opacity 0.3s; }
.glslide:hover::before{ opacity: 0; } */
.glsprev{ position: absolute; top:calc(50% - 0.15rem); left:-0.2rem; border: 0.15rem solid transparent; border-left-width: 0.3rem;border-right:0.3rem solid #e43def; opacity: 0.8; z-index: 30; transition: opacity 0.3s; cursor: pointer; }
.glsnext{ position: absolute; top:calc(50% - 0.15rem); right:-0.2rem; border: 0.15rem solid transparent; border-right-width: 0.3rem;border-left:0.3rem solid #e43def; opacity: 0.8; z-index: 30; transition: opacity 0.3s;cursor: pointer;}
.glsprev:hover,.glsnext:hover{opacity: 1;}

/*goods*/

.listtitle{ background:#60c1bd;font-size:26px; font-size:0.26rem; line-height:0.5rem; font-weight: 400; color:#fff; text-align: center; height: 0.5rem; }
.listtable{font-size:18px;font-size:0.18rem; }
.listtable td{ padding: 0.5em;border-bottom: 1px solid #00ab84; }
.listtable td a{ color: #ea5432; font-weight: bold;}
.listtable td a:hover{ text-decoration: underline; }


.mob_inner .inner_box{ background:#f2f2f2; padding:25px;}
.sm_right{ text-align:right; font-size:14px; font-size:0.14rem; padding-top:5px; letter-spacing:2px; }
.txtin{ text-indent:-1em; padding-left:1em; display:block;}
.line{ height:5px; background:url("../images/line.png") 0 0 repeat-x; margin:10px 0;}


.back_footer{font-size:12px;line-height: 1.5em;text-align:center; position:relative; z-index:70; color:#00ab84;  background:#fff; max-width: 100%;margin: 0 auto; padding: 0 0.7rem 0.5rem 0.7rem; box-sizing: border-box;}


.footinner{padding: 0.6rem 0 0.2rem 0;}
.back_footer h3{font-weight: normal; font-style: normal;margin-bottom: 0px;font-size: 100%;}

#page-top {position: fixed;bottom:0.6rem;right: 0.3rem; z-index:100; display: none;}
#page-top a{ display: block; max-width:0.8rem; padding: 0.1rem;}
#page-top a:hover{ opacity: 0.8;}

#mti_wfs_colophon{ display: none!important; }

@media screen and (max-width:1920px){



}

@media screen and (max-width:1080px){
    :root{
        --htmlfont: 7.8125vw;
    }


}


@media screen and (max-width: 768px){

:root{
    --htmlfont: 13vw;
}



html,body{ width: 100%; overflow-x: hidden;}
body{}
.pc_none{display: block;}
.sp_none{display: none;}



.header::before{background-size: 130% auto;background-position: center 1rem;}
.logo{ max-width: none; width: 100%; }


.menu_mob{left:0; width: 100%}
.menulds{ font-size: 1.4em;}
.menu_inlist{ width: 100%; }
.menu_inlist li a{padding: 0.3em 0.65em;}

.cintitle{ font-size:1.15em; }

.warp{padding: 0; }
.main{padding:5% 3% 0 3%;}
.main::before{ background-image: repeating-linear-gradient(-90deg, var(--bfb), var(--bfb) 8px, transparent 8px, transparent 10px);}

.main .mob_inner{box-sizing: border-box;margin-bottom: 8%}

/* .bntit{font-size: 3em;} */
.acc_mane{ width:100%; border:0;padding: 0; }
.acccity{}
.acc_timemob{ width:100%;padding-left: 0em; text-align: center; }
.acc_timeys{padding:1em 0; text-indent:0;}
.acctimeyear{ width:100%; }
.acctimems{ width:100%; }
.cxname{ font-size: 0.8em; line-height: 110%;display: block; line-height: 170%; }



.mob_inner .in_cont dt{ width:17.1%; text-align:right; padding:0 4.5% 0 0%; }
.mob_inner .ic_mf{ padding:0.05rem 0.15rem; border-radius:0.06rem;margin:0 0.06rem; position: relative; top: -0.04rem;}

.btn_inline::before{height: 1.9em;}
.btn_inline::after{height:1.9em;}


.a_tit2::before{ width: 40%;}
.a_tit2::after{ width: 40%;}

.receiving{font-size:0.8em; line-height: 1.2;  }



#page-top {bottom:0.3rem;right:0.2rem;}

.prea_img{ bottom: auto; top: 0; }
.alin{ width:100%;  margin: 0 0% 5% 0%; position: relative;}
.alcdtx{ min-height: 5.9em; font-size: 0.2rem; }

/*goods*/
.goods_list{ padding: 2% 0%;  }
.goods_list dl{ float:none; width: 96%; padding: 2%; overflow: hidden; }
.goods_list dl dt{ float: left; width: 28%; padding-right:2%; }
.goods_list dl dd{ float: left; width: 70%; text-align: left; padding:0; font-size: 0.24rem;}
.goods_info{ font-size: 0.16rem; }
/*goods*/

.back_footer {height:auto; font-size:0.14rem;line-height: 1.5em; padding: 0;}
.footinner{padding-top:0.3rem;padding-bottom: 0.3rem;}


}

@media screen and (max-width: 640px){
.mob_inner h3{line-height:120%; }
.m2_c{ padding:0.6rem;}
.mob_inner .in_cont dt{ float:none; width:100%; text-align:left; padding:0% 0 0.15rem 0; color:#e8380d; }
.mob_inner .in_cont dd{ float:none; width:100%; padding:0% 0 0.25rem 0;}


}