@charset "shift_jis";

/* ECB調整用 */

.main1c ul li {
    list-style: none;
    margin-left: 0;
}

/*============ 商品ページ個別CSS ===========*/

/* #pricenone .price-block,
.detailetmpl .price-block {
  display: none;
} */

/* #pricenone .mizai,
.detailetmpl .mizai {
  display: none;
}

.detailetmpl.first-price .mizai {
  display: block;
} */

.spec-bnr ~ .detailetmpl .price-block,
.spec-bnr ~ .detailetmpl .mizai {
  display: block;
}


#whole-hidden .price-block,
#whole-hiddenXXX .price-block,
#whole-hidden .order-sns,
#whole-hiddenXXX .order-sns {
	display: none !important;
}



#whole-hidden #show-price .price-block,
#whole-hiddenXXX #show-price .price-block,
#whole-hidden #show-price .order-sns,
#whole-hiddenXXX #show-price .order-sns {
	display: block !important;
}
.whole-topimage {
    background: #fff;
}
.item-gift {
	margin-bottom: 50px;
}

.order-wrap {
	margin-bottom: 50px;
}



/* ページ上部ギフトバナー */

#topicpath {
	display: none;
}

#head_giftbanner,
#head_timer {
	display: none;
	background: #a21217;
	height: 86px;
}

#head_giftbanner div {
	height: 86px;
	width: 1050px;
	margin: 0 auto;
}

#head_giftbanner div { /* 通常ギフトバナー帯 */
	background: #a21217 url(../item/jetstream-audio/img/main_control.png) center center no-repeat;
}

#head_timer { /* カウントダウン用ギフトバナー帯 */
	background: #a21217 url(../item/jetstream-audio1/img/giftbanner_pc2.png) center center no-repeat;
}

#timer-inside {
	width: 1050px;
	margin: 0 auto;
	position: relative;
}

.yycountdown-box {
	font-family: 'Noto Sans JP', sans-serif;
	position: absolute;
	left: 10px;
	top: 18px;
	font-size: 42px !important;
	font-weight: 700;
	color: #fff306 !important;
	text-shadow: 0 2px 4px #333;
}

.yyc-day-text, .yyc-hou-text, .yyc-min-text, .yyc-sec-text {
	color: #fff;
	font-size: 26px;
	padding: 0 3px;
}


/* ページ下部固定ギフトバナー */

.fixed-buy-button {
	display: block;
}

#head_giftbanner_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: none;
	border-top: none;
	background: rgb(255 246 201 / 97%);
	border-top: 2px solid #d9c77f;
	z-index: 100000000;
	height: auto;
}
#head_giftbanner_fixed .col2-1,
#head_giftbanner_fixed .col2-2{
	margin-bottom: 0;
}
#head_giftbanner_fixed .section p,
#head_giftbanner_fixed .section img {
    margin-bottom: 0;
}

.fixed-buy-button {
	display: none;
}

@media screen and (max-width: 767px) {
	#head_giftbanner_fixed .col2-1,
	#head_giftbanner_fixed .col2-2{
		width: 48%;
	}
}

/* gift-banner */
/*=====================================*/

.fixed-buy-button {
	display: none;
}
@media screen and (max-width: 767px) {
	.fixed-buy-button {
		display: block;
	}
	.fixed-buy-button:hover {
		background: rgba(255, 235, 235, 0.95);
	}
}
.head_giftbanner_fixed {
	display: flex;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: none;
	border-top: none;
	background: #fff6c9;
	border-top: 2px solid #d9c77f;
	z-index: 100000000;
	height: 136px;
}
.head_giftbanner_fixed .section img {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.head_giftbanner_fixed {
		height: auto;
	}
}
@media screen and (max-width: 767px) {
	#shop_contents2 .fixed-buy-button {
		margin-left: 0;
		margin-right: 0;
	}
}
.head_giftbanner_fixed .section {
	background: none;
}
.head_giftbanner_fixed .order-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 0;
}
.head_giftbanner_fixed .order-btn > div {
	/* margin: 0 10px; */
}

.head_giftbanner_fixed p {
	display:block;
	margin: 0 20px;
	/* height: 96px; */
	margin: 0 auto;
	position: relative;
}
.head_giftbanner_fixed .order-btn a img {
	transition: all 0.3s;
}
.head_giftbanner_fixed .order-btn a:hover img {
	opacity: 0.6;
}

/* gift-timer */
/*=====================================*/
.giftbanner.gift-timer .giftbanner-content{
	position: relative;

}
#head_timer {
	max-width: 1200px;
	margin: 0 auto;

}
#timer-inside {
	position: absolute;
	right: 67%;
	top: 17%;
}
.yycountdown-box {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 42px !important;
	font-weight: 700;
	color: #fff306 !important;
	text-shadow: 0 2px 4px #333;
}
.yycountdown-box:last-child {
	display: none !important;
}

.yyc-day-text, .yyc-hou-text, .yyc-min-text, .yyc-sec-text {
	color: #fff;
	font-size: 26px;
	padding: 0 3px;
}
@media screen and (max-width: 767px) {
	#head_giftbanner,
	#head_timer {
		width: 100%;
	}
	#timer-inside {
		width: 100%;
		right: auto;
		left: 8.5vw;
		top: 0;
	}
	.yycountdown-box {
		font-family: 'Noto Sans JP', sans-serif;
		position: absolute;
		font-weight: 700;
		color: #fff306 !important;
		text-shadow: 0 2px 2px rgba(0,0,0,0.3);
		letter-spacing: -0.03em;
		font-feature-settings: "palt";
	}
	.yycountdown-box span {
		font-size: 6.5vw;
		letter-spacing: 0px;

	}
	.yyc-day-text, .yyc-hou-text, .yyc-min-text, .yyc-sec-text {
		font-size: 4vw !important;
		padding: 0 0.5vw;
	}
	/* .yyc-sec,
	.yyc-sec-text {
		display: none !important;
	} */
}

/* ------------------------ */
/* この機会にぜひお求めくださいの表示調整（SP） */
/* ------------------------ */
@media screen and (max-width: 767px) {
	#shop_contents2 .order-arrow {
		margin-left: 0;
		margin-right: 0;
	}
	#shop_contents2 .order-arrow img {
		max-width: 94%;
	}
}


/* ------------------------ */
/* グローバルナビバー非表示（PC版） */
/* ------------------------ */
.global-navi-bar {
	display: none;
}


/* ------------------------ */
/* ギフトバナー */
/* ------------------------ */
.giftbanner {
	background:#c41112;
}
.giftbanner-content.content-width-1200 {
    max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
}
.giftbanner-content.content-width-710 {
    max-width: 710px;
		margin-left: auto;
		margin-right: auto;
}
.giftbanner-content.content-width-img-max img {
	max-width: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------ */
/* キーカラー*/
/* ------------------------ */
.open-link a span, .hidden-link a span, .open-link a:hover span, .open-link a:active span, .hidden-link a:hover span, .hidden-link a:active span {
	background: #20509D;
}

/* ------------------------ */
/* マウスホバー（イメージ）*/
/* ------------------------ */
.main1c a:hover img, .main1c a:active img {
	opacity: 0.6;
}
/* ------------------------ */
/* カートボタンの価格非表示*/
/* ------------------------ */
.first-price .price-block {
	display: block;
}
#pricenone .mizai, .detailetmpl .mizai, #non-pr .order-option li {
    display: none;
}
#non-pr .detailetmpl.first-price .mizai {
	display: block;
}
.detailetmpl .buybutton, .detailetmpl .order-button, .detailetmpl .order-arrow, .buybutton-temp, #firstprice {
    display: none;
}

#non-pr .order-wrap {
    margin: 0 auto 40px;
}




/* ------------------------ */
/* ページ全体 (文字の大きさ) */
/* ------------------------ */
/* .main1c body, .main1c div, .main1c p, .main1c ul, .main1c ol, .main1c li, .main1c dl, .main1c dt, .main1c dd, .main1c table, .main1c th, .main1c td, .main1c form, .main1c img {
	font-size: 1.8rem;
} */
.jetstream-wrap .f-xs {
	font-size: 1.2rem;
}
.jetstream-wrap .f-sm {
	font-size: 1.6rem;
}
.jetstream-wrap .f-md {
	font-size: 2.3rem;
}
.jetstream-wrap .f-lg {
	font-size: 2.8rem;
}
.jetstream-wrap .f-xl {
	font-size: 3.4rem;
}
.jetstream-wrap .f-bold {
	font-weight: bold;
}
.jetstream-wrap .f-tar {
	text-align: right;
}
.jetstream-wrap .f-tal {
	text-align: left;
}
.jetstream-wrap .f-w-normal {
	font-weight: normal;
}
@media screen and (max-width: 767px) {
	/* .main1c body, .main1c div, .main1c p, .main1c ul, .main1c ol, .main1c li, .main1c table, .main1c th, .main1c td, .main1c img, .main1c dt, .main1c dd {
		font-size: 4.5vw;
	} */
	.jetstream-wrap .f-xs {
		font-size: 3.5vw;
	}
	.jetstream-wrap .f-sm {
		font-size: 4vw;
	}
	.jetstream-wrap .f-md {
		font-size: 4.5vw;
	}
	.jetstream-wrap .f-lg {
		font-size: 5vw;
	}
	.jetstream-wrap .f-xl {
		font-size: 5vw;
	}
}


/* ------------------------ */
/* ページ全体 (文字装飾) */
/* ------------------------ */

.jetstream-wrap .notice-text {
	font-size: 1.6rem;
	line-height: 1.5;
}
.jetstream-wrap .clr-while {
	color :#ffffff !important;
}
.jetstream-wrap .clr-point-01 {
	color :#e40012 !important;
}
.jetstream-wrap .clr-point-02 {
	color :#e1007e !important;
}
.jetstream-wrap .clr-primary-01 {
	color: #eb6c00 !important;
}
.jetstream-wrap .clr-primary-02 {
	color: #6a4696 !important;
}
.jetstream-wrap .clr-primary-03 {
	color: #434697 !important;
}
.jetstream-wrap .clr-primary-04 {
	color: #256d4c !important;
}
.jetstream-wrap .clr-primary-05 {
	color: #681c1d !important;
}
.jetstream-wrap .clr-primary-06 {
	color: #66006a !important;
}
.jetstream-wrap .clr-primary-07 {
	color: #954d2a !important;
}
.jetstream-wrap .clr-primary-08 {
	color: #fff600 !important;
}


.jetstream-wrap .tx-shadow {
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff;
}
.jetstream-wrap .tx-shadow-none {
	text-shadow: none;
}
.jetstream-wrap .tx-underline-01 {
	border-bottom: 1px solid #e85504;
}
.jetstream-wrap .icon-round {
	position: relative;
	padding-left: 1em;
	text-indent: -1em;
}
.jetstream-wrap .icon-round:before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background: #000;

}
.jetstream-wrap .icon-round.round-blue:before {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(179,212,238,1) 45%);
}
.jetstream-wrap .icon-round.round-green:before {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(205,223,114,1) 45%);
}
.jetstream-wrap .icon-round.round-purple:before {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(224,202,218,1) 45%);
}
.jetstream-wrap .icon-round.round-red:before {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(242,173,203,1) 45%);
}
.jetstream-wrap .icon-round.round-orange:before {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(250,207,130,1) 45%);
}

@media screen and (max-width: 767px) {
	.jetstream-wrap .notice-text {
		font-size: 4vw;
	}
}

/* ------------------------ */
/* レスポンス対応 */
/* ------------------------ */
.viewPc {
	display: block !important;
}
.viewSp {
	display: none !important;
}
@media screen and (max-width: 767px) {
	.viewPc {
		display: none !important;
	}
	.viewSp {
		display: block !important;
	}
}

/* ------------------------ */
/* ページ全体 (レイアウト) */
/* ------------------------ */
.jetstream-wrap.mb-content,
.jetstream-wrap .mb-content {
	margin-bottom: 60px;
}
.jetstream-wrap .mb-sm {
	margin-bottom: 20px;
}
.jetstream-wrap .mb-mid {
	margin-bottom: 40px;
}
.jetstream-wrap .mb-0 {
	margin-bottom: 0;
}
.jetstream-wrap .mb-5 {
	margin-bottom: 5px;
}
.jetstream-wrap .mt-40 {
	margin-top: 40px;
}
.jetstream-wrap .pb-20 {
	padding-bottom: 20px;
}
.jetstream-wrap .w60 {
	width: 60% !important;
}
.jetstream-wrap .w50 {
	width: 50% !important;
}
.jetstream-wrap .w30 {
	width: 30% !important;
}
.jetstream-wrap .section {
	padding-bottom: 0;
}
.jetstream-wrap .flex-box {
	display: flex;
	justify-content: space-between;
}
.jetstream-wrap .flex-box.fx-col-2 .fx-col-item {
	flex: 0 1 45%;
}
.jetstream-wrap .flex-box.fx-col-3 .fx-col-item {
	flex: 0 1 32%;
}
.jetstream-wrap .float-img-box {
	overflow: hidden;
}
.jetstream-wrap .float-img-box p {
	clear:none;
}
.jetstream-wrap .float-img-box .f-right {
	width: 60%;
	padding-left: 3%;
	float: right;
}
.float-img-box .f-left {
	width: 60%;
	padding-right: 3%;
	float: left;
}
.jetstream-wrap .fl-right {
	float: right;
}
.jetstream-wrap .fl-left {
	float: right;
}

@media screen and (max-width: 767px) {
	.jetstream-wrap.mb-content,
	.jetstream-wrap .mb-content {
		margin-bottom: 30px;
	}
	.jetstream-wrap .mb-mid {
		margin-bottom: 20px;
	}
	.jetstream-wrap .section {
		width: 94% !important;
		margin-left: auto;
		margin-right: auto;
	}
	.jetstream-wrap .flex-box {
		display: block;
	}
	.jetstream-wrap .s-mt-0 {
		margin-top: 0;
	}

}

/* ------------------------ */
/* ページ全体 (タイトル装飾 ttl) */
/* ------------------------ */
.jetstream-wrap .ttl {
	border-top: none;
	margin: 0;
}
.jetstream-wrap .ttl img {
	margin-bottom: 0;
}
.jetstream-wrap .ttl.center img {
	margin-left: auto;
	margin-right: auto;
}
.jetstream-wrap .ttl .section {
	margin: 0;
	padding: 0;
}
.jetstream-wrap .ttl:after {
	display: none;
	margin: 0;
	padding: 0;
}
.jetstream-wrap .bg-gradation {
	/* background: rgb(28,31,133);
	background: linear-gradient(180deg, rgba(28,31,133,1) 5%, rgba(75,78,158,1) 16%, rgba(255,255,255,1) 35%); */
  background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 8%, rgba(216,240,254,0.5830532896752452) 22%, rgba(198,225,240,0.7847339619441527) 39%, rgba(153,197,226,0.8463586118040967) 63%, rgba(85,161,218,1) 100%); 
}
.jetstream-wrap .border-gradation {
	position: relative;
	padding-top: 20px;
	font-size: 2.8rem;
	font-feature-settings: "palt";
	font-weight: bold;
	text-align: center;
	color: #a20000;
}
.jetstream-wrap .border-gradation:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: rgb(147,211,245);
	background: radial-gradient(circle, rgba(147,211,245,1) 10%, rgba(48,72,156,1) 60%);
}
h2.m-ttl {
    text-align: center;
    border-top: none;
}
h2.m-ttl span {
	display: block;
    font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
    font-weight: bold;
	color:#b22222;
    font-weight: 900;
    font-size: 56px;
    line-height: 1.5;
	letter-spacing: -0.05em;
    font-feature-settings: "palt";
    text-shadow: 0 0 10px #fff;
    height: auto;
    border-bottom: 4px solid #222;
    padding: 0 0 20px;
    margin: 0px 0 15px;
}
h2::after {
    display: none;
}
@media screen and (max-width: 767px) {
	.jetstream-wrap .ttl {
		padding: 0 2% 20px;
	}
	.jetstream-wrap .border-gradation {
		font-size: 5.5vw;
	}
	.jetstream-wrap .border-gradation:before {
		height: 5px;
	}
	@media screen and (max-width: 767px) {
		h2.m-ttl {
			text-align: left;
		}
		h2.m-ttl span {
			display: block;
			font-size: 7.2vw;
			padding-bottom: 3vw;
			margin-bottom: 2vw;
		}
	}
}
/* ------------------------ */
/* ページ全体 (タイトル装飾 sub-ttl) */
/* ------------------------ */
.jetstream-wrap .sub-ttl {
	position: relative;
	font-family:  "Noto Sans JP", "メイリオ", sans-serif;
	color: #000;
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff,0px 3px 6px #9092c5,0px 3px 6px #9092c5,0px 3px 6px #9092c5;
	margin-bottom: 10px;
	font-size: 3.4rem;
	font-feature-settings: "palt";
	font-weight: bold;
	color: #5d050b;
}
@media screen and (max-width: 767px) {
	.jetstream-wrap .sub-ttl {
		font-size: 5.5vw;
	}
}
.jetstream-wrap .font-base {
	font-family:  'メイリオ', 'Meiryo', sans-serif !important;
}
.jetstream-wrap .font-min {
	font-family:'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
}
/* ------------------------ */
/* ページ全体 (イメージ) */
/* ------------------------ */
.jetstream-wrap img {
	max-width: 100%;
	width: auto;
}
.jetstream-wrap img.img-center {
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------ */
/* ファーストビュー (共通) */
/* ------------------------ */
.ldp-top {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.ldp-top .section {
	width: auto !important;
}
.ldp-top .section {
	position: relative;
}
/* ------------------------ */
/* オーダーボタン (共通) */
/* ------------------------ */
/* ボタン */
.orderbox {
	display: block;
	position: absolute;
}
.orderbox a {
	font-family:  "Noto Sans JP", "メイリオ", sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 5px solid #fff;
	width: 260px;
	min-height: 73px;
	border-radius: 34px;
	text-decoration: none;
	text-align: center;
	line-height: 1.4;
	padding: 0.3em 0.8em;
	margin: 0 auto;
	font-size: 28px;
	font-weight: bold;
	box-shadow: 0 2px 6px #555;
	overflow: hidden;
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff;
	color: #ff0000 !important;
	background: rgb(186,232,174);
	background: -moz-linear-gradient(top, rgba(186,232,174,1) 5%, rgba(39,182,0,1) 35%, rgba(39,182,0,1) 50%, rgba(35,135,3,1) 85%, rgba(30,57,8,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	background: linear-gradient(to bottom, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	transition: opacity 0.3s, bottom 0.3s, box-shadow 0.3s;
}

.orderbox a > span {
	display: block;
}
.orderbox a > .order-item {
	color: #fff;
	font-size: 24px;
	box-shadow: none;
	text-shadow: none;
}
.orderbox a:hover,
.orderbox a:active {
	box-shadow: 0 0 4px #555 !important;
	opacity: 0.7;
}

/* 通常モデルのボタン */
.orderbox.ver-color a {
	background: rgb(151,1,1);
    background: linear-gradient(0deg, rgba(151,1,1,1) 0%, rgba(243,0,0,1) 49%, rgba(248,69,69,1) 100%);
}
.orderbox.ver-color a .order-text {
	color: #ffeb00 !important;
	text-shadow: 2px 0 1px #623700, -2px 0 1px #623700, 0 2px 1px #623700, 0 -2px 1px #623700;
}

@media screen and (max-width: 767px) {
	.orderbox a {
		/* font-family:  "Noto Sans JP", "メイリオ", sans-serif; */
		/* display: block; */
		border: 0.8vw solid #fff;
		border-radius: 20px;
		width: 38vw;
		min-height: 11.8vw;
		text-decoration: none;
		text-align: center;
		font-size: 4vw;
		overflow: hidden;

	}
	.orderbox a > .order-item {
		font-size: 4vw;
	}
}


/* ------------------------ */
/* ファーストビュー
/* (コントロール ver01) */
/* ------------------------ */
.ldp-top.control-ver01 .main-visual-icon {
	position: absolute;
	width:220px;
	max-width: 100%;
	top: 40px;
	right: 20px;
}
.ldp-top.control-ver01 .orderbox {
	display: block;
    position: absolute;
    top: 584px;
    left: 216px;
}
.ldp-top.control-ver01 .orderbox.limited {
	top: 584px;
    left: 687px;
}

@media screen and (max-width: 1190px) {
	.ldp-top.control-ver01 .main-visual-icon {
		top: 5%;
		right: 2%;
		max-width: 170px;
	}
	.ldp-top.control-ver01 .orderbox {
		top: 82%;
		left: 16%;
	}
	.ldp-top.control-ver01 .orderbox.limited {
		top: 82%;
		left: 56%;
	}
}
@media screen and (max-width: 767px) {
	.orderbox-area {
		display: flex;
		justify-content: space-between;
		margin: 10px;
		position: relative;
		top: -5vw;
	}
	.ldp-top.control-ver01 .main-visual-icon {
		top: 5vw;
		right: 2vw;
		max-width: 14vw;
	}
	.ldp-top.control-ver01 .orderbox {
		position: static;
	}
}



/* ------------------------ */
/* ファーストビュー
/* (コントロール ver01-1) */
/* ------------------------ */
.ldp-top.control-ver01-1 .main-visual-area img {
	margin-bottom: 0;
}

/* ------------------------ */
/* ファーストビュー
/* (コントロール ver03-1) */
/* ------------------------ */
/* 限定（ギャラクシーアイコン） */
.ldp-top.control-ver03-1 .main-visual-icon {
	position: absolute;
    width:  220px;
    max-width: 100%;
    top: 40px;
    right: 225px;
}
/* 新聞アイコン */
.ldp-top.control-ver03-1 .main-visual-icon-01 {
	position: absolute;
    width: 254px;
    top: 233px;
    right: 66px;
}
.ldp-top.control-ver03-1 .orderbox {
	display: block;
    position: absolute;
    top: 584px;
    left: 77px;
}
.ldp-top.control-ver03-1 .orderbox.limited {
	top: 584px;
    left: 458px;
}

@media screen and (max-width: 1190px) {
	.ldp-top.control-ver03-1 .main-visual-icon {
		top: 7%;
		right: 21%;
		max-width: 170px;
	}
	.ldp-top.control-ver03-1 .main-visual-icon-01 {
		position: absolute;
		width: 220px;
		max-width: 100%;
		top: 34%;
		right: 10%;
	}
	.ldp-top.control-ver03-1 .orderbox {
		top: 82%;
		left: 4%;
	}
	.ldp-top.control-ver03-1 .orderbox.limited {
		top: 82%;
		left: 36%;
	}

}
@media screen and (max-width: 767px) {
	.ldp-top.control-ver03-1 .orderbox-area {
		display: flex;
		justify-content: space-between;
		margin: 10px;
		position: relative;
		top: -5vw;
	}
	.ldp-top.control-ver03-1 .main-visual-icon {
		top: 4vw;
		right: 21vw;
		max-width: 15vw;
	}
	.ldp-top.control-ver03-1 .main-visual-icon-01 {
		position: absolute;
		width: auto;
		max-width: 20vw;
		top: 18vw;
		right: 6vw;
	}
	.ldp-top.control-ver03-1 .orderbox {
		position: static;
	}
}


/* ------------------------ */
/* ファーストビュー
/* (コントロール ver03-2) */
/* ------------------------ */
/* 限定（アイコン） */
.ldp-top.control-ver03-2 .main-visual-icon {
	position: absolute;
    width: 220px;
    max-width: 100%;
    top: 25px;
    right: 37px;
}
/* ギフトアイコン */
.ldp-top.control-ver03-2 .main-visual-icon-01 {
	position: absolute;
    width: 202px;
    max-width: 100%;
    top: 107px;
    left: 42px;
}
.ldp-top.control-ver03-2 .orderbox {
	display: block;
    position: absolute;
    top: 584px;
    left: 267px;
}
.ldp-top.control-ver03-2 .orderbox.limited {
	top: 584px;
    left: 623px;
}

@media screen and (max-width: 1190px) {
	.ldp-top.control-ver03-2 .main-visual-icon {
		top: 3%;
		right: 3%;
		max-width: 19%;
	}
	.ldp-top.control-ver03-2 .main-visual-icon-01 {
		position: absolute;
		width: auto;
		max-width: 190px;
		top: 17%;
		left: 3%;
	}
	.ldp-top.control-ver03-2 .orderbox {
		top: 82%;
		left: 22%;
	}
	.ldp-top.control-ver03-2 .orderbox.limited {
		top: 82%;
		left: 52%;
	}

}
@media screen and (max-width: 767px) {
	.ldp-top.control-ver03-2 .main-visual-area {
		overflow: hidden;
	}
	.ldp-top.control-ver03-2 .main-visual-bg {
		width: 145vw;
		display: block;
		margin: 0 -500vw;
		padding: 0 calc(500vw - (145vw/6));
	}
	.ldp-top.control-ver03-2 .orderbox-area {
		display: flex;
		justify-content: space-between;
		margin: 10px;
		position: relative;
		top: -12vw;
		transform: scale(0.9);
	}
	.ldp-top.control-ver03-2 .main-visual-icon {
		top: -7vw;
		right: 0vw;
		max-width: 23vw;
	}
	.ldp-top.control-ver03-2 .main-visual-icon-01 {
		display: none;
		position: absolute;
		width: 17vw;
		top: 9vw;
		left: 3vw;
	}
	.ldp-top.control-ver03-2 .orderbox {
		position: static;
	}
}

/* ------------------------ */
/* ファーストビュー
/* (コントロール ver03-4) */
/* ------------------------ */
/* 限定（アイコン） */
.ldp-top.control-ver03-4 .main-visual-icon {
	position: absolute;
    width: 220px;
    max-width: 100%;
    top: 25px;
    right: 37px;
}
/* ギフトアイコン */
.ldp-top.control-ver03-4 .main-visual-icon-01 {
	position: absolute;
    width: 237px;
    max-width: 100%;
    top: 107px;
    left: 23px;
}
.ldp-top.control-ver03-4 .orderbox {
	display: block;
    position: absolute;
    top: 584px;
    left: 267px;
}
.ldp-top.control-ver03-4 .orderbox.limited {
	top: 584px;
    left: 623px;
}

@media screen and (max-width: 1190px) {
	.ldp-top.control-ver03-4 .main-visual-icon {
		top: 3%;
		right: 3%;
		max-width: 19%;
	}
	.ldp-top.control-ver03-4 .main-visual-icon-01 {
		display: none;
		position: absolute;
		width: auto;
		max-width: 216px;
		top: 15%;
		left: 2%;
	}
	.ldp-top.control-ver03-4 .orderbox {
		top: 82%;
		left: 22%;
	}
	.ldp-top.control-ver03-4 .orderbox.limited {
		top: 82%;
		left: 52%;
	}

}
@media screen and (max-width: 767px) {
	.ldp-top.control-ver03-4 .main-visual-area {
		overflow: hidden;
	}
	.ldp-top.control-ver03-4 .main-visual-bg {
		width: 145vw;
		display: block;
		margin: 0 -500vw;
		padding: 0 calc(500vw - (145vw/6));
	}
	.ldp-top.control-ver03-4 .orderbox-area {
		display: flex;
		justify-content: space-between;
		margin: 10px;
		position: relative;
		top: -12vw;
		transform: scale(0.9);
	}
	.ldp-top.control-ver03-4 .main-visual-icon {
		top: -7vw;
		right: 0vw;
		max-width: 23vw;
	}
	.ldp-top.control-ver03-4 .main-visual-icon-01 {
		position: absolute;
		width: 20vw;
		top: 9vw;
		left: 2vw;
	}
	.ldp-top.control-ver03-4 .orderbox {
		position: static;
	}
}

/* ------------------------ */
/* ファーストビュー
/* (コントロール ver02) */
/* ------------------------ */
.ldp-top.control-ver02 .main-visual-area img {
	margin-bottom: 0;
}

.ldp-top.control-ver02 .orderbox {
	display: block;
    position: absolute;
    left: 42px;
    bottom: 288px;
	transform: scale(0.8);
}
.ldp-top.control-ver02 .orderbox.limited {
    left: 363px;
    bottom: 288px;
	transform: scale(0.8);
}

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

	.ldp-top.control-ver02 .orderbox {
		bottom: 19%;
		left: 3%;
	}
	.ldp-top.control-ver02 .orderbox.limited {
		bottom: 19%;
		left: 29%;
	}
}
@media screen and (max-width: 767px) {
	.ldp-top.control-ver02 .orderbox-area {
		display: block;
	}
	.ldp-top.control-ver02 .orderbox {
		bottom: 6vw;
		left: 4vw;
	}
	.ldp-top.control-ver02 .orderbox.limited {
		bottom: 6vw;
		left: 42vw;
	}
}

/* ------------------------ */
/* ファーストビュー
/* (ABテスト１) */
/* ------------------------ */

/* 限定（アイコン） */
.ldp-top.abtest-ver01 .main-visual-icon {
    position: absolute;
    width: 207px;
    max-width: 100%;
    top: 18px;
    right: 4px;
}
/* ギフトアイコン */
.ldp-top.abtest-ver01 .main-visual-icon-01 {
	position: absolute;
    width: 237px;
    max-width: 100%;
    top: 107px;
    left: 23px;
}
.ldp-top.abtest-ver01 .orderbox {
	display: block;
    position: absolute;
	top: 584px;
    left: 310px;
}
.ldp-top.abtest-ver01 .orderbox.limited {
	top: 584px;
    left: 700px;
}

@media screen and (max-width: 1190px) {
	.ldp-top.abtest-ver01 .main-visual-icon {
		top: 3%;
		right: 0%;
		max-width: 18%;
	}
	.ldp-top.abtest-ver01 .main-visual-icon-01 {
		display: none;
		position: absolute;
		width: auto;
		max-width: 216px;
		top: 15%;
		left: 2%;
	}
	.ldp-top.abtest-ver01 .orderbox {
		top: 82%;
		left: 24.5%;
	}
	.ldp-top.abtest-ver01 .orderbox.limited {
		top: 82%;
		left: 57%;
	}

}
@media screen and (max-width: 767px) {
	.ldp-top.abtest-ver01 .main-visual-area {
		overflow: hidden;
	}
	.ldp-top.abtest-ver01 .main-visual-bg {
		width: 145vw;
		display: block;
		margin: 0 -500vw;
		padding: 0 calc(500vw - (145vw/6));
	}
	.ldp-top.abtest-ver01 .orderbox-area {
		display: flex;
		justify-content: space-between;
		margin: 10px;
		position: relative;
		top: -17vw;
		left: -1vw;
		transform: scale(0.9);
	}
	.ldp-top.abtest-ver01 .main-visual-icon {
		top: -8vw;
		right: 0vw;
		max-width: 21vw;
	}
	.ldp-top.abtest-ver01 .main-visual-icon-01 {
		position: absolute;
		width: 20vw;
		top: 9vw;
		left: 2vw;
	}
	.ldp-top.abtest-ver01 .orderbox {
		position: static;
	}
}

/* ------------------------ */
/* ファーストビュー
/* (ABテスト2) */
/* ------------------------ */

/* 限定（アイコン） */
.ldp-top.abtest-ver02 .main-visual-icon {
	position: absolute;
    width: 207px;
    max-width: 100%;
    top: 190px;
    right: 40px;
}
/* ギフトアイコン */
.ldp-top.abtest-ver02 .main-visual-icon-01 {
	position: absolute;
    width: 237px;
    max-width: 100%;
    top: 218px;
    left: 23px;
}
.ldp-top.abtest-ver02 .orderbox {
	display: block;
    position: absolute;
	top: 711px;
    left: 267px;
}
.ldp-top.abtest-ver02 .orderbox.limited {
	top: 711px;
    left: 629px;
}

@media screen and (max-width: 1190px) {
	.ldp-top.abtest-ver02 .main-visual-icon {
		top: 23%;
		right: 2%;
		max-width: 18%;
	}
	.ldp-top.abtest-ver02 .main-visual-icon-01 {
		display: none;
		position: absolute;
		width: auto;
		max-width: 216px;
		top: 15%;
		left: 2%;
	}
	.ldp-top.abtest-ver02 .orderbox {
		top: 84.5%;
		left: 21.5%;
	}
	.ldp-top.abtest-ver02 .orderbox.limited {
		top: 84.5%;
		left: 51%;
	}

}
@media screen and (max-width: 767px) {
	.ldp-top.abtest-ver02 .main-visual-area {
		overflow: hidden;
	}
	.ldp-top.abtest-ver02 .main-visual-bg {
		/* width: 145vw;
		display: block;
		margin: 0 -500vw;
		padding: 0 calc(500vw - (145vw/6)); */
	}
	.ldp-top.abtest-ver02 .orderbox-area {
		display: flex;
		justify-content: space-between;
		margin: 10px;
		position: relative;
		top: -19vw;
		left: -2vw;
		transform: scale(0.9);
	}
	.ldp-top.abtest-ver02 .main-visual-icon {
		top: 15vw;
		right: 0vw;
		max-width: 21vw;
	}
	.ldp-top.abtest-ver02 .main-visual-icon-01 {
		position: absolute;
		width: 20vw;
		top: 9vw;
		left: 2vw;
	}
	.ldp-top.abtest-ver02 .orderbox {
		position: static;
	}
}


/* ------------------------ */
/* ファーストビュー
/* (ABテスト3)  ミッドナイト完売後 */
/* ------------------------ */

/* 限定（アイコン） */
.ldp-top.abtest-ver03 .main-visual-icon {
	position: absolute;
	width: 207px;
	max-width: 100%;
	top: 190px;
	right: auto;
    left: 89px;
}
/* ギフトアイコン */
.ldp-top.abtest-ver03 .main-visual-icon-01 {
	position: absolute;
    width: 200px;
    max-width: 100%;
    top: 190px;
    left: auto;
    right: 94px;
}
.ldp-top.abtest-ver03 .orderbox {
	display: block;
	position: absolute;
	top: 711px;
	left: 629px;
}
.ldp-top.abtest-ver03 .orderbox.limited {
	top: 711px;
	left: 267px;
}
.ldp-top.abtest-ver03 .orderbox.normal a > .order-item {
    font-size: 20px;
}
@media screen and (max-width: 1190px) {
	.ldp-top.abtest-ver03 .main-visual-icon {
		top: 23%;
		left: 7%;
		max-width: 18%;
	}
	.ldp-top.abtest-ver03 .main-visual-icon-01 {
		top: 23%;
		right: 7%;
		max-width: 18%;
	}
	.ldp-top.abtest-ver03 .orderbox {
		top: 84.5%;
		left: 51%;
	}
	.ldp-top.abtest-ver03 .orderbox.limited {
		top: 84.5%;
		left: 21.5%;
	}

}
@media screen and (max-width: 767px) {
	.ldp-top.abtest-ver03 {
		height: 115vw;
	}
	.ldp-top.abtest-ver03 .main-visual-area {
		overflow: hidden;
	}
	.ldp-top.abtest-ver03 .orderbox-area {
		display: flex;
		justify-content: space-between;
		margin: 10px;
		position: relative;
		top: -19vw;
		left: -2vw;
		transform: scale(0.9);
		flex-direction: row-reverse;
	}
	.ldp-top.abtest-ver03 .main-visual-icon {
		top: 15vw;
		left: 2vw;
		right: auto;
		max-width: 21vw;
	}
	.ldp-top.abtest-ver03 .main-visual-icon-01 {
		top: 15vw;
		right: 2vw;
		left: auto;
		max-width: 21vw;
	}
	.ldp-top.abtest-ver03 .orderbox {
		position: static;
	}
	.ldp-top.abtest-ver03 .orderbox.normal a > .order-item {
		font-size: 3.1vw;
	}
}
/* ------------------------ */
/* リード */
/* ------------------------ */
.lead-area {}

/* ------------------------ */
/* ミッドナイト */
/* ------------------------ */
.midnight-area {
	background: rgb(21,24,58);
	background: url(../../jetstream-audio/img/star4.png), linear-gradient(180deg, rgb(26, 29, 66) 0%, rgb(20, 78, 140) 63%, rgb(245, 216, 220) 83%, rgb(254, 238, 212) 100%);
	background-repeat: repeat-x;
	background-position: top;
	padding: 40px 20px;
}
.midnight-item img,
.midnight-item .img {
	margin-bottom: 0;
}
.midnight-area .midnight-inner{
	max-width: 1146px;
	width: auto !important;
	margin-left: auto;
	margin-right: auto;

}
.midnight-area .bg-plane {
	background:rgba(255, 255, 255, 0.6);
	padding: 20px;
	margin-right: 300px;
	max-width: 474px;
	min-height: 269px;
}

.midnight-area .midnight-item:nth-child(1) {
	flex: 0 1 385px;
    min-width: 324px;
	padding-top: 30px;
	display: flex;
	align-items: flex-end;
}
.midnight-area .midnight-area .midnight-item:nth-child(2) {
	flex: 0 1 auto;
}
.midnight-area .midnight-item-img {
	float: right;
	width: 278px;
	margin-left: 20px;
}
.midnight-area .midnight-item-text {
	width: auto;
}
.midnight-area .midnight-item-text p {
	clear: none;
}

.midnight-area .orderbox {
    display: block;
    position: static;
	padding-top: 60px;
	padding-bottom: 40px;
}
.midnight-area .orderbox a {
	transform: scale(1.2);
	width: 360px;
}
@media screen and (max-width: 767px) {
	.midnight-area {
		padding: 40px 10px;
	}
	.midnight-area .bg-plane {
		padding: 10px;
		margin-right: 0;
		max-width: initial;
	}
	.midnight-area .midnight-area .midnight-inner{
		width: 94% !important;
		margin-left: auto;
		margin-right: auto;
	}
	.midnight-area .midnight-item:nth-child(1) {
		padding-top: 0;
	}
	.midnight-area .midnight-item:nth-child(1) .img {
		min-width: initial;
		width: 50vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -8vw;
	}
	.midnight-area .midnight-item-img {
		width: 40vw;
		margin-left: 10px;
		margin-top: 10px;
		margin-right: 10px;
	}
	.midnight-area .orderbox {
		padding-bottom: 0;
		margin-top: 40px;
		padding-top: 0;
	}
	.midnight-area .order-btn {
		width: 100%;
	}
	.midnight-area .orderbox a {
		transform: scale(1);
		width: 100%;
		box-sizing: border-box;
		padding: 0.8em 0.3em;
		font-size: 5.5vw;
		border-radius: 50px;
	}
	.midnight-area .orderbox a > .order-item {
		font-size: 4.5vw;
	}
}
/* ------------------------ */
/* ミッドナイト 動画 */
/* ------------------------ */
.midnight-movie-area {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(122,122,122,1) 20%, rgba(122,122,122,1) 51%, rgba(122,122,122,1) 80%, rgba(255,255,255,0) 100%);
    padding: 40px 10px 40px;
}
.midnight-movie-area h2 {
	border-top: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
.midnight-movie-area h2 span {
	font-family: Gothic MB101 Heavy,  "Noto Sans JP", "メイリオ", sans-serif;
	font-size: 3.4rem;
	color: #fff;
	text-align: center;
}
.midnight-movie-area h2:before {
	display: none;
}
.midnight-movie-area video {
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	.midnight-movie-area {
		padding: 20px 10px 20px;
	}
	.midnight-movie-area h2 {
		padding: 0;
		margin-bottom: 0;
	}
	.midnight-movie-area h2 span {
		font-size: 5.5vw;
	}
}
/* ------------------------ */
/* こんなオーディオが欲しかった。 */
/* ------------------------ */
.review-area {
	/* width: auto !important;
	max-width: 1200px; */
	margin-left: auto;
	margin-right: auto;
	padding: 40px 30px;
	box-sizing: border-box;
	background-color: #fdfbf2;
}
.review-area.bg-img {
	background-image:
	url(../../jetstream-audio/img/js_block2_img_1.png),
	url(../../jetstream-audio/img/js_block2_img_2.png),
	url(../../jetstream-audio/img/js_block2_img_3.png);
	;
	background-position: left top,right bottom, 20% 90%;
	background-repeat: no-repeat, no-repeat, no-repeat;
}

.review-area .review-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* grid-template-rows: repeat(12, 1fr); */
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 20px;
}
.review-item {
	overflow: hidden;
}
.review-item p {
	font-weight: bold;
	font-feature-settings: "palt";
	line-height: 1.4;
}
.review-item .review-left-pd {
	padding-left: 1.3em;
}
.review-item.review-mt-mid {
	margin-top: 20px;
}
.review-area .review-notice-text {
	text-align: right;
	color: #fff;
}
.review-inner .review-item:nth-child(1) { grid-area: 1 / 1 / 4 / 3; }
.review-inner .review-item:nth-child(2) { grid-area: 1 / 3 / 5 / 5; }
.review-inner .review-item:nth-child(3) { grid-area: 4 / 1 / 7 / 2; }
.review-inner .review-item:nth-child(4) { grid-area: 4 / 2 / 7 / 3; }
.review-inner .review-item:nth-child(5) { grid-area: 7 / 1 / 10 / 2; }
.review-inner .review-item:nth-child(6) { grid-area: 7 / 2 / 10 / 3; }
/* .review-inner .review-item:nth-child(7) { grid-area: 5 / 3 / 10 / 4; } */
.review-inner .review-item:nth-child(7) {grid-area: 5 / 3 / 10 / 5;}
/* .review-inner .review-item:nth-child(8) { grid-area: 5 / 4 / 10 / 5; } */
.review-inner .review-item:nth-child(8) {grid-area: 7 / 3 / 7 / 6};
.review-inner .review-item:nth-child(9) { grid-area: 10 / 1 / 13 / 3; }
.review-inner .review-item:nth-child(10) { grid-area: 10 / 3 / 13 / 5; }

@media screen and (max-width: 767px) {
	.review-area {
    padding: 0 0;
		width: 94%;
	}
	.review-area .review-inner {
		display: block;
	}
	.review-inner .fl-right {
		float: none;
		padding-left: 1.3em;
	}
	.review-area .review-notice-text {
		font-size: 3vw;
		padding-bottom: 5px;
		color: #fff;
	}
	.review-area.bg-img {
		background-image:
		url(../../jetstream-audio/img/js_block2_img_1_sp.png),
		url(../../jetstream-audio/img/js_block2_img_2.png),
		none;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 40vw, 40vw, cover;
	}

	.review-item .view-left-pd {
		padding-left: 0;
	}
	.review-item .review-mt-mid {
		margin-top: 0;
	}
	.review-item {
		margin-bottom: 20px;
	}
}

/* ------------------------ */
/* 3大特徴 */
/* ------------------------ */
.features-area .features-item {
	margin-bottom: 40px;
}
.features-area  {
	padding-top: 40px;
    background-image: url(../../jetstream-audio/img/js_block8_img_1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.features-area .features-item {
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 767px) {
	.features-area  {
		padding-top: 0;
	}
	.features-area h2.m-ttl {
		margin-bottom: 3vw;
	}
	.features-area .features-item {
		margin-bottom: 10px;
	}
}
/* ------------------------ */
/* ラジオ史に輝く名番組 */
/* ------------------------ */
.radio-area {}
.radio-area .radio-inner {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background-color: #255FAC;

}
.radio-area .sub-ttl {
	color:#d7971c;
}
.radio-area .bg-img {
	min-height: 400px;
	padding: 40px 0;
	background-image:
	url(../../jetstream-audio/img/js_block3_img_1.png),
	url(../../jetstream-audio/img/js_block3_img_2.png);
	background-color:rgba(255, 255, 255, 0.3),rgba(255,255,255,0.3);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
}
.radio-item {
	flex: 0 1 47%;
}
.radio-area .narration-text {
	padding-top: 200px;
}
.radio-inner p {
	color: #fff;
}
@media screen and (max-width: 767px) {
	.radio-area .radio-inner {
		padding:0 3%;
		background-size: 50vw, 50vw;
		width: 	auto !important;
	}
	.radio-area .narration-text {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 7vw;
	}
}

/* ------------------------ */
/* 一流アーティストによる */
/* ------------------------ */
.artist-main-visual {
	margin-bottom: 20px;
}
.artist-main-visual img {
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------ */
/* トラックリスト */
/* ------------------------ */

#tracklist {
	margin-top: 20px;
	margin-bottom: 20px;
}

#tracklist h2 {
		font-size: 46px;
    letter-spacing: -2px;
    padding: 0 0 10px !important;
    margin: 50px 0 40px !important;
    border-bottom: 2px solid #222;
    letter-spacing: 0;
}

#tracklist h2 span {
    font-family: 'Noto Sans JP', sans-serif !important;
display: block;
    height: auto;
    line-height: 0;
    padding: 25px 0 20px;
    font-size: 22px;
    color: #185690;
}


#tracklist h3::before {
	content: none;
}

#tracklist h3 {
	border-bottom: 2px solid #111122;
	text-align: center;
  font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
}

.main1c .tracklist li {
	padding: 6px 10px;
	font-weight: bold;
}

.tracklist li span {
	padding-right: 10px;
	font-weight: normal;
}

.tracklist li span.opening,
.tracklist li span.naration,
.tracklist li span.ending,
.tracklist li span.sub {
	color: #fff !important;
}

.tracklist li span.opening,
.tracklist li span.naration,
.tracklist li span.ending{
	font-weight: bold !important;
}

.tracklist li span.sub {
	color: #888 !important;
}


#tracklist p,
#tracklist img {
	margin-bottom: 0;
}

#cd1 h3, #cd8 h3 {color: #006953; border-color: #006953;}
#cd2 h3, #cd9 h3 {color: #e8380d; border-color: #e8380d;}
#cd3 h3, #cd10 h3 {color: #6c1f76; border-color: #6c1f76;}
#cd4 h3, #cd11 h3 {color: #0068b7; border-color: #0068b7;}
#cd5 h3, #cd12 h3 {color: #94252a; border-color: #94252a;}
#cd6 h3, #cd13 h3 {color: #006979; border-color: #006979;}
#cd7 h3, #cd14 h3 {color: #e9546b; border-color: #e9546b;}

.tracklist #cd1 ol, .tracklist #cd8 ol {background: #eafcf8;}
.tracklist #cd2 ol, .tracklist #cd9 ol  {background: #fff1ee;}
.tracklist #cd3 ol, .tracklist #cd10 ol  {background: #fdf1ff;}
.tracklist #cd4 ol, .tracklist #cd11 ol  {background: #e4f3ff;}
.tracklist #cd5 ol, .tracklist #cd12 ol  {background: #f6eeef;}
.tracklist #cd6 ol, .tracklist #cd13 ol  {background: #dbf0f3;}
.tracklist #cd7 ol, .tracklist #cd14 ol  {background: #ffecf1;}

.notice {
	color: #a54343 !important;
}

.opening,
.naration,
.ending {
	display: inline-block;
	background:red;
	text-indent: 0;
	font-size: 60%;
	padding: 4px 8px;
	border-radius: 20px;
	line-height: 14px;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
}

.opening {background: #149b2d}
.naration {background: #f9216c}
.ending {background: #83489c}

.tracklist ul {
	background: none;
}

.tracklist .bg_blue {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaeeff+0,ffffff+100 */
background: #eaeeff; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeeff 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eaeeff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eaeeff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.tracklist .bg_purple {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6eaff+0,ffffff+100 */
background: #f6eaff; /* Old browsers */
background: -moz-linear-gradient(top,  #f6eaff 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6eaff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6eaff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6eaff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.tracklist .bg_orange {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9ece5+0,ffffff+100 */
background: #f9ece5; /* Old browsers */
background: -moz-linear-gradient(top,  #f9ece5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9ece5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9ece5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ece5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.tracklist .bg_lime {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffdea+0,ffffff+100 */
background: #fffdea; /* Old browsers */
background: -moz-linear-gradient(top,  #fffdea 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fffdea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fffdea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.tracklist .bg_green {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efffef+0,ffffff+100 */
background: #efffef; /* Old browsers */
background: -moz-linear-gradient(top,  #efffef 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #efffef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #efffef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efffef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.tracklist .bg_red {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffeff6+0,ffffff+100 */
background: #ffeff6; /* Old browsers */
background: -moz-linear-gradient(top,  #ffeff6 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffeff6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffeff6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeff6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#tracklist h3 {
    margin: 0 10px 20px;
    padding: 10px 0 5px;
}

.tracklist .bg_blue h3 {
    color: #324698;
    border-bottom: 2px solid #324698 !important;
}
.tracklist .bg_blue span {
    color: #324698;
    }
.tracklist .bg_purple h3 {
	color: #793ea0;
	border-bottom: 2px solid #793ea0 !important;
}
.tracklist .bg_purple span {
	color: #793ea0;
}
.tracklist .bg_orange h3 {
	color: #bf4e11;
	border-bottom: 2px solid #bf4e11 !important;
}
.tracklist .bg_orange span {
	color: #bf4e11;
}
.tracklist .bg_lime h3 {
	color: #9a8c09;
	border-bottom: 2px solid #9a8c09 !important;
}
.tracklist .bg_lime span {
	color: #9a8c09;
}
.tracklist .bg_green h3 {
	color: #398239;
	border-bottom: 2px solid #398239 !important;
}
.tracklist .bg_green span {
	color: #398239;
}
.tracklist .bg_red h3 {
	color: #c5005c;
	border-bottom: 2px solid #c5005c !important;
}
.tracklist .bg_red span {
	color: #c5005c;
}

#tracklist .artist-img img {
	display: block !important;
	width: 90%;
	margin:0 auto 20px;
}

#tracklist .col3-1,
#tracklist .col3-2,
#tracklist .col3-3 {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	#tracklist {
		margin-top: 0;
	}

	#tracklist h2 {
		font-size: 8vw;
	}

	#tracklist h2 span {
			line-height: 1.4;
			padding: 3vw;
			font-size: 4vw;
	}

	#tracklist img {
		display: none;
	}

	#tracklist h2 {
			margin: 5vw 0 !important;
			padding: 0 !important;
	}
	.tracklist h3 {
		font-size: 5vw;
	}
	.tracklist ol {
		margin-bottom: 0;
	}

	.tracklist ol li {
		font-size: 4vw;
	}

	.tracklist p .sub, .tracklist li .sub {
			font-size: 3.5vw;
	}
	#tracklist .open-link {
		border-bottom: none;
	}
	#tracklist .open-link::after {
		content: "";
		display: block;
		height: 30px;
	}
}




/* ------------------------ */
/* オリジナルデザイン */
/* ------------------------ */
.design-area .design-inner {
	position: relative;
}
.design-first-content {
	position: absolute;
	width: 290px;
	left: 313px;
}
@media screen and (max-width: 767px) {
	.design-first-content {
		position: static;
		width: auto;
	}
}
/* ------------------------ */
/* サウンドシステム */
/* ------------------------ */
.soundsystem-area .soundsystem-sub-ttl {
	display: inline-block;
	padding:0 0.5em;
	background:#003892;
	font-family: Gothic MB101 Bold,  'Noto Sans JP', 'ヒラギノ角ゴ Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-size: 3.3rem;
	font-weight: bold;
	color: #dadbdb;
	border-radius: 10px;
}
.soundsystem-area .soundsystem-sub-ttl span {
	font-size: 1.2em;
}
@media screen and (max-width: 767px) {
	.soundsystem-area .soundsystem-sub-ttl {
		font-size: 5vw;
		padding:0.3em 0.8em;
	}
}

/* ------------------------ */
/* 便利機能 */
/* ------------------------ */
.function-inner {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: auto;
  	gap: 20px;
}
.function-inner:before,
.function-inner:after {
	display: none;
}
.function-inner .function-item {
	overflow: hidden;
}
.function-inner .function-item:nth-child(1) {
	grid-column: 1 / 5;
}
.function-inner .function-item:nth-child(2) {
	grid-column: 5 / 9;
}
.function-inner .function-item:nth-child(3) {
	grid-column: 9 / 13;
}
.function-inner .function-item:nth-child(4) {
	grid-column: 1 / 7;
}
.function-inner .function-item:nth-child(5) {
	grid-column: 7 / 13;
}
.function-inner .function-item:nth-child(6) {
	grid-column: 1 / 13;
}
.function-inner .bg {
	height: 100%;
	background: #eaeaea;
	padding: 14px;
}
.function-inner .bg-ttl {
	margin-bottom: 5px;
	font-weight: bold;
}
.function-inner .easy-controle .bg-ttl {
	font-size: 1.7rem;
}
.function-inner .bg-item-box {
	position: relative;
}
.function-inner .bg-item-box-txt {
	position: absolute;
	top: 110px;
	left: 100px;
}
@media screen and (max-width: 767px) {
	.function-inner {
		display: block;
	}
	.function-item {
		margin-bottom: 20px;
	}
}

/* ------------------------ */
/* ユーザーボイス */
/* ------------------------ */
.uv-area {
	background-image: url(../../jetstream-audio/img/js_block8-1_img_1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.uv-area .uv-inner {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: auto;
  gap: 15px;
}
.uv-inner .uv-item {
	background: rgba(255,255,255,0.8);
	padding: 20px;
}
.uv-inner .uv-item p {
	font-weight: bold;
	line-height: 1.4;
}

.uv-inner .uv-item:nth-child(1) {
	grid-column: 1 / 5;
}
.uv-inner .uv-item:nth-child(2) {
	grid-column: 5 / 9;
}
.uv-inner .uv-item:nth-child(3) {
	grid-column: 9 / 13;
}
.uv-inner .uv-item:nth-child(4),
	.uv-inner .uv-item:nth-child(8) {
	grid-column: 1 / 4;
}
.uv-inner .uv-item:nth-child(5),
.uv-inner .uv-item:nth-child(9) {
	grid-column: 4 / 7;
}
.uv-inner .uv-item:nth-child(6),
.uv-inner .uv-item:nth-child(10) {
	grid-column: 7 / 10;
}
.uv-inner .uv-item:nth-child(7),
.uv-inner .uv-item:nth-child(11) {
	grid-column: 10 / 13;
}
.uv-inner .uv-ttl {
	margin-bottom: 10px;
	font-size: 2.5rem;
	font-family: Gothic MB101 Heavy,  "Noto Sans JP", "メイリオ", sans-serif;
	font-feature-settings: "palt";
	font-weight: bold;
	text-align: center;
	color: #000;
	font-weight: bold;
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff,0px 0px 30px #4b4b4b,0px 0px 30px #4b4b4b;
	;
}
.uv-inner .uv-ttl.purple {
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff,0px 0px 20px #0e0e80,0px 0px 20px #0e0e80;
}
.uv-inner .uv-ttl.red {
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff,0px 0px 20px #e7386d,0px 0px 20px #e7386d;
}
.uv-inner .uv-ttl.green {
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff,0px 0px 20px #9dbd00,0px 0px 20px #9dbd00,0px 0px 20px #9dbd00;
}
@media screen and (max-width: 767px) {
	.uv-area {
		background-image: none;
		background: rgb(73,166,215);
		background: linear-gradient(180deg, rgba(73,166,215,1) 0%, rgba(147,211,245,1) 43%, rgba(212,240,255,1) 89%, rgba(147,215,251,0) 100%);

	}
	.uv-area .uv-inner {
		display: block;
	}
	.uv-inner .uv-item {
		margin-bottom: 10px;
	}
	.uv-inner .uv-ttl {
		font-size: 5.5vw;
	}
}

/* ------------------------ */
/* 開発者インタビュー */
/* ------------------------ */
.interview-area {}
.interview-area .ttl .section {
	width: 860px !important;
	margin-left: auto;
	margin-right: auto;
}
.interview-area .interview-ttl-01 {
	position: relative;
}
.interview-area .interview-ttl-01 > span {
	display: inline-block;
	background: #00693e;
	font-weight: bold;
	color: #fff;
	font-size: 2.8rem;
	padding: 0.1em 0.5em;
	border-radius: 10px;
}
.interview-area .interview-ttl-01::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	margin: auto;
	background:#878787;
}
.interview-area .interview-ttl-02 {
	font-size: 4.2rem;
	color: #202c5c;
	font-weight: 900;
	font-family: Gothic MB101 Heavy,  "Noto Sans JP", "メイリオ", sans-serif;
}
.interview-item {
	padding: 20px;
	background: rgb(235,222,236);
background: linear-gradient(180deg, rgba(235,222,236,1) 66%, rgba(255,255,255,0) 100%);
}
.interview-sub-ttl {
	font-size: 3.2rem;
	font-feature-settings: "palt";
	padding-left: 0;
}
.interview-fx .interview-fx-txt {
	flex: 0 1 77%;

}
.interview-fx .interview-fx-img {
	flex: 0 1 177px;
	padding-left: 20px;
}

@media screen and (max-width: 767px) {
	.interview-area .ttl .section {
		width: auto !important;
	}
	.interview-area .interview-sub-ttl {
		font-size: 5.5vw;
	}
	.interview-area .interview-ttl-01 > span {
		font-size: 4.5vw;
	}
	.interview-area .interview-ttl-02 {
		font-size: 5.5vw;
	}
}
/* ------------------------ */
/* aditional */
/* ------------------------ */
#additional {
	margin: 30px 0 30px;
}

#additional.whole-bg {
    background: #f3e7ce;
}
#additional.whole-bg .section {
    background: none;
}
#additional h2 {
	font-size: 46px;
}
#additional h3::before {
    background: #20509D;
}
@media screen and (max-width: 767px) {
	#additional {
	margin-top: 15vw;
	}

	#additional h2 {
		font-size: 8vw;
		margin-bottom: 20px;
	}
}

/* CTA(Call To Action)テキスト */

.cta-text {
	background: url(/defaultShop/images/parts/cta_text_bg.png) center top no-repeat;
	background-size: auto;
	background-size: 20%;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 25px !important;
	line-height: 1.5 !important;
	margin: 20px 0 5px;
	padding: 30px 0;
	text-shadow: 0 1px 0 #fff;
}

.cta-text em {
	color: #da0707;
}



/*============ スマートフォン用 ===========*/
@media screen and (max-width: 767px) {


/* ページ上部ギフトバナー */

#head_giftbanner,
#head_timer,
#head_giftbanner div {
	height: 22vw;
	width: 100%;
}

#head_giftbanner div {
	background: #a21217 url(https://www.u-canshop.jp../item/jetstream-audio1/img/giftbanner_sp.png) center center no-repeat;
	background-size: contain;
}

#head_timer {
	background: #a21217 url(https://www.u-canshop.jp../item/jetstream-audio1/img/giftbanner_sp2.png) center center no-repeat;
	background-size: contain;
}

#timer-inside {
	width: 100%;
}

.yycountdown-box {
	font-family: 'Noto Sans JP', sans-serif;
	position: absolute;
	left: auto;
	top: 6px;
	right: 3vw;
	font-size: 42px;
	font-weight: 700;
	color: #fff306 !important;
	text-shadow: 0 2px 2px rgba(0,0,0,0.3);
	letter-spacing: -13px;
}

.yycountdown-box span {
	font-size: 7.5vw;
	letter-spacing: 0px;
}

.yyc-day-text, .yyc-hou-text, .yyc-min-text, .yyc-sec-text {
	font-size: 5vw !important;
	padding: 0 0.5vw;
}

.fixed-buy-button {
	display: block !important;
}


/* ページ下部固定ギフトバナー (SPは非表示) */

/* #head_giftbanner_fixed {
	display: none;
} */


.ldp-top .section {
	position: relative;
}


/* CTA(Call To Action)テキスト */

.cta-text {
	background: url(/defaultShop/images/parts/cta_text_bg.png) center bottom no-repeat;
	background-size: auto;
	background-size: 20%;
	font-size: 5vw !important;
	line-height: 1.5 !important;
	margin: 20px 4vw 0;
	margin-right: 4vw;
	margin-left: 4vw;
	padding: 0 0 11vw;
}

.cta-text br {
	display: none;
}


/* 電話注文訴求バナー (題字用SPページのみ表示) */

.first-price .order-option::after {
	content: "";
	width: 100vw;
	display: block;
	height: 100vw;
	background: url(/defaultShop/images/parts/tel_cta_sp.png) top center no-repeat;
	background-size: auto;
	background-size: auto;
	background-size: cover;
	margin-left: -3vw;
}


}/* Media Query for SmartPhone */