@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0; outline:none; font-size:100%; list-style-type:none; box-sizing: border-box;}
body{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important; padding:0; margin:0; color:#000; animation:fadeIn 1.5s ease 0s 1 normal; -webkit-animation:fadeIn 1.5s ease 0s 1 normal;}
li{list-style:none;}
@keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}


/*テーマカラー 赤 #A3050F 黒 #281E1C */
a:link, a:visited {color: #333; text-decoration: none;}
/*a:hover {opacity:.8;}*/
/*#footer .nav{background:url("/stripe.png");}*/
#footer .nav{background:#A3050F;position:absolute; width:100%;}
#footer .nav a{color:#fff;}
#footer .nav a:hover{color:#281E1C; opacity:1!important;}

.more a{display:block; text-align:center; font-weight:bold; background:#9e0012; color:#fff;}
.more a:hover {opacity:.8;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#kv {text-align:center; box-sizing:border-box; background-color: #111111; background-image: url("https://www.transparenttextures.com/patterns/black-thread.png");}
#kv img {display:block; margin:0 auto;}

#SCHD{max-width:980px; margin:0 auto}
#SCHDinner{max-width:780px; height:auto;  margin:10% auto;}
#SCHDttl{display:block; background:#BE0A40; color:#fff; font-size:18px; font-weight:bold; padding:1em;}

.Fix i{font-size:60%; color:#FFD907; margin:1px;}

#about{background:#fff; color:#281E1C; font-weight:500;}
#about .inner{max-width:980px; margin:0 auto; padding:50px 0;}
#about .box{margin:20px 0; /*border-top:5px solid #A3050F;*/ box-shadow:0 1px 3px rgba(0, 0, 0, 0.20);}
#about .ttl{background:#281E1C; color:#fff;}
#about .ttl span{font-weight:bold; font-size:130%; color:#FFD907;}
#about .ttl .fas{color:#fff; font-size:30px; margin:10px; transform:rotate(-10deg)}
#about .txt{display:inline-block; padding:10px;}
#about #moreMNR {text-align:right; margin:50px 0;}
#about #moreMNR a{font-weight:bold; background:#A3050F; color:#fff; padding:10px; border-radius:8px; display:inline-block;}
#about #moreMNR .fas{display:inline-block; margin:0 0 0 10px;}

#PCmenu a{background:#9D0012; font-size:18px; padding:6px 0; font-weight:bold; color:#fff; display:block; margin-top:0; position:relative;} /*#PCmenu li:nth-child(odd) a{background:#ededed!important;}*/
#PCmenu a:hover {color:Yellow!important; background:#111;}
#PCmenu li a:before{content:"\f0da"; font-family:"Font Awesome 5 Free"; font-weight:600; margin:0 5px;}
#PCmenu ul{/*display:flex; flex-wrap:wrap; justify-content:space-between;*/ position:absolute; right:0px!important; width:232px; padding:2px 2px 0.5px; box-sizing:border-box;
-webkit-background-size: 100px 100px;
-moz-background-size: 100px 100px;
background-size: 100px 100px;}
#PCmenu li{height:43px;} #PCmenu li:first-of-type{height:81px;}
/*
#PCmenu li:nth-of-type(7) a::after           {content:"NEW"; display:block; position:absolute; top:0.3em; right:1em; color:#111; background:yellow; border-radius:2px; padding:2px 10px 1px; box-sizing:border-box; font-size:91%; transform:rotate(-5deg);}
#sp_drawer_menu li:nth-of-type(6) a::before{content:"NEW"; display:block; position:absolute; top:0.3em; right:5em; color:#111; background:yellow; border-radius:2px; padding:2px 10px 1px; box-sizing:border-box; font-size:91%; transform:rotate(-5deg);}
*/
.grdGD{background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}

.rcmd .btn_wrap a::after {border: 2px solid; border-image: linear-gradient(to right, #B67B03, #DAAF08,#FEE9A0,#DAAF08,#B67B03) 1;}
.rcmd:nth-of-type(odd){background:#27120b!important; text-align:center;}
.rcmd:nth-of-type(even){background:#281E1C/*ゴールド系#574E26*/; text-align:center;}

.rcmditemBOX{font-family:serif; margin-bottom:4%; position:relative;}
#GDV .rcmditemBOX::before {content:""; display:block; background:url(img/logo-gdv.png?1) no-repeat; width:120px; height:120px; position:absolute; top:-130px; left:0; right:0; margin:0 auto;}
#LRE .rcmditemBOX::before {content:""; display:block; background:url(img/logo-lre.png?1) no-repeat; width:120px; height:120px; position:absolute; top:-130px; left:0; right:0; margin:0 auto;}
#TKMT .rcmditemBOX::before{content:""; display:block; background:url(img/logo-tkmt.png?) no-repeat; width:120px; height:120px; position:absolute; top:-130px; left:0; right:0; margin:0 auto;}
.rcmditemTTL{display:block; position:relative; font-size:65px; line-height:115%; font-weight:400; margin:1em;}
.rcmditemTTL:before {content:"Buyer's Comment"; display:block;  position:absolute;font-size:24px; bottom:-3.6em; left:0; right:0;}
.rcmditemTTL:after {content:"\f4ad"; font-family:'Font Awesome 6 Free'; display:block; position:absolute; font-size:24px; bottom:-3.5em; left:-10.5em; right:0; transform:scaleX(-1);}
.rcmditemTXT{position:relative; display:inline-block; font-size:25px; line-height:125%; font-weight:400; margin:0.5em;}
.rcmditemTXT:before{content:"「"; position:absolute; font-size:55px; font-weight:100; top:0; left: -80px;}
.rcmditemTXT:after {content:"」"; position:absolute; font-size:55px; font-weight:100; bottom:0; right:-80px;}
.rcmd .btn_wrap a::after {content:"ご購入＆詳細はこちら"; display:block; color:#fff; font-weight:bold; width:90%; margin:0 auto;}
#prs .More{max-width:645px; margin:5% auto;} #prs .More a{position:relative; display:block; text-align:right!important;} #prs .a i{/*position:absolute; bottom:-10px; right:0; */color:#fff; font-size:20px;}
#prs a,#prs a img:hover{opacity:.95!important;} #prs .btn_wrap a:hover:after,#prs .More a:hover{color:#e2d06e!important;}

h2{position:relative;}
h2::before,h2::after {content:""; display:block; position:absolute; left:0; width:100%; border-top:1px solid #9e0012;}
h2::before {top:77px;}
h2::after {bottom:10px;}
.h2txterap{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; padding:6em 0 2em; margin-bottom:2em;}
.h2main{display:block; font-size:430%;  font-weight:bold; letter-spacing:2px; position:relative;}
.h2main:before{content:""; background:url(parts/ttldeco.png) no-repeat; background-position:top; background-size:contain; position:absolute; top:-85px; left:0; right:0; margin:0 auto; display:block; width:240px; height:140px;}
.h2sub{font-size:145%; letter-spacing:-2px;}
.h2tag{font-family:"Kosugi Maru", sans-serif!important; font-weight:400; font-style:normal; font-size:18px; letter-spacing:normal;}

.inner::before{content:"※販売金額、送料、何個入りなどの情報は必ず商品ページにて最新の情報をご確認ください"; text-align:center; color:#666; max-width:980px; margin:4em auto; font-size:14px; width:100%; display:block;}
/*.pcsInfo{text-align:center; color:#666; max-width:980px; margin:4em auto; font-size:14px;}*/
.pcs {position:relative; display:block; background:#eee; color:#333; box-sizing:border-box; padding-left:4px; font-size:13px; font-weight:bold; border-radius:3px;}
.pcs::before {content:"個数 "; font-size:12px;}
#det .pcs::before {content:" ";}

.col3 a img,.col4 a img{border-radius:30px 30px 0 0!important; /*box-shadow: #ddd -1px -1px 5px;*/}

.col3 a img:hover,.col4 a img:hover{transform:scale(1.1) translateY(-10px); border-radius: 0 !important;}

.name, .price{display:block; font-weight:bold;}
/*.price:after {content:"(税込)"; font-size:70%;}*/
.col4 a .name{display:inline-block;}
.col4 a:hover .name{color:#A3050F!important; display:inline-block; background:linear-gradient(#fff 10%,Yellow 80%,#fff 10%); box-sizing:border-box; }


div#pagetop{z-index:999999; position:fixed; bottom:10px; right:10px;}
div#pagetop{background:#333; border-radius:50px; animation: floating-y 1.8s ease-in-out infinite alternate-reverse;}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
#pagetop a{display:block; width:70px!important; height:70px!important;}
#pagetop a::after{content:"TOP"; display:block; color:#C99C33; text-align:center; line-height:0; padding:0 0 0 4px; margin:-4px 0 0; font-weight:bold; font-size:80%;}

#yos .rcmd:nth-of-type(2) .btn_wrap,
#yos p:nth-of-type(4),
#was p:nth-of-type(1) {position: relative;}

.more i {margin-left: 0.4em;}
.more:hover {border-radius:10px; transition: all 0.4s;}
.more a:hover {color:yellow !important; background: #111 !important;}

/********************************************************/@media screen and (min-width:768px){
#kv,#kv iframe {height:600px;}

.info{width: 980px; margin:30px auto 0px; font-size: 22px; color: #fff; line-height: 1.4em; font-weight: 500; text-align: center; padding: 1em; background:#281E1C;}
.info .ttl{font-weight:700; font-size: 26px; margin:0 0 0.5em;}
.info .subtext{font-size: 80%;}
.info_sub{width: 980px;  margin:0px auto 0px; background: #E92F53; font-size: 18px; color: #fff; line-height: 1.4em; font-weight: 500; text-align: center; padding: 1em; background-color: #AD1231;}

.cp{width:980px; margin:50px auto; display:flex; flex-wrap:wrap;}

.rcmd{padding:50px; /*margin:0 0 20px;*/}
.rcmd_wrap{position:relative;}
.rcmd .txt {display:block; margin:-120px auto 0;}
.rcmd .btn_wrap{margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap;}
.rcmd .btn_wrap{width:980px;}
.rcmd .btn_wrap a{display:inline-block; position:relative; width: calc(100% /3);}
/*.rcmd:nth-of-type(1) a::before,.rcmd:nth-of-type(2) a::before,
.rcmd:nth-of-type(3) a::before,.rcmd:nth-of-type(4) a::before*/
.MoreSeries {display:inline-block; width:700px; border:1px solid #fff; box-sizing:border-box; padding:15px; margin:50px auto 100px; border-radius:4px; font-size:26px!important; font-weight:bold;}
/*.rcmd .btn_wrap a::before{content:"送料無料";position:absolute;top:20px;left:-10px;background:#9e0012;color:#fff;font-weight:bold;width:40px;height:30px;padding:8px 8px 16px 10px;font-size:18px;line-height:1.1em;border:1px solid #fff;}*/
.rcmd .btn_wrap .price::before {content:"送料無料"; position:absolute; bottom:40px; left:44px; background:#9e0012; color:#fff; font-weight:bold; width:80px; height:24px; padding:0.3em 0 0.1em; font-size:15px; line-height:1.11em; /* border:1px solid #fff; */ box-sizing:border-box; border-radius:2px;}
.rcmd .btn_wrap .price{padding-left:4em;}

.rcmd:last-of-type {justify-content:center;}
/*.rcmd,.rcmdetc{margin-bottom:3vw;}*/
#desc_swe a::before,#desc_dri a::before{display:none;}

#PCmenu{position:sticky; position:-webkit-sticky; top:25px; z-index:9999999;}
#main{/*width:980px; margin:0 auto 300px;*/}

.content{margin:50px auto 100px;}
.contentTTL{margin-top:-50px; padding:100px 0.5em 0;}
.content .inner{width:100%; margin:5% auto 0;}

h2,h3,h4{width:100%; text-align:center;}
h2 img,h3 img{display:block; margin:0 auto;}
h4 {font-size:26px; margin:50px auto 20px; color:#281E1C; position:relative;}
/*h4:after{content:""; position:absolute; border-bottom:2px solid #c10000; display:block; width:980px; left:0; bottom:10px;}*/
h4:after{content:""; position:absolute; border-bottom:2px solid #c10000; display:block; width:100%; left:0; bottom:-5px;}

.col2 a img {margin:0 0 5px;}
.col2 .desc{display:block; font-size:15px; line-height:1.2em; font-weight:500; margin:0.5em 0; position:relative; width:300px; padding:0 0.5em 0 0;}
.col3 .desc{display:block; font-size:15px; line-height:1.2em; font-weight:500; margin-top: 0.4em;}
.col4 .desc{display:block; font-size:15px; line-height:1.2em; font-weight:500; margin:0.5em 0 1em; position:relative; width:233px;}
.col2, .col3, .col4, .col5, #cate ul{width:980px; margin:0 auto 40px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.col2 a{width:470px/*calc(100%/2)*/; display:block; position:relative; margin:1% 0; min-height:500px;}
.col2 .name{font-size:18px; white-space:nowrap;}
.col3 a{width:300px/*calc(100%/4)*/; display:block; position:relative; margin:20px 0;}
.col4 a{width:220px/*calc(100%/4)*/; display:block; position:relative; margin: 0 0 20px;}
.col5 a{width:196px/*calc(100%/4)*/; display:block; position:relative; margin: 0 0 20px;}
.col4 a img{display:block; margin: 0 0 10px;}
.col4 a .name{line-height:1.4em; font-size:15px;}

.col5 p a{border-right:1px dotted #666;}
.col5 p:nth-of-type(5) a,.col5 p:nth-of-type(10) a{border:none!important;}

.more {width:520px; padding:8px; margin:50px auto;}
.more a{width:500px; margin:0 auto; font-size:160%; box-sizing:border-box; padding:6px;}
.more a{width:500px; margin:0 auto; font-size:160%; box-sizing:border-box; padding:6px;}
.more a:hover{color:#fff;}
.more i.fas.fa-caret-right {font-size:100%; transform:scale(1.6,1); margin:0 0 0 10px;}
#cate{width:980px; margin:50px auto 100px;}


#Fix1{position:fixed; left:-4px; top:20px; z-index:9998; width:45px; border:2px solid #FFD907; border-radius:0 20px 20px 0; line-height:120%;}
#Fix2{position:fixed; left:-4px; top:230px; z-index:9998; width:45px; border:2px solid #FFD907; border-radius:0 20px 20px 0; line-height:120%;}
.Fix a{display:block; background:#9E0812; color:#fff; font-weight:bold; font-size:18px; width:100%; padding:30% 0 20px 5px; box-sizing:border-box; border-left:5px solid #111; border-radius:0 20px 20px 0; writing-mode: vertical-lr;}
#Fix2 a{background:#111;}
#fixed{position:fixed; bottom:0; left:0; width:250px; z-index:999;}
#fixed .Fkds{ position:relative; width:250px; height:55px; background:#333; padding:10px; text-align:center; color:#fff; font-size:14px; line-height:18px; /*font-weight:bold; */border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:5px auto; 
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
#fixed .Fkds:after{border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(51, 51, 51, 0); border-top-width:10px; border-bottom-width:10px; border-left-width:10px; border-right-width:10px; margin-left: -10px; border-bottom-color:#333333; bottom:100%; left:15%;}

#cate{width:980px; margin:10% auto;}
#Catewrap{width:100%; margin:10% auto;}
#Cat ul, #Ysn ul {width:980px; display:flex; justify-content:center; flex-wrap:wrap; position:relative; margin:20px auto 10px; padding:6px;}
#Cat li {width: calc(100%/5);}
#Ysn li {width: calc(100%/6);}
#Cat a{display:block; text-align:center; padding:7% 0; margin:2px; font-size:150%; font-weight:bold; border:2px double #ffef00; color:#fff;}
#Cat li:nth-child(odd) a{background:#9e0012;}
#Cat li:nth-child(even) a{background:#281E1C;}
#Ysn a{display:block; text-align:center; padding:7% 0; margin:2px; font-size:150%; font-weight:bold; border:2px double #ffef00; color:#fff;}
#Ysn li:nth-child(even) a{background:#9e0012;}
#Ysn li:nth-child(odd) a{background:#281E1C;}
#Cat a:hover, #Ysn a:hover{color:#ffef00; border:2px double #fff; opacity:1; transform:rotate(-5deg);}

/*特集ページ用PCフッター*/
.footer_PCevent {bottom:0px; width: 100%;}
.footer_PCevent .nav {display: flex; justify-content: center; align-items:center;}
.footer_PCevent .nav a{display:inline-block; width:120px; padding:10px 0; margin:0 10px; text-align:center;}
.footer_PCevent .nav .fas, .footer .nav .far{font-size:30px; padding:0 0.2em 0 0;}



#prs{background:#27120b!important; text-align:center; margin-bottom:0; color:#fff; padding:5vw 0 0;}
#prs a{color: #fff!important; font-size:120%;}
#prs .txt{display:block; box-sizing:border-box; text-align:center;}
#prs .col2 .name, #prs .col2 .price, #prs .col2 .desc{font-size:110%;}
#prs .rcmdetc{font-size:30px; text-align:center; line-height:100%;}

#prg{background:#111!important; text-align:center; margin-bottom:10vw; color:#fff; padding:5vw 0;}
#prg a{color: #fff!important; font-size:120%;}
#prg .txt{display:block; box-sizing:border-box; text-align:center;}
#prg .col2 .name, #prg .col2 .price, #prg .col2 .desc{font-size:110%;}
#prg .rcmdetc{font-size:30px; text-align:center; line-height:100%;}
#prg .pickup{width:980px; margin:0 auto 10vw; text-align:left;}

.h2IMG ,.h3IMG{width:980px;}


}/********************************************************PC end*/
/********************************************************/@media screen and (max-width:767px){
/*数量限定アイコン*/
#dri .col2 a:nth-of-type(2)::after,
#oil .col2 a:nth-of-type(3)::after
{width:50px; height:50px; line-height:120%; padding:0.4em 0.2em;}
#dri .col2 a:nth-of-type(2)::after,
#oil .col2 a:nth-of-type(3)::after
{top:50px; left:0;}

#kv,#kv iframe {height:300px;}

.info{width:98%; margin:30px auto 0px; font-size:18px; color:#fff; line-height:1.4em; font-weight:500; text-align:center; padding:0em 0.2em 1.5em; background-color: #281E1C;}
.info .ttl{font-weight:700; font-size:23px; margin:0 0 0.5em;}
.info .subtext{font-size: 80%; line-height:1.3em; margin-top:5px}
.info_sub{width:90%; margin:0px auto 0px; background:#E92F53; color:#fff; line-height:1.4em; font-weight:500; text-align:center; padding:1em; background-color:#AD1231;}


/*#PCmenu{width:80%; margin:30px 0; position:sticky; top:0; z-index:999;}
#PCmenu ul{display:flex; flex-wrap:wrap; justify-content:start;}
#PCmenu ul li {width:calc(100% /6); background:#222; border:1px solid #FFF; border-radius:10px;}
#main{margin:0 auto 30%;}*/
#PCmenu{width:85%; margin:0; position:sticky!important; position:-webkit-sticky; top:0; z-index:999;}
#PCmenu ul{display:flex; flex-wrap:wrap; justify-content:start;}
#PCmenu ul li {width:calc(100% /5);}
#PCmenu ul li img{border:1px solid #FFF;}

.contentTTL br{display:none;}
.contentTTL{font-size:17px; line-height:1.2em; padding:1em 0; box-sizing:border-box; margin: 0 0 -20px;}
.intro {display:inline-block; padding:0 0.5em;}

h2,h3,h4{width:100%; text-align:center; margin:20% auto 0;}
h3 img,h4 img{display:block; text-align:center; margin:0 auto;}
h3 {line-height:1.2em; margin:2em auto 0.5em;}
h4 {font-size:26px; border-bottom:2px solid #9e0012; margin:50px auto 20px;}

h2::before {top:77px;}
h2::after {bottom:10px;}
.h2main{font-size:220%; letter-spacing:0px; padding:0.6em 0 0.6em; box-sizing:border-box;}
.h2main:before{background:url(parts/ttldeco.png) no-repeat; background-position:top; background-size:contain; position:absolute; top:-92px; left:0; right:0; margin:0 auto; display:block; width:240px; height:140px;}
.h2sub{font-size:100%; letter-spacing:0;}
.h2tag{display:block; font-size:14px; margin:1em 0 0;}

.rcmd{padding:10% 1%;}
.rcmd_wrap{position:relative; margin:50px 0 50px;}
/*.rcmd_wrap::before{
    content: "";
    display: block;
    width: 80%;
    height: 158px;
    background: url(/ttl_rcmd.png) no-repeat;
	background-position: center;
	background-size:contain;
	position:absolute;
	top:-81px;
	left: 0;
    right: 0;
    margin: 0 auto;
}*/
.rcmd .txt {display:block; margin:-20% auto 0;}
.rcmd .btn_wrap{margin:0 auto; display:flex; justify-content: space-between; flex-wrap:wrap;}
.rcmd .btn_wrap{width:100%; padding:0 3%;}
.rcmd .CGouter{width:100%; margin:10% auto; padding:10% 0; background:#231815; position:relative;}
.rcmd .CGouter::before{content:""; position:absolute; top:0; left:0; width:35vw; height:25vw; border-top:2vw solid #9f0012; transform:rotate(-45deg);}
.rcmd .CGouter::after{content:""; position:absolute; bottom:0; right:0; width:35vw; height:25vw; border-bottom:2vw solid #9f0012; transform:rotate(-45deg);}
.rcmd:nth-of-type(4) .btn_wrap{display:block;}
.rcmd .btn_wrap a{display:inline-block; position:relative; width:48%;}
#ham .btn_wrap:nth-child(2) a{width:calc(100%/3); padding:1px;}
/*.rcmd:nth-of-type(3) a::before,.rcmd:nth-of-type(4) a::before*/
/*.rcmd .btn_wrap a::before{content:"送料無料";position:absolute;top:0;left:-5px;background:#9e0012;color:#fff;font-weight:bold;width:40px;height:30px;padding:8px 8px 16px 8px;font-size:18px;line-height:1.1em;border:1px solid #fff;}*/
.rcmd .btn_wrap .price::before {content:"送料無料"; position:absolute; bottom:3em; left:-0.5em; background:#9e0012; color:#fff; font-weight:bold; width:3em; height:3em; padding:0.5em; font-size:12px; line-height:1em; /* border:1px solid #fff; */ box-sizing:border-box; border-radius:2px;}
.rcmd .btn_wrap .price{padding-left:1.5em; font-size:90%;}

#GDV .rcmditemBOX::before {width:120px; height:120px; top:-100px; background-size:contain;}
#LRE .rcmditemBOX::before {width:100px; height:100px; top:-110px; background-size:contain;}
#TKMT .rcmditemBOX::before{width:100px; height:100px; top:-110px; background-size:contain;}

.rcmditemTTL{position:relative; display:inline-block; max-width:100%; font-size:40px; line-height:100%; font-weight:400; margin:1em 0;}
.rcmditemTTL:before {content:"Buyer's Comment"; display:block;  position:absolute;font-size:18px; bottom:-2.6em; left:0; right:0;}
.rcmditemTTL:after {content:"\f4ad"; font-family:'Font Awesome 6 Free'; display:block; position:absolute; font-size:18px; bottom:-2.5em; left:-10.5em; right:0; transform:scaleX(-1);}
.rcmditemTXT{position:relative; font-size:18px; line-height:125%; font-weight:400; margin:0.5em 0.5em 2em;}
.rcmditemTXT br{display:none!important;}
.rcmditemTXT:before{content:"「"; position:absolute; font-size:55px; font-weight:100; top:0; left: -40px;}
/*.rcmditemTXT:after {content:"」"; position:absolute; font-size:55px; font-weight:100; bottom:0; right:-40px;}*/
.rcmditemTXT:after {content: "」"; font-size:12vw; position: absolute; bottom:0; right:-14px;}
.rcmd .btn_wrap a::after {content:"ご購入＆詳細はこちら"; font-size:12px; padding:5px 12px; box-sizing:border-box;}
#prs .More{max-width:645px; margin:15% auto 5%;} #prs .More a{position:relative; display:block; text-align:right!important;} #prs .a i{/*position:absolute; bottom:-10px; right:0; */color:#fff; font-size:20px;}
#prs a,#prs a img:hover{opacity:.95!important;} #prs .btn_wrap a:hover:after,#prs .More a:hover{color:#e2d06e!important;}
.rcmd .name{font-size:16px!important;}

.name br{display:none;}
.name, .price, .desc{display:block; /*text-align:left; */line-height:1.2em; padding:2%; box-sizing:border-box;}
/*.price:after {content:"(税込)"; font-size:70%;}*/
.desc{font-size:14px;}

.col2 a, .col3 a{position:relative;}
.col2 a {display:block; margin: 10% 0;}
.col2 a:nth-of-type(1) {margin:2% 0;}
.col5, .col4, .col3 {display:flex; flex-wrap: wrap; margin-bottom:50px;}
.col5 p, .col4 p, .col4 a, .col3 a {width:calc(100%/2); display:block; border:1px dotted #eee; box-sizing:border-box; padding:0 0 1em; position:relative;}
.col4 p a{width:calc(100%/1);}
.col3 a {padding:1em; box-sizing:border-box; display:block; margin: 0 0 1em;}

#prs{background:#27120b!important; text-align:center; margin-bottom:0; color:#fff; padding:5vw 0;}
#prs a{color: #fff!important; font-size:120%;}
#prs .txt{display:block; box-sizing:border-box; text-align:center;}
#prs .col2 .name, #prs .col2 .price, #prs .col2 .desc{font-size:110%;}
#prs .rcmdetc{font-size:30px; text-align:center; line-height:100%;}

#prg{background:#111!important; text-align:center; margin-bottom:10vw; color:#fff; padding:5vw 0;}
#prg a{color: #fff!important; font-size:120%;}
#prg .txt{display:block; box-sizing:border-box; text-align:center;}
#prg .col2 .name, #prg .col2 .price, #prg .col2 .desc{font-size:110%;}
#prg .rcmdetc{font-size:30px; text-align:center; line-height:100%;}
#prg .pickup{width:100%; margin:0 auto 10vw; text-align:left;}

.MoreSeries {display:inline-block; width:90%; border:1px solid #fff; box-sizing:border-box; padding:10px; margin:20px auto 50px; border-radius:4px; font-size:20px!important; font-weight:bold;}
.h2IMG ,.h3IMG{width:980px;}

.more {width:100%; padding:8px; margin:50px auto;}
.more a{width:100%; margin:0 auto; font-size:120%; box-sizing:border-box; padding:6px;}
.more a:hover{color:#fff;}

.Col1Bnr {margin-bottom:4em !important;}

h4 img{width:80%;}
#cate ul:nth-of-type(1),#cate ul:nth-of-type(2) {display:flex; flex-wrap:wrap;}
#cate ul:nth-of-type(1) li{width:50%; border:1px solid #fff; box-sizing:border-box; margin:0 auto;}
#cate ul:nth-of-type(2) li{width:50%; border:1px solid #fff; box-sizing:border-box;}

#cate,#Catewrap{width:100%; margin:80px auto 100px;}
#Cat ul, #Ysn ul {display:flex; justify-content:center; flex-wrap:wrap; position:relative; margin:20px 1px; padding:0px;}
#Cat li {width: calc(100%/3);}
#Ysn li {width: calc(100%/3);}
#Cat a{display:block; text-align:center; padding:7% 0; margin:0; font-size:100%; font-weight:600; border:4px double #fff; color:#fff;}
#Cat li:nth-child(odd) a{background:#9e0012;}
#Cat li:nth-child(even) a{background:#281E1C;}
#Ysn a{display:block; text-align:center; padding:7% 0; margin:0; font-size:105%; font-weight:600; border:4px double #fff; color:#fff;}
#Ysn li:nth-child(even) a{background:#9e0012;}
#Ysn li:nth-child(odd) a{background:#281E1C;}
#Cat a:hover, #Ysn a:hover{color:#ffef00; border:2px double #fff; opacity:1; transform:rotate(-5deg);}

/*div#pagetop a img {width:15vw!important;}*/

/*ドロワーメニュー内*/
#sp_drawer_menu .cate_event li a{background:#9e0012; color:#fff; font-weight:bold; position:relative;}
#sp_drawer_menu .cate_event li:last-of-type a{background:#ff2e52;}
#sp_drawer_menu p.ttl{background:#000!important; color:#ffff!important; font-weight:bold;}
/*特集ページ用SPフッター*/
.footer_SPevent{background:#111; color:#fff; text-align: center; padding: 0.4em; font-size:12px;}

.Fix{position:fixed; left:0px; width:35px; background:#9E0812; border-radius:0 20px 20px 0; border:2px solid #FFD907; z-index:9998;}
#Fix1{top:20px;}
#Fix2{top:155px;}
.Fix a{display:block; color:#fff; font-weight:bold; font-size:16px; width:100%; padding:10% 2px 10px 0px; box-sizing:border-box; border-radius:0 20px 20px 0; writing-mode: vertical-lr;}
#Fix2 a{background:#111;}
#fixed{position:fixed; bottom:10px; left:-1vw; width:30vw; z-index:999;}
#fixed .Fkds{ position:relative; width:30vw; height:auto; background:#333; padding:10px; text-align:center; color:#fff; font-size:14px; line-height:18px; /*font-weight:bold; */border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:5px auto; 
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
#fixed .Fkds:after{border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(51, 51, 51, 0); border-top-width:10px; border-bottom-width:10px; border-left-width:10px; border-right-width:10px; margin-left: -10px; border-bottom-color:#333333; bottom:100%; left:15%;}

footer#footer {position:absolute; width:100%; margin-top:50%;}

}/********************************************************SP end**/