/* ========================================
   説明文
======================================== */

.contents-lead {
  margin: 0 0 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #404040;
  
}

.contents-title {
  margin: 0 0 10px;

  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  margin-top: 15px;
}

.contents-title::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1em;
  background: currentColor;
  margin-right: 10px;
  vertical-align: -0.1em;
}

/* ========================================
   注意書き
======================================== */

.special-note {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 0;
  letter-spacing: 0.03em;
}


/* ========================================
各セクションの間隔調整
======================================== */

.section {
  margin-bottom: 40px;
}

.special-SEshop-contents-01{
   margin-bottom: 40px;

}

/* ========================================
  アンブレラマーカー画像
======================================== */

.umbrella_marker img {
  display: block;
  max-width: 80%;
  max-height: 80%;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
}


/* ========================================
   アコーディオン
======================================== */

.shop-list {
  width: 100%;
  margin: 0;

  border-bottom: 1px solid #111;
}

.shop-list summary {
  position: relative;

  padding: 0 50px 3px 0;

  list-style: none;
  cursor: pointer;

  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #404040;
}

.shop-list summary::-webkit-details-marker {
  display: none;
}

/* ＋ */
.shop-list summary::after {
  content: "+";

  position: absolute;
  top: 50%;
  right: 0;

  transform: translateY(-50%);

  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}

/* 開いたら − */
.shop-list[open] summary::after {
  content: "−";
}


/* ========================================
   書店リスト
======================================== */

.shop-list-content {
  padding: 20px 0 30px;
color: #404040;
  font-size: 13px;
  line-height: 1.8;
}


/* ========================================
  サイン本画像
======================================== */

.sign_book img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
}


/* ========================================
  SEshop限定特典画像
======================================== */

.SEshop_tokuten img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto 0px;
}

/* ========================================
  Tシャツ画像
======================================== */

.T_shirt img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
}

/* ========================================
  Tシャツ販売情報
======================================== */
.T_shirt-buy-info{
 font-size: 13px;
  line-height: 1.6;
  text-align: center;
}


/* ========================================
  TシャツSEShop購入ボタン
======================================== */

/* 購入ボタン本体 */
.purchase-T_shirt summary {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 40px;
  padding: 15px;

  background: #666;
  color: #fff;

  font-size: 15px;
  font-weight: 600;
  text-align: center;

  list-style: none;
  cursor: pointer;
  margin:20px 0px
}

/* 標準の三角マークを非表示 */
.purchase-T_shirt summary::-webkit-details-marker {
  display: none;
}

/* メニューの配置基準 */
.purchase-T_shirt details {
  position: relative;
}

/* メニュー全体 */
.purchase-T_shirt-menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  width: 100%;
  z-index: 20;
  flex-direction: column;
}

/* 開いたときに表示 */
.purchase-T_shirt details[open] .purchase-T_shirt-menu {
  display: flex;
}

/* Lサイズ・XLサイズの各行 */
.purchase-T_shirt-menu a {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 12px;
  box-sizing: border-box;

  background:rgb(255 255 255 / 90%);
  color: #222;
  text-align: center;
  text-decoration: none;

  border: 1px solid #eee;
}
/* マウスを乗せたとき */
.purchase-T_shirt-menu a:hover {
  background: #c51b25;
  color: #fff;
}

/* クリック中 */
.purchase-T_shirt-menu a:active {
  background: #8f111a;
  color: #fff;
}

/* キーボードで選択したとき */
.purchase-T_shirt-menu a:focus-visible {
  outline: 2px solid #222;
  outline-offset: -2px;
}


/* ========================================
  Tシャツ対象書店
======================================== */
.T_shirt-shop{
font-size: 13px;
color: #404040;
  line-height: 1.6;
  margin: 0;
}
/* 対象書店の見出し */
.T_shirt-shop span:first-child {
  display: block;
  font-weight: 500;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #111;
}

/* 書店一覧 */
.T_shirt-shop span:last-child {
  color: #404040;
  font-weight: 400;
  display: block;
  line-height: 1.8;
}

/* ========================================
 ABOUTのシリーズ説明
======================================== */

.about-main-catch{
   margin: 0 0 30px;
font-size: 25px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.slogan img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
  margin-bottom: 35px;
}

/* 既刊リスト */
.book-series-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

.book-series-grid img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}


/* ページ内リンクの着地点を調整 */
.section[id] {
  scroll-margin-top: 80px;
}
#top {
  scroll-margin-top: 100px;
}