header {
  width: 100%;
  height: 37vw;
  background: url(https://img21.shop-pro.jp/PA01517/899/etc_base64/dG9w.png?cmsp_timestamp=20250710141939) top left / cover no-repeat;
  position: relative;
}
header h1 {
  width: 225px;
  height: 309px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(https://img21.shop-pro.jp/PA01517/899/etc_base64/dGl0bGU.png) top center / 100% no-repeat;
  position: absolute;
  top: 15%;
  right: 18%;
}
@media screen and (max-width: 768px) {
  header {
    width: 100%;
  	height: 68vw;
  	background: url(https://img21.shop-pro.jp/PA01517/899/etc_base64/dG9wLXNw.png?cmsp_timestamp=20250710141547) top left / cover no-repeat;
  }
  header h1 {
    width: 112px;
    height: 154px;
    top: 35%;
    right: 9%;
	}
}
/* お知らせ ****************************/
.top-news {
  font-size: 90%;
  width: 90%;
  margin: 3em auto 5em auto;
  display: flex;
  justify-content: space-between;
  text-align: left;
  line-height: 1.7em;
}
.top-news div {
  width: 49%;
  background: white;
}
.top-news a {
  padding-bottom: .3em;
  border-bottom: 1px dotted #D2CDC3;
}
.top-news .news {
	font-size: 90%;  
  vertical-align: top;
   padding-bottom: 3em;
}
.chuui {
	display: block;
  text-align: center;
  padding: .5em 1em;
  background-color: #e7dbb8;
  font-weight: bold;
}
.news h3 {
  text-align: center;
  margin-bottom: .5em;
  padding: 2em 3em 0 3em;
}
.news p {
  font-weight: bold;
  margin: 1em auto;
  text-align: center;
  width: 80%;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #F0E5C2;
}
.news table {
  margin: 0 10% 0 10%;
}
.news th, .news td {
	padding: 1em 0;
  	border-bottom: 1px solid #F0E5C2;
}
.news tr:last-of-type th, .news tr:last-of-type td {
  border-bottom: none;
  padding-bottom: 0;
}
.date {
  color: #77746E;
  font-size: 90%;
  width: 9em;
  vertical-align: top;
}
.news td.dia {
  padding-top: 1.2em;
}
.dia img {
  width: 3em;
}
.news td {
  padding-left: 1em;
  vertical-align: top;
}
/* 会員登録 */
.info {
  text-align: left;
  padding: 3em;
}
.top-news a.welcome {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 2em;
    display: block;
    text-align: center;
    padding-bottom: 1em;
}
.info table {
	margin: 0 auto;
}
.info th, .info td {
  vertical-align: top;
  padding-bottom: 1.5em;
}
.info tr:last-of-type th, .info tr:last-of-type td {
  padding: 0;
}
.info img {
	height: 1.5em;
  padding-top: .3em;
  margin-right: .5em;
}
.info a.members {
  display: block;
  text-align: center;
  margin-top: 1em;
  border-radius: 2em;
  padding: .5em 1em;
  background-color: #e7dbb8;
  font-weight: bold;
  font-size: 90%;
}
@media screen and (max-width: 768px) {
  .top-news {
    display: inherit;
    margin: 3em auto;
  }
  .top-news div {
    width: 100%;
    margin-bottom: 1em;  
  }
  .news h3 {
    font-size: 100%;
    text-align: left;
    padding: 2em 10% 0 10%;
  }
  .news p {
    font-size: 90%;
  }
  .news td.dia {
    display: none;
  }  
  .info {
    font-size: 90%;
    }
  .info a.members {    
    padding: 0.5em 1.5em;
    margin-top: 0.5em;
  }
  .info img {
  margin-right: 1em;
  }
}
/* 商品一覧 ****************************/ 
.list-block {
  background: url(https://img21.shop-pro.jp/PA01517/899/etc_base64/bGlzdC1rdW1v.png) top left / 100% no-repeat;
  padding: 8vw 0 0 0;
}
.list-block h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 9vw;
}
.list {
  width: 70%;
  margin: 3em auto;
  display: flex;
  flex-wrap: wrap;
 justify-content: space-between;  
}
.list li {
  width: 23%;
  margin: 0 0 4em 0;
  position: relative;
}
.list-img {
  border-bottom: 1px solid #DBCB9B;
}
.list-txt {
  padding: 1.5em 0;
  font-size: 80%;
  text-align: center;
}
.expl, .list-price {
  color: #77746E;
}
.expl {
  margin-bottom: 0;
    font-size: 90%;
}
img[src="https://img.shop-pro.jp/img/new/icons1.gif"] {
  content: url("https://img21.shop-pro.jp/PA01517/899/etc_base64/bmV3.jpg");
  width: 32px!important; /* 必要に応じてサイズ調整 */
  height: auto;
  position: absolute;
  top: -15px;
  right: 10px;
}
.list-price {
  font-size: 110%;
  margin-top: .5em;
}
.soldout {
  color: #A5410D;
}
.list-price span.yen {
  font-size: 70%;
  margin-left: .2em;
}
.list-price span.tax {
  font-size: 60%;
  margin-left: .5em;
}
@media screen and (max-width: 768px) {
	.list-block {
    	padding: 30vw 0 0 0;
  	}
  .list {
    width: 80%;
  }
  .list li {
    width: 48%;
  	margin: 0 0 1em 0;
  }
  .list-txt {
    padding: 1em 0 2em 0;
  }
  .list-name img {
    width: 16% !important;
    top: -10px;
  }
}