/* CSS Document */

:root {
    --color-sale-dark: #d62752;
}

/*-----------------------------------
商品画像表示
-----------------------------------*/
/*画像表示店舗*/
ul.item_group li.shop20 .text:before {
  content: "";
  display: block;
  width: 250px;
  height: 150px;
  margin: 0 auto 8px;
	border: 4px solid var(--color-base-line-light);
	border-radius: var(--box-radius-small);
  background-size: cover;
  background-image: url(shop20.jpg);
}

ul.item_group li.shop285 .text:before {
  content: "";
  display: block;
  width: 250px;
  height: 150px;
  margin: 0 auto 8px;
	border: 4px solid var(--color-base-line-light);
	border-radius: var(--box-radius-small);
  background-size: cover;
  background-image: url(shop285.jpg);
}

body.ex-salepage.sp ul.item_group li.shop .text:before {
	
}


/*-----------------------------------
PC
body.ex-salepage
-----------------------------------*/



body.ex-salepage #contents {
	position: relative;
	    background: #ffde63;
  .inner {
	          margin: 0 auto;
	  padding-bottom: 0;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
	  
  }
}



body.ex-salepage #contents-main .shoplist_cat .cat_ttl{
    padding: 16px 10px 14px;
}

body.ex-salepage .list_menu ul{
	    max-width: 904px;
}

body.ex-salepage .attention{
	padding-bottom: 30px;
}


body.ex-salepage #contents .bgimg{
		width: 100%;
	height: 600px;
position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: rgba(245, 241, 204, 1);
background: linear-gradient(0deg,rgba(255, 222, 99, 1) 0%, rgba(255, 159, 159, 1) 100%);
}

body.ex-salepage #contents .bgimg:before{
	content: "";
	width: 100%;
	height: 477px;
	position: absolute;
	display:block;
	background: url(fig_kirakira.png) no-repeat;
	background-position: calc(50% - 717px) top;	
	animation: flashing 3s infinite;
}

body.ex-salepage #contents .bgimg:after{
	content: "";
	width: 100%;
	height: 477px;
	position: absolute;
	top: 100px;
	display:block;
	background: url(fig_kirakira.png) no-repeat;
	background-position: calc(50% - 717px) top;	
	animation: flashing 3s infinite;
	animation-delay: 1.5s;
	transform: scale(-1, 1);
}
@keyframes flashing {
	0% {
		opacity: 1;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


body.ex-salepage #contents .catch{
    text-align: center;
    font-size: 16px;
    line-height: 1.6em;
    padding: 0 0 26px;
    margin-top: -18px;
    color: #fff;
    background: var(--color-sale-dark);
    font-weight: normal;
	br{
		display: none;
	}
}

body.ex-salepage #contents .floor{
font-weight: normal;
	    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}


/*-----------------------------------
SP
body.ex-salepage
-----------------------------------*/

body.ex-salepage.sp #contents-main{
	margin-bottom: 0;
}

body.ex-salepage.sp .shoplist_cat{
	background: #ffde63;
	position: relative;
}

body.ex-salepage.sp .shoplist_cat:before{
    content: "";
    width: 100%;
    height: 300px;
    display: block;
    background: rgba(245, 241, 204, 1);
    background: linear-gradient(0deg, rgba(255, 222, 99, 1) 0%, rgba(255, 159, 159, 1) 100%);
    position: absolute;
    left: 0;
    top: 0;
}

body.ex-salepage.sp .list_menu.bottom,
body.ex-salepage.sp .attention{
	background: #ffde63;
	padding-top: 0;
}

body.ex-salepage.sp #contents-main .shoplist_cat .cat_ttl,
body.ex-salepage.sp .shoplist_cat .item_group{
		position: relative;
	z-index: 2;
}

body.ex-salepage.sp #contents .catch{
font-size: 90%;
    line-height: 1.4em;
    text-align: center;
    padding: 4px 16px 14px;
    margin: 0;
	
	
	br{
		display: block;
	}
}

body.ex-salepage.sp .list_menu ul li a{
	border-width: 3px;
}