@charset "UTF-8";
@import url("reset.css");

html { 
  scroll-behavior: smooth;
}

:root {
  --color-primary: #715c1f;
  --color-primary-rgba: rgba(113, 92, 31, 1);
  --color-primary-rgba-hover: rgba(113, 92, 31, 0.7);
  --color-secondary: rgba(249, 130, 172, 1);
  --color-text: #2b2b2b;
  --navy: rgba(0, 61, 99, 1);
  --navy2: rgba(0, 61, 99, 0.7);
  --magenta: rgba(224, 35, 138, 1);
  --magenta2: rgba(224, 35, 138, 0.7);
  --purple: rgba(134, 80, 169, 1);
  --yellow: rgba(255, 246, 167, 1);
  --pink: rgba(249, 130, 172, 1);
  --brown: rgba(168, 145, 133, 1);
  --brown2: rgba(168, 145, 133, 0.7);
  --coral: rgba(255, 133, 133, 1);
  --green: rgba(127, 181, 105, 1);
  --green2: rgba(127, 181, 105, 0.7);
  --blue: rgba(118, 204, 193, 1);
  --blue2: rgba(118, 204, 193, 0.7);
}


.block-header-gnav,
.page-event h1.block-event-page--header {
	position: relative;
	z-index: 10;
	color: #222;
}
.block-header-gnav {
	z-index: 20;
}

/*_content ctrl_*/
.hideConte {
	display: none !important;
}
.wrapper {
    background: transparent !important;
}
.priConte {
	position:relative;
	z-index: 1;
}

#event-up-acoustic {
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ',Meiryo, sans-serif;
	color: rgb(85,85,85);
	font-weight: 400;
}

/*__main visual__*/
.img-Mv {
	display: block;
	width: 750px;
	margin: 0 auto;
}
.img-Mv img {
	position: relative;
	z-index: 7;
}

.upLink a,
a.attn {
	display: block;
	text-decoration: underline;
	font-size: clamp(1.063rem, 0.918rem + 0.3vw, 1.125rem);
	font-weight: 900;
	margin: 1em 0;
	position: relative;
	z-index: 0;
}

.attn {
	display: block;
	font-size: 1.3em;
	font-weight: 900;
	margin: 1.5em 0;
	position: relative;
	z-index: 0;
}

a.attn, .attn {
	color: var(--color-secondary);
}

.upLink {
	width: 100%;
	text-align: right;
	margin: 30px 0 0;
}
.upLink a {
	font-size: 1.1em;
	color: var(--color-secondary);
}

/* --------------------------------------------------------------------
	PC/	Common/
--------------------------------------------------------------------- */
/* H */

h3.bg-Ribon {
  width: 100%;
  margin: 1.8em auto 1.1em;
  padding: 1.3rem;
  background: var(--brown);
  color: #fff;
  text-align: center;
  font-size: 2.1em;
  font-weight: 900;
  position: relative;
  z-index: 15;
}
h3.bg-Ribon.limiTed {
	background: var(--coral);
	margin: 0 auto 2em;
	font-size: 1.8em;
}
h3.bg-Ribon.first_limit {
	background: var(--green);
	margin: 0 auto 2em;
	font-size: 1.8em;
}
h3.bg-Ribon.nomal {
	background: var(--blue);
	margin: 0 auto 2em;
	font-size: 1.8em;
}

h4 {
  color: var(--color-text);
  font-size: clamp(1.125rem, 0.836rem + 0.6vw, 1.25rem);
  font-weight: 900;
  text-align: center;
  margin: 0 auto 1em;
}
h4.underLine {
  width: 12%;
  border-bottom: 10px solid var(--pink);
}
h4.newitem {
  color: #2B2B2B;
  font-weight: 900;
  text-align: center;
    font-size: 1.8em;
    margin: 2em auto 1em;
    padding: 0.5em 0;
    border-top: rgb(43,43,43) solid 1px;
    border-bottom: rgb(43,43,43) solid 1px;
}

/* text Ctrl*/
.r-Txt { /* Red-text */
	color: rgba(225,0,0,1);
}
.p-Txt { /* Pink-text */
	color: rgba(249,130,172,1);
}
.gr-Txt { /*Gray-text*/
	color: rgb(85,85,85);
}
.blu-Txt {
	color: rgb(6,25,58);
}
.y-Txt { /*Yellow-text*/
	color: rgb(255,246,167);
}
.main-Txt{ /*maincolor-text*/
	color: rgb(224,35,138);
}
.min_Txt { /* Small-text */
	font-size: 0.85em;
}
.m-Txt { /* medium-text */
	font-size: 1.2em;
}
.large-Txt { /* Large-text */
	font-weight: 900 !important;
	font-size: 1.3em !important;
}

.tokuten_Txt {
	text-align: center;
	color: rgb(6,25,58);
	font-weight: 900;
    font-size: 1.5em;
	margin-bottom: 10px;
}

.rhombus-gold {
	color: #BFA46F;
}

.center{
	text-align:center;
	margin: auto;
}
/* Container */
#content-bg {
	width: 1200px;
	margin: 70px auto 50px;
	z-index: -2;
}

.wrap-Container {
	width: 1070px;
	margin: 50px auto;
	padding: 10px;
	position: relative;
}

/*_inf-Area_*/
.inf-Area {
	width: 910px;
	box-sizing: border-box;
	margin: 2em auto;
	position: relative;
	z-index: 10;
	text-align: center;
	color: var(--color-text);
}
.inf-Area.pConte {
	padding: 15px 50px;
	text-align: left;
}
.inf-Area.benefits {
	margin: 0 auto;
	width: calc(( 100% - 100px ) / 1);
}
/*.benefits img {
	width: 770px !important;
}*/

.inf-Area.benefits .att_fr {
	border: 1px solid rgba(255,78,124,1);
	text-align: left;
	line-height: 1.8em !important;
}

.inf-Area.bG {
	border: 1px solid rgba(118,63,65,1);
}
.inf-Area p {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.2em;
}
.txt-Catch {
	font-size: 1.55em;
	font-weight: 600;
}
.Lttl {
  font-size: 1.35em;
  color: var(--color-primary);
}

.dot {
	border: dashed 0.5px;
	border-color: #06193A;
	width: 770px;
	margin: 30px auto;
}

/*_list-Frame_*/
.index-Box {
  display: flex;
	flex-flow: row;
  margin: 3.3em auto 3em;
  justify-content: center;
}
.index-Box a:hover{
	text-decoration: none;	
}
.indexItem {
  /*margin: 1em;*/
  background: var(--brown);
  padding: 2em 1em;
  outline: 2px solid rgb(255, 255, 255);
  outline-offset: -5px;
  /*max-width: 96%;*/
  width: 310px;
  text-align: center;
  display: grid;
  place-items: center;
}
.indexItem:hover {
	background-color: var(--brown2);
}

.indexItem p {
  font-size: 1.8em;
  color: #fff;
  font-weight: 600;
}

.about-acoustic p{
	font-size: 1.4em;
	color: var(--color-text);
}
.about-acoustic .headline{
	font-size: 1.8em;
	font-weight: 900;
	color: var(--pink);
}
/*_早期予約特典_*/
#Early .inf-Area p{
	text-align: left;
}#Early .inf-Area p.c_Txt{
	text-align: center;
	margin-bottom: 3em;
}
#Early .early_deadline{
	font-size: 1.8em;
}
#Early .inf-Area span{
	font-weight: 600;
	font-size: 1.25em;
}
#Early .inf-Area img{
	display: block;
	margin: 0;
}
#Early .txt_margin{
	/*margin-bottom: 15px;*/	
  }
#Early .deadline{
	margin-top: 60px;
  }/*_購入特典_*/
#Privilege .inf-Area p{
}

/*_LINEUP_*/
#lineUp {
	width: 1200px;
	margin: 0 auto 1.5em;
}
.lineup-box{
	box-sizing: border-box;
	padding: 2em;
	width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(360px, 420px) 1fr;
	gap: 1.5rem 6.5rem;
	align-items:stretch;
	border: rgba(43, 43, 43, .9) solid 1px;
}
.boxImg{
  display: block;
  width: 100%;
  height: auto;

}
.boxTxt{
  margin: 0 0 .75em;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.boxTxt p{
	font-size: 1.4em;
	color: rgba(43,43,43,1);
}
.boxTxt .buy .price{
	font-size: 1em;
}

.tagOlder,
.tagLimited {
	font-weight: 900;
	color: #fff;
	padding: 0.1em 0;
	text-align: center;
	font-size: 1.8em;
	letter-spacing: 0.1em;
    border: #B18440;
}
.tagOlder {
	background: rgba(114,59,64,1);
}
.tagLimited {
	background: rgba(255,78,124,1);
}

/*_buy_*/
.buy {
	font-size: 2.1em;
	font-weight: 900;
	text-align: center;
	margin: 1em auto 0;
}

.limit {
	font-size: 1.15em;
	font-weight: 900;
}
.price {
	font-size: 1.8em;
	font-weight: 900;
	text-align: center;
	color: #2b2b2b;
}
.limit {
	color: #FF4E7C;
}
.price::after { /*default-setting*/
 /*   font-size: 0.667em;
    font-weight: 500;
    content: "（税込）";*/
}
.so {
	color: #634114 !important;
	font-size: 1.8em;
	font-weight: 900;
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff,  0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
	margin-top: 1em;
}

/*_btn_*/

/*商品ラインナップ*/
#lineup_album {
  padding: clamp(16px, 3vw, 32px) 0;
}
#lineup_album .lineup__inner {
  width: min(1200px, 92vw);
  margin-inline: auto;
}

#lineup_album .product-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* PC: 3カラム固定 */
  gap: clamp(12px, 2.2vw, 24px);
  list-style: none;
  margin: 0;
  padding: 0;
}

#lineup_album .product-card {
  background: rgba(255,255,255,1);
  border: rgba(6,25,58,.9) solid 1px;
  padding: 45px;
}

#lineup_album .product-card__media img {
  display: block;
  width: 100%;
  height: auto;
}

.product-card__body{
	color: rgba(43,43,43,1);
}

.name.tTl{
	font-size: 1.8em;
	text-align: center;
	font-weight: 900;
	margin: 1em 0 0.5em;
}
.product-card__buy{
	text-align: center;
	justify-content: center;
}

/*_add-size_*/
ul.btn_cuatro {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}
ul.btn_cuatro li {
    width: calc(( 100% - 10px ) / 2);
}
ul.btn_cuatro li a {
	background-color: rgba(6,25,58,1);
	width: 100% !important;
	padding: 0.5em !important;
	margin-top: 0.3em;
}
ul.btn_cuatro_olDer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}
ul.btn_cuatro_olDer li {
    width: calc(( 100% - 10px ) / 2);
}
ul.btn_cuatro_olDer li a {
	background-color: rgba(126,101,40,1);
	width: 100% !important;
	padding: 0.5em !important;
	margin-top: 0.3em;
}
/*-order-*/
.btn-order {
	margin-top: 1.5em;
}
ul.btn_cuatro li a,
.btn_cuatro_olDer li a,
.btn-order a {
	color: #fff;
	font-size: 1.8em;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	box-sizing: border-box;
	width: 245px;
	padding: 10px 60px;
	border-radius: 0;
}
.btn-order a.olDer {
	background-color: rgba(45,45,45,1);
}
.btn-order a.limiTed {
	background-color: rgba(139,24,24,1);
}

.btn_order-All {
	margin: 0 auto 5em;
	width: 450px;
}
.btn_order-All a {
	display: block;
	font-size: 3.2em;
	letter-spacing: .1em;
	width: 450px;
	padding: 1rem 3rem;
}

.btn-order a span {
	font-weight: 900;
	line-height: 1.5;
}

ul.btn_cuatro_olDer li a:hover,
.btn-order a.olDer:hover {
  background-color: rgba(45,45,45,0.7);
}
ul.btn_cuatro li a:hover,
.btn-order a.limiTed:hover {
  background-color: rgba(114,59,64,0.7);
}
ul.btn_cuatro li a:active,
.btn-order a:active {
	-webkit-transform: translate(2px, 2px);
	transform: translate(2px, 2px);
}

/*_up-acoustic-Bnr_*/
.up-acoustic-Bnr {
  margin: 30px auto 50px;
}
.up-acoustic-Bnr,
.up-acoustic-Bnr a img {
	display: block;
}
.up-acoustic-Bnr a img {
	margin: 0 auto;
}
.upLink-list {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}
.upLink-list a img {
	display: block;
	margin: 10px;
	width: 327px;
}

.conteLink {
	width: 98%;
	margin: 1.5em auto 85px;
border: #707070 solid 1px;
}

/*_Attention_*/
.attention-Area {
	font-size: 1.1em;
	width: 1000px;
	margin: 0 auto;
	padding: 40px;
	border: #707070 solid 1px;
	color: #2D2D2D;
}

.attention-Area dl{
	text-align: center;
	margin-bottom: 2em;
}
.attention-Area a {
	text-decoration: none !important;
}
.attention-Area .br-Underline,
.attention-Area .bu-Underline,
.attention-Area .r-Underline {

	margin: 0 auto;
	width: 30%;
}
.attention-Area .r-Underline {
	color: var(--color-secondary);
	border-bottom: var(--color-secondary) solid 1px;
}
.attention-Area .br-Underline {
	color: rgba(184,169,106,1);
	border-bottom: rgba(184,169,106,0.9) solid 1px;
}

.attention-Area p {
	font-size: 1.2em;
	margin: 10px 0;
}
.attention-Area ul {
	margin-bottom: 2em;
}

/*_Copyright_*/
.txt-Copyright {
	color: #2d2d2d;
	text-align: center;
	width: 100%;
	padding: 1em;
	margin: 0 auto;
	font-size: 1.1em;
	border-top: #e3e3e3 solid 1px;
}
.txt_indent {
	text-indent: 0 !important;
}
.sma {
	display: none;
}
.pc {
	display: block;
}
.visual_Box {
	display: flex;
	justify-content: center;
}
.visual_Item {
	width: 30%;
}
.apply {
	color: #F92BA8;
	margin: 2em auto 1.5em !important;
}

.dotted {
  width: 62.5%;
  margin: auto;
  border: 0;
  border-bottom: 5px dotted var(--color-primary);
}

.dt-title {
  color: var(--color-primary);
  font-weight: 600;
}
.display-block {
  display: block;
}
.decoration-text {
  color: var(--color-primary);
  font-weight: 600;
}

.decoration-button {
  display: inline-block;
  background-color: var(--magenta);
  padding: 0.8rem;
  /*font-size: 1.45em;*/
  color: rgba(255, 255, 255, 03);
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.2s ease-out;
  margin: 0.5em auto 0;
  width: 324px;
}
.decoration-button:hover {
  background-color: var(--magenta2);
}
.decoration-button.dec_f{
  background-color: var(--green);
}
.decoration-button.dec_f:hover {
  background-color: var(--green2);
}
.decoration-button.dec_n{
  background-color: var(--blue);
}
.decoration-button.dec_n:hover {
  background-color: var(--blue2);
}
.anchor {
  /*padding-top: 122.73px;
  margin-top: -122.73px;*/
}
.mb_10 {
  margin-bottom: 10px;
}
.note-text {
  font-size: 0.85em;
  margin: 20px auto;
}

/*_タブ表示_*/
.tab-area {
  width: 100%;
  margin: 0 auto;
}
.tab-btn {
  display: none;
}

/* タブ行（親） */
.tab-list-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
  min-height: 120px;
  padding-inline:12px;
}

/* タブ（子）高さは固定。アクティブでも増やさない */
.tab-list, .tab-list2, .tab-list3 {
  display: flex;
  width: 384px;
  height: 100px;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  padding: 1em;
  font-size: 1.4em;
  font-weight: 900;
  line-height: 1.1;
  color: #fff;
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
  text-align: center;
}

.tab-list:active,
.tab-list2:active,
.tab-list3:active {
  height: 100px;
}

.tab-list  { background: rgba(255, 133, 133, 0.4); }
.tab-list2 { background: rgba(127, 181, 105, 0.4); }
.tab-list3 { background: rgba(118, 204, 193, 0.4); }

#tab-btn1:checked ~ .tab-list-wrap label[for="tab-btn1"] { background: rgba(255,133,133,1); color:#fff; }
#tab-btn2:checked ~ .tab-list-wrap label[for="tab-btn2"] { background: rgba(127,181,105,1); color:#fff; }
#tab-btn3:checked ~ .tab-list-wrap label[for="tab-btn3"] { background: rgba(118,204,193,1); color:#fff; }

#tab-btn1:checked ~ .tab-list-wrap label[for="tab-btn1"],
#tab-btn2:checked ~ .tab-list-wrap label[for="tab-btn2"],
#tab-btn3:checked ~ .tab-list-wrap label[for="tab-btn3"] {
	height: 120px;
	transform: none;
}

/* spanはcontentsでOK（改行/折返しを維持） */
.tab-list span,
.tab-list2 span,
.tab-list3 span { display: contents; }

/* tab-contentの重複displayを整理（3タブ想定） */
.tab-content { padding: 20px 20px 0; display: none; }
#tab-btn1:checked ~ .tab-content-wrap #tab-content1,
#tab-btn2:checked ~ .tab-content-wrap #tab-content2,
#tab-btn3:checked ~ .tab-content-wrap #tab-content3 { display: block; }

.tab-list-wrap > li { margin: 0; padding: 0; }

.caution {
	color: rgba(43, 43, 43, 1);
	font-size: 1.4em;
	padding: 0.5em;
	border: solid 3px #e10000; 
	margin: 1em auto;
	width: 77%;
	text-align: center;
	font-weight: 600;
}
.caution_s {
	font-size: 0.8em;
}
.set_contents{
	box-sizing: border-box;
	width: 77%;
	margin: 0 auto;
	padding: 2.5em 2.5em 4.5em;
	border: rgba(43, 43, 43, 1) solid 2px;
	text-align: center;
}
.set_contents p{
	font-size: 1.4em;
	color: rgba(43, 43, 43, 1);
}
.set_contents .set_con{
	border-bottom:  2px #2D2D2D solid;
	font-size: 1.85em;
	font-weight: 900;
	margin: 0 auto 1.2em;
	width: 400px;
}

.set_contents .set_name{
	font-size: 1.8em;
	font-weight: 900;
	color: rgba(249,130,172,1);
	margin-bottom: 0.8em;
}
.set_contents figure img{
	width: 270px;
	height: auto;
}


.tab-content table span{
	font-size: 0.8em;
	margin-top: 20px;
	display: block;
}
.marker_yellow {
  background: linear-gradient(transparent 70%, #fff3a5 60%);
	/*color: #DF003A;*/
	font-weight: 600;
	font-size: 26px;
	width: 330px;
	padding: 0 0.5em;
	margin: 1.5em auto 2em;
	text-align: center;
}
.plus_mark img{
	width: 60px;
	height: auto;
	margin: 0 auto 1.5em;
}
/*トラックリスト*/
.Disc{
	width: 60%;
	margin: auto;
}
.Disc p{
	text-align:left;
}
.Disc .Disc_num{
	font-size: 1.8em;
	font-weight: 900;
	text-align: center;
}
.Disc .disc_b{
	font-weight: 900;
}
.Disc .disc2_list{
	line-height: 1.7;
}
.Disc_caution{
	text-align: left!important;
	margin-top: 2.4em;
}
.Disc + .Disc {
  margin-top: 4.3em;
}

#attention { scroll-margin-top: 0; }
.img_300{
	width: 100%;
	margin: auto;
}

/* --------------------------------------------------------------------
	SP/
--------------------------------------------------------------------- */
/*@media screen and (max-width: 600px) {*/
@media only screen and (max-width: 768px) {
/*__Content__*/
	#content-bg {
		width: 100%;
		margin: 2em auto;
	}
	dl.about-Item,
	.inf-Area {
		width: 95%;
	}
	.conteLink {
		width: 98%;
		margin: 1.5em auto 2em;
	}

/*__H__*/
	.page-event h1.block-event-page--header {
		padding-bottom: 1em;
		width: 100%;
		margin: 0 auto;
		font-size: 1.5em;
	}
	
	h3.bg-Ribon {
		border: 0;
		margin: 2em auto 1em;
		padding: 1rem;
		font-size:1.6em;
	}
	h4.newitem {
		font-size: 1.3em;
	}

	h4.underLine {
		min-width: 120px;
		max-width: 120px;
		width: 30%;
		border-bottom: 7px solid var(--pink);
	}
	
	.small-Txt { /* Small-text */
		font-size: 0.9em !important;
	}
	
/*__main visual__*/
	.img-Mv {
		width: 100%;
	}

/*__info Area__*/
	.inf-Area.benefits {
		display: block;
		width: 100%;
	}
	.inf-Area {
		padding: 0 1em !important;
		margin: 1em auto;
	}
	.inf-Area p {
		font-size: 1em;
	}
	.inf-Area p.saleDate {
		text-indent: -3.0em;
		padding-left: 3.0em;
	}
	.inf-Area p.txt-Catch {
		letter-spacing: -0.06em;
	}
	.txt-Catch {
		width: 96%;
		margin: 0 auto;
		font-size: 1.2em;
	}

	.indent-Txt {
	text-indent: -1.2em;
	padding-left: 1.2em;
	text-align: left;
}

/*__item__*/
	.item-bg {
		background-position: center bottom;
	}
	
/*	a.attn {
		font-size: 1.2em;
	}*/
	
/*_img-xxBox_*/
	.img_xxBox {
		width: 100%;
		margin: 0 auto;
	}
	
	.buy {
		margin:0.5em auto 0;
		font-size: 1.6em;
	}
	.limit {
		font-size: 0.85em;
	}
	.limit span, .price {
		font-size: 1.2em;
	}


/*_btn_*/
.btn-order a {
		width: 180px;
		font-size: 1.2em;
		padding: 0.3em;
	}
	ul.btn_cuatro li a, .btn_cuatro_olDer li a {
		font-size: 1em;
		padding: 0.3em;
	}	
	
	.btn-order {
		margin-top: 1.2em;
	}
	
	.btn-order.btn_order-All,
	.btn-order.btn_order-All a {
		width: 90%;
		font-size: 1.6em;
		margin: 0 auto 1em;
}
	.btn_order-All  a span:after {
		width: 70px !important;
	}

/*_Attention_*/
	.attention-Area {
		width: 95%;
		padding: 1.1em;
		font-size: 1.0em;
	}
	.attention-Area .br-Underline,
	.attention-Area .bu-Underline,
	.attention-Area .r-Underline {
		width: 80%;
		font-size: 0.95rem;
	}
	
/*_up-acoustic-Bnr_*/
	.up-acoustic-Bnr {
		width: 100%;
		margin: 20px auto 30px;
	}
	.txt-Copyright {
		font-size: 	0.8rem !important;
	}
	.Lttl {
		font-size: 1.2rem !important;
	}

	.upLink-list a,
	.upLink-list {
		display: block;
		width: 98%;
	}
	.upLink-list a {
		margin: 1em auto;
	}
	.upLink-list a img {
		margin: 10px auto;
		width: 70%;
	}
	
/*_add-textCTRL_*/
	.splarge-Txt { /* Large-text */
		font-size: 1.2em !important;
		width: 98%;
		margin: 0 auto;
		padding-left: 1.4em;
	}
	.attn {
/*		font-size: 1.2em;*/
		margin: auto 1em;
	}
	.proBox {
		display: flex;
	}
	.proImg {
    width: 40%;
    display: grid;
    align-items: center;
    margin-top: 1em;
    flex: 1;
	}
	.proTxt {
	width: 60%;	
    margin-left: 1em;
    display: grid;
    align-items: center;
    flex: 1;
}
	
/*商品ラインナップ*/
	#lineup_album {
	  padding: clamp(16px, 3vw, 32px) 0;
	}
	#lineup_album .lineup__inner {
	  width: 100%;
	  box-sizing: border-box;
	}

	#lineup_album .product-list {
	  display: grid;
	  grid-template-columns: 1fr; 
	  gap: 20px; 
	  margin: 0;
	  padding: 0;
	}

	#lineup_album .product-card {
	  padding: 20px 10px;
	  display: grid;
	  grid-template-columns: 40% 60%; 
	  gap: 10px;
	  align-items: start;     
	}

	#lineup_album .product-card__media {
	  align-self: start;  
	}	
	
	#lineup_album .product-card__media img {
	  width: 100%;
	  height: auto;
	  object-fit: cover;
	}
	
	#lineup_album .product-card__body {
	  display: grid;
	  grid-auto-rows: min-content;
	  gap: 8px;
	  align-content: start;
	}	
	
	.name.tTl {
		font-size: 1.1em;
		margin: 1em auto;
	}
	
	.lineup-box{
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		display: grid;
		grid-template-columns:1fr;
		gap: 1.5rem 6.5rem;
		padding: 1.5em 1em;
	}
	.boxImg{
		order: 0;
	}
	.boxTxt{
	  order: 1;
	  margin: 0 0 .75em;
	  line-height: 1.8;
	  display: block;
	}
	.boxTxt p{
		font-size: 1.1em;
	}
	.boxTxt .buy .price{
		font-size: 1em;
	}
	
	.sma {
	display: block;
}
	.pc {
		display: none;
	}
	.upLink a {
		margin: 1.5em 1em;
	}
	.txt_indent {
		margin-left: 0 !important;
	}
	.tagOlder,.tagLimited {
	font-size: 1.3em;
	}
	
  .dotted {
    width: 80%;
  }
  .decoration-button {
    /*font-size: 1.2em;*/
	width: 85%;
	padding: 0.8rem 5rem;
  }
  .about-up-acoustic p {
    padding: 0 1em;
  }
  .m-Txt {
    font-size: 1.1em;
  }
  .mb_30px {
    margin-bottom: 20px!important;
  }
  .upLink a, a.attn {
    font-size: 1.1em;
  }
  .block-page-top {
    z-index: 19;
  }
  .visual_Box {
	display: block;	  
  }
  .visual_Item {
	width: 100%;
  }
  .apply {
	margin: 0 auto 1.5em !important;
  }
  .indexItem{
	width: 300px;
	padding: 1.5em 1em;
  }
  .about-acoustic{
	margin: auto 1em;		
  }
  .about-acoustic p{
	font-size: 1.1em;
  }
  .about-acoustic .headline{
	font-size: 1.4em;
  }
/*__info Area__*/
  .inf-Area p{
	font-size: 1.1em;
  }
/*_早期予約特典_*/
  #Early .early_deadline{
	font-size: 1.4em;
  }	
  #Early img{
	margin-bottom: 20px;	
  }
  #Early .inf-Area p.c_Txt{
	margin-bottom: 2em;
  }

/*_購入特典_*/
  #Privilege img{
	/*margin-bottom: 20px;*/
  }
  h3.bg-Ribon.limiTed,h3.bg-Ribon.first_limit,h3.bg-Ribon.edition,h3.bg-Ribon.nomal {
	font-size: 1.4em;
  }
  .caution{
	font-size: 1.1em;
  }
  .tab-content {
	padding: 20px 0 0;
	width: 95%;
	margin: auto;
  }
	
  .tab-list-wrap {
    justify-content: center;
    gap: 10px;
    padding-inline: 10px;
  }

  /* タブ：幅は固定・高さは可変（最小高のみ定義） */
  .tab-list,
  .tab-list2,
  .tab-list3 {
    width: 110px;
    min-height: 90px;
    height: auto;
    padding: 10px 6px;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    white-space: normal;
    font-size: 1em;
    transition: min-height .2s ease, padding .2s ease, background-color .2s ease, box-shadow .2s ease;
  }

  /* アクティブ時：高さだけUP（幅はそのまま固定） */
  #tab-btn1:checked ~ .tab-list-wrap label[for="tab-btn1"],
  #tab-btn2:checked ~ .tab-list-wrap label[for="tab-btn2"],
  #tab-btn3:checked ~ .tab-list-wrap label[for="tab-btn3"],
  #tab-btn4:checked ~ .tab-list-wrap label[for="tab-btn4"] {
    min-height: 110px;       /* 90 → 110px（+20px）で目立たせる */
    padding-top: 14px;
    padding-bottom: 14px;
  }

  /* アクティブ時の“寸法を変える指定”が既存に残っていたら打ち消す */
  #tab-btn1:checked ~ .tab-list-wrap label[for="tab-btn1"],
  #tab-btn2:checked ~ .tab-list-wrap label[for="tab-btn2"],
  #tab-btn3:checked ~ .tab-list-wrap label[for="tab-btn3"],
  #tab-btn4:checked ~ .tab-list-wrap label[for="tab-btn4"] {
    height: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  .tab-list span,
  .tab-list2 span,
  .tab-list3 span {
    display: contents;
  }
	
  .caution{
    font-size: 1.3em;
    padding: 0.5em;
    margin: 1em auto;
    width: 100%;
    text-align: left;
  }
	
  .set_contents{
	width: 100%;
	margin: 0 auto;
	padding: 1.5em 1em 2.5em;
  }
  .set_contents p{
	font-size: 1.1em;
  }
  .set_contents .set_con{
	font-size: 1.4em;
	margin: 0 auto 1.2em;
	width: 90%;
    }

  .set_contents .set_name{
	font-size: 1.35em;
  }

  .set_contents figure img{
	width: 270px;
	height: auto;
  }
	
  .plus_mark img{
	width: 60px;
	height: auto;
  }

  .marker_yellow{
	width: 270px;
  }
  .indexItem p{
	font-size: 1.4em;
  }

/*トラックリスト*/
	.Disc{
		width: 95%;
		margin: auto;
	}
	.Disc .Disc_num{
		font-size: 1.4em;
	}
	.Disc_caution{
		text-align: left!important;
		margin-top: 2em;
	}
	.Disc + .Disc {
	  margin-top: 3em;
	}

	#Lineup    { scroll-margin-top: -40px; }
	#attention { scroll-margin-top: -30px; }

	.img_300{
		width: 300px;
	}

	
}