.list-youtube-container{text-align: center;margin-top: 10px;}
.list-youtube-container iframe{width:350px; height:197px;}

.bcValbnlist{position: absolute;top: 3%;width: 30%;right: 2%;}
.bcSalelist{position: absolute; width: 40%; left: 0; top: 0;}
.listttl{}
.listttl p{padding-left: 10px;font-size: 20px;font-weight: normal;}
.catttlh3{font-size:18px!important;}

.iconSavotta {
    padding: 1px 20px;
    position: absolute;
    bottom: 10px;
    right: 6px;
    background: rgba(255, 153, 0, 0.7);
    color: #fff!important;
    border-radius: 12px;
    letter-spacing: 1px!important;
	font-weight: normal!important;
}

.category-list a:hover p{
  	text-decoration:none;
}

.category-list li a:hover {
	text-decoration:none;
}
.category-list li a:hover img {
  	opacity:0.7;
	transition: opacity 0.5s;
}

.grpName {
  	font-size: 100% !important;
  	font-family: system-ui;
    line-height: 1.6em;
    width: 100%;
    margin: 4px 0;
	color: #3c1e01;
	text-align: center;
}
.grpName span{
	display:block;
}

.productlist-unit {
  	padding: 10px  !important;
}
.productlist-unit a {position:relative; display:block;text-align: left;}

.productlist-unit a:hover {
  	text-decoration:none;
}
.productlist-unit .listS_Exp {
    width: 95%;
    margin: 0 auto;
    line-height: 1.2em;
    font-size: 13px;
  	font-weight: normal;
}
.listS_Exp span {
  	display: block;
    text-align: right;
    margin-top: 8px;
    font-size: 18px;
    color: #777;
    font-weight: bold;
}
.btn {
    background-color: #6F5A5A;
    color: #FFF;
}
h3 {
    font-size: 20px !important;
    font-weight: normal !important;
    border:none;
    padding-bottom: 6px;
    color: rgb(115, 77, 62) !important;
}

.frostLst{display:none!important;}

#listblock{display: flex;flex-wrap: wrap;}
#listblock li{float: unset;width: 33%;}

.category-list a{
    display: flex;
    margin: 0 4px;
    position: relative;
    flex-wrap: wrap;   
}
.category-list li {
    width: 18%;
	margin-bottom:8px;
	list-style: none;
}
.category-list li a img {width:100%;border-radius:4px;}

@media(min-width:480px){
	h3 {
          margin-top: 20px !important;
          margin-left: 10px;
          margin-bottom: 10px;  
	}
	#listblock_wrap {
        border: 1px solid rgba(115, 77, 62,0.5);
        border-radius: 6px;
        padding: 30px 20px;
        margin-left: 10px!important;
        margin-right: 10px!important;
      	background: rgba(182,167,167,0.5);
    }
    .category-list {
        display:flex;
        flex-wrap: wrap;
        border-radius: 6px;
        padding: 20px 10px;
        margin-left: 10px!important;
        margin-right: 10px!important;
        background: #f1f1f1;
		justify-content: space-around;
		margin-bottom: 0;
    }
    .frostLst{padding:0;background: none;}
    .frostLst li{float:none;width:33%;margin-bottom: 0!Important;}
    .frostLst li a p{
        background: #a20101;
        border-bottom: 1px solid #a20101;
        color: wheat;
        padding: 2px 0;
        border-radius: 4px;
        font-size: 12px!important;}  
    .listImage {
        /*border: 6px solid #e9e9e9;*/
        box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.1);
      	border-radius: 4px;
		background: #fff;
    }
    .productlist-unit p {
        letter-spacing: -1px;
        margin-bottom: 4px;
        color: rgba(68,51,51,1);
        font-weight: bold;
        text-align:left;
		word-break: normal;
    }
    .productlist-unit .listPrice {
        text-align: right;
        font-weight: bold;
        letter-spacing: 0;
        font-size: 15px;
        color: rgb(115, 77, 62);
        margin-top: 4px;
    }
    .icon-new span {
        display: block;
        width: 50px;
        height: 27px;
        background: url(https://img21.shop-pro.jp/PA01329/363/etc/icon-nwe.png);
        text-indent: -100em;
        overflow: hidden;
        position: absolute;
		top: 182px!important;
		left: 16px!important;
    }
  	#sortBlock {
      	margin-bottom:20px;
      	margin-top:10px;
      	text-align:right;
	}
	.soldoutMark {
        width: 50%;
	}
	#wrspbn{display:none;}
}

@media(min-width:1400px){
  .productlist-unit{min-height:352px!important;position:relative;}
  .productlist-unit .listPrice {position: absolute;bottom: 5%; right: 8%;}
  .namepriceBlock a {height:100px;}
}

@media(min-width:781px) and (max-width:1230px){
	 .category-list li {
        height:auto;
       
    }
}
@media(min-width:480px) and (max-width:780px){
        .category-list a {
            display: block;
            margin: 0;
            padding: 15px 30px;
        }
        .category-list a img {
            width: 12% !important;
        }
        .category-list a p {
            font-size: 20px !important;
          	padding-top:0 !important;
            margin: 0 0 0 30px!important;
            line-height: 80px;
            letter-spacing: 2px;
        }
        .youtube-container {
            margin-bottom: 10px;
            width: 50%!important;
        }
		.icon-new span {
            display: block;
            width: 75px !important;
            height: 40px !important;
            background: url(https://img21.shop-pro.jp/PA01329/363/etc/icon-nwe.png);
            background-size: cover !important;
			text-indent: -100em;
            overflow: hidden;
            position: absolute;
            top: -40px !important;
		}
  		.productlist-unit{width:33.3%!important;}
}

.listS_Exp {display:none;}

@media(max-width:780px){
  	h2 {
      	padding:0 10px;
	}
	h3 {
          margin-left: 10px;
          margin-bottom: 10px;  
	}
    .category-list {
        padding: 0 10px;
        margin: 10px 0 30px;
    }
    .category-list a img {
      	width: 25%;
    	margin: 1% auto 0;
  }
   .category-list a p {
        width: 60%;
        text-align: left;
  }
    .category-list > li{
      	border-bottom: 1px dotted rgba(115, 77, 62,0.5);
      	padding: 1px;
  	}
	.productlist-unit {
      	padding:0 !important;
      	height:100% !important;
		padding-right: 1%!important;
  	}
    .listImage {
		border: 2px solid rgba(255,255,255,0.5);
        box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.1);
		margin-bottom: 0!important;
    }
  	.namepriceBlock {
		bottom: 0px;
    	width: 100%;
    	min-height: 70px;
	}
    .productlist-unit p {
      	line-height: 1.4em;
        letter-spacing: -1px;
        margin: 4px 8px;
        color: #443333;
        font-weight: normal;
        text-align: left;
        font-size: 14px;
    }
   	.productlist-unit .listPrice {
        text-align: right;
        font-weight: bold;
        letter-spacing: 0;
        font-size: 15px;
        color:#443333;
        margin: 0;
        position: absolute;
        bottom: 5%;
        right: 5%;
	}
      .icon-new span {
          display: block;
          width: 50px;
          height: 27px;
          background: url(https://img21.shop-pro.jp/PA01329/363/etc/icon-nwe.png);
          text-indent: -100em;
          overflow: hidden;
          position: absolute;
          bottom: 100%;
          left: 2px;
      }
	#sortBlock {
      	margin:10px;
      	text-align:right;
  }
	.soldoutMark {
		width: 50%;
    	margin: 0!important;
    	font-size: 100%!important;
	}
}
@media(max-width:480px){
	.listttl {font-size:12pt;}
	#listblock_wrap {}
	.iconSavotta {
    	z-index: 1000;
    	bottom: 2px;
    	right: 4px;}
	.category-list li p {margin: 30px 0 0;}
	.category-list li {width: 100%;margin-bottom:0;}
	.category-list li:first-child {border-top: 1px dotted rgba(115, 77, 62, 0.5);}
	.category-list a img {margin:0;width: 25% !important;}
	.category-list a{
      justify-content: space-between;
      margin: 0;
      padding: 6px 0;}
  .productlist-unit{background: rgba(255,255,255,0.5);margin-bottom: 6px;border: 1px solid rgba(0,0,0,0.1);border-radius: 6px;width: 100% !important;}
  .productlist-unit > a {width: 35%; float: left;}
  .listS_Exp{display:none;}
  .namepriceBlock {width: 65%; background: none; height: 100px; display:inline-block;padding-top:2%;}
  .listImage{border: none; box-shadow: none; padding: 4px;}
  .productlist-unit .listPrice {bottom:10%;}
  .namepriceBlock a {height:100%;}
  .fryGrp li a img{width:30%;}
  .catttlh3{border-bottom:1px solid rgba(76, 60, 59, 0.6);width:95%;}
  .cg_freespace_01{text-align:center;}
  
  #wrpcbn{display:none;}
  .bcinsucont1{padding: 20px 2%!important;text-align: left;}
  .exwrap{padding: 20px 2%!important;}
  .olightCls li{
    width:100%!important;
    border-top: none!important;
    border-bottom: none!important;
    border-left: 6px solid!important;
    border-right: none!important;
  }
  .olightCls li a{height: 50px;}
  .olightCls li a img{margin: -6% auto 0 4%!important;}
  .olightCls li .grpName{
	right: 0;
	padding: 0 2% 1% !important;}
  .olightBright li{width:49%!important;}
  .olightBright li a .grpName{
	width: 90%;
	margin: 0 10% 0 0;
	text-align: center;
  }
  .blightH2 {margin:10px 0 0 !important;}
  .olightCt .listS_Exp{top:24%!important;}
}

.fryGrp h3{
    clear: both;
    font-size: 140%!important;
    font-weight: bold!important;
    color: rgb(247, 245, 229)!important;
    text-shadow: 2px 2px 2px #0e0e0e94;
    margin-top: 0!Important;
    padding-top: 20px;
}
.fryGrp li{	margin-bottom:10px;}
.fryGrp li a img{}

.nyukaytotei{
	font-size: 130%;
    width: 50%;
    margin: 100px auto;
    background: rgba(255,255,255,0.5);
    border-radius: 30px;
    border: 1px solid #cc0000;
    letter-spacing: 1px;
    color: #cc0000;
    padding: 4px;
    text-align: center;
}
.bcinsucont1{
    background: rgba(182,167,167,0.5);
    border: 1px solid rgba(115, 77, 62,0.5);
    padding: 20px 20px;
}
.bcinsucont2{
    font-size: 90%;
    line-height: 1.6em;
}
.exwrap{
    background: rgba(255,255,255,0.7);
    padding: 20px 0 20px 6%;
    border-radius: 8px;
}
.dietzttlbn_ex{
    background: #000000eb;
    width: 97%;
    margin: 10px auto 0;
    text-align: center;
    color: white;
    padding: 20px;
    border-radius: 8px;
    line-height: 1.6em;
}
.catglp_ttl{
    margin: 20px 0 -5px;
    font-size: 150%;
    font-weight: bold;
    font-family: serif;
}
.olightCls {background:none;padding:0;}
.olightCls li{
	width: 24.5%;
    background: #fffffff2;
    margin-bottom: 4px;
    border-radius: 4px;
    border-top: 6px solid;
    border-bottom: 2px solid;
    border-left: 1px solid;
    border-right: 2px solid;
    box-sizing: border-box;
	border-color: var(--olightCol01)!important;}
.olightCls li:last-child::after{
	content: 'Lumen';
    position: absolute;
    top: 15%;
    font-size: 32px;
    font-family: serif;
    left: 10%;
    font-style: italic;
    font-weight: bold;
    color:#ffe220;
}
.olightCls li:last-child{
  background:var(--olightCol02);
}
.olightCls li:last-child .grpName{
    z-index: 20;
    color: white;
}
.olightCls li a{
    margin: 0;
    justify-content: space-around;
    height: 60px;
    overflow: hidden;
}
.olightCls li a img{
    width: 40%;
    margin: -2% auto 0 4%;
}
.olightCls li .grpName{
	position: absolute;
    bottom: 0;
    text-align: right;
    margin: 0;
    padding: 0 2% 2% 0;
    font-size: 110% !important;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
  font-style: normal;
}
.olightBright{
	padding: 0;
    background: none;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.olightBright li{
    width: 32.5%;
    margin-bottom: 6px;
    background: #ffffffa1;
    border-radius: 4px;
}
.olightBright li a{
    margin: 0;
    padding: 4px 0;
}
.olightBright li a .grpName{
    font-family: "Roboto", serif;
    font-size: 20px !important;
    font-style: italic;
	margin: 0 10% 0 0;
	color:var(--olightCol02);
	font-weight: 500;
}
.blightH2{
	background: var(--olightCol02);
    margin: 20px 10px 10px;
    border-radius: 4px;
    border-left: 6px solid !important;
    padding: 10px;
    position: relative;
    border-color: var(--olightCol01) !important;
}
.blightH2 p{
	margin: 0;
    color: white;
    text-align: right;
    font-size: 16px;
    margin-top: 6px;
}
.blightH2 p:after{
	content: 'Lumen';
    position: absolute;
    left: 2%;
    font-family: serif;
    color: wheat;
    font-size: 30px;
    font-style: italic;
    font-weight: bold;
    top: 14%;
}
.olightCt{position: relative;}
.olightCt .listS_Exp{
    position: absolute;
    display: block;
    top: -40%;
    font-size: 24px;
    font-family: "Roboto", serif;
    color: var(--olightCol02);
	font-style: italic;
	text-align:right;
	font-weight:800;
}
.olightCt .listS_Exp:after{
	content: ' lm';
    font-size: 16px;
    font-weight: 600;
}