@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Work+Sans:600,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500&display=swap&subset=japanese');

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"),
    url("../fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"),
    url("../fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"),
    url("../fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
}


* {
	margin: 0;
	padding: 0;
	-webkit-backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: none;
	overflow-y: scroll;
	height: 100%;
	background: transparent;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	font-size: 15px;
	font-family: "YakuHanJP", 'Noto Sans JP', -apple-system, blinkMacSystemFont, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
	text-align: center;
	line-height: 2;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.08em;
	color: #000;
}

_::-webkit-full-page-media, _:future, :root body.open {
	overflow: hidden;
}

/*
@media screen and (-ms-high-contrast: none) {
  *::-ms-backdrop, body {
	font-family: "YakuHanJP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
	}
}
*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

p {
	padding: 0;
	margin: 0;
}

img {
	-webkit-touch-callout: none;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

a {
	text-decoration: underline;
	color: #535353;
	outline: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:active,
a:hover,
a:focus {
	outline: none;
}

a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
}

table {
	border-collapse: collapse;
}

dd {}

:before,
:after {
	font-family: 'Noto Sans JP', -apple-system, blinkMacSystemFont, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
}

#fancybox-content,
#fancybox-wrap *,
#fancybox-wrap {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
#fancybox-wrap {
	z-index: 3200;
}


#fancybox-content, #fancybox-wrap *, #fancybox-wrap {
}

#fancybox-overlay {
	z-index: 3200;
}

#fancybox-close {
	padding: 80px 0 0 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0px;
	width: 80px;
	height: 0;
	background: none;
	background: url(../images/contents/release/sample/close.svg) no-repeat;
	background-size: 100% auto;
}

#fancybox-right {
	right: -50px;
	width: 50px;
	background: url(../images/common/fancybox/custom/arrow_r.png) no-repeat right center;
}

#fancybox-left {
	left: -50px;
	width: 50px;
	background: url(../images/common/fancybox/custom/arrow_l.png) no-repeat left center;
}

#fancybox-left-ico,
#fancybox-right-ico {
	background: none;
}

#fancybox-outer {
	background: none;
}

.fancybox-bg {
	display: none;
}


/*--------------------------------------
loading
--------------------------------------*/


/* loading */

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f5bed3;
	z-index: 5000;
}
/*
.loader {
	margin: -20px 0 0 -20px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	border-top-color: transparent;
	animation: spin 0.75s infinite linear;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
*/

/* ball */
.loader {
	margin: -30px 0 0 -30px;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 60px;
	height: 60px;
	background: #e8343d;
	border-radius: 50%;
	z-index: 10;
	-webkit-animation: ball 1.4s cubic-bezier(1,.62,1,.99) infinite forwards;
	-moz-animation: ball 1.4s cubic-bezier(1,.62,1,.99) infinite forwards;
	-ms-animation: ball 1.4s cubic-bezier(1,.62,1,.99) infinite forwards;
	-o-animation: ball 1.4s cubic-bezier(1,.62,1,.99) infinite forwards;
	animation: ball .4s cubic-bezier(1,.62,1,.99) infinite forwards;
}

/* ball */
@-webkit-keyframes ball {
	0% { margin-top: -29px; }
	50% { margin-top: -31px; }
	100% { margin-top: -29px; }
}

@-moz-keyframes ball {
	0% { margin-top: -29px; }
	50% { margin-top: -31px; }
	100% { margin-top: -29px; }
}

@-ms-keyframes ball {
	0% { margin-top: -29px; }
	50% { margin-top: -31px; }
	100% { margin-top: -29px; }
}

@-o-keyframes ball {
	0% { margin-top: -29px; }
	50% { margin-top: -31px; }
	100% { margin-top: -29px; }
}

@keyframes ball {
	0% { margin-top: -29px; }
	50% { margin-top: -31px; }
	100% { margin-top: -27px; }
}

/* hole */
.loader:after {
	content: "";
	padding-top: 60px;
	display: block;
	position: absolute;
	top: -140px;
	right: -80px;
	width: 60px;
	height: 0;
	transform: translate3d(0,0,0);
	background: url(../images/common/loading/hole.svg) no-repeat;
	background-size: 100% auto;
	z-index: 5;

	-webkit-animation: hole 1.4s cubic-bezier(1,.62,1,.99) 0.5s infinite forwards;
	-moz-aznimation: hole 1.4s cubic-bezier(1,.62,1,.99) 0.5s infinite forwards;
	-ms-animation: hole 1.4s cubic-bezier(1,.62,1,.99) 0.5s infinite forwards;
	-o-animation: hole 1.4s cubic-bezier(1,.62,1,.99) 0.5s infinite forwards;
	animation: hole 1.4s cubic-bezier(1,.62,1,.99) 0.5s infinite forwards;

}


/* hole */
@-webkit-keyframes hole {
	0% { top: 80px; right: 40px; }
	100% { top: -140px; right: -80px; }
}

@-moz-keyframes hole {
	0% { top: 80px; right: 40px; }
	100% { top: -140px; right: -80px; }
}

@-ms-keyframes hole {
	0% { top: 80px; right: 40px; }
	100% { top: -140px; right: -80px; }
}

@-o-keyframes hole {
	0% { top: 80px; right: 40px; }
	100% { top: -140px; right: -80px; }
}

@keyframes hole {
	0% { top: 80px; right: 40px; }
	100% { top: -140px; right: -80px; }
}


.loading:before {
	content: "";
	margin: -120px 0 0 -80px;
	padding-top: 84px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 160px;
	height: 0;
	background: url(../images/common/header/logo.svg) no-repeat center top;
	background-size: 100% auto;
}

/*--------------------------------------
 * コンテンツ
 * ---------------------------------------*/

.wrapper {
	text-align: left;
	position: relative;
	height: auto !important;
	height: 100%;
	background: url(../images/common/header/visual.jpg) no-repeat center top;
	background-size: 100% auto;
	min-height: 100%;
}


.container {
}


/*--------------------------------------
 * ヘッダー
 * ---------------------------------------*/

#top {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/*background: rgba(0, 0, 0, .2);*/
}

#top:before {
	content: "";
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	background: #f5bed3;
}


#top:after {
	content: "";
	padding-top: 22%;
	display: block;
	position: absolute;
	top: 1%;
	left: 0;
	width: 34%;
	height: 0;
	background: url(../images/common/header/logo.svg) no-repeat center top;
	background-size: 100% auto;
	z-index: 11;
}

.w2 #top:after {
	margin: -21% 0 0 -35%;
	padding-top: 15%;
	left: 50%;
	top: 50%;
	width: 24%;
}

.w3 #top:after {
	margin: -15% 0 0 -33%;
	padding-top: 15%;
	left: 50%;
	top: 50%;
	width: 20%;
}

.siteTitle {
	margin: 0 0 0 -45%;
	padding-top: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 90%;
	height: 0;
	background: url(../images/common/header/title.svg) no-repeat center center;
	background-size: 100% auto;
	z-index: 13;
}

.w2 .siteTitle {
	margin: 0 0 0 -45%;
	padding-top: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 90%;
	height: 0;
	background: url(../images/common/header/title2.svg) no-repeat center center;
	background-size: 100% auto;
	z-index: 13;
}

.w .siteTitle {
}

/* fadeIn */
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1;}
}

@-o-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1;}
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1;}
}

/* fadeInShadow */
@-webkit-keyframes fadeInShadow {
	0% { opacity: 0; }
	100% { opacity: .3;}
}

@-moz-keyframes fadeInShadow {
	0% { opacity: 0; }
	100% { opacity: .3;}
}

@-ms-keyframes fadeInShadow {
	0% { opacity: 0; }
	100% { opacity: .3;}
}

@-o-keyframes fadeInShadow {
	0% { opacity: 0; }
	100% { opacity: .3;}
}

@keyframes fadeInShadow {
	0% { opacity: 0; }
	100% { opacity: .3;}
}

@media screen and (orientation: portrait) {

}


/* zoomout */
@-webkit-keyframes zoomout {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}

@-moz-keyframes zoomout {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}

@-ms-keyframes zoomout {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}

@-o-keyframes zoomout {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}

@keyframes zoomout {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}


/*SNS*/

.snsLink {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 24px;
	left: 16px;
	z-index: 12;
}

.snsLink li {
	padding: 0;
	display: block;
}

.snsLink .twitter {
	float: left;
	width: 38px;
	height: 34px;
}

.snsLink .facebook {
	float: left;
	width: 34px;
	height: 34px;
}

.snsLink li a {
	padding: 34px 0 0;
	display: block;
	overflow: hidden;
	width: 34px;
	height: 0;
}

.snsLink .twitter a {
	background: url(../images/common/nav/twitter.svg) no-repeat center center;
}

.snsLink .facebook a {
	background: url(../images/common/nav/facebook.svg) no-repeat center center;
}


/*--------------------------------------
* コンテンツ
* ---------------------------------------*/

.primary {
	position: relative;
	overflow: hidden;
}

.primary:before {
	content: "";
	margin-left: -65%;
	padding-top: 28%;
	position: absolute;
	top: 4%;
	left: 50%;
	display: block;
	width: 130%;
	height: 0;
	background: rgba(0, 0, 0, .45);
	transform: rotate(-4deg);
	z-index: 2;
}

.primary > h2 {
	margin-left: -35%;
	padding-top: 28%;
	position: absolute;
	top: 4%;
	left: 50%;
	overflow: hidden;
	width: 70%;
	height: 0;
	background: url(../images/contents/lead.svg) no-repeat center center;
	background-size: 100% auto;
	transform: rotate(-4deg);
	z-index: 3;
}

.h2 .primary {
}

.h2 .primary:before {
	margin-left: 0;
	padding-top: 40%;
	top: 0;
	left: 0;
	width: 100%;
	background: #e8343d;
	transform: none;
}

.h2 .primary > h2 {
	margin-left: -45%;
	padding-top: 40%;
	top: 0;
	width: 90%;
	transform: none;
}

.w2 .primary {
}

.w2 .primary:before {
	padding-top: 24%;
	top: 3%;
}

.w2 .primary > h2 {
	margin-left: -30%;
	padding-top: 24%;
	top: 3%;
	width: 60%;
}

.move {
	position: relative;
	-webkit-animation: zoomout2 12s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-moz-animation: zoomout2 12s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-ms-animation: zoomout2 12s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-o-animation: zoomout2 12s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	animation: zoomout2 12s cubic-bezier(.17,.67,.6,.92) 1 forwards;
}

/* zoomout2 */
@-webkit-keyframes zoomout2 {
	0% { transform:scale(1.3); }
	100% { transform:scale(1); }
}

@-moz-keyframes zoomout2 {
	0% { transform:scale(1.3); }
	100% { transform:scale(1); }
}

@-ms-keyframes zoomout2 {
	0% { transform:scale(1.3); }
	100% { transform:scale(1); }
}

@-o-keyframes zoomout2 {
	0% { transform:scale(1.3); }
	100% { transform:scale(1); }
}

@keyframes zoomout2 {
	0% { transform:scale(1.3); }
	100% { transform:scale(1); }
}


.effect {
	transform: translate3d(0, 0, 0);
	transform: rotate(0.0001deg);
	outline: 1px solid transparent;
	will-change: transform;
}

.effectActive {
	position: relative;
	-webkit-animation: fadeInUp 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-moz-animation: fadeInUp 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-ms-animation: fadeInUp 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-o-animation: fadeInUp 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	animation: fadeInUp 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
}

/* fadeInUp */
@-webkit-keyframes fadeInUp {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 1;}
}

@-moz-keyframes fadeInUp {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 1;}
}

@-ms-keyframes fadeInUp {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 1;}
}

@-o-keyframes fadeInUp {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 1;}
}

@keyframes fadeInUp {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 1;}
}

.primary h2.effectActive {
	position: relative;
	-webkit-animation: fadeInUpH2 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-moz-animation: fadeInUpH2 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-ms-animation: fadeInUpH2 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	-o-animation: fadeInUpH2 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
	animation: fadeInUpH2 1s cubic-bezier(.17,.67,.6,.92) 1 forwards;
}

/* fadeInUpH2 */
@-webkit-keyframes fadeInUpH2 {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 0.1;}
}

@-moz-keyframes fadeInUpH2 {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 0.1;}
}

@-ms-keyframes fadeInUpH2 {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 0.1;}
}

@-o-keyframes fadeInUpH2 {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 0.1;}
}

@keyframes fadeInUpH2 {
	0% { top: 40px; opacity: 0;}
	100% { top: 0px; opacity: 0.1;}
}


/*--------------------------------------
* etc
* ---------------------------------------*/
#etc {
	margin: -2px auto 0;
	padding: 48px 12% 68px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #e8343d;
	z-index: 2000;
}

.h2 #etc {
	margin: -1% auto 0;
	padding: 0 7% 	7%;
	background: #e8343d;
}

#etc > li {
	position: relative;
}

/*--------------------------------------
* fortune
* ---------------------------------------*/
#fortune  {
	clear: both;
}

/*--------------------------------------
* movie
* ---------------------------------------*/
#movie  {
}

#movie h3 {
	display: none;
}

#movie .contents {
}

.h2 #movie .contents {
	padding: 0 0 6%;
}

#movie li {
	padding: 0 4% 0 0;
	float: left;
	width: 70%;
}

#movie li:nth-of-type(2) {
	padding: 0 0 0;
	width: 30%;
}

#movie figure {
	margin-top: 3px;
	clear: both;
	display: block;
	position: relative;
	padding: 30px 0 56.25%;
	height: 100%;
}

#movie iframe,
#movie object,
#movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 28px;
	z-index: 2;
}

#movie figure:after {
	content: "";
	display: block;
	position: absolute;
	top: 24px;
	left: 24px;
	width: 100%;
	height: 100%;
	background: #536bb1;
	border-radius: 28px 28px 44px 28px;
	z-index: 1;
}

/*
@media only screen and (max-width: 1040px) {

	#movie {
	background: #f5bed3;
	}

	#movie figure:after {
		display: none;
	}

	#movie figure {
		border-top: solid 24px #536bb1;
		border-bottom: solid 24px #536bb1;
	}

	#movie iframe,
	#movie object,
	#movie embed {
		border-radius: 0px;
	}
}
*/

/*--------------------------------------
* release
* ---------------------------------------*/
#release {
	padding: 80px 0 0 0;
	position: relative;
}

#release h3,
#release h4,
#release .tieup,
#release .date {
	margin-left: -112px;
	padding-top: 290px;
	position: absolute;
	top: 80px;
	left: 50%;
	overflow: hidden;
	width: 584px;
	height: 0;
	background: url(../images/contents/release/artist.svg) no-repeat left top;
	background-size: 100% auto;
}

#release h4 {
	background: url(../images/contents/release/title.svg) no-repeat left top;
	background-size: 100% auto;
}

#release .tieup {
	background: url(../images/contents/release/tieup.svg) no-repeat left top;
	background-size: 100% auto;
}

#release .date {
	background: url(../images/contents/release/date.svg) no-repeat left top;
	background-size: 100% auto;
}

#release .contents {
	text-align: center;
}

#release .product {
	margin: 0 auto 0;
	padding: 300px 40px 100px 400px;
	position: relative;
	width: 100%;
	max-width: 1024px;
}

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

	#release h3,
	#release h4,
	#release .tieup,
	#release .date {
		margin-left: 0;
		padding-top: 32%;
		left: 37%;
		width: calc(100% - 40%);
	}

	#release .product {
		margin: 0 auto 0;
		padding: 32% 3% 12% 37%;
		width: 100%;
	}
}

#release .type {
	padding-bottom: 24px;
	text-align: left;
}

#release #limited {
	position: relative;
}

#release .jacket {
	position: absolute;
	top: 0;
	left: 40px;
	display: block;
	width: 32%;
}

#release .jacket img {
	width: 100%;
}

#release #VIZL-2050 .jacket {
	
}

#release #VICL-38600 .jacket {
	margin-left: -40%;
	padding-top: 44%;
	left: 50%;
	width: 20%;
}

_::-webkit-full-page-media, _:future, :root #release #VICL-38600 .jacket {
	padding-top: 78%;
}

#release #VIKL-30110 .jacket {
	margin-left: -40%;
	padding-top: 68%;
	left: 50%;
	width: 20%;
}

_::-webkit-full-page-media, _:future, :root #release #VIKL-30110 .jacket {
	padding-top: 121%;
}

#release #limited .jacket {
	left: -359px;
	width: 327px;
}

#release .jacket:after {
	content: "";
	display: block;
	text-align: center;
	color: #405aa7;
	font-size: 12px;
	font-weight: 500;
	font-family: "YakuHanJP", 'Noto Sans JP', -apple-system, blinkMacSystemFont, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
}

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

	#release #VICL-38600 .jacket {
		margin-left: -41%;
	}

	#release #VIKL-30110 .jacket {
		margin-left: -41%;
	}

	#release .jacket:after {
		font-size: 11px;
	}

}

#release #VIZL-2050 .jacket:after {
	content: "＜完全生産限定盤＞";
}

#release #VICL-38600 .jacket:after {
	content: "＜通常盤＞";
}

#release #VIKL-30110 .jacket:after {
	content: "＜アナログ盤＞";
}

#release #limited .jacket:after {
	content: "＜完全生産限定盤（ボウリング場限定パッケージ）＞";
}

#release #VIZL-2050 .jacket img {
background: url(../images/contents/release/jacket/VIZL-2050.jpg) no-repeat center center;
	background-size: 100% 100%;
}

#release #VICL-38600 .jacket img {
	background: url(../images/contents/release/jacket/VICL-38600.jpg) no-repeat center center;
	background-size: 100% 100%;
}

#release #VIKL-30110 .jacket img {
	background: url(../images/contents/release/jacket/VIKL-30110.jpg) no-repeat center center;
	background-size: 100% 100%;
}

#release #limited .jacket img {
	background: url(../images/contents/release/jacket/limited.jpg) no-repeat center center;
	background-size: 100% 100%;
}


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

	#release #VIZL-2050 .jacket {
		left: 3%;
	}

	#release #limited .jacket {
		margin-left: -106.8%;
		left: 50%;
		width: 53.3%;
	}

}

#release h5 {
	padding-left: 16px;
	position: relative;
	font-size: 16px;
	text-align: left;
	line-height: 24px;
	font-weight: 500;
}

#release #VIZL-2050 h5 {
	line-height: 32px;
}

#release h5:before {
	content: "";
	padding-top: 24px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 12px;
	height: 0;
	background: url(../images/contents/release/diamond.svg) no-repeat center center;
	background-size: 100%;
}

#release #VIZL-2050 h5:before {
	top: 4px;
}

#release #limited em {
	padding-top: 18%;
	position: relative;
	left: -4%;
	display: block;
	overflow: hidden;
	width: 104%;
	height: 0;
	background: url(../images/contents/release/limited.svg) no-repeat center center;
	background-size: 100%;
}

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

	#release #limited em {
		left: -2%;
		width: 102%;
	}

}

#release .data {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

#release .data p {
	padding: 3px 0 0 16px;
	white-space: nowrap;
	font-size: 13px;
	line-height: 2.4;
	text-align: left;
}
/*
#release #limited .data {
	display: inline-block;
	vertical-align: top;
}

#release #limited .data p:after {
	content: " /";
}

#release #limited .data p {
	padding: 3px 0 0 16px;
	line-height: 1.8;
}
*/
#release .data p span:before {
	content: "※";
}

#release .order {
	padding: 3px 0 0 12px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

#release .order li {
	padding-right: 4px;
	float: left;
}

#release #limited .order {
		padding: 3px 0 8px 16px;
	display: inline-block;
	vertical-align: top;
}

#release .order a {
	padding: 0 1.5em;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 2.4;
	font-weight: 500;
	background: #000;
	text-align: center;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#release #limited .order a {
	padding: 8px 1.5em;
	font-size: 13px;
	line-height: 1.8;
}

#release #limited .order a br {
}

#release .option {
	padding: 16px 0 0 60px;
	position: relative;
	line-height: 1.7;
}

#release .option dt {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 80px;
	height: 80px;
	color: #536bb1;
	font-weight: 600;
	text-align: center;
	line-height: 80px;
	background: url(../images/contents/release/ball.svg) no-repeat;
	background-size: 100% auto;
	z-index: 16;
}

#release .option dd {
	padding: 24px 24px 24px 32px;
	font-size: 14px;
	color: #fff;
	border-radius: 20px;
	background: #536bb1;
}

#release #limited .option dd:after,
#release #VIZL-2050 .option dd:after {
	content: "";
	position: absolute;
	display: block;
	height: 0;
}

#release #VIZL-2050 .option dd:after {
	padding-top: 32%;
	top: 27%;
	right: -24px;
	width: 36%;
	background: url(../images/contents/release/pins.png) no-repeat center center;
	background-size: 100% auto;
}

#release #VIZL-2050 .notice p:before {
	content: "";
	padding-top: 17%;
	display: block;
	float: left;
	bottom: 38%;
	left: 56px;
	width: 17%;
	height: 0;
	background: url(../images/contents/release/pins_gold.png) no-repeat center center;
	background-size: 100% auto;
}

#release #limited .option dd:after {
	padding-top: 29%;
	bottom: 0;
	right: 24px;
	width: 19%;
	background: url(../images/contents/release/pins_limited.png) no-repeat center top;
	background-size: 100% auto;
}

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

	#release #limited .option dd:after {
		padding-top: 25%;
		width: 16%;
	}

}

#release .option dd > ul {
}

#release .option dd > ul > li {
	padding-bottom: 8px;
}

#release .option dd > ul > li > p {
	margin-left: 1em;
	padding-right: 30%;
	font-weight: 600;
	font-size: 16px;
	text-indent: -1em;
}

#release .option dd > ul > li:nth-of-type(1) > p {
	padding: 0;
}

#release .option dd > ul > li > p:before {
	content: "★";
}

#release .option .caution {
	padding: 0 34% 0 0;
}

#release .option .caution > li {
	padding-left: 1em;
}

#release .option .notice {
	padding: 0 35% 0 0;
}

#release .option .caution > li > p {
	margin-left: 1em;
	font-size: 12px;
	text-indent: -1em;
}

#release .option .notice > li > p {
	padding: 8px 0 0;
	font-size: 14px;
}

#release .option .caution > li > p:before {
	content: "※";
}
/*
#release .option .notice > li > p:before {
	content: "・";
}
*/

#release .option .sample p {
	position: absolute;
	top: -22%;
	right: -16px;
	width: 26%;
	height: auto;
	background: #fff;
	border-radius: 20px;
}

#release #limited .option .sample p {
	top: -27%;
	right: -16px;
}

#release .option .sample p strong:before {
	content: "";
	position: absolute;
	bottom: 4px;
	right: 4px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/contents/release/sample/loupe.svg) no-repeat center center #000;
	background-size: 100% auto;
	border-radius: 50%;
	z-index: 2;
}

#release .option .sample p strong {
	padding-top: 68%;
	position: relative;
	overflow: hidden;
	display: block;
	cursor: pointer;
	width: 101%;
	height: 0;
	background: url(../images/contents/release/sample/VIZL-2050_t.jpg) no-repeat center top;
	background-size: 100% auto;
box-shadow:0px 0px 18px -6px rgba(0, 0, 0, .2) inset;
	border-radius: 20px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	z-index: 1;
}

#release #limited .option .sample p strong {
	background: url(../images/contents/release/sample/limited_t.jpg) no-repeat center top;
	background-size: 100% auto;
}

#release .option .sample p strong:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
}

#release .option .sample figure {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
	z-index: 2000;
	background: rgba(83, 107, 177, 0.9);
}

#release .option .sample img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80%;
	max-height: 800px;
 	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 2000;
}


#release .option .sample button {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	background: none;
	outline: none;
	border: none;
	z-index: 2001;
}

#release .option .sample figure:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	width: 80px;
	height: 80px;
	background: none;
	background: url(../images/contents/release/sample/close.svg) no-repeat;
	background-size: 100% auto;
	z-index: 2001;
}



#release .more {
	color: #fff;
	font-size: 20px;
	letter-spacing: 0;
	font-weight: 600;
	font-family: "Helvetica Neue", Helvetica, 'Work Sans', "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
}


#release .trackList {
	margin-bottom: 24px;
	padding: 24px 0;
	clear: both;
	overflow: hidden;
	border-top: solid 1px;
	border-bottom: solid 1px;
}

#release .trackList dl {
	overflow: hidden;
	text-align: left;
}

#release .trackList dt {
	padding: 0 16px 0;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 500;
}

#release .trackList dd {
	padding: 0 0 0 16px;
	float: left;
	border-left: solid 1px;
}

#release .trackList .notice {
	padding-top: 16px;
	font-size: 12px;
	line-height: 1.2;
}

#release .trackList .notice:before {
	content: "※";
}

#release .trackList ol {
	padding: 0 0 0 2.4em;
	list-style-type: decimal-leading-zero;
}

#release .trackList ol > li {
	padding: 0 0;
	text-align: left;
	font-size: 16px;
	line-height: 2.4;
	font-weight: 500;
}

#release .trackList .trackTitle {
	display: inline-block;
	line-height: 2.4;
}

#release .trackList .option {
	padding: 0 0 0 8px;
	display: inline-block;
}

#release .trackList a {
	padding: 0 1em;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	line-height: 2.4;
	font-weight: 500;
	background: #000;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#release .special {
	margin-bottom: 24px;
	padding: 24px;
	clear: both;
	overflow: hidden;
	text-align: left;
	border: solid 1px;
	border-radius: 20px;
}

#release .special > dl > dt {
	padding-bottom: 16px;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 500;
	border-bottom: solid 1px;
}

#release .special > dl > dt .notice {
	padding-left: 4px;
	display: inline-block;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.2;
}

#release .special > dl > dt .notice:before {
	content: "※";
}

#release .special > dl > dd {
	padding: 8px 0 0;
	font-weight: 500;
	text-align: left;
}

#release .special .link a {
	margin-top: 8px;
	padding: 0 1em;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	line-height: 2.4;
	font-weight: 500;
	background: #000;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#release #lyric {
	padding: 40px;
	position: relative;
	background: #fff4f9;
}

#release #lyric:before,
#release #lyric:after {
	content: "";
	display: block;
	overflow: hidden;
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 190, 211, .6);
}

#release #lyric:after {
	top: auto;
	bottom: 24px;
}

#release #lyric figure {
	margin: 0 auto;
	padding-top: 1154px;
	overflow: hidden;
	width: 944px;
	height: 0;
	background: url(../images/contents/release/lyric.svg) no-repeat center center;
	background-size: 100% auto;
}

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

	#release #lyric {
		padding: 40px 3%;
	}

	#release #lyric figure {
		padding-top: 122%;
		width: 100%;
	}

}

#release #lyric img {
}

.kuwataCupLink {
	overflow: hidden;
	background: #f5bed3;
}

.kuwataCupLink li {
	float: left;
	width: 50%;
}

.kuwataCupLink li a {
	padding-top: 48.38%;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	background: url(../images/contents/link/kuwatacup.png) no-repeat center center;
	background-size: 100% 100%;
}

.kuwataCupLink #kuwataCupRadio a {
	background: url(../images/contents/link/kuwatacupradio.png) no-repeat center center;
	background-size: 100% 100%;
}


/*--------------------------------------
上部へボタン
---------------------------------------*/

ul.toTop {
	overflow: hidden;
	position: fixed;
	bottom: -34px;
	right: 0;
	height: 56px;
	z-index: 14;
}

ul.toTop li {
	float: right;
	width: 56px;
	height: 56px;
}

ul.toTop a {
	padding-top: 56px;
	position: relative;
	display: block;
	overflow: hidden;
	width: 56px;
	height: 0;
	background: url(../images/common/nav/totop.svg) no-repeat;
	background-size: 100% auto;
}

ul.toTop a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/*--------------------------------------
フッター
---------------------------------------*/

footer {
	clear: both;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	z-index: 13;
	background: #f5bed3;
}

footer:after {
	content: "";
	padding-top: 211px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #f5bed3;
	z-index: 1;
}


footer .caution {
	padding: 1% 0 8px;
	position: relative;
	clear: both;
	font-size: 10px;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
	z-index: 3;
}

footer .caution:before {
	content: "";
	margin: 0 auto;
	padding-top: 8%;
	display: block;
	width: 12%;
	height: 0;
	background: url(../images/common/footer/logo.svg) no-repeat center center;
	background-size: 100% auto;
}

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

	footer .caution:before {
		padding-top: 12%;
		width: 18%;
	}

}

footer .copyright {
	padding-bottom: 5%;
	position: relative;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 500;
	color: #fff;
	z-index: 3;
}

footer .copyright br {
	display: none;
}

footer .copyright a {
	color: #fff;
	text-decoration: underline;
}

.linkNav {
	margin: 0 auto;
	padding: 5% 0 32px 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
	clear: both;
	width: 100%;
	max-width: 800px;
	text-align: center;
	z-index: 2;
}

.linkNav li {

}

.linkNav a {
	display: block;
}

.linkNav img {
}

.linkNav li.navOfficial {
	display: inline-block;
	width: 42%;
}

.linkNav li.navFanclub {
	display: inline-block;
	width: 42%;
}

.linkNav li.navYoutubeSas {
	padding-top: 4%;
	float: left;
	width: 28.88%;
}

.linkNav li.navYoutubeKuwata {
	padding-top: 4%;
	float: left;
	width: 28.88%;
}

.linkNav li.navTwitter {
	padding-top: 4%;
	float: left;
	width: 22.49%;
}

.linkNav li.navFacebook {
	padding-top: 4%;
	float: left;
	width: 19.75%;
}

.linkNav li img {
	width: 100%;
}

.linkNav li.navOfficial img {
	background: url(../images/common/banner/official_w.svg) no-repeat;
	background-size: 100% auto;
}

.linkNav li.navFanclub img {
	background: url(../images/common/banner/fanclub_w.svg) no-repeat;
	background-size: 100% auto;
}

.linkNav li.navYoutubeSas img {
	background: url(../images/common/banner/youtube_w.svg) no-repeat;
	background-size: 100% auto;
}

.linkNav li.navYoutubeKuwata img {
	background: url(../images/common/banner/youtube_kuwata_w.svg) no-repeat;
	background-size: 100% auto;
}

.linkNav li.navTwitter img {
	background: url(../images/common/banner/twitter_w.svg) no-repeat;
	background-size: 100% auto;
}

.linkNav li.navFacebook img {
	background: url(../images/common/banner/facebook_w.svg) no-repeat;
	background-size: 100% auto;
}

.copyright a {
	color: #fff;
	text-decoration: underline;
}



/*--------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 896px) {
	html,
	body {
		height: 100%;
		font-size: 14px;
		min-height: 100%;
	}

	body {
		overflow: visible;
		min-width: 0;
	}

	_::-webkit-full-page-media, _:future, :root body.open,
	body.open {
		overflow: hidden;
		overflow: visible;
	}

	#fancybox-close {
		padding: 42px 0 0 0;
		width: 42px;
		height: 0;
	}


	/*--------------------------------------
	loading
	--------------------------------------*/
	/* loading */
	.loading {}
	/*--------------------------------------
	* コンテンツ
	* ---------------------------------------*/
	.wrapper {
		background: none;
	}

	.tablet .wrapper,
	.pc .wrapper {
	}

	.container {
	}


/*--------------------------------------
 * ヘッダー
 * ---------------------------------------*/

	#top {
		display: block;
		background: url(../images/common/header/visual_sp.jpg) no-repeat center top;
		background-size: cover;
	}

	#top.open {
		display: none;
	}

	.tablet #top,
	.pc #top {
		display: block;
		height: 100vh !important;
	}

	.tablet #top.open,
	.pc #top.open {
		display: block;
	}

	#top:before {
		display: none;
	}

	#top:after {
		padding-top: 24%;
		top: 0;
		width: 46%;
	}

	.siteTitle {
		margin: -18% 0 0 0;
		padding-top: 88%;
		overflow: hidden;
		top: 50%;
		left: 0;
		width: 100%;
		background: url(../images/common/header/title_sp.svg) no-repeat center center;
		background-size: 100% auto;
	}

	#top .catch {
		padding-top: 59.8%;
		overflow: hidden;
		top: 50%;
		bottom: auto;
		width: 100%;
		background: url(../images/common/header/catch_sp.svg) no-repeat center center;
		background-size: 100% auto;
	}

	/*SNS*/

	.snsLink {
		top: 12px;
		left: auto;
		right: 12px;
	}


	.snsLink.active {
	}

	.snsLink .twitter {
	}

	.snsLink .facebook {
	}

	.snsLink li a {
		border-radius: 50%;
	}

.snsLink .twitter a {
	background: url(../images/common/nav/twitter_sp.svg) no-repeat center center #e8343d;
}

.snsLink .facebook a {
	background: url(../images/common/nav/facebook_sp.svg) no-repeat center center #e8343d;
}




	/* landscape*/
	@media screen and (orientation: landscape) {

		#top {
			background: url(../images/common/header/visual2_sp.jpg) no-repeat center top;
			background-size: cover;
		}

		#top:after {
			margin: -21% 0 0 -35%;
			padding-top: 15%;
			left: 50%;
			top: 50%;
			width: 24%;
		}

		.tablet #top:after,
		.pc #top:after {
			margin: 0;
			padding-top: 18%;
			left: 0px;
			top: 0px;
			width: 32%;
		}

		.siteTitle {
			margin: -10% 0px 0px;
			padding-top: 30%;
			top: 50%;
			left: 0;
			width: 54%;
				background: url(../images/common/header/title2.svg) no-repeat center center;
			background-size: 100% auto;
		}

	.tablet.h2	.siteTitle,
	.tablet.w	.siteTitle,
	.tablet.h	.siteTitle,
	.pc.h2	.siteTitle,
	.pc.w	.siteTitle,
	.pc.h	.siteTitle {
		margin: -6% 0 0 -40% !important;
		padding-top: 40%;
		top: 50%;
		left: 50%;
		width: 80% !important;
		background: url(../images/common/header/title2.svg) no-repeat center center;
		background-size: 100% auto;
	}

		.snsLink {
			top: 12px;
			left: 12px;
			right: auto;
		}

		.tablet .snsLink,
		.pc .snsLink {
			top: 12px;
			left: auto;
			right: 12px;
		}

	}


	/*--------------------------------------
	* コンテンツ
	* ---------------------------------------*/

	.primary {
		margin: 0;
		padding: 0;
		position: relative;
		min-width: 0;
	}


	.tablet .primary,
	.pc .primary {
		padding: 0 !important;
	}

	.primary:before {
		display: none;
	}

	.primary > h2 {
		margin-left: 0;
		padding-top: 114%;
		position: static;
		width: 100%;
		background: url(../images/contents/lead_sp.svg) no-repeat center center #e8343d;
		background-size: 100% auto;
		transform: none;
	}


	.tablet.h2 .primary > h2,
	.pc.h2 .primary > h2 {
		margin-left: 0;
		padding-top: 114%;
		position: static;
		width: 100%;
		background: url(../images/contents/lead_sp.svg) no-repeat center center #e8343d;
		background-size: 100% auto;
		transform: none;
	}

	/*--------------------------------------
	* etc
	* ---------------------------------------*/
	#etc {
	margin: -5px auto 0;
		padding: 0 16px;
		display: block;
		overflow: visible;
		width: 100%;
	}

	.h2 #etc {
		padding: 0 6%;
	}

	#etc > li,
	#etc > li:nth-of-type(2) {
		position: relative;
		display: block;
		float: none;
		width: 100%;
	}

	/*--------------------------------------
	* fortune
	* ---------------------------------------*/
	#fortune  {
	}

/*--------------------------------------
* movie
* ---------------------------------------*/
	#movie {
		margin-top: -2px;
		overflow: hidden;
	}


	#movie h3 {
	}

	#movie .contents {
		padding: 0 0 3%;
		width: 100%;
	}

	#movie li,
	#movie li:nth-of-type(2) {
		padding: 0 0 3%;
		float: none;
		width: 100%;
	}

	#movie figure {
		margin-top: 0;
		border: none;
	}

	#movie iframe,
	#movie object,
	#movie embed {
	}

	#movie figure:after {
		display: none;
	}


	/*--------------------------------------
	* release
	* ---------------------------------------*/
	#release {
		padding: 64% 0 0;
	}


	#release h3,
	#release h4,
	#release .tieup,
	#release .date {
		padding-top: 70%;
		top: 0;
		left: 16px;
		width: calc(100% - 32px);
		background: url(../images/contents/release/artist_sp.svg) no-repeat left center;
		background-size: 100% auto;
	}

	#release h4 {
		background: url(../images/contents/release/title_sp.svg) no-repeat left center;
		background-size: 100% auto;
	}

	#release .tieup {
		background: url(../images/contents/release/tieup_sp.svg) no-repeat left center;
		background-size: 100% auto;
	}

	#release .date {
		background: url(../images/contents/release/date_sp.svg) no-repeat left center;
		background-size: 100% auto;
	}

#release .contents {
	text-align: center;
}

	#release .product {
		margin: 0 auto 0;
		padding: 0 18px;
		width: 100%;
	}

	#release .type {
		padding-bottom: 12%;
		position: relative;
		text-align: center;
	}

	#release #VIZL-2050 {
		padding-top: 130%;
	}

	#release #VICL-38600 {
		padding-top: 105%;
	}

	#release #VIKL-30110 {
		padding-top: 102%;
	}

	#release #limited {
	}


	#release .jacket,
	#release #VICL-38600 .jacket,
	#release #VIKL-30110 .jacket {
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;
		width: 100%;
	}

	#release .jacket img {
	}

	#release #VIZL-2050 .jacket {
		left: 0;
	}

	_::-webkit-full-page-media, _:future, :root #release #VICL-38600 .jacket,
	#release #VICL-38600 .jacket {
		margin-left: 0;
		padding-top: 0;
		left: 0;
		width: 100%;
	}

	_::-webkit-full-page-media, _:future, :root #release #VIKL-30110 .jacket,
	#release #VIKL-30110 .jacket {
		margin-left: 0;
		padding-top: 0;
		left: 0;
		width: 100%;
	}

	#release #limited .jacket {
		margin: 0;
		padding-top: 43%;
		left: 0;
		width: 100%;
	}

	#release .jacket:after {
		display: none;
	}

#release #VIZL-2050 .jacket img {
background: url(../images/contents/release/jacket/VIZL-2050.jpg) no-repeat center center;
	background-size: 100% 100%;
}

#release #VICL-38600 .jacket img {
	background: url(../images/contents/release/jacket/VICL-38600.jpg) no-repeat center center;
	background-size: 100% 100%;
}

#release #VIKL-30110 .jacket img {
	background: url(../images/contents/release/jacket/VIKL-30110.jpg) no-repeat center center;
	background-size: 100% 100%;
}

#release #limited .jacket img {
	background: url(../images/contents/release/jacket/limited.jpg) no-repeat center center;
	background-size: 100% 100%;
}


	#release h5,
	#release #VIZL-2050 h5 {
		padding: 0 0 4px;
		display: inline-block;
		text-align: left;
		font-size: 15px;
		font-weight: 500;
		line-height: 24px;
	}

	#release #limited h5 {
		padding-top: 129%;

	}

	#release h5:before,
	#release #VIZL-2050 h5:before {
		top: 0;
		display: none;
	}

#release #limited em {
	padding-top: 45%;
	left: 0;
	width: 100%;
	background: url(../images/contents/release/limited_sp.svg) no-repeat center center;
	background-size: 100%;
}

	.tablet #release #limited em,
	.pc #release #limited em {
			position: absolute;
			top: 0;
			left: 0;
		}

	#release .data {
		display: block;
		text-align: center;
	}

	#release .data p {
		padding: 0 0 0;
		white-space: normal;
		font-size: 13px;
		line-height: 1.2;
		text-align: center;
	}

	#release .data p span:before {
	}


	#release .order {
		padding: 12px 0 0 0;
		display: block;
	}

	#release .order li {
		padding: 0 2px 6px;
		float: none;
		display: inline-block;
	}

	#release #limited .order {
		padding: 12px 0 0 0;
	}

	#release .order a {
	}

	#release #limited .order a {
		padding: 8px 1em;
		line-height: 1.8;
	}

	#release #limited .order a br {
		display: block;
	}

	#release .option {
		margin-top: 12px;
		padding: 0 0 0 0;
		border-radius: 20px;
		border: solid 3px #536bb1;
	}

	#release .option dt {
		padding: 12px 0;
		position: static;
		font-size: 16px;
		width: 100%;
		height: auto;
		color: #fff;
		line-height: 1.2;
		border-radius: 16px 16px 0 0;
		background: #536bb1;
	}

	#release .option dd {
		padding: 16px 12px 24px 12px;
		color: #000;
		background: none;
	}

	#release .option dd:before {
		content: "";
		padding-top: calc(100% + 16px);
		display: block;
		width: 100%;
		height: 0;
		background: url(../images/contents/release/sample/VIZL-2050.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#release #limited .option dd:before {
		background: url(../images/contents/release/sample/limited.jpg) no-repeat center top;
		background-size: 100% auto;
	}

#release #limited .option dd:after,
#release #VIZL-2050 .option dd:after {
	content: "";
	position: absolute;
	display: block;
	height: 0;
}

	#release #VIZL-2050 .option dd:after {
		display: none;
	}

	#release #VIZL-2050 .notice p:before {
		padding-top: 24%;
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 20%;
	}

	.tablet #release #VIZL-2050 .notice p:before,
	.pc #release #VIZL-2050 .notice p:before {
		margin-top: -8%;
		padding-top: 13%;
		top: 50%;
		left: 0;
		width: 13%;
	}

	#release #limited .option dd:after {
		display: none;
	}

	#release .option dd > ul {
	}

	#release .option dd > ul > li {
	}

	#release .option dd > ul > li > p {
		padding: 0;
		text-align: left;
		font-size: 15px;
	}

	#release .option dd > ul > li > p:before {
	}

	#release #limited .option dd > ul > li:nth-of-type(1) > p:after {
		content: "";
		margin: 0 auto;
		padding-top: 44%;
		display: block;
		width: 28%;
		height: 0;
		background: url(../images/contents/release/pins_limited.png) no-repeat center center;
		background-size: 100% auto;
	}

	#release .option .caution {
		padding: 0;
		text-align: left;
	}

#release .option .caution > li {
	padding-left: 1em;
}

	#release .option .caution > li:after {
		content: "";
		margin: 0 auto;
		padding-top: 58%;
		display: block;
		width: 60%;
		background: url(../images/contents/release/pins.png) no-repeat center center;
		background-size: 100% auto;
	}

	#release .option .notice {
		padding: 0;
	}

	#release .option .caution > li > p {
		text-align: left;
	}

	#release .option .notice > li > p {
		padding: 0 0 0 20%;
		position: relative;
		font-size: 14px;
		text-align: left;
	}

	.tablet #release .option .notice > li > p,
	.pc #release .option .notice > li > p {
		padding: 0 0 0 13%;
	}

	#release .option .caution > li > p:before {
	}


	#release .option .sample {
		display: none;
	}

	#release .more {
		line-height: 1.2;
		color: #536bb1;
	}


	#release .trackList {
		margin: 0;
		border: none;
	}

	#release .trackList dl {
		text-align: center;
	}

	#release .trackList dt {
		padding: 0 1em;
		float: none;
		display: inline-block;
		font-size: 15px;
		line-height: 2.4;
		border: solid 1px;
	}

	#release .trackList dd {
		padding: 8px 0 0;
		float: none;
		text-align: center;
		border: none;
	}

	#release .trackList .notice {
		padding: 8px 0;
		text-align: center;
	}

	#release .trackList .notice:before {
		}

	#release .trackList ol {
		padding: 0 0 0 2.6em;
		display: inline-block;
	}

	#release .trackList ol > li {
		padding: 0 0 8px;
		text-align: left;
		font-size: 15px;
		line-height: 2.4;
	}

	#release .trackList li:nth-of-type(2) .trackTitle {
		line-height: 1.8;
	}

	#release .trackList ol > li:nth-of-type(2) {
		padding: 0 0;
		line-height: 1.8;
	}

#release .trackList .trackTitle {
	display: inline-block;
	vertical-align: top;
	line-height: 2.4;
}

	#release .trackList .option {
		margin: 0;
		border: none;
		border-radius: 0;
	}

	#release .trackList a {
		line-height: 2.4;
		font-size: 12px;
	}


	#release .special {
		padding: 16px 12px;
	}

	#release .special > dl > dt {
	}

	#release .special > dl > dt .notice {
	}

	#release .special > dl > dt .notice:before {
	}

	#release .special > dl > dd {
		line-height: 1.7;
	}




	#release .special .link a {
		font-size: 12px;
	}

	#release #lyric {
		padding: 0;
	}

	#release #lyric:before,
	#release #lyric:after {
		top: 12px;
		height: 2px;
	}

	#release #lyric:after {
		top: auto;
		bottom: 12px;
	}

	#release #lyric figure {
		padding-top: 426.5%;
		width: 100%;
		background: url(../images/contents/release/lyric_sp.png) no-repeat center center;
		background-size: 100% auto;
	}

#release #lyric img {
}

	.kuwataCupLink {
	}

	.kuwataCupLink li {
		float: none;
		width: 100%;
	}

	.kuwataCupLink li a {
	}

	.kuwataCupLink #kuwataCupRadio a {
	}



	/* landscape*/
	@media screen and (orientation: landscape) {

		#release #limited .option dd > ul > li:nth-of-type(1) > p:after {
			padding-top: 24%;
			display: block;
			width: 16%;
	}

		#release #VIZL-2050 .notice p:before {
			margin-top: -8%;
			padding-top: 13%;
			top: 50%;
			left: 0;
			width: 13%;
		}

	 #release .option .notice > li > p {
			padding: 0 0 0 13%;
		}

		.kuwataCupLink li {
			float: left;
			width: 50%;
		}

	}
	

	/*--------------------------------------
	上部へボタン
	---------------------------------------*/
	ul.toTop {
		bottom: -40px;
		height: 40px;
	}
	ul.toTop li {
		width: 40px;
		height: 40px;
	}
	ul.toTop a {
		padding-top: 40px;
		width: 40px;
	}
	ul.toTop a:hover {}
	/*--------------------------------------
	フッター
	---------------------------------------*/
	footer {
		display: block;
		z-index: 13;
	}

	footer.open {
		display: none;
	}

	footer:after {
		display: none;
	}

	footer > ul:nth-of-type(2):before {
		content: "";
		margin: 0 auto;
		display: block;
		width:24%;
		height: 1px;
		background: rgba(255, 255, 255, .5);
	}

	footer .caution:before {
		padding-top: 30%;
		width: 50%;
		background-position: center top;
	}

	footer .caution {
		padding: 8% 16px 3%;
		font-size: 10px;
		line-height: 1.6;
		text-align: left;
	}

	footer .copyright {
		padding: 0 16px 12%;
		display: inline-block;
		text-align: left;
		line-height: 1.5;
	}

	/* landscape*/
	@media screen and (orientation: landscape) {
		footer .copyright {
			display: block;
			text-align: center;
		}
	}


	footer .copyright br {}
	footer .copyright a {}

	.linkNav {
		padding: 8% 0 10%;
		display: block;
		width: auto;
		height: auto;
	}

.linkNav li {
}

	.linkNav a {
	}

.linkNav img {
}


	.linkNav li.navOfficial {
		margin: 0 auto;
		display: block;
		width: 67%;
	}

	.linkNav li.navFanclub {
		margin: 0 auto;
		padding-top: 2%;
		display: block;
		width: 67%;
	}

	.linkNav li.navYoutubeSas {
		margin: 0 auto;
		float: none;
		width: 60.48%;
	}

	.linkNav li.navYoutubeKuwata {
		padding-top: 6%;
		margin: 0 auto;
		float: none;
	width: 60.48%;
	}

	.linkNav li.navTwitter {
		padding-top: 6%;
		margin: 0 auto;
		float: none;
		width: 47.229%;
	}

	.linkNav li.navFacebook {
		padding-top: 6%;
		margin: 0 auto;
		float: none;
		width: 41.475%;
	}


	/* landscape*/
	@media screen and (orientation: landscape) {

		footer .caution:before {
			padding-top: 14%;
			width: 18%;
		}

		footer .copyright {
			display: block;
			text-align: center;
		}

		.linkNav {
			margin: 0 auto;
			padding: 5% 0 32px 0;
			display: inline-block;
			width: calc(100% - 32px);
			height: auto;
		}

		.linkNav li.navOfficial {
			display: inline-block;
			width: 42%;
		}

		.linkNav li.navFanclub {
			display: inline-block;
			width: 42%;
		}

		.linkNav li.navYoutubeSas {
			padding-top: 4%;
			float: left;
			width: 28.88%;
		}

		.linkNav li.navYoutubeKuwata {
			padding-top: 4%;
			float: left;
			width: 28.88%;
		}

		.linkNav li.navTwitter {
			padding-top: 4%;
			float: left;
			width: 22.49%;
		}

	.linkNav li.navFacebook {
			padding-top: 4%;
			float: left;
			width: 19.75%;
		}
	}


}