/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,200..400,0..1,-25");
.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' -25,
  'opsz' 48
}

:root{
	--color-sale-red:#e50012;
	--color-sale-01:#fadce5;
	--color-sale-02:#ffd;

	scroll-padding-top: 70px;
}

/*-----------------------------------
PC
body.ex-salepage
-----------------------------------*/
body.ex-salepage #contents{
	background: url(bk-bargain.png) center top fixed;
}
body.ex-salepage #contents .inner{
	width: 100%;
}
body.ex-salepage #contents h2{
	padding:0;
	border: 0;
	margin: 0 auto;
	width: 960px;
	text-align: center;
}
body.ex-salepage #contents-main{
	padding: 40px;
	margin: 0 auto 40px;
	box-sizing: border-box;
	background:#fff;
	border-radius: var(--box-radius-xlarge);
}

body.ex-salepage article.events {
	display: flex;
	flex-wrap: wrap;
}

body.ex-salepage div.salepage_btn{
	width: 880px;
    margin: 0 auto 40px;
    padding: 16px;
    box-sizing: border-box;
	right: 0;
	margin: 0;
	width: 100%;
}
body.ex-salepage div.salepage_btn .box {
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
body.ex-salepage div.salepage_btn .box .NewsItemList {
  width: 100%;
  display: flex;
}
body.ex-salepage div.salepage_btn #items{
	overflow:hidden;
	width: 85.7%;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
body.ex-salepage div.salepage_btn #items .item {
	width: 18%;
    margin: 0 2% 0 0;
	padding:0;
	border-radius:var(--box-radius-medium);
	background:#fff;
	position: relative;
	overflow: hidden;
    box-sizing: border-box;
}
body.ex-salepage div.salepage_btn #items .item:nth-child(6) {
  display: block;
  margin: 0;
}
body.ex-salepage div.salepage_btn #items .item:nth-child(n + 6){
	display: none;
}
body.ex-salepage div.salepage_btn #items .item p.image {
  padding: 0;
  box-sizing: border-box;
  position:relative;
  overflow:hidden;
  height:100px;
}
body.ex-salepage div.salepage_btn #items .item p.img_objfit img{
	border-radius: var(--box-radius-small);
}
body.ex-salepage div.salepage_btn #items .newsItem .desc {
  padding: 0;
}
body.ex-salepage div.salepage_btn #items .item .name{
    padding:0;
    text-decoration:none;
    font-size:12px;
    color:#ffffff;
    white-space:nowrap;
    position:absolute;
	bottom:0;
	text-align:center;
    background:#ddd;
    background:rgba(0,0,0,.3);
    width:100%;
}
body.ex-salepage div.salepage_btn #items .item .name a{
	color:#fff;
	display:block;
	padding:5px 0;
		overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	    width:90%;
	margin: 0 2.5%;
}
body.ex-salepage div.salepage_btn .page_btn {
  width: 12.5%;
}
body.ex-salepage div.salepage_btn .page_btn a {
  height: 100px;
  padding: 20px 8px 0;
  color: #fff;
  background: var(--color-sale-red);
  display:block;
  box-sizing:border-box;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  position:relative;
  border-radius: var(--box-radius-medium);
  font-size: 16px;
}
body.ex-salepage div.salepage_btn .page_btn a:before {
    font-family: var(--fontfamily-icon);
    content: "\e5c5";
    display: block;
    margin: 4px 0 0;
    font-size: 22px;
}
div.salepage_btn #items .item .date,
div.salepage_btn #items .item .goods,
div.salepage_btn #items .item .price,
div.salepage_btn #items .item .morelink,
div.salepage_btn #items .item .goods_like_btn{
	display: none;
}


body.ex-salepage .list_menu {
}
body.ex-salepage .list_menu.bottom {
}
body.ex-salepage .list_menu ul {
  width: 100%;
  max-width: 880px;
  margin: auto;
  overflow: hidden;
  padding-bottom: 30px;
  display: flex;
/*  flex-wrap: wrap;*/
  justify-content: center;
  gap: 20px;
}
body.ex-salepage .list_menu ul li {
  text-align: center;
  width: calc(100% / 3 - 20px);
}
body.ex-salepage .list_menu ul li:last-child {
  margin-right: 0;
  float: right;
}
body.ex-salepage .list_menu ul li a br {
  display: none;
}
body.ex-salepage .list_menu ul li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  line-height: 80px;
  border-radius: var(--box-radius-xlarge);
  border: 3px solid #FFF000;
	background: #fff;
/*  color: var(--color-sale-red);*/
  box-shadow: 0 10px 4px -6px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  position: relative;
}
body.ex-salepage .cat1 .list_menu:not(.bottom) ul li:nth-child(1) a,
body.ex-salepage .cat2 .list_menu:not(.bottom) ul li:nth-child(2) a,
body.ex-salepage .cat3 .list_menu:not(.bottom) ul li:nth-child(3) a {
  color: #000;
  background: #FFF000;
}


body.ex-salepage .cat1 .list_menu:not(.bottom) ul li:nth-child(1) a:after,
body.ex-salepage .cat2 .list_menu:not(.bottom) ul li:nth-child(2) a:after,
body.ex-salepage .cat3 .list_menu:not(.bottom) ul li:nth-child(3) a:after {
  font-family: var(--fontfamily-icon);
  content: "\e5c5";
  display: block;
  font-size: 42px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -26px;
  line-height: 1em;
  color: #FFF000;
}


body.ex-salepage .shoplist_cat {
	overflow:hidden;
	margin:0 auto 20px;
}
body.ex-salepage #contents-main .shoplist_cat .cat_ttl{
	font-weight:bold;
	/*background: #E3007F;*/
	background: #000000;
	/*color: #fff;*/
	color: #fff000;
	text-align: center;
	padding: 10px;
	border-radius: var(--box-radius-large);
}
body.ex-salepage .shoplist_cat .item_group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 30px 0;
}
body.ex-salepage .shoplist_cat .item_group#first {
	overflow:hidden;
	border-top:none;
	background:#fff;
	padding: 16px 16px 0px 16px;
  box-sizing: border-box;
}
body.ex-salepage .shoplist_cat .item_group#second {
	overflow:hidden;
	border-top:none;
	background:#fff;
	padding: 0px 16px 16px 16px;
  box-sizing: border-box;
}

body.ex-salepage .shoplist_cat .item_group > li {
  position: relative;
  border: 1px solid #565456;
  width: calc((100% - 20px) / 3);
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
/* body.ex-salepage .shoplist_cat .item_group li:last-child {
	border-bottom: none;
}
body.ex-salepage .shoplist_cat .item_group#first li:last-child {
	border-bottom: 1px solid var(--color-base-line-dark);
}
body.ex-salepage .shoplist_cat .item_group li:before {
    content: "";
    border-left: 1px dashed var(--color-base-line-dark);
    position: absolute;
    width: 4px;
    height: 100%;
    left: 40%;
} */
body.ex-salepage .shoplist_cat .item_group li .detail {
	text-align: left;
	overflow:hidden;
    padding: 20px;
    width: 100%;
	display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
body.ex-salepage .shoplist_cat .item_group li .shopname {
	font-weight:bold;
	width: 60%;
}
body.ex-salepage .shoplist_cat .item_group li .shopname h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.2em;
}
body.ex-salepage .shoplist_cat .item_group li .shopname span {
	padding-bottom:4px;
	font-weight: normal;
	font-size: 14px;
	display: block;
}

body.ex-salepage .shoplist_cat .item_group li .shopname .floor {
  background: var(--color-sale-01);
  text-align: center;
  font-size: 14px;
  padding: 6px 10px 5px;
  line-height: 1em;
  font-weight: normal;
  border-radius: 20px;
  margin-bottom: 4px;
  display: inline-block;
}
body.ex-salepage .shoplist_cat .item_group li .logo {
  width: 30%;
}
body.ex-salepage .shoplist_cat .item_group li .logo img {
  width: 100%;
}
body.ex-salepage .shoplist_cat .item_group li .service {
    width: 100%;
    padding: 0 20px 20px;
    box-sizing: border-box;
}
body.ex-salepage .shoplist_cat .item_group li .service .text{
	white-space: pre-wrap;
	background: var(--color-sale-02);
	padding: 10px 20px;
}
body.ex-salepage .shoplist_cat .item_group li .service .text span {
	font-size:20px;
	font-weight:bold;
	color:var(--color-sale-red);
}
body.ex-salepage .shoplist_cat .item_group2 li .service .text span {
	font-size:20px;
	font-weight:bold;
	color:var(--color-sale-red);
}
body.ex-salepage .shoplist_cat .item_group li .shopitem {
	overflow:hidden;
}

body.ex-salepage .shoplist_cat .item_group li .shopitem h3 {
	display: none;
}
body.ex-salepage .shoplist_cat .item_group li .shopitem .itemlist {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  border-color: #d11900;
  gap: 10px;
}

/* body.ex-salepage .shoplist_cat .item_group li .shopitem .item {
    box-sizing: border-box;
    border: 3px solid var(--color-sale-red);
    border-radius: var(--box-radius-medium);
    overflow: hidden;
    cursor: pointer;
    width: calc(100% / 3 - 10px);
    height: 150px;
    margin: 10px 0 0;
    position: relative;
} */
/* body.ex-salepage .shoplist_cat .item_group li .shopitem .item:nth-child(odd) {
  margin-right: 1%;
} */

body.ex-salepage .shoplist_cat .item_group li .shopitem .item .image,
body.ex-salepage .shoplist_cat .item_group li .shopitem .item .desc {
	box-sizing: border-box;
  float: none;
  width: 100%;
}
body.ex-salepage .shoplist_cat .item_group li .shopitem .item .image {
  height: 100%;
}

body.ex-salepage .shoplist_cat .item_group li .shopitem .item .image::before {
  content: "SALE";
  font-family: var(--fontfamily-english);
  position: absolute;
  background: var(--color-sale-red);
  color: #fff;
  line-height: 1em;
  right: 0;
  top: 7px;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 4px;
  z-index: 100;
  pointer-events: none;
}


/* body.ex-salepage .shoplist_cat .item_group li .shopitem .item .desc {
	text-align: left;
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  bottom: 0px;
  padding: 4px 6px;
} */
body.ex-salepage .shoplist_cat .item_group li .shopitem .item .desc a {
  color: #fff;
  font-size: 10px;
}
body.ex-salepage .shoplist_cat .item_group li .shopitem .item .desc h4 {
    text-align: left;
    font-size: 12px;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.ex-salepage .shoplist_cat .item_group li .shopitem .item .image .img_bg_css {
	min-height: 64px;
	border-radius: 0;
}

body.ex-salepage .shoplist_cat .item_group li .shopitem .item:nth-child(odd) {
	margin-right: 0;
}

body.ex-salepage .shoplist_cat .item_group li .shopitem .item .date {
	font-size:10px;
	line-height: 1.3em;
  padding: 0 0 4px;
  display: none;
}
body.ex-salepage .shoplist_cat .item_group li .shopitem .item dd.title {
	font-size:12px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.ex-salepage .shoplist_cat .item_group li .shopitem .item .desc .icon,
body.ex-salepage .shoplist_cat .item_group li .shopitem .item .desc .price,
body.ex-salepage .shoplist_cat .item_group li .shopitem .morelink {
	display: none;
}

body.ex-salepage .attention p {
	font-size: 10px;
	text-align: center;
	line-height: 1.4em;
    color: #fff;
}
body.ex-salepage .attention p strong {
	font-size: 14px;
	display: inline-block;
	padding-bottom: 8px;
}

body.ex-salepage #voicelist {
  display: none;
}

/* =============
カテゴリ毎セール情報
============= */
body.ex-salepage .shoplist_cat .item{
  .shopitem{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 20px 20px;
  position: relative;
  }
  .shopitem:before{
      content: "WHAT'S NEW!";
      display: block;
      width: 100%;
      text-align: center;
      background: #fadce5;
      color: #e50012;
      font-family: "Poppins", sans-serif;
      margin: 0 0 8px;
      border-radius: 15px;
  }
  .shopitem:after{
      font-family: "Material Symbols Rounded";
      content: "\e5c5";
      display: block;
      font-size: 42px;
      position: absolute;
      left: calc(50% - 20px);
      top: 24px;
      line-height: 1em;
      color: #fadce5;
  }
  .shopitem .item{
      box-sizing: border-box;
      border-radius: 10px;
      cursor: pointer;
      width: calc(100% / 2 - 4px);
      height: 120px;
      position: relative;
      background: #fff;
  }

  /* .shopitem .item:nth-child(n+6){
    display: none;
  } */
  .shopitem .shopvoice.item{
    width: 100%;
    height: auto;
    padding: 10px;
  }
  .shopitem .shopvoice{
    padding: 10px 10px 0;
    line-height: 1.4em;
    word-break: break-all;
    border: 2px solid #e50012;
    li:before{
      font-family: "Material Symbols Rounded";
      content: "\e7f7";
      font-size: 20px;
      font-variation-settings: 'FILL' 1;
      vertical-align: middle;
      color: #e50012;
      position: absolute;
      top: -10px;
      left: 5px;
      background: #fff;
    }
    .sendtime{
      color: #e50012;
      font-weight: bold;
      font-size: 12px;
      display: inline-block;
    }
  }
  .shopitem .item .image,
  .shopitem .item .desc{
    box-sizing: border-box;
    float: none;
    width: 100%;
  }
  .shopitem .item .image {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
  }
  .shopitem .item .image .no_img_logo{
    border: 2px solid #f0f0f2;
    border-radius: 10px;
    background-size: 40% auto;
  }
  .shopitem .item .desc{
    text-align: left;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    bottom: 10px;
    padding: 4px 6px;
    .icon{
      font-family: "Poppins", sans-serif;
      position: absolute;
      background: #e50012;
      color: #fff;
      line-height: 1em;
      right: -6px;
      top: -75px;
      z-index: 3;
      border-radius: 0;
      padding: 4px;
    } 
    a {
      color: #fff;
      font-size: 10px;
    }
    h4{
      text-align: left;
      font-size: 12px;
      line-height: 1.4em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
}
body.ex-salepage .shoplist_cat .item .shopitem .item .desc .date,
body.ex-salepage .shoplist_cat .item .shopitem .item .desc .price,
body.ex-salepage .shoplist_cat .item .shopitem .morelink{
	display: none;
}

body.ex-salepage .shoplist_cat .item .shopitem:not(:has(.item)),
body.ex-salepage .shoplist_cat .item .shopvoice:empty{
  display: none;
}


/* =============
ショップニュースもっと見るボタン
============= */
/* ボタン */
.shopitemMoreBtn {
	width: 50%;
	display: none; /* デフォルトは非表示 */
	color: #e50012;
	background-color: #fff;
	border-radius: 20px;
	font-weight: bold;
	box-sizing: border-box;
	margin: -10px auto 10px;
	position: relative;
	font-size: 90%;
	border: 2px solid #e50012;
}
.shopitem:has(article:nth-of-type(n+3)) + .shopitemMoreBtn {
	display: block; /* articleが3件以上ある場合にボタンを表示 */
}
.shopitemMoreBtn input {
	appearance: none;
	width: 100%;
	height: 25px;
	display: block;
	cursor: pointer;
}

/* 記事 */
.shopitem_articleList {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
	overflow: hidden;
	/* transition: max-height 0.7s;
	will-change: max-height; */
}
.shopitem_articleList:has(article:nth-of-type(n+3)) {
	max-height: 120px;
	/* height: 120px; 閉じる時のラグ回避 */
}
.service:has(.shopitemMoreBtn input:checked) .shopitem_articleList:has(article:nth-of-type(n+3)) {
	max-height: 100vh;
	/* height: auto; 閉じる時のラグ回避 */
}

/* labelは非表示 疑似要素でテキストを設定する */
.shopitemMoreBtn label {
	visibility: hidden;
	width: 0;
	height: 0;
	display: block;
}
.shopitemMoreBtn::before {
	content: "もっと見る";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	pointer-events: none;
}
.service:has(.shopitemMoreBtn input:checked) .shopitemMoreBtn::before {
	content: "閉じる";
}
.shopitemMoreBtn:has(input:hover), .shopitemMoreBtn:has(input:hover)::before {
	opacity: 0.8;
}


/*================
新着セール表示 Splide
================*/
body.ex-salepage div.salepage_btn{
  .splide {
    width: 960px;
    margin: 0 auto 20px;
  }
  .splide__arrow{background: #FFF000;}
  .splide__arrow svg{fill: #000;}
  .splide__arrow--prev{left: -40px;}
  .splide__arrow--next{right: -40px;}
  .splide__list{
    .item{
      padding: 10px;
      .date{
        font-size: 12px;
        font-family: var(--fontfamily-english);
        line-height: 1em;
        padding: 0 0 0.2em;
        color: #fff;
        font-weight: bold;
      }
      p.image {
        height:160px;
      }
      p.image .item_image_noimg{
        background: #fff;
        padding-top: 50px;
        border-radius: var(--box-radius-small);
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
        img{
          height: 50px;
          border-radius: 0;
          box-shadow: none;
          object-fit: contain;
        }
      }
      p.image:before{
        content: "SALE";
        font-family: var(--fontfamily-english);
        position: absolute;
        background: var(--color-sale-red);
        color: #fff;
        line-height: 1em;
        right: 10px;
        top: 30px;
        font-size: 0.8em;
        font-weight: bold;
        letter-spacing: 1px;
        padding: 4px;
      }
      .name a{
        background: #0006;
        display: block;
        position: absolute;
        bottom: 20px;
        left: 10px;
        color: #fff;
        width: calc(100% - 20px);
        text-align: left;
        font-size: 12px;
        line-height: 1.4em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 5px;
        box-sizing: border-box;
    }
    }
  }
}



/*-----------------------------------
SP
body.ex-salepage.sp
-----------------------------------*/
body.ex-salepage.sp .footer-navi {
  display: none !important;
}

body.ex-salepage.sp #contents{
    background-size: 1080px;
}

body.ex-salepage.sp #contents,
body.ex-salepage.sp #contents h2,
body.ex-salepage.sp #contents div.salepage_btn,
body.ex-salepage.sp #list_menu,
body.ex-salepage.sp #contents ul.shoplist_cat ul li .service{
	width: 100%;
}

body.ex-salepage.sp h2,
body.ex-salepage.sp h2 img{
	width:100%;
	margin:20px 0 0 0;
}

body.ex-salepage.sp #cat1,
body.ex-salepage.sp #cat2,
body.ex-salepage.sp #cat3,
body.ex-salepage.sp #cat4 {
    padding-top:60px;
    margin-top:-60px;
}

body.ex-salepage.sp .exsale_header p{
	text-align: left;
	font-size: 90%;
	padding: 0 20px;
	line-height: 1.5em;
}

body.ex-salepage.sp div.salepage_btn .box .NewsItemList{
	display: block;
}

body.ex-salepage.sp div.salepage_btn{
	margin: 0;
	padding: 8px 0;
}
body.ex-salepage.sp div.salepage_btn .box{
	width: auto;
}
body.ex-salepage.sp div.salepage_btn .page_btn{
	width: 100%;
	margin-top: 4px;
	text-align: center;
}

body.ex-salepage.sp div.salepage_btn .page_btn a {
  width: 80%;
  height: auto;
  padding: 0 20px;
  line-height: 2.0em;
  padding: 2px 40px;
  height: auto;
  font-size: 90%;
  background: #fff;
  display: inline-block;
  border-radius: 100px;
  color: var(--color-sale-red);
  border: 2px var(--color-sale-red) solid;
}
body.ex-salepage.sp div.salepage_btn .page_btn a::before {
    font-family: var(--fontfamily-icon);
    margin: 0 4px 0 -18px;
	position: absolute;
    top: 3px;
    font-size: 1.4em;
    display: inline-block;
    content: "\e5df";
}

body.ex-salepage.sp div.salepage_btn .page_btn a::after{
	display: none;
}

body.ex-salepage.sp div.salepage_btn .page_btn br{
	display: none;
}

body.ex-salepage.sp div.salepage_btn #items{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

body.ex-salepage.sp div.salepage_btn #items .item{
    margin: 0 1% 0 0;
	width: 18%;
}

body.ex-salepage.sp div.salepage_btn #items .item p.image {
    position: relative;
    overflow: hidden;
    height: 60px;
}

body.ex-salepage.sp div.salepage_btn #items .name a {
  padding: 0;
  font-size: 80%;
}

body.ex-salepage.sp .list_menu ul{
	gap: 0;
}
body.ex-salepage.sp .list_menu ul li{
	width: calc(100% / 4);
}
body.ex-salepage.sp .list_menu ul li a {
  font-size: 90%;
  line-height: 1.3em;
  padding: 10px 0;
  font-weight: bold;
  border-radius: 0;
}
body.ex-salepage.sp .list_menu ul li:nth-child(1) a{
	border-right: none;
	border-top-left-radius: var(--box-radius-large);
	border-bottom-left-radius: var(--box-radius-large);
}
body.ex-salepage.sp .list_menu ul li:nth-child(3) a{
	border-left: none;
}
body.ex-salepage.sp .list_menu ul li:nth-child(4) a{
	border-left: none;
	border-top-right-radius: var(--box-radius-large);
	border-bottom-right-radius: var(--box-radius-large);
}

body.ex-salepage.sp #contents-main{
	width:100%;
	padding: 10px;
}

body.ex-salepage.sp .shoplist_cat .item_group,
body.ex-salepage.sp .shoplist_cat .item_group#first,
body.ex-salepage.sp .shoplist_cat .item_group#second {
	padding: 0;
}

body.ex-salepage.sp .shoplist_cat .item_group li:before{
	display:none;
}
body.ex-salepage.sp .shoplist_cat .item_group > li {
	padding:16px;
	display: block;
}
body.ex-salepage.sp .shoplist_cat .item_group li .detail{
	padding:0;
	width:auto;
	overflow:hidden;
}
body.ex-salepage.sp .shoplist_cat .item_group li .service{
	width:100%;
	padding:10px 0 0;
}
body.ex-salepage.sp .shoplist_cat .item_group li .shopname{
	width: 65%;
    float: left;
	font-size: 16px;
    line-height: 1.3em;
}
body.ex-salepage.sp .shoplist_cat .item_group li .shopname em{
	font-size:80%;
}
body.ex-salepage.sp .shoplist_cat .item_group li .logo{
	float:right;
	width:28%;
	padding:0;
}
body.ex-salepage.sp .shoplist_cat .item_group li .logo img{
	width:100%;
}
body.ex-salepage.sp .shoplist_cat .item_group li .shopitem .itemlist{
	justify-content: center;
}
body.ex-salepage.sp .shoplist_cat .item_group li .shopitem .item dt:before{
	padding: 2px 4px;
}
/* body.ex-salepage.sp .shoplist_cat .item_group li .shopitem .item{
    height: 80px;
} */
body.ex-salepage.sp .to-top{
	bottom:120px;
}


/*================
新着セール表示 Splide
================*/
body.ex-salepage.sp div.salepage_btn{
	margin: 0;
	padding: 8px 0;
  .splide{
    width: 100%;
  margin-bottom: 10px;
  }  
  .splide__arrow--prev{left: -10px;}
  .splide__arrow--next{right: -10px;}
  .splide__list .item{
    padding: 5px;
    .name a{
      width: calc(100% - 10px);
      font-size: 0.8em;
      bottom: 10px;
      left: 5px;
    }
    p.image{
      height: 120px;
    }
    p.image .item_image_noimg{
      padding-top: 30px;
      img{
        height: 40px;
        }
    }
    p.image:before{
      right: 5px;
      top: 25px;
    }
  }
}


/*================
251226追記
================*/

body.ex-salepage.sp #contents-main .shoplist_cat .item_group{
	padding: 0 0 10px;
}
body.ex-salepage.sp #contents-main .shoplist_cat .item_group > li{
  border-width: 0 0 1px;
  width: 100%;
  border-radius: 0;
}
body.ex-salepage.sp #contents-main .shoplist_cat .item_group > li:last-child{
  border: none;
}
body.ex-salepage.sp #contents-main .shoplist_cat .item .service .text{
    padding: 15px;
    margin: 0;
    min-height: auto;
}


#contents-main.all .list_menu {
    display: none;
    bottom: 0;
    width: 100%;
    max-width: 780px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.25);
}
#contents-main.all .list_menu ul {
    display: flex;
}
#contents-main.all .list_menu ul li {
    background: #ea3661;
    border: #fff 1px solid;
    flex: 1;
    text-align: center;
    padding: 12px 0 25px;
    color: #fff;
    font-weight: bold;
    position: relative;
}
#contents-main.all .list_menu ul li::after {
    font-family: var(--fontfamily-icon);
    content: "\e313";
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
    font-size: 20px;
}
#contents-main.all .list_menu ul li a{
    color: #fff;
    font-weight: bold;
    line-height: 1rem;
}


section.event h3 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 3rem;
	margin:30px 0;
	border-radius: 15px;
	color: #000;
	background: #fff;
}
section.event > div {
    display: flex;
    gap: 15px;
    row-gap: 0px;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
}
section.event > div > div {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
section.event article.events .image {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    aspect-ratio: 2/1.3;
}
section.event article.events .image a {
    height: 100%;
    background: #fff;
    position: relative;
    display: block;
}
section.event article.events .image a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: top;
}
section.event article.events .image::after, section.campaign .image::after {
    content: "";
    display: block;
    height: calc(40px / 2 * tan(63deg));
    width: 40px;
    clip-path: polygon(100% 0%, 0 100%, 100% 100%);
    position: absolute;
    background: #5bbeb5;
    right: 10px;
    bottom: 10px;
}

section.event article.events .event_text h4 {
    font-weight:  bold;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: justify;
}
section.event h5 {
    font-style: normal;
    margin: 0px auto 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2rem;
    padding: 8px 0;
    background: #333;
    color: #fff;
    border-radius: 50px;
    width: 100%;
    letter-spacing: 0.2rem;
}
section.event h5 span {
    font-size: 18px;
    letter-spacing: 0.1rem;
}
section.event p.attention {
    padding: 30px 0;
    width: 100%;
}
section.event .link {
    display:none;
    
}
section.event article.events.overday{
    position: relative;
}
section.event article.events.overday::after{
    content: "終了しました";
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.75);
    color: var(--color-base-accent-dark);
    font-weight: 900;
    font-size: 26px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}




body.ex-salepage.sp section.event > div {
    gap: 15px;
    padding: 0;
    justify-content: center;
}
body.ex-salepage.sp section.event > div > div {
    width: calc(100%/2 - 8px);
    flex:unset;
    box-sizing: border-box;
    padding: 0 10px 10px;
}
body.ex-salepage.sp section.event h5 {
    margin: 10px auto;
}
body.ex-salepage.sp section.event article.events {
    flex-direction:column;
    gap: 10px;
}
body.ex-salepage.sp section.event article.events .event_text {
	margin-top: 0;
}
body.ex-salepage.sp section.event article.events .event_text h4 {
	font-size: 14px;
	line-height: 1.2rem;
}
body.ex-salepage.sp section.event p.attention {
    padding: 30px 0;
    box-sizing: border-box;
}
body.ex-salepage.sp section.event article.events.overday::after{
    content: "終了しました";
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.75);
    color: var(--color-base-accent-dark);
    font-weight: 900;
    font-size: 18px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}