@charset "utf-8";
/* CSS Document */

#maincover{background: url("../images/reissue/maincover.jpg") repeat-x center; background-size:auto 100%;
  height: 780px;}
#maincover .container{ display: flex; justify-content: center; height: 780px;}
body.is-scrolled #maincover .container{top:60px;}

#maincover h2{padding-top: 80px;}
#maincover h2 img{max-width: 520px;}

#header .wrap-inner hgroup h1 img{max-width: 280px;}


#reissue{padding: 60px 0 40px 0;}

#reissue hgroup{margin-bottom: 40px;}
#reissue hgroup h3{padding-right: 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#reissue hgroup .sub{font-size: 3rem; line-height:110%;}
#reissue hgroup .sub::first-letter{color: #d52271;}

#reissue hgroup .main{font-size:1rem; margin-top: 15px; line-height: 100%;}

#header .wrap-inner .wrap-nav {opacity: 0.8;}

#reissue .leadtext{ padding-bottom: 40px;}
#reissue .leadtext p{padding-bottom: 30px;}
#reissue .leadtext dl{ display: flex; justify-content: flex-start; margin-bottom: 15px; align-items: center;}
#reissue .leadtext dl dt{border: #d52271 solid 1px; color:#d52271; border-radius: 5px; padding: 5px 10px; margin-right: 10px; font-size: 0.9rem;}
#reissue .leadtext dl dd{font-size: 1.1rem;}
#reissue .leadtext dl dd .en_b{font-size: 1.3rem; color: #d52271;}

#reissue .leadtext ul.desc{border:#AC0002 solid 1px; border-radius: 10px; padding: 10px 20px; margin-bottom: 40px; color: #AC0002;}

#reissue .coution{background: #efeae4; border-radius: 5px; margin-bottom: 50px; padding: 10px; text-align: center;}


#reissue .reissue-list{text-align: center;}


#reissue .reissue-list .list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
padding-bottom: 30px;
}
#reissue .reissue-list .list img{
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}

#reissue .reissue-list .list dt{position: relative;}
#reissue .reissue-list .list .type{background: #000; color: #fff; font-size: 12px; line-height: 100%;
 display: flex; justify-content: center; align-items: center; padding: 10px; position:absolute; top:10px; left: 10px; border-radius: 5px;}

#reissue .reissue-list .list .type.a-type{background: #032DA3;}
#reissue .reissue-list .list .type.b-type{background: #650696;}

#reissue .reissue-list .list dd{background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 5px; padding: 10px; padding-bottom: 5px; margin-top: -10px; position: relative; z-index: 1; margin: -15px 20px 0 20px;}
#reissue .reissue-list .list dd p{line-height: 150%; margin-bottom: 5px;}
#reissue .reissue-list .list dd .price .en_b{font-size: 1.3rem; color: #d52271;}


.title-line {
  position: relative;
  text-align: center;
	margin-bottom: 60px;
}

.title-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d52271;
  transform: translateY(-50%);
}

.title-line h3 {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 12px 28px;
  background: #d52271;
  color: #fff;
  border-radius: 999px;
  z-index: 1;
}

#reissue .reissue-list ul li img{
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}


.wrap-phoplist .button a{background: #fff; border:#d52271 solid 1px; color: #d52271; display: inline-flex;
 border-radius: 99px; padding: 10px 30px;}

.wrap-phoplist {
  margin-top: 30px;
margin-bottom: 60px;
}

/* 外枠 */
.wrap-phoplist dl {
  background: #efeae4;
  border-radius: 10px;
  padding: 10px;
}

/* ボタン */
.wrap-phoplist dl dt {
  text-align: center;
}

/* ▼ 閉じている状態（重要） */
.wrap-phoplist dl dd {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  margin-top: 0;
  background: transparent;
  border-radius: 10px;
  transition:
    max-height 0.4s ease,
    padding 0.3s ease,
    margin 0.3s ease;
}

/* ▼ 開いた状態 */
.wrap-phoplist.is-open dl dd {
  max-height: 3000px;
  background: #fff;
  padding: 20px;
  margin-top: 10px;
}

/* 見出し */
.wrap-phoplist dl dd h5 {
  font-size: 0.9375rem
;
  margin-bottom: 5px;
}

/* 店舗リスト */
.wrap-phoplist dl dd h4{margin-bottom: 10px; line-height: 100%; text-align: left;}


.wrap-phoplist dl dd ul {
  display: flex!important;
  flex-wrap: wrap;
grid-template-columns:auto;
gap:0!important;
  border-bottom: 1px solid #efeae4;
  padding-bottom: 15px;
	margin: 0 auto;
  margin-bottom: 15px!important;

}

.wrap-phoplist dl dd ul li {
  font-size: 0.8125rem;
}

/* 区切り線（最後以外） */
.wrap-phoplist dl dd ul li::after {
  content: '｜';
  margin: 0 8px;
  color: #D5D5D5;
}

.wrap-phoplist dl dd ul li:last-child::after {
  display: none;
}

.wrap-phoplist dd {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.45s ease,
    opacity 0.3s ease;
  margin-top: 0;
}

.wrap-phoplist.is-open dd {
  max-height: 6000px; /* 十分大きめ */
  opacity: 1;
}

.wrap-phoplist dl dd {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  margin-top: 0;

  background: #fff;
  border-radius: 10px;

  opacity: 0;
  transition:
    max-height 0.4s ease,
    padding 0.3s ease,
    margin 0.3s ease,
    opacity 0.25s ease;
}
.wrap-phoplist.is-open dl dd {
  max-height: 6000px;
  padding: 20px;
  margin-top: 10px;
  opacity: 1;
}

.stand{ display: flex; align-items: center; flex-direction: column; position: relative;}
.stand img{max-width: 960px;}


.detail{background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 12px 24px rgba(0, 0, 0, 0.08);
    border-radius: 5px; padding: 20px 40px;
 display: inline-flex; margin: 0 auto; margin-top: -40px;}

.detail{flex-direction: column; justify-content: center; align-items: center;}
.detail ul{display:flex; justify-content: flex-start; flex-wrap: wrap; font-size: 12px; line-height: 180%;
 max-width: 600px;}

.detail .price{margin-bottom: 10px;}
.detail .price .en_b{font-size: 1.3rem; color: #d52271;}

#news .newslist dl{display: flex; justify-content: flex-start; border-bottom: #dedede solid 1px; margin-bottom: 20px; padding-bottom: 20px;}
#news .newslist dl dt.icon{background:#008200; color: #fff; line-height: 100%; font-size: 0.72rem; display: flex; justify-content: center;
 align-items: center; height: 22px; width: 50px; margin-right: 10px; margin-top: 4px;}
#news .newslist dl dt.icon.blog{background: #0028A0;}
#news .newslist dl dd{flex: 1;}
#news .newslist dl dd time{font-size: 0.72rem; color: #646464;}

.saleday{display: flex; flex-direction: column; width: 100%; margin-bottom: 40px; font-size: 1.4rem; font-weight: bold; line-height: 100%;
　justify-content: flex-end; vertical-align: bottom;}
.saleday .en_b{font-size: 1.6em; line-height: 100%; color: #d52271;}

.saleday .day{display: inline-flex; margin: 0 auto; margin-bottom: 30px; align-items: flex-end; vertical-align: bottom;}
.saleday .pre{display: inline-flex; margin: 0 auto; font-size: 1.1rem; margin-bottom: 30px; align-items: flex-end; vertical-align: bottom;
 background: #d52271; color: #fff!important; border-radius: 99px; padding: 10px 20px;}
.saleday .pre .en_b{color: #fff;}

@media screen and (max-width: 980px) {
#maincover .container{top:60px;}	
}

@media screen and (max-width: 600px) {

#reissue .reissue-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:15px;
margin-bottom: 40px;
}

#reissue .reissue-list .list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
padding-bottom: 0;
}	
	.wrap-phoplist{margin-top: 10px;}
#reissue .reissue-list .list .type{font-size: 10px; top:-10px; padding: 5px 10px;}

#reissue .reissue-list .list dd{ padding: 10px 2%; padding-bottom: 5px; position: relative; z-index: 1; margin:-15px 5px 20px 5px;
	 font-size: 10px;}
#reissue .reissue-list .list dd p{line-height: 150%;}
#reissue .reissue-list .list dd .price .en_b{font-size: 1.1rem; }	
	

.stand .img{overflow-x: hidden;}
.stand img{max-width: 960px; width: 120%; margin-left: -10%;}	
.detail{margin: 0 10px;}

#maincover{background-size:100% auto; background-repeat: repeat-y!important; height: 480px;}
#maincover .container{height: 480px;}
#maincover h2{padding: 0;}

#maincover h2 img{width: 90%; margin: 0 auto;}

#reissue .leadtext dl{ display: flex; flex-direction: column;}
#reissue .leadtext dl dt{width: 100%; margin-bottom: 15px; justify-content: center; text-align: center;}
#reissue .leadtext dl dd{font-size: 1.1rem;}
#reissue .leadtext dl dd .en_b{font-size: 1.3rem; color: #d52271;}	

#reissue .leadtext ul.desc{padding: 10px 2%;}

.saleday{font-size: 1.2rem;}	
	
}