﻿@charset "UTF-8";

/* ----------------------------------
 道音「ライデン」JR東海×名鉄コラボ
---------------------------------- */
body.page-goods { overflow-x: hidden;}
[data-browse-mode="S"] body.page-goods .pane-main { width:100vw; overflow-x: hidden;}

.contents-KJR000025 * { box-sizing: border-box;}
.contents-KJR000025 img { max-width: 100%; vertical-align: top;}
.contents-KJR000025 h1,
.contents-KJR000025 h2,
.contents-KJR000025 h3,
.contents-KJR000025 h4,
.contents-KJR000025 h5 { padding: 0; margin: 0; border: none; background: none;}
.contents-KJR000025 .check { color: #F00 !important;}

#lp_KJR000025 .lp-inner-frame { max-width: 1280px; margin: 0 auto;}

[data-browse-mode="P"] .pane-goods-header { margin-top: 0;}
[data-browse-mode="P"] #lp_KJR000025 { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
[data-browse-mode="S"] .block-goods-detail { margin-top: 0;}
[data-browse-mode="S"] #lp_KJR000025 { margin: 0 -15px;}

@media screen and (min-width: 951px) { .contents-KJR000025 .for-sp { display: none !important;}}
@media screen and (max-width: 950px) { .contents-KJR000025 .for-pc { display: none !important;}}

@media screen and (max-width: 1200px) {
	[data-browse-mode="P"] #lp_KJR000025 { margin: 0;}
}

/* 01：メイン
---------------------------------- */
#lp_sec_mv { background: linear-gradient( to bottom, #F1811F 0%, #F1811F 50%, #A11E2C 50%, #A11E2C 100%); position: relative;}
#lp_sec_mv::before {
	content: '';
	width: 1648px;
	height: 100%;
	display: block;
	background-image: url("/img/S999/product_detail/KJR000025/mv_bg.png");
	background-repeat: no-repeat;
	-webkit-background-size: 63px auto;
	background-size: 63px auto;
	background-position: top right;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
#lp_sec_mv h1.mv { padding: 0; margin: 0 auto; text-align: center;}

@media screen and (max-width: 1380px) {
	#lp_sec_mv h1.mv { max-width: calc(100% - 100px);}
}
@media screen and (max-width: 950px) {
	#lp_sec_mv h1.mv { max-width: unset;}
	#lp_sec_mv { background: none !important;}
}

/* 02：商品について
---------------------------------- */
#lp_sec_product {
	padding: 80px 0 100px;
	background-color: #FFF;
	background-image: url("/img/S999/product_detail/KJR000025/product_bg_pc.png");
	background-repeat: no-repeat;
	-webkit-background-size: 1648px auto;
	background-size: 1648px auto;
	background-position: top center;
}
#lp_sec_product .head-box { margin: 0 0 230px; display: flex; justify-content: space-between; align-items: center; position: relative;}
#lp_sec_product .head-box .ttl { max-width: 380px; width: 380px;}
#lp_sec_product .head-box .ttl::after { content: ''; height: 100%; border-right: #AEAEAE 1px solid; display: block; position: absolute; top: 0; left: 425px; bottom: 0;}
#lp_sec_product .head-box .text { width: calc(100% - 380px - 90px); font-size: 16px; font-weight: 500; text-align: left; line-height: 2.0;}
#lp_sec_product .contents-box { display: flex; justify-content: space-between;}
#lp_sec_product .contents-box .desc-box { width: calc(45.32% - 42px); display: flex; flex-direction: column;}
#lp_sec_product .contents-box .desc-box h3.ttl { margin: 0 0 25px; font-size: 30px; font-weight: 700; color: #23110F;}
#lp_sec_product .contents-box .desc-box .text { font-size: 20px; font-weight: 400; line-height: 1.8; color: #23110F;}
#lp_sec_product .contents-box .desc-box .picture { margin-top: auto;}
#lp_sec_product .contents-box .image-box { width: 54.68%; position: relative;}
#lp_sec_product .contents-box .image-desc-box { padding: 20px; background: #F1811F; position: absolute; right: -144px; bottom: -36px;}
#lp_sec_product .contents-box .image-desc-box::before {
  content: '';
  border-bottom: 10px solid transparent;
  border-left: 25px solid #F1811F;
  border-top: 10px solid transparent;
  display: block;
  position: absolute; 
  top: -20px;
  left: 20px;
  transform: rotate(-90deg);
}
#lp_sec_product .contents-box .image-desc-box h4.ttl { margin: 0 0 10px; font-size: 22px; font-weight: 700; text-align: left; line-height: 1.2; color: #FFF;}
#lp_sec_product .contents-box .image-desc-box .text { font-size: 14px; font-weight: 400; text-align: left; color: #FFF;}

@media screen and (max-width: 1380px) {
	#lp_sec_product { padding: 60px 50px 100px;}
	#lp_sec_product .head-box .text br.for-pc { display: none;}
	#lp_sec_product .contents-box .desc-box h3.ttl { margin: 0 0 15px; font-size: 26px;}
	#lp_sec_product .contents-box .desc-box .text { font-size: 16px;}
	#lp_sec_product .contents-box .image-desc-box { right: -30px;}
}
@media screen and (max-width: 1200px) {
	#lp_sec_product .head-box .ttl { max-width: 280px; width: 280px;}
	#lp_sec_product .head-box .ttl::after { left: 325px;}
	#lp_sec_product .head-box .text { width: calc(100% - 280px - 90px); font-size: 15px;}
	#lp_sec_product .contents-box .desc-box h3.ttl { font-size: 22px;}
	#lp_sec_product .contents-box .desc-box .text { font-size: 15px;}
}
@media screen and (max-width: 950px) {
	#lp_sec_product { padding: 50px 15px; background: none !important;}
	#lp_sec_product .head-box { margin: 0 0 40px; display: block;}
	#lp_sec_product .head-box .ttl { max-width: 380px; width: 62%; margin: 0 auto 20px; text-align: center;}
	#lp_sec_product .head-box .ttl::after { display: none;}
	#lp_sec_product .head-box .text { width: 100%; font-size: 4vw;}
	#lp_sec_product .contents-box {
		padding: 56px 15px 0;
		margin: 0 -15px;
		display: block;
		background-image: url("/img/S999/product_detail/KJR000025/product_bg_sp.png");
		background-repeat: repeat-x;
		-webkit-background-size: auto 26px;
		background-size: auto 26px;
		background-position: top center;
	}
	#lp_sec_product .contents-box .desc-box { width: 100%; margin: 0 0 20px; display: block;}
	#lp_sec_product .contents-box .desc-box h3.ttl { margin: 0 0 15px; font-size: 5vw;}
	#lp_sec_product .contents-box .desc-box .text { margin: 0 0 20px; font-size: 4vw;}
	#lp_sec_product .contents-box .desc-box .picture { margin-top: auto;}
	#lp_sec_product .contents-box .image-box { width: 100%;}
	#lp_sec_product .contents-box .image-desc-box { padding: 15px; top: -40px; left: 20px; right: auto; bottom: auto;}
	#lp_sec_product .contents-box .image-desc-box::before { top: auto; left: 30px; bottom: -20px; transform: rotate(90deg);}
	#lp_sec_product .contents-box .image-desc-box h4.ttl { margin: 0 0 10px; font-size: 4.5vw;}
	#lp_sec_product .contents-box .image-desc-box .text { font-size: 3.5vw;}
}

/* 03：収録音一覧
---------------------------------- */
#lp_sec_sound { padding: 80px 0; background: #EEEEEE; position: relative; z-index: 2;}
#lp_sec_sound .lp-inner-frame { position: relative;}
#lp_sec_sound .lp-inner-frame h2.ttl { width: 76px; position: absolute; top: 0; right: -116px;}
#lp_sec_sound .lp-inner-frame h2.ttl img.for-pc.small { display: none !important;}
#lp_sec_sound .sound-list-box { display: flex; justify-content: space-between; gap: 0 40px;}
#lp_sec_sound .sound-list-box .sound-list { width: calc((100% - 40px * 2)/3);}
#lp_sec_sound .sound-list-box .sound-list li {
	min-height: 54px;
	border-bottom: #707070 1px dotted;
	font-size: 18px;
	font-weight: 700;
	color: #23110F;
	display: flex;
	align-items: center;
}
#lp_sec_sound .sound-list-box .sound-list li .num {
  width: 24px;
  min-width: 24px;
  height: 24px;
	margin: 0 10px 0 0;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 700;
	color: #FFF;
  display: flex;
  justify-content: center;
	align-items: center;
	background: #23110F;
}
#lp_sec_sound .sound-list-box .sound-list li.check .num { background: #F00;}
#lp_sec_sound .sound-list-box .sound-list li.check.memo { min-height: unset; padding: 10px 0 0; border-bottom: 0; font-size: 15px; font-weight: 400;}

@media screen and (max-width: 1500px) {
	#lp_sec_sound .lp-inner-frame h2.ttl { width: auto; margin: 0 0 20px; text-align: left; position: relative; right: auto;}
	#lp_sec_sound .lp-inner-frame h2.ttl img.for-pc.big { display: none !important;}
	#lp_sec_sound .lp-inner-frame h2.ttl img.for-pc.small { width: 380px; display: block !important;}
}
@media screen and (max-width: 1380px) {
	#lp_sec_sound .sound-list-box { padding: 0 50px;}
	#lp_sec_sound .lp-inner-frame h2.ttl { width: auto; margin: 0 50px 20px;}
	#lp_sec_sound .lp-inner-frame h2.ttl img.for-pc.small { width: 320px;}
}
@media screen and (max-width: 1200px) {
	#lp_sec_sound .sound-list-box .sound-list li { font-size: 16px;}
}
@media screen and (max-width: 950px) {
	#lp_sec_sound { padding: 0; margin: 0 0 50px;}
	#lp_sec_sound .lp-inner-frame h2.ttl { width: 100%; padding: 0; margin: 0; border: none; display: block; position: relative; cursor: pointer;}
	#lp_sec_sound .lp-inner-frame h2.ttl img.for-pc.small { display: none !important;}
	#lp_sec_sound .lp-inner-frame h2.ttl img.for-sp.close { width: 100%; display: block !important;}
	#lp_sec_sound .lp-inner-frame h2.ttl img.for-sp.open  { width: 100%; display: none !important;}
	#lp_sec_sound .lp-inner-frame h2.ttl.active img.for-sp.close { width: 100%; display: none !important;}
	#lp_sec_sound .lp-inner-frame h2.ttl.active img.for-sp.open  { width: 100%; display: block !important;}
	#lp_sec_sound .lp-inner-frame .sound-list-box-frame { padding-bottom: 35px;}
	#lp_sec_sound .sound-list-box { padding: 0 15px; display: block;}
	#lp_sec_sound .sound-list-box .sound-list { width: 100%;}
	#lp_sec_sound .sound-list-box .sound-list li { font-size: 4vw;}
}
@media screen and (min-width: 950.01px) {
	#lp_sec_sound .lp-inner-frame .sound-list-box-frame { display: block !important;}
}

/* 04：特徴
---------------------------------- */
#lp_sec_features {
	padding: 60px 0 200px;
	margin: 0 0 60px;
	background-color: #F1811F;
	background-image: url("/img/S999/product_detail/KJR000025/features_bg_bottom.png");
	background-repeat: repeat-x;
	-webkit-background-size: 40px auto;
	background-size: 40px auto;
	background-position: center calc(100% + 1px);
}
#lp_sec_features .lp-inner-frame { max-width: 1300px; padding: 0 50px; box-sizing: border-box;}
#lp_sec_features h2.ttl {
  height: 176px;
	padding: 0 0 15px;
  margin: 0 0 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
	background-color: transparent;
	background-image: url("/img/S999/product_detail/KJR000025/features_title_bg.png");
	background-repeat: no-repeat;
	-webkit-background-size: auto 176px;
	background-size: auto 176px;
	background-position: center bottom;
}
#lp_sec_features h2.ttl img { width: 177px;}
#lp_sec_features .features-box { background: #FFF; position: relative;}
#lp_sec_features .features-box + .features-box { margin: 50px 0 0;}
#lp_sec_features .features-box .features-box-inner { padding: 0 50px 50px; background: #FFF; position: relative; z-index: 2;}
#lp_sec_features .features-box .bg-icon { position: absolute; z-index: 1;}
#lp_sec_features .features-box .rail { position: absolute; z-index: 1;}
#lp_sec_features .features-box h3.ttl {
  height: 72px;
	margin: 0 -50px 50px;
  font-size: 32px;
  font-weight: 700;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #23110F;
  position: relative;
}
#lp_sec_features .features-box h3.ttl .ttl-num { position: absolute; left: 50px; bottom: 15px;}

#lp_sec_features #feature01 .image-frame { display: flex; justify-content: space-between;}
#lp_sec_features #feature01 .image-frame .image { width: 51.36%;}
#lp_sec_features #feature01 .image-frame .image + .image { width: 45.9%;}
#lp_sec_features #feature01 .rail01 { bottom: 240px; right: -150px;}
#lp_sec_features #feature01 .bg-icon { top: -119px; left: -102px;}

#lp_sec_features #feature02 h3.ttl .ttl-num { left: auto; right: 50px;}
#lp_sec_features #feature02 .top-text { margin: 0 0 25px; font-size: 20px; font-weight: 500; color: #23110F; text-align: center;}
#lp_sec_features #feature02 .picture { margin: 0 0 30px; text-align: center;}
#lp_sec_features #feature02 .picture img { width: 100%;}
#lp_sec_features #feature02 .movie-list { display: flex; justify-content: space-between; gap: 15px;}
#lp_sec_features #feature02 .movie-list li { width: calc((100% - 15px * 2)/3);}
#lp_sec_features #feature02 .movie-list li .video-frame { width: 100%; height: 0; padding-top: 56.25%; position: relative; overflow: hidden; background: #A5A1A1; position: relative;}
#lp_sec_features #feature02 .movie-list li .video-frame iframe { width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#lp_sec_features #feature02 .movie-list li .name { margin: 10px 0 0; font-size: 15px; font-weight: 500;}
#lp_sec_features #feature02 .attention-text { margin: 10px 0 0; font-size: 15px; font-weight: 500;}
#lp_sec_features #feature02 .rail02 { top: -360px; left: -150px;}
#lp_sec_features #feature02 .rail03 { top: 396px; right: -150px;}
#lp_sec_features #feature02 .bg-icon { top: 48px; left: auto; right: -160px;}

#lp_sec_features #feature03 .features-spec-pickup { display: flex; flex-wrap: wrap; gap: 35px 80px; position: relative;}
#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box {
  width: calc(50% - 40px);
	min-height: 288px;
  padding: 30px 40px;
  border-radius: 30px;
	display: flex;
	align-items: center;
  background: #ECECEC;
}
#lp_sec_features #feature03 .features-spec-pickup #pickup01 { padding: 30px 15% 30px 40px;}
#lp_sec_features #feature03 .features-spec-pickup #pickup02 { padding: 30px 40px 30px 20%;}
#lp_sec_features #feature03 .features-spec-pickup #pickup03 { padding: 30px 15% 40px 40px;}
#lp_sec_features #feature03 .features-spec-pickup #pickup04 { padding: 30px 40px 30px 20%;}
#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list { width: 100%;}
#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li + li { margin-top: 10px;}
#lp_sec_features #feature03 .features-spec-pickup #pickup03 .list li + li { margin-top: 40px;}
#lp_sec_features #feature03 .features-spec-pickup #pickup04 .list li + li { margin-top: 20px;}
#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li { padding: 0 0 0 20px; font-size: 20px; font-weight: 700; color: #23110F; position: relative;}
#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li::before { 
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 12px;
	display: block;
	background: #23110F;
	position: absolute;
	top: calc(1em - 11px);
	left: 0;
}
#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li .small { font-size: 15px; font-weight: 700; color: #23110F;}
#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box-picture { width: 46%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#lp_sec_features #feature03 .features-spec-frame { margin: 60px 50px 0;}
#lp_sec_features #feature03 .features-spec-frame h4.ttl { margin: 0 0 25px; font-size: 32px; font-weight: 700; color: #23110F; display: flex; align-items: center; position: relative;}
#lp_sec_features #feature03 .features-spec-frame h4.ttl::after {
	content: '';
	width: 100%;
	border-top: #AEAEAE 2px solid;
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	z-index: 1;
}
#lp_sec_features #feature03 .features-spec-frame h4.ttl span { padding: 0 30px 0 0; display: inline-block; background: #FFF; position: relative; z-index: 2;}
#lp_sec_features #feature03 .features-spec-frame dl { display: flex; justify-content: space-between;}
#lp_sec_features #feature03 .features-spec-frame dl + dl { margin-top: 20px;}
#lp_sec_features #feature03 .features-spec-frame dl dt {
  width: 190px;
	min-height: 36px;
  font-size: 18px;
  font-weight: 700;
  color: #FFF;
  background: #23110F;
  display: flex;
	justify-content: center;
  align-items: center;
  position: relative;
}
#lp_sec_features #feature03 .features-spec-frame dl dt::before {
  content: '';
  border-bottom: 18px solid transparent;
  border-left: 20px solid #23110F;
  border-top: 18px solid transparent;
  display: block;
  position: absolute; 
  top: 0;
  right: -20px;
}
#lp_sec_features #feature03 .features-spec-frame dl dd { width: calc(100% - 240px); font-size: 18px; font-weight: 500; color: #23110F;}
#lp_sec_features #feature03 .bg-icon.left { top: 220px; left: -180px;}
#lp_sec_features #feature03 .bg-icon.right { top: auto; left: auto; right: -180px; bottom: 400px;}
#lp_sec_features #feature03 .rail04 { bottom: -240px; left: calc(50% - 31.5px);}
#lp_sec_features .for-shopping { text-align: center; position: relative;}
#lp_sec_features .for-shopping .test {
	width: 70px;
	height: 90px;
  padding: 15px 0 0;
  display: flex;
	justify-content: center;
	align-items: center;
  flex-direction: column;
  writing-mode: vertical-rl;
  background: #FFF;
  position: absolute;
	left: calc(50% - 140px);
	top: 40px;
}
#lp_sec_features .for-shopping .test::before {
  content: '';
  border-left: 35px solid transparent;
  border-top: 20px solid #FFF;
  border-right: 35px solid transparent;
  display: block;
  position: absolute; 
  left: 0;
  bottom: -19.9px;
}
#lp_sec_features .for-shopping .test span { font-size: 17px; font-weight: 700; color: #F1811F;}

@media screen and (max-width: 1200px) {
	#lp_sec_features .features-box h3.ttl { height: auto; padding: 15px 0; text-align: center;}
	#lp_sec_features .features-box h3.ttl br.for-pc { display: none !important;}
	#lp_sec_features .features-box h3.ttl br.for-sp { display: block !important;}
	#lp_sec_features .features-box h3.ttl .ttl-num { bottom: calc(100% - 60px);}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box { padding: 20px;}
	#lp_sec_features #feature03 .features-spec-pickup #pickup02 { padding: 20px 20px 20px 20%;}
	#lp_sec_features #feature03 .features-spec-pickup #pickup04 { padding: 20px 20px 20px 20%;}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li { padding: 0 0 0 15px; font-size: 18px;}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li::before { width: 10px; height: 10px; border-radius: 10px; top: calc(1em - 10px);}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li .small { font-size: 14px; font-weight: 500;}
	#lp_sec_features #feature03 .features-spec-frame { margin: 60px 0 0;}
	#lp_sec_features #feature03 .features-spec-frame dl dt { min-height: 48px; font-size: 16px;}
	#lp_sec_features #feature03 .features-spec-frame dl dd { width: calc(100% - 225px); margin: auto 0; font-size: 16px;}
	#lp_sec_features #feature03 .features-spec-frame dl dt::before { border-bottom: 24px solid transparent; border-top: 24px solid transparent;}
}
@media screen and (max-width: 950px) {
	#lp_sec_features { padding: 20px 0 140px;	-webkit-background-size: 24px auto; background-size: 24px auto;}
	#lp_sec_features h2.ttl { height: 25vw; padding: 0 0 5px; margin: 0 0 40px; -webkit-background-size: 90% auto; background-size: 90% auto;}
	#lp_sec_features h2.ttl img { width: 23%;}
	#lp_sec_features .lp-inner-frame { padding: 0 15px;}
	#lp_sec_features .features-box + .features-box { margin: 10vw 0 0;}
	#lp_sec_features .features-box .features-box-inner { padding: 0 15px 20px;}
	#lp_sec_features .features-box .bg-icon { display: none !important;}
	#lp_sec_features .features-box .rail { display: none !important;}
	#lp_sec_features .features-box h3.ttl { height: 22vw; padding: 0; margin: 0 -15px 15px; text-align: center; line-height: 1.2; font-size: 5.2vw;}
	#lp_sec_features .features-box h3.ttl .ttl-num { height: 8vw; text-align: center; position: absolute; left: 0 !important; right: 0 !important; top: -4.5vw; bottom: auto;}
	#lp_sec_features .features-box h3.ttl .ttl-num img { width: auto; height: 8vw;}
	
	#lp_sec_features #feature01 .image-frame { display: block;}
	#lp_sec_features #feature01 .image-frame .image { width: 100%;}
	#lp_sec_features #feature01 .image-frame .image + .image { width: 100%; margin-top: 15px;}

	#lp_sec_features #feature02 .top-text { margin: 0 0 15px; font-size: 4.5vw; font-weight: 400; text-align: left;}
	#lp_sec_features #feature02 .picture { margin: 0 0 15px;}
	#lp_sec_features #feature02 .movie-list { display: block;}
	#lp_sec_features #feature02 .movie-list li { width: 100%;}
	#lp_sec_features #feature02 .movie-list li + li { margin-top: 15px;}
	#lp_sec_features #feature02 .movie-list li .name { font-size: 4vw; text-align: center;}

	#lp_sec_features #feature03 .features-spec-pickup { display: flex; flex-wrap: wrap; gap: 60vw 10px; position: relative;}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box { width: calc(50% - 5px); min-height: 90vw; padding: 10px; border-radius: 10px;}
	#lp_sec_features #feature03 .features-spec-pickup #pickup01 { padding: 3vw 3vw 20vw; justify-content: flex-start;}
	#lp_sec_features #feature03 .features-spec-pickup #pickup02 { padding: 3vw 3vw 20vw; justify-content: flex-start;}
	#lp_sec_features #feature03 .features-spec-pickup #pickup03 { padding: 20vw 3vw 3vw; justify-content: flex-start;}
	#lp_sec_features #feature03 .features-spec-pickup #pickup04 { padding: 20vw 3vw 3vw; justify-content: flex-start;}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list { width: 100%; min-width: 100%;}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li { padding: 0 0 0 12px; font-size: 4.2vw;}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li::before { width: 8px; height: 8px; border-radius: 8px; top: calc(1em - 8px);}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box .list li .small { font-size: 3.2vw; font-weight: 400;}
	#lp_sec_features #feature03 .features-spec-pickup .spec-pickup-box-picture { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	#lp_sec_features #feature03 .features-spec-frame { margin: 30px 0 0;}
	#lp_sec_features #feature03 .features-spec-frame h4.ttl { margin: 0 0 15px; font-size: 6vw; justify-content: center;}
	#lp_sec_features #feature03 .features-spec-frame h4.ttl span { padding: 0 15px; margin: 0 auto; font-weight: 500;}
	#lp_sec_features #feature03 .features-spec-frame dl + dl { margin-top: 10px;}
	#lp_sec_features #feature03 .features-spec-frame dl dt { width: 26vw; min-height: 20vw; padding: 0; font-size: 4vw; text-align: center;}
	#lp_sec_features #feature03 .features-spec-frame dl dt::before { display: none;}
	#lp_sec_features #feature03 .features-spec-frame dl dd { width: calc(100% - 26vw - 15px); margin: auto 0; font-size: 4vw; font-weight: 400;}
	#lp_sec_features #feature03 .rail04 { width: 30px; bottom: -200px; left: calc(50% - 15px); display: block !important;}
	#lp_sec_features .for-shopping .test { left: calc(50% - 110px); top: 15px;}
}

/* 仕様
---------------------------------- */
#sec_c_spec { margin: 45px 0 0; color: #707070;}
#sec_c_spec .ttl { padding: 0; margin: 0 0 10px; border: none; font-size: 20px; font-weight: 400; color: #707070;}
#sec_c_spec dl { display: flex;}
#sec_c_spec dl + dl { margin-top: 5px;}
#sec_c_spec dl dt { width: 90px; font-size: 20px; font-weight: 400; color: #707070; display: block;}
#sec_c_spec dl dt::before { content: '■';}
#sec_c_spec dl dd { width: calc(100% - 90px); padding: 0 0 0 1.5em; font-size: 20px; font-weight: 400; color: #707070; position: relative;}
#sec_c_spec dl dd::before { content: '：'; position: absolute; top: 0; left: 0;}
#sec_c_spec dl dd .memo { padding: 0 0 0 1em; font-size: 18px; font-weight: 400; text-indent: -1em; color: #707070;}

[data-browse-mode="S"] #sec_c_spec { order: 91;}

@media screen and (max-width: 950px) {
	#sec_c_spec { margin: 10px 0 0;}
	#sec_c_spec .ttl { font-size: 16px;}
	#sec_c_spec dl dt { width: 80px; font-size: 16px;}
	#sec_c_spec dl dd { width: calc(100% - 80px); font-size: 16px;}
	#sec_c_spec dl dd .memo { font-size: 14px;}
}

/* 販売商品のご注意
---------------------------------- */
#sec_c_attention { margin: 45px 0;}
#sec_c_attention .ttl { padding: 0; margin: 0 0 20px; border: none; font-size: 16px; font-weight: 400; color: #707070;}
#sec_c_attention dl + dl { margin-top: 30px;}
#sec_c_attention dl dt { margin: 0 0 10px; font-size: 16px; font-weight: 400; color: #707070; display: block;}
#sec_c_attention dl dt::before { content: '■';}
#sec_c_attention dl.disc dt::before { content: '●';}
#sec_c_attention dl dd { font-size: 16px; font-weight: 400; color: #707070;}
#sec_c_attention dl dd .text-list li { padding: 0 0 0 1em; font-size: 16px; font-weight: 400; text-indent: -1em; color: #707070; list-style: disc inside;}
#sec_c_attention dl dd .memo { padding: 0 0 0 1em; font-size: 16px; font-weight: 400; text-indent: -1em; color: #707070;}

@media screen and (max-width: 950px) {
	#sec_c_attention { margin: 40px 0;}
	#sec_c_attention .ttl { margin: 0 0 15px; font-size: 14px;}
	#sec_c_attention dl + dl { margin-top: 20px;}
	#sec_c_attention dl dt { font-size: 14px;}
	#sec_c_attention dl dd { font-size: 14px;}
	#sec_c_attention dl dd .text-list li { font-size: 14px;}
	#sec_c_attention dl dd .memo { font-size: 14px;}
}

/* 参考 収録音楽
---------------------------------- */
#sec_c_sound { padding: 25px 30px; border: #707070 1px solid; border-radius: 10px;}
#sec_c_sound .top-notice { padding: 0 0 0 1em; margin: 0 0 10px; font-size: 16px; font-weight: 400; text-indent: -1em; color: #707070;}
#sec_c_sound .ttl { padding: 0; margin: 0 0 10px; border: none; font-size: 16px; font-weight: 400; color: #707070;}
#sec_c_sound .sound-list { margin: 0 0 10px;}
#sec_c_sound .sound-list li { padding: 0 0 0 1.5em; font-size: 16px; font-weight: 400; text-indent: -1em; color: #707070;}
#sec_c_sound .sound-list li:nth-child(n+10) { padding: 0 0 0 1em; text-indent: -1em;}
#sec_c_sound .sound-list-notice li { padding: 0 0 0 1em; font-size: 16px; font-weight: 400; text-indent: -1em; color: #707070;}

@media screen and (max-width: 950px) {
	#sec_c_sound { padding: 15px 20px;}
	#sec_c_sound .top-notice { font-size: 14px;}
	#sec_c_sound .ttl { font-size: 14px;}
	#sec_c_sound .sound-list li { font-size: 14px;}
	#sec_c_sound .sound-list-notice li { font-size: 14px;}
}
