@charset "shift_jis";

/* ECB調整用 */

#ldp-top {
    margin-left: -50%;
    margin-right: -50%;
    padding-left: 50%;
    padding-right: 50%;
  }
  @media screen and (max-width: 767px) {
    #ldp-top {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
      }
  }

/* /ECB調整用 */

/*

.mizai {
    border: 2px solid #bfab3b;
}
*/


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

/* ページ固有の色を下記3つの要素に同一で入力 (白ヌキ文字を置いても読める程度の濃さで）*/

h2 .itemtitle, .open-link a:hover span, .open-link a:active span, .hidden-link a:hover span, .hidden-link a:active span, #container .main1c .button:hover,#container .main1c .button:active
{
	color: #20509D; /* キーカラーを指定 */
}

h2::before, h2::after, .accordion-block div, .tab-menu dl dt, .open-link a span,.hidden-link a span, p.point-number, .topimage h1, .whole-bg, .main1c .button, .whole-topimage, h3::before, .spec-title::before, .style-h3::before
{
	background: #20509D; /* キーカラーを指定 */
}

h3, .style-h3, .open-link a span,.hidden-link a span, .spec-title, .main1c .button, .underline
{
	border-color: #20509D; /* キーカラーを指定 */
}



/* cta */

.cta-text {
    background: url(/defaultShop/images/parts/cta_text_bg.png) center top no-repeat;
    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;
}

.buybutton {
    font-family:  "Noto Sans JP", "メイリオ", sans-serif;
    display: block;
    background: #f51d12;
    border: 4px solid #fff;
    border-radius: 300px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    padding: 0;
    margin: 20px auto 50px;
    font-weight: bold;
    box-shadow: 0 1px 8px #888;
    overflow: hidden;
    width: 60%;
    height: 120px;
    font-size: 45px;
    line-height: 120px;
}

.buybutton:hover, .buybutton:active {
    background: #fff;
    color: #f51d12 !important;
    border-color: #f51d12;
    box-shadow: 0 0 2px #555;
}


/* top image */

#topicpath {display:none;}

#ldp-top {
	background: #cba207 url(../../showa-heisei-100/img/showa-heisei-100-topimage_bg2.jpg)center top no-repeat;
	background-size: 1200px;
	height:720px;
}

#ldp-top .section {
	background: none;
	position: relative;
}

#ldp-top img {
	width: auto;
	margin-bottom: 0;
}

#ldp-top h1,
#ldp-top h2,
#ldp-top p {
	border-top: none;
	padding: 0;
	margin: 0;
	position: absolute;
}

#ldp-top h2::after {
	content: none;
}

#ldp-top h1 {
	top: 20px;
	left: 20px;
}

#ldp-top h2 {
	top: 20px;
	right: 20px;
}

#ldp-top p {
	bottom: 10px;
	left: 20px;
}
#ldp-top p img {
	width: 90%;
}

#ldp-top .itemimg {
	top: 140px;
  right: -60px;
  width: 420px;
  left: auto;
}

#ldp-top a {
    font-family: "Noto Sans JP", "メイリオ", sans-serif;
    display: block;
    background: #f51d12;
    border: 3px solid #fff;
    width: 340px;
    border-radius: 60px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0 2px 6px #555;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    transition: bottom box-shadow background color border-color .3s !important;
}

#ldp-top a:hover,
#ldp-top a:active {
	color: #f51d12;
	background: #fff;
	border-color: #f51d12;
}

#ldp-top .orderbox {
	display: block;
    position: absolute;
		top: 615px;
    right: 10px;
}

.order-fixed2 {
	bottom: 15px;
}

.title7 {
	display: none;
}

.title8 {
	position: absolute;
	top: 555px;
	right: -10px;
}




/* introduction */

#introduction {
	width: 100%;
}

#introduction .section {
		position: relative;
}


.main1c h2 {
  font-family:  'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
  font-weight: bold;
	font-weight: 700;
	border-top: none;
	text-align: center;
}
.main1c h2::after {
	content: none;
}

#introduction h2 span {
	display:inline;
	color: #D80000;
	font-size: 56px;
	font-weight: bold;
}

#introduction h2 {
	font-size: 50px;
	letter-spacing: -2px;
	text-shadow: 0 0 10px #fff;
	border-bottom:4px solid #222;
	padding-bottom: 5px;
}

#introduction .whole-bg h2 {
	font-size: 36px;
}

#introduction .section .intro-body {
	font-size: 26px;
    line-height: 1.8;
    margin: 30px;
}

#introduction .feature h2 {
	font-size: 58px;
	color: #157711;
	border-color: #157711;
}

p.point-number {
	background: #157711;
}

#introduction .feature h2 {
	margin-bottom: 40px;
}

#introduction .feature h3 {
	color: #157711;
	padding-left: 0;
}

#introduction .feature .point {
	margin-top: 20px;
}

#introduction .feature .col2-1 p {
	font-size: 20px;
}


/* Interview */

#interview h2 {
    font-size: 44px;
    border-bottom: 5px solid #222;
    padding-bottom: 5px;
    margin-bottom: 40px;
}

#interview h3 {
	color: #157711;
	padding-left: 0;
	font-size: 28px;
}

#interview h3:before {
	content: none;
}

#interview h4 {
    font-family: serif;
    font-size: 28px;
    margin-bottom: 20px;
}

#interview p em {
	color: #B90D0D;
}

#interview .annotation {
		color: #222 !important;
    font-size: 14px !important;
    font-size: 1.5rem !important;
    line-height: 1.6 !important;
}

#interview .col2-1 {
	width: 70%;
}

#interview .col2-2 {
	width: 25%;
}



/* uv */

#uv {
	background: #1058b9 url(../../jetstreamons1/img/jet2019_4-bg.jpg) bottom center no-repeat;
	background-size: 100%;
}

#uv h2 {
	font-size: 46px;
	letter-spacing: -2px;
	color: #fff;
	text-shadow: 0 0 10px #666;
	border-bottom: 2px solid #fff;
	padding: 0 0 10px !important;
	margin: 50px 0 !important;
}

.uv {
	background: #fff;
	border: none;
	box-shadow: 0 0 6px #999;
}


/* tracklist */

#tracklist h2 {
	font-size: 38px;
	letter-spacing: -2px;
	padding: 0 0 10px !important;
	margin: 50px 0 !important;
	border-bottom: 5px solid #1F60AC;
}

#tracklist h2 span {
	color: #1F60AC;
    display: inline;
    font-size: 60px;
    font-weight: bold;
}


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

#tracklist h3 {
    color: #C11515;
    text-align: left;
    font-family: Reimin Y10 Bold, YakuHanMPs, 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
    font-size: 3.4rem;
    padding: 0;
}

#tracklist p {
	margin-bottom: 0;
}

#tracklist img {
	margin-bottom: 10px;
}

#tracklist .col3-1,
#tracklist .col3-2,
#tracklist .col3-3 {
	margin-bottom: 40px;
}

#tracklist .contents {
	background: #E2EBF5;
	font-size: 1.4rem;
	padding: 8px 10px;
	margin: 10px 0 0;
}



/* aditional */

#additional {
	margin: 0 0 30px;
}

#additional h2 {
	font-size: 46px;
	border-bottom: 5px solid #222;
	padding-bottom: 10px;
	line-height: 
}

#additional h2 span {
	display: none;
}

#additional h3 {
	color: #157711;
}

#additional h3:before {
	content: none;
}

#additional span {
	display: block;
	margin: 10px 0 0;
}



/*============ 全集 ===========*/

#comp #ldp-top {
	background: #838cc3 url(../../jetstreamons/img/jet2019_1-bg_all.jpg) top center no-repeat;
}

#comp .complete-edition {
    background: url(../../jetstreamons/img/jet2019_item_pt1.png) center right no-repeat;
    background-size: 270px;
}

#comp #introduction {
    background: url(../../jetstreamons/img/jet2019_2-bg_all.jpg) top center no-repeat;
}

#comp #introduction h2 {
	color: #20509D;
    margin-top: 50px;
    font-size: 44px;
    letter-spacing: -2px;
    text-shadow: 0 0 10px #fff;
}

.no2bnr_sp {display: none;}



/* HEAD Gift Banner */

#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(../../showa-heisei-100/img/giftbanner_pc.png) center center no-repeat;
}

#head_timer {
	background: #a21217 url(../../showa-heisei-100/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;
}


/* gift fixed banner with buybutton 

#head_giftbanner_fixed {
position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: none;
    border-top: none;
/*ギフト掲載時表示 *     background: rgba(255,246,201,0.97);
    border-top: 2px solid #d9c77f;
    z-index: 100000000;
    height: 96px;
}

#head_giftbanner_fixed p {
	display:block;
	margin: 0 20px;
	height: 96px;
/*ギフト掲載時表示 * width: 1050px;
	margin: 0 auto;
	background: url(/defaultShop/showa-heisei-100/img/giftbanner_pc_fixed.png) left center no-repeat; /*
	position: relative;
}

#head_giftbanner_fixed p a {
    display: block;
    font-size: 22px !important;
    width: 300px !important;
    height: 60px !important;
    line-height: 54px !important;
    border-width: 3px;
    box-shadow: 0 2px 6px #888 !important;
    margin: 0;
    transition: bottom .3s,background .3s,box-shadow .3s,border .3s;
    background: #fa0046;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-radius: 100px;
    line-height: 60px !important;
    border: 3px solid #fff;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 14px;
    transition: all .3s;
}

#head_giftbanner_fixed p a:hover,
#head_giftbanner_fixed p a:active {
		background: #fff;
    color: #fa0046 !important;
    border-color: #fa0046;
    box-shadow: 0 0 2px #555;
}

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

 */

#head_giftbanner_fixed {
display: none;
}


/* giftbanner */

.giftbanner-normal {
	background: url(/defaultShop/showa-heisei-100/img/giftbanner_main_pc.jpg) center center no-repeat;
	display: block;
	width: 920px;
	height: 590px;
	margin: 30px auto;
}


/* buybutton expansion */

.buybutton-temp, .listbutton {
	margin-bottom: 20px;
}

.buybutton-temp a, .listbutton a {
width: 880px;
height: 140px;
font-size: 48px;
line-height: 132px;
margin-left: 0;
/*    background: #fa0046; */
}


/* non pr display */

#non-pr-display .price-block {
	display: none !important;
}




/*=========== タブレット用 ===========*/

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

#ldp-top .section {width: 89% !important;}

#ldp-top .itemimg { right: auto; left: 640px !important;}

#ldp-top .orderbox { right: auto; left: 700px !important;}

} /* query */



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


/* 電話導線CTA (題字商品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: cover;
    margin-left: -3vw;
}


.no2bnr {display: none;}
.no2bnr_sp {display: block;}


/* Top Image */

#ldp-top {
    margin-bottom: 10vw;
    background: #cba207 url(../../showa-heisei-100/img/showa-heisei-100-topimage_bg2_sp.jpg)center top no-repeat;
    background-size: 100%;
}

#ldp-top, #ldp-top .section {
	height: 100vw;
}

#ldp-top h1 {
	width: 100%;
    top: 15px;
    left: 0;
}

#ldp-top h1 img,
#ldp-top h2 img {
	width: 100%;
}

#ldp-top h2:before {
	content: none;
}

#ldp-top h2 {
	width: 60%;
    top: 24vw;
    left: 18.5vw;
}

#ldp-top .itemimg {
	display: none;
/*    top: 85vw;
    right: 8vw;
    width: 75%;
    left: auto; */
}

#ldp-top .orderbox {
    bottom: -10vw;
    right: 0;
    width: 100%;
		left: 0 !important;
}

#ldp-top p {
    bottom: 13vw;
		left: 11vw;
    width: 85%;
}

#ldp-top a {
	    width: 90%;
    font-size: 6vw;
    height: 18vw;
    line-height: 18vw;
}

.title7 {
	display: block;
    position: absolute;
    top: 80vw;
    left: -4vw;
    width: 32vw;
}

.title7 img,
.title8 img {
	width: 100% !important;
}

.title8 {
    top: 80vw;
    right: -5vw;
    width: 80%;
    left: auto !important;
    position: absolute;
}

#ldp-top .orderbox {
    top: 90vw;
    right: -2vw;
    width: 68%;
    left: auto !important;
}

#ldp-top a {
    width: 100%;
    font-size: 5vw;
    height: 14vw;
    line-height: 14vw;
    margin: 0;
}


/* CTA */

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

.cta-text br {
	display: none;
}

.buybutton,
.topimage .header-buybutton {
	border: 3px solid #fff;
	box-shadow: 0 1px 6px #888;
	width: 90%;
	height: 18vw;
	font-size: 6vw !important;
	line-height: 18vw;
	margin-top: 10px;
	margin-bottom: 20px;
}

.topimage .header-buybutton {
	line-height: 18vw;
  position: absolute;
  right: 4vw;
}

.buybutton:hover,
.buybutton:active,
.topimage .header-buybutton:hover,
.topimage .header-buybutton:active {
	background: #fff;
	color: #f51d12 !important;
	border-color: #f51d12;
	border-width: 3px;
	box-shadow: 0 0 2px #555;
}

.complete-edition,
#comp .complete-edition {
    width: 92%;
    margin: 0 auto 25px !important;
    padding: 10px 10px 46vw;
    font-size: 16px !important;
    background: url(../../jetstreamons1/img/jet2019_itemall.png) bottom center no-repeat;
    background-size: 270px;
    box-sizing: border-box;
}

.complete-edition br {
	display: none;
}

#comp .complete-edition {
    background: url(../../jetstreamons/img/jet2019_item_pt1.png) bottom center no-repeat;
}

.complete-edition,
#comp .complete-edition {
    font-size: 4.5vw !important;
    background-size: 70vw;
}
.complete-edition span,
#comp .complete-edition {
	font-size: 5vw;
	}
	
.complete-edition a {
    line-height: 1.5;
}


/* Introduction */

#introduction {
	background-size: 150%;
}

#poetry1 {
    top: 45vw;
    right: 0;
    font-size: 5.5vw;
    width: 64%;
}

#poetry1 #naration {
    font-size: 4vw;
}

#introduction h2 {
    margin-top: 0;
    font-size: 10vw;
		margin-bottom: 3vw;
	line-height: 1.2;
	padding: 0 0 10px;
}

.main1c h2::before {
content: none;
display: none;
}

#introduction h2 span {
	display: block;
	font-size: 11vw;
}

#introduction .section .intro-body {
font-size: 5.5vw;
line-height: 1.8;
margin: 15px 10px 30px;
}

#introduction .whole-bg h2 {
	font-size: 7vw;
}

#introduction .text-center {
	text-align: left !important;
}

#introduction .text-center br {
	display: none;
}


#introduction ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

#introduction ul li span {
box-sizing: border-box;
    width: 80%;
    margin: 0px 9.5% 13px;
    height: 14vw;
    line-height: 13vw;
    font-size: 6vw;
}

#introduction ul li:nth-child(2),
#introduction ul li:nth-child(4),
#introduction ul li:nth-child(6),
#introduction ul li:nth-child(8) {
	display: none;
}

#poetry2 {background: url(../../jetstreamons1/img/jet2019_2-1_sp.jpg) top center no-repeat;}
#poetry3 {background: url(../../jetstreamons1/img/jet2019_2-2_sp.jpg) top center no-repeat;}
#poetry4 {background: url(../../jetstreamons1/img/jet2019_2-3_sp.jpg) top center no-repeat;}

#poetry2, #poetry3, #poetry4 {
    background-size: 100%;
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

#poetry2 div, #poetry4 div {
  margin-left: 0;
}
#poetry3 div {
	margin-right: 0;
}

#poetry2 div, #poetry3 div, #poetry4 div {
    width: 90%;
    margin: 52vw auto 10px;
    padding: 0;
}

#introduction h4, #introduction h4 {
    font-size: 6vw;
    margin-bottom: 10px;
}

/* Artists */

#artist h2 {
	font-size: 8vw;
    margin: 0 0 30px !important;
}

/* UV */

#uv {
	background-size: cover;
}

#uv h2 {
	font-size: 8vw;
    margin: 20px 0 !important;
}

.sp-nodisplay {
	display: none;
}

#uv .col2-1 {
	margin-bottom: 0;
}

/* Tracklist */

#tracklist {
	background: none;
	margin-bottom: 80px;
}

#tracklist h2 {
	font-size: 8vw;
}
#tracklist h2 {
    margin: 30px 0 10px !important;
}

.tracklist ol {
	margin-bottom: 0;
}

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

.tracklist p .sub, .tracklist li .sub {
    font-size: 3.5vw;
}


/* Additional */

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

#additional h2 span {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
}


/* sample abtest */

#abtest_sample {
background: url(/jetstreamons1/img/sample_bg.jpg) center bottom no-repeat;
background-size: cover;
padding: 0 0 40px;
margin: 40px 0 40px !Important;
width: 100% !Important;

}

#abtest_sample h2 {
color: #fff;
text-shadow: 0 0 4px #544e87;
font-size: 7vw;
margin: 70px 0 50px;
}

#abtest_sample h2 span {
font-size: 3.8vw;
padding-left: 0;
line-height: 3;
text-align: center;
}

#abtest_sample .jp-audio {
width: 90%;
padding: 2vw 0 4vw 3vw;
}

.jp-audio .jp-type-single .jp-progress {
top: 28px !important;
}

.jp-audio .jp-type-single .jp-current-time, .jp-audio .jp-type-single .jp-duration, .jp-audio .jp-type-single .jp-progress {
    width: 38vw !Important;
}

#sample_title img {
width: 32vw;
position: absolute;
margin-top: -37px;
margin-left: 34vw;
}


/*============ 全集 ===========*/

#comp #ldp-top {
	background: #838cc3 url(../../jetstreamons/img/jet2019_1a-bg_sp.jpg) bottom center no-repeat;
	background-size: 100%;
}

#comp #introduction {
    background: url(../../jetstreamons/img/jet2019_2-bg_all.jpg) top center no-repeat;
}

#comp #introduction h2 {
    margin-top: 20px;
    font-size: 7vw;
    margin-bottom: 30px;
}

#introduction .feature h2 {
font-size: 10vw;
margin-bottom: 20px;
}

.feature h3 {
font-size: 6.5vw;
line-height: 1.2;
padding: 0;
}

#introduction .feature .col2-1 p {
font-size: 4.5vw;
}

#interview h2 {
font-size: 6.2vw;
margin-bottom: 20px;
}

#interview .col2-1,
#interview .col2-2 {
width: 100%;
}

#interview .col2-2 {
background: #ddd;
width: auto;
padding: 10px 4%;
}

#interview .col2-2 p {
margin-bottom: 0;
}

#interview .col2-2 img {
width: 70%;
margin: 0 auto 10px;
}

#interview h3 {
font-size: 5.5vw;
line-height: 1.4;
}

#interview h4 {
font-size: 5.2vw;
}

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

#tracklist h2 span {
font-size: 12vw;
}

#tracklist h3 {
line-height: 1.2;
font-size: 10vw;
margin-bottom: 8px;
}

#tracklist img {
width: 70%;
margin: 0 auto 10px;
}

#tracklist {
margin-bottom: 50px;
}

#additional h3 {
padding:0;
font-size: 6vw;
margin: 0 0 10px;
}

#additional img {
width: 80%;
margin: 0 auto;
}


/* gift fixed banner with buybutton */

#head_giftbanner_fixed {
	display: none;
}


/* HEAD Gift Banner */

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

#head_giftbanner div {
	background: #a21217 url(../../showa-heisei-100/img/giftbanner_sp.png) center center no-repeat;
	background-size: contain;
}

#head_timer {
	background: #a21217 url(../../showa-heisei-100/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;
}


/* buy button */


.buybutton-temp, .listbutton {
	margin-bottom: 2vw;
}

.buybutton-temp a, .listbutton a, .buybutton {
    width: 100%;
    height: 23vw;
    font-size: 5.8vw;
    line-height: 22vw;
    margin-left: 0;
    margin-top: 4vw;
    /* background: #fa0046; */
}

.buybutton {
	width: 98%;
}


/* giftbanner */

.giftbanner-normal {
		background: url(/defaultShop/showa-heisei-100/img/giftbanner_main_sp.jpg) center center no-repeat;
    display: block;
    width: 100%;
    height: 125vw;
    margin: 5vw 0 0 !important;
    background-size: 100%;
}


/* mizai *

.mizai {
    border: 2px solid #bfab3b !important;
    margin: 20px 4vw !important;
} */



}/* Media Query for SmartPhone */