﻿/* CSS Document */

/*-----------------------------------
フォント
-----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap");
body.ex-salepage #contents .catch,
body.ex-salepage .list_menu ul a,
body.ex-salepage #contents-main .shoplist_cat .cat_ttl{font-family: "M PLUS 1", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
font-style: normal;}


/*-----------------------------------
商品画像表示
-----------------------------------*/
/*画像表示店舗*/
ul.item_group li.shop20 .text:before {
  content: "";
  display: block;
  width: 210px;
  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.shop49 .text:before {
  content: "";
  display: block;
  width: 210px;
  height: 150px;
  margin: 0 auto 6px;
	border: 4px solid var(--color-base-line-light);
	border-radius: var(--box-radius-small);
  background-size: cover;
  background-image: url(shop49.jpg);
}
ul.item_group li.shop69 .text:before {
  content: "";
  display: block;
  width: 210px;
  height: 150px;
  margin: 0 auto 6px;
	border: 4px solid var(--color-base-line-light);
	border-radius: var(--box-radius-small);
  background-size: cover;
  background-image: url(shop69.jpg);
}
ul.item_group li.shop331 .text:before {
  content: "";
  display: block;
  width: 210px;
  height: 150px;
  margin: 0 auto 6px;
	border: 4px solid var(--color-base-line-light);
	border-radius: var(--box-radius-small);
  background-size: cover;
  background-image: url(shop331.jpg);
}

body.ex-salepage.sp ul.item_group li.shop .text:before {
	
}


/*-----------------------------------
PC
body.ex-salepage
-----------------------------------*/
body.ex-salepage #contents {
  background: #eae719;
  .inner {
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
  }
}


body.ex-salepage #contents .catch{
    text-align: center;
    font-size: 18px;
    line-height: 1.6em;
    padding: 16px 0 18px;
    color: #fff;
    background: #113482;
    background: linear-gradient(90deg, rgba(17, 52, 130, 1) 0%, rgba(158, 87, 133, 1) 100%);
}

/*-----------------------------------
SP
body.ex-salepage
-----------------------------------*/

body.ex-salepage.sp #contents .catch{
    font-size: 90%;
    text-align: left;
    padding: 12px 16px;
    position: relative;/*実機で隙間が出るので*/
    top: -1px;/*実機で隙間が出るので*/
	
	
	br{
		display: none;
	}
}
