@charset "shift_jis";

/* ECB調整用 */
.main1c {
width: auto;
margin-left: -500%;
margin-right: -500%;
}

.wrapper .notice-list em {
	color: #ff0000;
}
@media screen and (max-width: 767px) {
.main1c {
    margin-left: 0;
    margin-right: 0;
}

.main1c ul li{margin-left: 0px!important;}

/*SPメイン画像下隙間消す*/
/*仮*/
.flex-direction-nav{display: none;}

}

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

@media screen and (max-width: 767px) {
  /* .fixed-buy-button {
    display: none !important;
  } */
  .head_giftbanner_fixed {
    height: auto !important;
  }
}




#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;
}

.item-gift {
	margin-bottom: 50px;
}

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

#noprice .price-block {
	display: none;
}

#price_block .price-block {
	display: block !important;
}


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

.main1c 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: #910332; /* キーカラーを指定 */
}

.main1c h2::before, .main1c 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: #910332; /* キーカラーを指定 */
}

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

.main1c h2 span {
	display: none;
    height: 0;
    line-height: 0;
    padding: 0;
}

.main1c h2 span span,
.main1c h2 .spbr {
	display: none;
    font-size: 0;
    line-height: 0;
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

/* buybutton expansion */

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

/*
.buybutton-temp a:hover, .listbutton a:hover,
.buybutton-temp a:active, .listbutton a:active {
	color: #fa0046 !important;
	border-color: #fa0046;
}
*/


/* firstprice */

.detailetmpl .buybutton,
.detailetmpl .order-button,
.detailetmpl .order-arrow,
#firstprice {
	display: none;
}


/* giftbanner */


.topimage-gift-bnr-ver02 .main-order-area .topimage-gift-area-btn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}




.giftbanner-normal {
	background: url(/defaultShop/nihonnouta2021/img/giftbanner.png) center center no-repeat;
	display: block;
	width: 920px;
	height: 588px;
	margin: 30px auto;
}


.giftbanner {
  background: #c41212;
}

.giftbanner-content.content-width-1200 {
  max-width: 1200px;
}

.giftbanner-content {
  max-width: 1050px;
  margin: 0 auto;
}


/* 追従 */


.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 .order-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
  padding-bottom: 0;
}
.head_giftbanner_fixed .order-btn img {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.head_giftbanner_fixed {
		height: 80px;
	}
}
@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;
}






/*=====================================*/
#wrap00 {
	overflow: hidden;
}
.section em {
	color: #ff0000;
}
.viewPc,
.viewSp {
	display: none !important;
}
.viewPc {
	display: block !important;
}
@media screen and (max-width: 767px) {
	.viewPc,
	.viewSp {
		display: none !important;
	}
	.viewSp {
		display: block !important;
	}

}
/* ????? */
/*=====================================*/



/* cta */

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

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

.buybutton {
    font-family: YakuHanJPs, "NotosansJP", "メイリオ", 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: 50%;
    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;
}


/* 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(/defaultShop/nihonnouta2021/img/giftbanner_pc.jpg) center center no-repeat;
}

#head_timer {
	background: #a21217 url(/defaultShop/nihonnouta2021/img/giftbanner_pc_countdown.jpg) center center no-repeat;
}

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

.yycountdown-box {
    font-family: 'NotosansJP', sans-serif;
    position: absolute;
    left: 10px;
    top: 20px;
    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;
}


/* top image */

.ldp-top {
	background: #ffd5a4 url(/defaultShop/nihonnouta2021/img/nihonnouta2021_topimage_bg_pc.jpg) top center no-repeat;
	margin-bottom: 30px;
}

.bx-wrapper {
	display: none;
}

#test-b {
	background: #AA8251 url(/defaultShop/nihonnouta2021/img/nihonnouta2021_topimage02.jpg) top center no-repeat;	
}
#test-c {
	background: #AA8251 url(/defaultShop/nihonnouta2021/img/nihonnouta2021_topimage03.jpg) top center no-repeat;
	margin-top: 10px;
}

.ldp-top,
.ldp-top .section {
	height: 552px;
}

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

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

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

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

#test-c h1 {
	top: 2px;
	left: 0px;
}

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

.ldp-top a {
    font-family: YakuHanJPs, "NotosansJP", "メイリオ", sans-serif;
    display: block;
    background: #fa0046;
    border: 3px solid #fff;
    width: 420px;
    border-radius: 60px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 28px;
    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: #fa0046;
	background: #fff;
	border-color: #fa0046;
}

.ldp-top .orderbox {
		display: block;
    position: absolute;
    bottom: 50px;
    right: 16px;
}


#topimage2 {
display: none;
}


/* gift block */

.gift-text-block {
	width: 1150px;
}

/* 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,145,0.95);
	border-top: 2px solid #ccbf28; */
    z-index: 100000000;
    height: 96px;
}

#head_giftbanner_fixed p {
	display:block;
	margin: 0 20px;
	height: 96px;
/*ギフト掲載時表示 width: 1050px;
	margin: 0 auto;
	background:  url(/defaultShop/nihonnouta2021/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;
} */




/* introduction */

#overview-image {
	background: #ffeaf0  url(/defaultShop/nihonnouta2021/img/nihonnouta2021_overview_image.jpg) center top no-repeat;
	width: 100%;
	height: 430px;
	display: block;
	background-size: 1250px;
	margin-top: 80px;
}

#introduction {
background: -moz-linear-gradient(top,  #ffeaf0 0%, #ffffff 30%,#ffffff 50%,#ffeaf0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffeaf0 0%,#ffffff 30%,#ffffff 50%,#ffeaf0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffeaf0 0%,#ffffff 30%,#ffffff 50%,#ffeaf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.main1c h2 {
	color: #222;
  font-family: YakuHanMPs, "NotosansJP", "メイリオ", sans-serif;
  font-weight: bold;
  font-size: 32px;
  font-weight: 700;
  border-top: none;
  text-align: center;
  margin-bottom: 30px;
}

.main1c h2 span {
	display: block;
  font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
    font-weight: bold;
    font-weight: 700;
    border-top: none;
    font-size: 56px;
    letter-spacing: -2px;
    text-shadow: 0 0 10px #fff;
    height: auto;
    line-height: 1.2;
    border-bottom: 4px solid #222;
    padding: 0 0 20px;
    margin: 0px 0 15px;
	color: #e61616;
}

#introduction h3 {
	color: #910332;
}

#introduction h3 span {
	letter-spacing: -4px;
	padding-right: 4px;
}


.main1c h2::after {
	content: none;
}

#introduction p em {
	color: #910332;
}

#eyecatch {
	clear: both;
	position: relative;
	height: 950px;
}

#eyecatch p {
	position: absolute;
	width: 520px;
}

#eyecatch p img {
	width: 100%;
}


#eyecatch-2 {
	right: 0;
	top: 100px;
}

#eyecatch-3 {
	top: 445px;
}

#eyecatch-4 {
	right: 0;
	top: 500px;
}

/* uv */

#uv {
	background: #fcefc1;
	padding: 60px 0 30px;
}

#uv h2 {
	color: #222;
	text-shadow: 0 0 8px #fff;
	padding: 0 0 50px !important;
	margin: 0;
}

#uv h2 span {
  font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
	color: #da0707;
	font-size: 50px;
	border-color: #222;
	text-shadow: 0 0 8px #fff;
}

#uv .man, #uv .woman {
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

#uv em {
	color: #e15400;
}

#uv .annotation {
	color: #555;
	text-align: right;
}

.woman span {
    color: #c64776;
}

/* feature */

.whole-bg {
	margin: 40px 0;
	border-radius: 20px;
	background: none;
}

.whole-bg .section {
	background: rgb(255, 251, 219);
	border-radius: 20px;
	border: 2px solid #e2dc94;
}

.feature h2 span {
	color: #222;
  font-size: 40px;
    margin: 10px 20px 15px;
}

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

.feature div {
    border-bottom: 5px dotted #e2ddab;
}

.one-line {
	line-height: 75px;
}

.whole-bg .section h2 {
	margin: 0;
}

.feature h2 span {
  font-family: YakuHanMPs, "NotosansJP", "メイリオ", sans-serif !important;
	line-height: 1.2;
}

.feature h2 em {
	color: #d02343;
	padding-left: 5px;
}

.feature h3 {
	line-height: 1.4;
}

.feature h3 em {
	color: #0083d0;
}


/* tracklist */

#tracklist {
background: -moz-linear-gradient(top,  #f4fcba 0%, #ffffff 5%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4fcba 0%,#ffffff 5%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4fcba 0%,#ffffff 5%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin-bottom: 20px;
}

.tracklist-contain {
	position: relative;
	margin-bottom: 60px;
}

.tracklist-jacket {
	position: absolute;
  top: 0;
  width: 60px;
  margin: -30px 0 0;
  border-left: 10px solid #fff;
}

#tracklist #tracklist-ec-pc {
	text-align: center;
}

#tracklist #tracklist-ec-pc img {
	width: 100%;
	max-width: 1500px;
	display: inline;
}

#tracklist #tracklist-ec-sp {
	display: none;
}

#tracklist h2 {
	font-size: 28px;
	letter-spacing: 0;
	margin-bottom: 40px;
}

#tracklist h2 span {
	font-size: 50px;
}

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

#tracklist h3 {
    border-bottom: 2px solid #910332;
    text-align: center;
    font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
    border-top: 2px solid #910332;
    padding: 5px 0 8px;
    margin-bottom: 35px;
}

#tracklist h3 span {
	font-size: 26px;
    letter-spacing: 0px;
    padding: 0 4px;
    font-weight: bold;
}

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


#tracklist .desc {
	font-size: 16px;
    padding: 0 10px 14px;
}

#tracklist .desc span {
	color: #9c5a0d;
}


.tracklist ol {
	background: none;
  border-top: 2px dotted #aaa;
  background: none;
}

.tracklist ol li {
	list-style-position: outside;
  margin: 0 20px 0 40px;
  text-indent: 0;
  padding: 10px 5px;
}


.tracklist li span {
    display: block;
	color: #222;
	font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.4;
}

.tracklist li span span {
	display: inline-block;
    font-size: 18px;
    letter-spacing: -2px;
}

.tracklist-contain {
	background: #fff;
}
.tracklist .red {
background: -moz-linear-gradient(top,  rgba(255,241,241,0) 0%, rgba(255,241,241,0.4) 15%, rgba(255,241,241,0.7) 70%, rgba(255,241,241,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,241,241,0) 0%,rgba(255,241,241,0.4) 15%,rgba(255,241,241,0.7) 70%,rgba(255,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,241,241,0) 0%,rgba(255,241,241,0.4) 15%,rgba(255,241,241,0.7) 70%,rgba(255,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .red .desc span,
.tracklist .red li {
	color: #b95d5d;
}

.tracklist .orange {
background: -moz-linear-gradient(top,  rgba(255,246,232,0) 0%, rgba(255,246,232,0.4) 15%, rgba(255,246,232,0.7) 70%, rgba(255,246,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,246,232,0) 0%,rgba(255,246,232,0.4) 15%,rgba(255,246,232,0.7) 70%,rgba(255,246,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,246,232,0) 0%,rgba(255,246,232,0.4) 15%,rgba(255,246,232,0.7) 70%,rgba(255,246,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .orange .desc span,
.tracklist .orange li {
	color: #b56e16;
}

.tracklist .yellow {
background: -moz-linear-gradient(top,  rgba(255,253,232,0) 0%, rgba(255,253,232,0.4) 15%, rgba(255,253,232,0.7) 70%, rgba(255,253,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,253,232,0) 0%,rgba(255,253,232,0.4) 15%,rgba(255,253,232,0.7) 70%,rgba(255,253,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,253,232,0) 0%,rgba(255,253,232,0.4) 15%,rgba(255,253,232,0.7) 70%,rgba(255,253,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .yellow .desc span,
.tracklist .yellow li {
	color: #867d36;
}

.tracklist .green {
background: -moz-linear-gradient(top,  rgba(240,255,232,0) 0%, rgba(240,255,232,0.4) 15%, rgba(240,255,232,0.7) 70%, rgba(240,255,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(240,255,232,0) 0%,rgba(240,255,232,0.4) 15%,rgba(240,255,232,0.7) 70%,rgba(240,255,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(240,255,232,0) 0%,rgba(240,255,232,0.4) 15%,rgba(240,255,232,0.7) 70%,rgba(240,255,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .green .desc span,
.tracklist .green li {
	color: #568641;
}

.tracklist .skyblue {
background: -moz-linear-gradient(top,  rgba(232,255,254,0) 0%, rgba(232,255,254,0.4) 15%, rgba(232,255,254,0.7) 70%, rgba(232,255,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,255,254,0) 0%,rgba(232,255,254,0.4) 15%,rgba(232,255,254,0.7) 70%,rgba(232,255,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,255,254,0) 0%,rgba(232,255,254,0.4) 15%,rgba(232,255,254,0.7) 70%,rgba(232,255,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .skyblue .desc span,
.tracklist .skyblue li {
	color: #497573;
}

.tracklist .blue {
background: -moz-linear-gradient(top,  rgba(239,244,255,0) 0%, rgba(239,244,255,0.4) 15%, rgba(239,244,255,0.7) 70%, rgba(239,244,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,244,255,0) 0%,rgba(239,244,255,0.4) 15%,rgba(239,244,255,0.7) 70%,rgba(239,244,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,244,255,0) 0%,rgba(239,244,255,0.4) 15%,rgba(239,244,255,0.7) 70%,rgba(239,244,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .blue .desc span,
.tracklist .blue li {
	color: #475a8a;
}

.tracklist .purple {
background: -moz-linear-gradient(top,  rgba(250,239,255,0) 0%, rgba(250,239,255,0.4) 15%, rgba(250,239,255,0.7) 70%, rgba(250,239,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(250,239,255,0) 0%,rgba(250,239,255,0.4) 15%,rgba(250,239,255,0.7) 70%,rgba(250,239,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(250,239,255,0) 0%,rgba(250,239,255,0.4) 15%,rgba(250,239,255,0.7) 70%,rgba(250,239,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .purple .desc span,
.tracklist .purple li {
	color: #7b5886;
}

.tracklist .pink {
background: -moz-linear-gradient(top,  rgba(255,239,246,0) 0%, rgba(255,239,246,0.4) 15%, rgba(255,239,246,0.7) 70%, rgba(255,239,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,239,246,0) 0%,rgba(255,239,246,0.4) 15%,rgba(255,239,246,0.7) 70%,rgba(255,239,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,239,246,0) 0%,rgba(255,239,246,0.4) 15%,rgba(255,239,246,0.7) 70%,rgba(255,239,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tracklist .pink .desc span,
.tracklist .pink li {
	color: #b56387;
}

.notice {
	color: #a54343;
}


/* aditional */

#additional {
	background: #e7f4f7;
	margin: 0 0 30px;
}

#additional h2 {
	font-size: 46px;
}

#additional h2 span {
	color: #222;
}

#additional h3 {
    font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
    font-weight: bold;
    font-size: 36px;
    display: block;
    letter-spacing: 0;
}

#additional h3 span {
	font-family: sans-serif;
    font-size: 22px;
    font-weight: normal;
    padding-right: 10px;
}

#additional .annotation {
	color: #3e7b89 !important;
	padding-top: 10px;
	line-height: 1.5 !important;
}

/*=== AB TEST ===*/

.abtest_tel-banner {
	display: none;
}

/*=== MOVIE ===*/

.section.movie {
    width: 1014px !important;
    margin: 50px auto;
    border-radius: 20px;
    background: #dd548e;
    padding: 10px 20px;
    border-radius: 15px;
}

.movietitle {
    color: #fff;
    text-shadow: 0 -1px 0 #333;
    font-size: 32px !important;
    font-weight: bold;
    margin-bottom: 10px !important;
    letter-spacing: 1px;
}

.movie iframe {
    border-color: #a24069;
}

.sp{
	display:none!important;
}

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

.sp{
	display:block!important;
}

}

/*============ スマートフォン用 ===========*/
@media screen and (max-width: 767px) {
	
.spbr {
	display: block;
	line-height: 0;
}

.fixed-buy-button {
    display: block;
}	
	
.cta-text.mb30 {
	margin-bottom: 0 !important;
	font-size: 4vw !important;
}

.first-price .cta-text {
	display: none;
}
	
.giftbanner {
	width: 100%;
}

.main1c h2:before {
	content: none;
}

.main1c h2 {
	font-size: 5vw;
	line-height: 1.35;
}

.main1c h2 span {
    display: block;
		font-size: 8vw;
    line-height: 1.2;
    padding-bottom: 3vw;
    margin-bottom: 2vw;
}

.main1c h2 span span,
.main1c h2 .spbr {
		display: block;
    font-size: 0;
    line-height: 0;
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

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

/* giftbanner */

.giftbanner-normal {
    background:  url(/defaultShop/nihonnouta2021/img/giftbanner_forsp.jpg) center center no-repeat;
    display: block;
    width: 100%;
    height: 115vw;
    margin: 0;
    background-size: 100%;
}

/* 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(/defaultShop/nihonnouta2021/img/giftbanner_sp.jpg) center center no-repeat;
	background-size: contain;
}

#head_timer {
	background: #a21217 url(/defaultShop/nihonnouta2021/img/giftbanner_sp_countdown.jpg) center center no-repeat;
	background-size: contain;
}

#timer-inside {
    width: 100%;
}

.yycountdown-box {
    font-family: 'NotosansJP', sans-serif;
    position: absolute;
    left: auto;
    top: 4px;
    right: 2vw;
    font-size: 42px;
    font-weight: 700;
    color: #fff306 !important;
    text-shadow: 0 2px 4px #333;
    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;
}

/* Top Image */

.ldp-top {
    margin-bottom: 15vw;
    background:  url(/defaultShop/nihonnouta2021/img/nihonnouta2021_topimage_bg_sp.jpg) center top no-repeat;
    background-size: 100%;
}

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

.ldp-top h1 {
    width: 29%;
    top: 2.5vw;
    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: -7vw;
    right: 0;
    width: 100%;
}

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

.ldp-top a {
    width: 78%;
    font-size: 6vw;
    height: 15vw;
    line-height: 15vw;
    border: 1vw solid #fff !important;
    box-shadow: 0 2px 4px #aaa;
    margin: -60px auto 0;
    transition: none;
}

.ldp-top a:hover,
.ldp-top a:active {
	background: #fa0046;
	color: #fff;
}

#topimage2 {
display: block;
margin: -15vw 0 5vw !important;
}

/* CTA */

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

.cta-text br {
	display: none;
}

.buybutton-temp {
    margin-top: 2vw !important;
}

.buybutton-temp a {
	margin: 0 0 20px;
}

.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(/defaultShop/nihonnouta2021/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(/defaultShop/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 */

#overview-image {
    height: 62vw;
    background-size: 180%;
    margin-top: 0;
}

#introduction .annotation {
	font-size: 3vw !important;
}

#eyecatch {
	height: auto;
}

#eyecatch p {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

#eyecatch p img {
	width: 95%;
	margin-bottom: 5px;
}

#eyecatch-2,
#eyecatch-3 {
	top: 0;
	left: 0;
}

#eyecatch-2 img {
	margin-left: 5%;
}

#eyecatch-4 {
	display: none;
}




/* UV */

#uv {
    padding: 8vw 0;
}

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

#uv h2 {
    padding: 0 0 5vw !important;
}

#uv h2 span {
    font-size: 7.5vw;
    line-height: 1.25;
}

#uv .annotation {
    font-size: 3vw !important;
    margin-bottom: 0;
}

.nodisplay {
	display: none !important;
}


/* feature */

.whole-bg {
    margin: 6vw 0;
    border-radius: 2vw;
    width: 94% !important;
}

.whole-bg .section {
    border-radius: 4vw;
    padding: 10px;
}

.feature h2 span {
    font-size: 6.4vw;
    margin: 10px 10px 0;
}

.feature h3 {
    font-size: 5.4vw;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
    line-height: 1.4;
    letter-spacing: 0;
}

.feature h3 br {
	display: none;
}

/* Tracklist */

#tracklist {
		margin-bottom: 20vw;
    background: -moz-linear-gradient(top, #f4fcba 0%, #ffffff 50vw);
    background: -webkit-linear-gradient(top, #f4fcba 0%,#ffffff 50vw);
    background: linear-gradient(to bottom, #f4fcba 0%,#ffffff 50vw);
}

#tracklist h2 {
    margin: 3vw 0 8vw !important;
    font-size: 5.2vw;
}

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

.tracklist-contain {
    margin-bottom: 8vw;
}

.tracklist-jacket {
    width: 15.5vw;
    background: none !important;
}

#tracklist #tracklist-ec-pc img {
	display: none;
}

#tracklist #tracklist-ec-sp img {
	width: 100%;
	display: inline;
}

#tracklist h3 {
	padding: 2vw 0;
}

.tracklist ol {
    border-top: 1px solid #ddd;	
}

.tracklist ol li {
list-style-position: inside;
margin: 0;
padding: 2vw;
line-height: 1.2;
font-size: 4vw;
height: auto;
}

.tracklist li::marker {
    top: 3vw;
    left: 1.8vw;
    font-size: 3.2vw;
}

.tracklist li span {
		font-size: 6vw;
    line-height: 1.2;
    margin-bottom: 1vw;
    margin-left: 0;
    text-indent: 0;
}

#tracklist .desc {
    font-size: 4vw;
    padding: 0 0 3vw;
    line-height: 1.6;
}

.tracklist li span span {
    font-size: 4vw;
    letter-spacing: -1px;
}

.tracklist .red,
.tracklist .orange,
.tracklist .yellow,
.tracklist .green,
.tracklist .skyblue,
.tracklist .blue,
.tracklist .purple,
.tracklist .pink {
	background: none;
}

.tracklist .red li {
	background: #FEF2F2;
}
.tracklist .orange li {
	background: #FEF6E8;
}
.tracklist .yellow li {
	background: #FFFDE8;
}
.tracklist .green li {
	background: #F1FFE8;
}
.tracklist .skyblue li {
	background: #E8FFFD;
}
.tracklist .blue li {
	background: #EEF4FF;
}
.tracklist .purple li {
	background: #FAEEFF;
}
.tracklist .pink li {
	background: #FEEEF6;
}


/* Additional */

#additional {
    margin: 10vw 0;
}

#additional h2 span {
    font-size: 7.5vw;
    margin-bottom: 8vw;
    margin-top: 5vw;
}

#additional h3 {
    font-size: 6.2vw;
	margin-bottom: 2vw;
}

#additional h3 span {
    font-size: 4vw;
    padding-right: 5px;
}

#additional p {
	font-size: 4vw;
    line-height: 1.5;
}

#additional .annotation {
    font-size: 3.4vw !important;
}

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

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


/* sample abtest */

#abtest_sample {
background: url(/defaultShop/nihonnouta2021/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(/defaultShop/jetstreamons/img/jet2019_1a-bg_sp.jpg) bottom center no-repeat;
	background-size: 100%;
}

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

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


/*=== AB TEST ===*/

.abtest_tel-banner {
	display: block;
	margin: -5vw 0 10vw;
}

/*=== MOVIE ===*/

.section.movie {
    border-radius: 0;
    background-size: contain;
    box-sizing: border-box;
    margin: 8vw 0 !important;
    width: 100% !important;
    padding: 3vw;
}

.movietitle {
    font-size: 5vw !important;
    line-height: 1.3 !important;
    padding: 2vw 0 1vw;
}





/*=== tel-sp-wrap ===*/
/* 元々の表示を削除 */
.order-option::after {
    display: none !important;
}
.tel-sp-wrap {}
.fixed-tel-01 {
    font-family: YakuHanJPs, "NotosansJP", "メイリオ", sans-serif;
    display: block;
    border: 0.6vw solid #fff;
    border-radius: 300px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    padding: 0;
    margin: 0 auto 20px;
    font-weight: bold;
    box-shadow: 0 1px 6px #aaa;
    overflow: hidden;
    font-size: 0 !important;
    box-sizing: border-box;
    transition: none;
    display: block;
    bottom: 3vw;
    width: 46vw !important;
    height: 15vw !important;
    left: auto;
    right: 3vw;
    box-shadow: 0 2px 2px #aaa !important;
    background: url(/defaultShop/images/parts/fixed-buy-bg.png) center center no-repeat;
    background-size: 105%;
}
.fixed-tel-01 {
    display: block;
    left: 3vw;
    right: auto;
    background: url(/defaultShop/images/parts/fixed-tel-bg.png) center center no-repeat;
    background-size: 105%;
}


/* TOP画像削除 */


.ldp-top{
	display:none !important;
}

/* TOP画像削除おわり */


/* 電話バナー削除 */

.tel-sp-wrap{
	display:none !important;
}
/* 電話バナー削除おわり */

/* スライダーのサムネイル削除 */

.thumbnail {
  display: none !important;
}


/* スライダーのサムネイル削除おわり */

/* アイキャッチイラスト非表示 */


#eyecatch{
	display:none !important;
}

/* アイキャッチイラスト非表示おわり */


.hidden-link_sp{
	margin-top: 30px !important;
}

.hidden-link a{
	background:none !important;
}


}/* Media Query for SmartPhone */