/*blog-area*/
.blog-area .inner { position:relative; }
.blog-area .inner h2 {font-size: 20px;margin: 1em 0 0.5em; border-bottom: none;}
.blob_area_txt { margin-bottom: 1em;}
.blog_category {     display: inline;
    font-weight: bold;
    text-align: center;
    background-color: #3ba07a;
    position: absolute;
    top: 10px;}
.blog_category a {     display: block;
    padding: 6px 20px;
    color: #fff;
    font-size: 14px;}
.blog_category_1 {background-color: #ce639d;}
.meta_time { display: inline-block; width: 100%; text-align: right;margin-bottom: 0; font-size:14px;}
.blog-area a:hover {opacity: .7;}
.blog_area_txtbox {margin-top:4px;}
.blog_area_txtbox a p {margin:0;}

@media only screen and (max-width: 960px) {
.blog-area .inner h2 {font-size: 16px;}
.blog-area .blob_area_txt { display: none;}
.blog_area_txtbox h2 { margin-top: 0 !important;}
.meta_time { display: inline-block; text-align: right; padding: 0; float: right;}
}
@media only screen and (max-width: 880px) and (min-width: 600px) {
  .meta_time {margin-top: -1em;}
}
@media only screen and (max-width: 468px) and (min-width: 333px) {
  .meta_time {margin-top: -1em;}
}
/*slider表示*/
.slider{display:block;}
.top_news {display:block;}

/* 長谷川追加 */
.blog_area_img  {padding-top: 50%;background-size: cover;background-position: center;}

/*トップカテゴリのレイアウト*/
.item_category p { margin: 0.5em 0;}

/*202409売れ筋商品・おすすめ商品をスライドに変更*/
.flex_scroll{
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}
.flex_scroll_area{
    width: calc(25% - 20px);
    margin: 10px;
    position: relative;
}
.ranking .flex_scroll_area {
  counter-increment: rank;
  position: relative;
  overflow: hidden;
}

.ranking .flex_scroll_area::before {
  content: "";
  background-color: #666;
  display: block;
  width: 100%;
  height: 2.5rem;
  transform: rotate(-45deg);
  position: absolute;
  left: -50%;
  top: 0;
}
.ranking .flex_scroll_area:nth-child(1)::before{
background-color: #ebc043;
}
.ranking .flex_scroll_area:nth-child(2)::before{
background-color: #c6c6c6;
}
.ranking .flex_scroll_area:nth-child(3)::before{
background-color: #9a6746;
}
.ranking .flex_scroll_area::after {
  content: counter(rank);
  color: white;
  font-size: .8rem;
  font-weight: 700;
  line-height: initial;
  text-align: center;
  width: 1.5em;
  position: absolute;
  left: .3em;
  top: .3em;
}

@media only screen and (max-width: 960px) {
.is-fixed .flex_scroll{
   display: flex !important;
  }
.flex_scroll {
 overflow-x: auto;
 white-space: nowrap;
 -ms-overflow-style: none;
 -webkit-overflow-scrolling: touch;
 display: block;
}
  
.flex_scroll_area {
 width: 40% !important;
 display: inline-block;
 white-space: normal;
 margin: 10px;
 vertical-align: top;
}
.flex_scroll_inner{
display:block;
}
}

/*20241113カテゴリ一覧デザイン*/
.item_category .flex_box {
background-color:#f2f2f2;
padding: 1em 10px 0 10px;
}
.item_category .flex_box_4{width: 25%;}
.item_category .flex_box_2{width: 50%;}
.item_category .flex_box_4 .inner {
border: 1px solid #ccc;
border-radius: 6px;
padding: 0;
background-color: #fff;
}

@media only screen and (min-width: 961px) {
.item_category .flex_box_4 .inner {margin-right: 20px; margin-bottom:1em;}
.item_category .flex_box_4:nth-child(4) .inner,.item_category .flex_box_4:nth-child(8) .inner{margin-right: 0;}
}
.item_category .flex_box_4 a {
display: block;
padding: 14px 6px 14px 58px;
font-size: 20px;
font-weight: bold;
}
.icon_category{position:relative;}
.icon_category::before {
position:absolute;
left: 4px;
top:4px;
content:"";
width:50px;
height: 50px;
background-position: top center;
background-repeat: no-repeat;
}
.categry-01::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wMS1mbG93ZXI.png);}
.categry-02::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wMi1zdWNjdWxlbnQ.png);}
.categry-03::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wMy1sZWFm.png);}
.categry-04::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wNC10cmVl.png);}
.categry-05::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wNS1ob3VzZXBsYW50.png);}
.categry-06::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wNi10dWJlcm91cw.png);}
.categry-07::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wNy1idWxi.png);}
.categry-08::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wOC1pdGVt.png);}
.categry-09::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8wOS1zZXQ.png);}
.categry-10::before{background: url(https://img21.shop-pro.jp/PA01463/447/etc_base64/aWNvbl8xMC1mYXJtZXI.png);}
.categry-01::before,.categry-02::before,.categry-03::before,.categry-04::before,.categry-05::before,.categry-06::before,.categry-07::before,.categry-08::before,.categry-09::before,.categry-10::before{background-size: 50px 50px;}

@media only screen and (max-width: 960px) {
.item_category .flex_box_4 {
width: 50%;
margin: 0 0 1em;
}
.item_category .flex_box_4:nth-child(odd) .inner{margin-right: 10px;}
.item_category .flex_box_4 a {
padding: 10px 0px 10px 43px;
font-size: 17px;
}
.icon_category::before {
width:36px;
height: 36px;
}
.categry-01::before,.categry-02::before,.categry-03::before,.categry-04::before,.categry-05::before,.categry-06::before,.categry-07::before,.categry-08::before,.categry-09::before,.categry-10::before{background-size: 36px 36px;}
}
 /*2024販売新着お知らせ*/
  .news-list{
  list-style: none outside;
  margin: 0 0 30px 0;
  padding: 0;
}
.news-list .item {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 10px 10px;
}
.news-list .item:first-child {
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 767px){
.news-list .item {
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
}

  