/*フィックスエリア*/
.1fixarea {position: fixed;
top: 220px;
right: 0;
width: 100px;
font-size: 18px;
z-index: 999;}
.fixarea a {color: white;
text-decoration: none;}
.fixarea a:hover {background-color: #000;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.fixarea a:hover.fixsrc {background-color: #ccc;}
.fixbtn {display: block;
padding: 3px;
line-height: 1.2em;
font-weight: bold;
background-color: #e00422;
margin-bottom: 6px;
border-radius: 6px 0px 0px 6px;}
.f-badge {
background-color: #000;
font-size: 10px;
width: 15px;
border-radius: 50%;
color: #fff;
position: absolute;
top: 6px;
right: 4px;}
a .fix-searcform {display: none;}
a:hover .over-hdn {display: none;}
a:hover .fix-searcform {display: block;}
.fixarea a:hover.fixsrc.fixwide {width: 320px;
  position: relative;
  right: 240px;
  top:12px;}
.fix-contact {font-size: 0.6em;
color: #000;}
.fix-contact .formrun-embed {}
.fix-contact .formrun-embed iframe {height: 670px !important;
margin-top: -20px;
overflow: hidden;}

/*フィックスエリア2*/
.fixwidth {}
.fixarea-b {
top: 80px;
right: -2px;
width: 50px;
padding: 6px 3px 4px 3px;
border-radius: 6px 0 0 6px;
position: fixed;
border: 2px solid #c4c4c4;
text-align: center;
z-index: 999;
background-color: #fff;
box-shadow: 0 0 12px #00000033;
}
.fixarea-b .fixbtn {
background-color: #fff;
}
.fixarea-b .fixarea .fixbtn {
background-color: #cc0033;
}
    .i-fixsize {
        width: 30px;
        margin: 6px auto;
    }
    .i-fixsize-s {
        width: 26px;
    }
.fixarea-b a:hover.fixsrc {
background-color: rgba(255, 255, 255, 0);
}
.fixarea-b a:hover.i-fixlink2 {
background-color: #000;
height: 70px;
width: 170px;
position: relative;
left: -130px;
}
.fixarea-b a:hover img {
opacity: 1;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-o-transform: scale(1.6);
-ms-transform: scale(1.6);
transform: scale(1.6);
}

.fixarea-b .fix-contact .formrun-embed iframe {
height: 690px !important;
position: relative;
right: 59px;
top: -270px;
}
.textsave1 {
width: 2rem;
display: block;
margin: 0 auto;}
/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333333;
	font-size: 12px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅",  sans-serif;
	line-height: 120%;
	text-align:center;
}


br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

hr {
        border-style: solid;
        border-color: #ccc;
  clear: both;
}

.h1 {
  max-width: 1200px;
  min-width: 980px;
  height:30px;
  margin:auto;
  position
}

h1 {
	font-weight: normal;
	font-size: 1em;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅",  sans-serif;
	margin:5px 0px;
    text-align:left;
}

p {
  line-height:120%;
  margin-top: 10px;
  font-size:1.2em;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
max-width: 1200px;
min-width: 980px;
text-align: left;
box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);
margin-left: auto;
margin-right: auto;
margin-top: -10px;
margin-bottom: 30px;
padding-left: 10px;
}

/*ヘッダー（グローバルメニュー）*/
.header_navi {
 margin-top: 10px;
 margin-bottom: 0px;
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 10px;
 clear:left; 
 text-align:right;
 color: #333333;
 font-size: 15px;
}

.header_navi a {color:#333333; text-decoration:none;  font-weight: bold;background-color: white;padding: 0 3px;border-radius: 3px;}
.header_navi a:link {color:#333333; text-decoration:none;  font-weight: bold;}
.header_navi a:visited {color:#333333; text-decoration:none;  font-weight: bold;}
.header_navi a:active {color:#333333; text-decoration:none;  font-weight: bold;}
.header_navi a:hover {color:#333333; text-decoration:none;  font-weight: bold;}


/*ヘッダー（ページタイトル）*/
.header {
 margin-top: 0px;
 margin-bottom: 10px;
 margin-left: 10px;
 margin-right: 10px;
 clear:left;
}

/*　画面左側メニューの幅　*/
.side {
	float: left;
	width:220px;
  margin-right: 15px;
  border-bottom: 10px solid #fff;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}



/*　検索　*/
.search {
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
	padding: 5px;
	background-color: #ffcccc;
}

/*　サイド画像　*/
.side img{
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
}


/*　見出し（一番上）　*/
.index_top {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #000;clear: both;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
  clear: both;
}

/*　見出し（二番目以降）　*/
.index {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #000;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
}

/*　リスト　*/
.list {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 10px;
	padding: 5px;
	background-color: #e9e9e9;
        color: #333333;
        line-height: 120%;
        font-size: 10px;
  min-height: 140px;
}

/*　説明文（リストで両幅詰）　*/
.list2 {
margin-top: 0px;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
background-color: #e9e9e9;
color: #333333;
line-height: 140%;
font-size: 11px;
}

.list2 a {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 10px;}
.list2 a:link {color:#cc0033; text-decoration:none; font-weight: 900;font-size: 10px;}
.list2 a:visited {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 10px;}
.list2 a:active {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 10px;}
.list2 a:hover {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 10px;}

.list2 img{
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 5px;
}

/*　カテゴリー */
.junle {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 5px;
        font-size: 15px;
        font-weight: 900;
        color: #cc0033;
}

.junle a {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 15px;}
.junle a:link {color:#cc0033; text-decoration:none; font-weight: 900;font-size: 15px;}
.junle a:visited {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 15px;}
.junle a:active {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 15px;}
.junle a:hover {color:#cc0033; text-decoration:none; font-weight: 900; font-size: 15px;}




/*　カテゴリー 先頭画像　*/
.junle img{
        border: 0px;
        margin: 0px;
}

/*　カテゴリー（中） */
.media {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 4px;
}

/*　カテゴリー（中） 画像　*/
.media img{
        border: 0px;
        margin: 0px;
}

/*　カテゴリー(リスト) */

ul.cate {
}

ul.cate a {color:#cc0033; text-decoration:none;}
ul.cate a:link {color:#cc0033; text-decoration:none;}
ul.cate a:visited {color:#cc0033; text-decoration:none;}
ul.cate a:active {color:#cc0033; text-decoration:none;}
ul.cate a:hover {color:#cc0033; text-decoration:none;}

li.cate {
        margin-left: 20px;
        line-height: 170%;
        list-style-image: url(https://img05.shop-pro.jp/PA01017/643/etc/09list8o.gif);
        font-size: 12px;
        font-weight: bold;
        color: #cc0033;
}

/*　INFO(リスト) */

ul.info {
}

ul.info a {color:#cc0033; text-decoration:none;}
ul.info a:link {color:#cc0033; text-decoration:none;}
ul.info a:visited {color:#cc0033; text-decoration:none;}
ul.info a:active {color:#cc0033; text-decoration:none;}
ul.info a:hover {color:#cc0033; text-decoration:none;}

li.info {
        margin-left: 20px;
        line-height: 150%;
        list-style-image: url(https://img05.shop-pro.jp/PA01017/643/etc/09list7g.gif);
        font-size: 10px;
        font-weight: bold;
        color: #cc0033;
}

/*　PICK UP　*/
.pickup {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 10px;
	padding: 5px;
        color: #333333;
        line-height: 120%;
        font-size: 10px;
}

.pickup img{
	padding: 5px;
}


/*　画面右側の幅　*/
.main {
	float: left;
	width: 600px;

}

.main a {color:#cc0033; text-decoration:none;}
.main a:link {color:#cc0033; text-decoration:none;}
.main a:visited {color:#cc0033; text-decoration:none;}
.main a:active {color:#cc0033; text-decoration:none;}
.main a:hover {color:#cc0033; text-decoration:none;}


/*　フッター（ナビゲーション）　*/
.footer_navi {
 width:100%;
 padding-top: 5px;
 padding-bottom: 5px;
 clear:left;
 color:#cc0033;
 background: -moz-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(237,237,237,0) 20%, rgba(237,237,237,1) 65%);
background: -webkit-linear-gradient(left, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 20%,rgba(237,237,237,1) 65%);
background: linear-gradient(to right, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 20%,rgba(237,237,237,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#ededed',GradientType=1 );
 text-align: center;
 font-size: 10px;
}

.footer_navi a {color:#cc0033; text-decoration:none; font-weight: bolder;}
.footer_navi a:link {color:#cc0033; text-decoration:none; font-weight: bolder}
.footer_navi a:visited {color:#cc0033; text-decoration:none; font-weight: bolder}
.footer_navi a:active {color:#cc0033; text-decoration:none; font-weight: bolder}
.footer_navi a:hover {color:#cc0033; text-decoration:none; font-weight: bolder}


/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 height: 2em;
 clear:left;
 color:#cc0033;
background: -moz-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(237,237,237,0) 20%, rgba(237,237,237,1) 65%);
background: -webkit-linear-gradient(left, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 20%,rgba(237,237,237,1) 65%);
background: linear-gradient(to right, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 20%,rgba(237,237,237,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#ededed',GradientType=1 );
 font-weight: bold;
 text-align: center;
}

#group-list {
	border-top:#838383 dotted 1px;



	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}



/*フリーページ*/


/*ボックス*/

.box {
        padding: 10px;
}

.box h2{
        line-height : 120%;
}

.box a {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box a:link {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box a:visited {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box a:active {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box a:hover {color:#cc0033; text-decoration:none;  font-weight: bold;}

/*画像ヘッダー*/

.header_fp {

}


/*ヘッダー*/

.fp_header {
        margin-top: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #333333;
        font-size: 15px;
        font-weight: 900;
        color: #ffffff;
}

/*fp共通*/

.fp {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        color: #333333;
  font-size: 20px;
line-height: 26px;
}

.fp img {
        float : left;
        margin : 5px;
}

.fp hr {
        border: 1px solid #333333;
}

.fp h2 {
        font-size: 12px;
        font-weight: bold;
        color: #cc0033;        
}

.page_top {
        text-align : right;
}

/*ボックス*/

.box_top {
        padding: 10px;
}

.box_top a {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box_top a:link {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box_top a:visited {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box_top a:active {color:#cc0033; text-decoration:none;  font-weight: bold;}
.box_top a:hover {color:#cc0033; text-decoration:none;  font-weight: bold;}

/*画像ヘッダー*/

.header_sf {

}

/*セール・フェアリスト*/
.sf-title1,.sf-title2 {display:none;}
.sf {
        margin-top: -20px;
        padding-left: 120px;
}

.sf ul {
  margin-top:0px;
}

.sf li {
        margin-left: 20px;
        line-height: 150%;
        font-size: 12px;
        font-weight: 900;
        color: #333333;
}

.sf ol {
        margin-left: 30px;
        line-height: 150%;
        list-style-type: none;
        font-size: 12px;
        font-weight: 900;
        color: #333333;
}

.sf li a {color:#cc0033; text-decoration:none;  font-weight: bold;}
.sf li a:link {color:#cc0033; text-decoration:none;  font-weight: bold;}
.sf li a:visited {color:#cc0033; text-decoration:none;  font-weight: bold;}
.sf li a:active {color:#cc0033; text-decoration:none;  font-weight: bold;}
.sf li a:hover {color:#cc0033; text-decoration:none;  font-weight: bold;}


/*UPDATE+PICKUPヘッダー*/

.up_header {
        margin-top: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #000 !important;
        font-size: 15px;
        font-weight: 900;
        color: #ffffff;
}

/*UPDATE+PICKUP*/

.up {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: #333333 solid 1px;
        font-size: 12px;
        color: #333333;
}

.up img {
        float : left;
        margin : 5px;
}

.page_top {
        text-align : right;
}





/*店舗画像*/

.shop {
}

.shop img {
       clear: both;
       margin: 0px;
       padding: 0px;
}


/*店舗MAP*/

.map {
}

.map img{
       float : left;
       margin-top : 0px;
       margin-bottom : 0px;
       margin-left : 0px;
       margin-right : 20px;
}

/*UPDATE*/

.up {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: #333333 solid 1px;
        font-size: 12px;
        color: #333333;
}


/* ------------------------------------- 
 *	最近チェックした商品
 * ------------------------------------- */
div.ci {
	margin-bottom: 20px;
	}

div.ci div.title {

	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 15px;
	}

div.checkitem {
	margin:0 0 10px 0;
	float:left;
	padding: 0 15px 0 2px;
	width: 100px;
	}

div.checkitem .ci_img {
	width:90px;
	border: 1px solid #CCCCCC;
	}


/*nakpabro*/
.n-head {
width: 98%;
background-color: #fff;
height: 246px;
background-image: url(https://img05.shop-pro.jp/PA01017/643/etc/0--head-logo.png?cmsp_timestamp=20201224094241);
background-repeat: no-repeat;
background-size: contain;
background-position: 50% 10%;
margin-left: 0;
margin-right: 0;
}

.hddn {
position: relative;
top: -362px;
left: -1290px;
}
.n-searcform {
position: relative;
float: right;
margin-top: -95px;
padding-right: 1em;
width: 43%;
text-align: right;
}
.n-searcform select {}
.n-searcform select option {}
.n-searcform input.n-inputtext {
font-size: 2.2em;
width: 86%;
height: 2.8rem;
}
.n-searcform input.n-inputimage {
vertical-align: bottom;
}
.header_navi {
height: 24px;
font-size: 18px;
display: block;
position: relative;
margin-top: -27px;
margin-right: 2%;
padding-right: 10px;
border-radius: 8px;
top: -70px;
background: -moz-linear-gradient(left, rgba(237,237,237,0) 0%, rgba(237,237,237,0) 20%, rgba(237,237,237,1) 65%);
background: -webkit-linear-gradient(left, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 20%,rgba(237,237,237,1) 65%);
background: linear-gradient(to right, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 20%,rgba(237,237,237,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#ededed',GradientType=1 );
}
.n-goclick a {
position: relative;
top: 10px;
background-color: rgba(255, 0, 0, 0);
display: block;
height: 60px;
color: rgba(0, 0, 0, 0);
}
.n-goclick.n-home {
width: 56%;
margin-top: 18px;
height: 90px;
}

/**/
.main {
width: 76%;
}
.box_top iframe {
padding-top: 6px !important;
height: 76px;
overflow-y: scroll;
overflow-x: hidden;
margin-bottom: 10px;
border-bottom: 10px solid #e9e9e9 !important;
border-radius: 0 8px 8px 8px;
border: 0px;
background: #e9e9e9;
background: -moz-linear-gradient(top,  #e9e9e9 0%, #d3d3d3 100%);
background: -webkit-linear-gradient(top,  #e9e9e9 0%,#d3d3d3 100%);
background: linear-gradient(to bottom,  #e9e9e9 0%,#d3d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d3d3d3',GradientType=0 );
}
.header_sffs {
width: 100%;
margin-top: -32px;
}
.header_sff {
display: inline-block;
}
.header_sff-b {
display: inline-block;
width: 30%;
}

.header_sff h3 {
display: inline-block;
background-color: #e9e9e9;
padding: 7px;
border-radius: 6px 6px 0 0;
font-size: 1.3em;
}
.header_sff h3.k-record {background-color: #cc0033; color: #fff;}
.header_sff h3.k-beer {background-color: #2a7bef; color: #fff;}
.header_sff h4 {
display: inline-block;
font-size: 1.2em;
padding-left: 7px;
}
.sf {
margin-top: -22px;
margin-left: -11px;
margin-right: 16px;
padding-left: 10px !important;
display: inline-block;
float: left;
border-left: 1px solid #fff;
}
.sf-a {width: 60%;}
.sf-b {width: 30%;}
.hf-a {width: 60%;white-space: nowrap;}
.hf-b {width: 38%;white-space: nowrap;}
.pickup {
padding: 0;
}
.pickup img {
padding: 0;
width: 300px;
height: auto;
background-color: #ececec;
background-image: url(https://img05.shop-pro.jp/PA01017/643/etc/0-no-image.jpg);
background-size: contain;
}
.itemarea img {
padding: 0;
width: 100%;
height: auto;
background-color: #ececec;
background-image: url(https://img05.shop-pro.jp/PA01017/643/etc/0-no-image.jpg);
background-size: contain;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.box {
padding: 0;
}
.itemarea {
width: 32.15%;
max-width: 315px;
height: auto;
font-size: 80%;
text-align: center;
padding-bottom: 10px;
float: none;
border-right: 16px solid #fff;
}
.flexmain {
display: flex;
flex-wrap: wrap;
}
/*media Queries タブレットサイズ（1200px以下）
----------------------------------------------------*/
@media only screen and (max-width: 1200px) {
.itemarea {
	width: 31.9%;
	}

/*-- ここまで --*/
}

/*--.itemarea:nth-child(3n+3) {border-right: 0;}--*/





table.box{
width: 100%;
max-width: 952px;
}
.checkitem_table {
width: 78%;
}
iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {
min-width: 170px !important;
}

.search {
padding-left: 14px;
background-color: white;
margin: 0;
}

.n-sub-cate a {
float: left;
padding: 12px;
background-color: #fff;
border-radius: 12px;
margin: 4px;
border: 1px solid #ccc;
font-size: 180%;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
.junle.n-sub-cate a {
font-size: 12px !important;
margin: 1px;
margin-bottom: 12px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 2px;
padding-right: 2px;
display: inline-block;
width:51px;
text-align: center;
}
.junle.n-sub-cate a.newvl {padding: 11px 2px;}
.n-sub-cate a:hover {
background-color: #cc0033;
color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.j-b {
margin-top:10px;
}
.j-b.n-sub-cate a {
background-color: #2a7bef;
color: #00167d;
background-image: url(https://img06.shop-pro.jp/PA01017/643/etc/0--beerbtn-bg.jpg?cmsp_timestamp=20210227140205);
background-size: cover;
height: 120px;
border: 5px solid #ccc;
box-sizing: border-box;
}
.j-b.n-sub-cate a:hover {
background-color: #000;
}


.header_cate {
background-color: #000 !important;
font-size:140% !important;
border-radius: 8px 8px 0px 0px;
margin-bottom: 8px;
padding: 10px;
color: #fff;
}
.header_cate a {
color: #fff !important;
font-size: 200%;
}
.p_list {
font-size: 120%;
line-height: 140%;
min-height: 70px !important;
height: 220px !important;
}

.n-input {
font-size: 1.4em !important;
margin: 5px;
background-color: #fff;
border: 1px solid rgb(188, 97, 109);
color: #cc0033;
border-radius: 6px;
padding: 9px;
margin-left: 0;
cursor: pointer;
}
.n-input:hover {
background-color: #cc0033;
color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a.n-newcommer {
float: right;
background-color: #fff;
padding: 8px 24px 8px 24px;
margin-top: -16px;
border: 1px solid #c6c6c6;
border-radius: 20px;
}
/*リコメンドの値段を隠す*/
.price_top {
display:none;
}

/*2021*/
@media screen and (max-width:1123px) { 
.pp_list {
min-height: 510px;
}
}
.texttyotai {
transform: scale(0.8, 1);
display: inline-block;
white-space: nowrap;
position: relative;
left: -7px;
top: -12px;
}
.textinr {
padding: 12px 0;
display: block;
}
.img-radius {
border-radius: 12px;
display: block;
padding-left: 4px;
width: 92%;
height: auto;
}

.color01 {background-color: #cc0033 !important;}
.color02 {background-color: #2a7bef !important;}
.j-b.n-sub-cate a.b-kyword {
  width: 96%;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 6px;
  font-size: 200% !important;
}
.b-kyword2 {
 font-size: 12px;
display: block;
line-height: 2rem;
}
.jack-head {
background-color: rgba(255, 0, 0, 0.0);
height: 250px;
position: absolute;
width: 250px;
background-image: url(https://img06.shop-pro.jp/PA01017/643/etc/0--headbeerlogo.png);
background-size: 230px;
background-repeat: no-repeat;
mix-blend-mode: multiply;
  margin-left: -20px;
}
}