【3/10,17】yosugala「No border」発売記念オンラインイベント

yosugalayosugala

yosugala リミスタ初登場!


Choose the signing you are interested in

On Limista, the offers change depending on the group and the signed items. Choose the offer that interests you the most and remember to check the conditions at the end of the page or the product page.

There is no product available

Event description

The translation is done automatically and is provided for your convenience. Please do not rely on this translation alone when making your bidding decision - make sure that the article meets your expectations before placing a bid - and ask questions if necessary!
google translate
OR
OR
 Translate

by using the machine-learning powered

/* ─────────────────────────────── 全体共通設定 ─────────────────────────────── */ /* すべての要素の box-sizing を border-box に統一 */ *, *::before, *::after { box-sizing: border-box; } /* ページ全体の基本スタイル */ html { overflow-x: hidden; } body { font-family: Arial, sans-serif; /* 使用フォント */ margin: 0; /* ページ外側の余白をリセット */ padding: 15px; /* 内側余白 */ background-color: #f5f5f5; /* 背景色(薄いグレー) */ word-wrap: break-word; /* 単語の途中でも折り返し可 */ overflow-wrap: break-word; /* 単語の途中でも折り返し可(互換) */ font-size: 13px; /* 基本フォントサイズ */ overflow-x: hidden; /* 横スクロールを禁止 */ } p { margin: 0 0 0.75em; } @media screen and (max-width: 600px) { body { padding-left: 0; padding-right: 0; } } /* 各セクション(.section クラス)の下に余白を付ける */ .section { margin-bottom: 15px; } /* ─────────────────────────────── 「開催日時」ブロック ─────────────────────────────── */ /* 見出し(h2)部分の装飾 */ #kaisai h2 { font-size: 18px; /* フォントサイズ */ font-weight: bold; /* 太字 */ color: #3b8686; /* 文字色(青緑) */ padding: 12px; /* 内側余白 */ border-radius: 4px; /* 角丸 */ background-color: #ffffff; /* 背景色(白) */ text-align: center; /* 中央揃え */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 影 */ } /* 日時そのものを表示する div の装飾 */ #kaisai .content { font-size: 20px; font-weight: bold; color: #3b8686; padding: 15px; background-color: #ffffff; border: 2px solid #3b8686; /* 枠線(青緑) */ border-radius: 4px; text-align: center; word-wrap: break-word; } /* 「開催日時ブロック」の 0.75 倍 = 2 段小さく */ #kaisai .content .dt-notice { display: block; /* 改行を確実に入れる */ font-size: 0.85em; /* 親フォントの 75% */ line-height: 1.4; margin-top: 4px; /* 上に少し余白 */ } /* ─── EVENT_OVERVIEW 共通 ─── */ .overview { font-size: 13px; /* デスクトップ基準(お好みで) */ line-height: 1.6; font-weight: 600; /* 元の相当 */ margin: 20px 0; } .overview p { margin: 0 0 1em; } .overview p:last-child { margin-bottom: 0; } /* ─────────────────────────────── 水平線(
) ─────────────────────────────── */ hr { border: none; border-top: 2px solid #3b8686; /* 上側だけ線を引く */ margin: 25px 0; } /* ─────────────────────────────── 詳細タブ(
) ─────────────────────────────── */ /* details 全体のボックス */ .details-section { margin-bottom: 12px; background-color: #3b8686; /* タブのバー背景色 */ border-radius: 4px; overflow: hidden; /* 角丸を有効にするため */ transition: all 0.3s ease; /* アニメーション */ } /* summary(タブ見出し)のデザイン */ .details-section summary { display: flex; align-items: center; font-size: 16px; font-weight: bold; color: #ffffff; /* 文字を白に */ padding: 10px 12px; cursor: pointer; /* クリックできる形状 */ list-style: none; /* 矢印(デフォルト)を消す */ background-color: #3b8686; /* 背景色(青緑) */ position: relative; z-index: 1; outline: none; /* フォーカス枠を消す */ user-select: none; /* テキスト選択を無効化 */ } /* ブラウザ既定のマーカー(▶)を非表示に */ .details-section summary::-webkit-details-marker { display: none; } /* 見出し左側のアイコン(閉じているとき ▼)*/ .details-section summary::before { content: '▼'; font-size: 12px; color: #ffffff; transition: transform 0.3s ease; margin-right: 8px; } /* 見出し右端の「開く」ラベル */ .details-section summary::after { content: '開く'; font-size: 12px; color: #ffffff; transition: content 0.3s ease; margin-left: auto; } /* 開いた状態([open] が付く)で矢印を上向きに */ .details-section[open] summary::before { content: '▲'; } /* 開いた状態でラベルを「閉じる」に変更 */ .details-section[open] summary::after { content: '閉じる'; } /* タブの中身(div)のスタイル */ .details-section > div { font-size: 16px; padding: 14px; background-color: #ffffff; border: 1px solid #3b8686; /* 枠線 */ border-top: none; /* 上枠線だけ消す (summary と重複するため) */ border-radius: 0 0 4px 4px; /* 下側だけ角丸 */ line-height: 1.6; /* 行間 */ max-height: none; overflow: visible; transition: none; word-wrap: break-word; } /* open 時に中身を表示(最大高さを大きく)*/ .details-section[open] > div { /* max-height: 80vh; */ /* overflow-y: auto; */ } /* 注意事項タブのスタイル */ #caution > summary { background-color: #e74c3c; color: #fff; } #caution > div { border-color: #e74c3c; } /* ─────────────────────────────── 共通要素 ─────────────────────────────── */ /* 画像をコンテナ幅に合わせる */ img { max-width: 100%; height: auto; } /* リンク(aタグ)の色と装飾 */ a { color: #3b8686; text-decoration: none; word-break: break-all; /* 長い URL を折り返す */ } /* リンクにホバーしたとき下線を付ける */ a:hover { text-decoration: underline; } /* ─────────────────────────────── レスポンシブ調整(画面幅 600px 以下=スマホ想定) ─────────────────────────────── */ @media (max-width: 600px) { #kaisai h2 { font-size: 12px; padding: 10px; } .details-section summary { font-size: 14px; /* 好みで 12px 〜 14px に調整してください */ } /* タブ内文字を小さく、余白を狭く */ .details-section > div { font-size: 11px; /* 本文フォントサイズを縮小 */ padding: 8px 10px; /* 内側余白も小さく */ } body { margin: 15px; /* ページ余白を縮小 */ } /* 見出しや summary のパディングを調整 */ .section h2, .details-section summary { padding: 8px 10px; } /* 他の div もフォント/余白を縮小 */ .section div, #kaisai .content, .details-section > div { padding: 8px 10px; font-size: 12px; } /* summary のアイコンとラベルも小さく */ .details-section summary::before, .details-section summary::after { font-size: 10px; } .overview { font-size: 10px; /* PCとの差 2px だけ下げる場合 */ } } /* summary にホバー or フォーカスしたとき背景色を濃く */ .details-section summary:hover, .details-section summary:focus { background-color: #245757; } /* ─────────────────────────────── 配送タブ内の送料表 (.shipping-fee) ─────────────────────────────── */ /* 表全体の基本設定 */ .shipping-fee { border-collapse: collapse; /* 罫線を重ねる */ width: 100%; margin: 8px 0 12px; font-size: 13px; } /* セルの罫線とパディング */ .shipping-fee th, .shipping-fee td { border: 1px solid #ccc; padding: 4px 6px; } /* ヘッダーセルの背景と文字揃え */ .shipping-fee th { background: #f0f0f0; font-weight: bold; text-align: center; } リミスタにて対象商品をご予約・ご購入いただいたお客様に、オンラインイベントを実施いたします! 特典会実施内容、CD予約及び購入方法は後日解禁となります! 続報をお楽しみに!