@charset "utf-8";

.clearfix:before, .clearfix:after { content: " "; clear: both; display: table; }
.clearfix:after { clear: both; }

/* CSS Document */
html,body {
	margin: 0;
	background-color: #000;
	font-family: arial, verdana, sans-serif;
}
html, body, #main {
	width: 100%;
	height: 100%;
}

body {
	position: relative;
	overflow: hidden;
}

#logo_s {
	position: fixed;
	top: 30px;
	right: 3%;
	z-index: 100;
	display: none;
	max-width: 15%;
}
#logo_s img {
	width: 100%;
}

nav {
	z-index: 99;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50px;
	margin: auto 0;
	width: 12px;
	height: 182px;
}

nav>ul>li {
	display: block;
	line-height: 0;
	height: 12px;
	background-image: url(../images/nav_dot.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
nav>ul>li:not(:last-child) {
	margin-bottom: 22px;
}

nav>ul>li.in {
	cursor: auto;
	background-image: url(../images/nav_dot_in.png);
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #df5097;
}

.sp {
	display: none;
}
.spbr {
	display: none;
}


#intro {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 50;
	background-color: #000;
	color: #fff;
	font-weight: lighter;
	pointer-events: none;
}


#intro_jp {
	position: absolute;
	width: 100%;
	bottom: 51%;
	text-align: center;
	font-size: 26px;
	letter-spacing: 4px;
}

#intro_en {
	position: absolute;
	width: 100%;
	top: 52%;
	text-align: center;
	font-size: 20px;
	letter-spacing: 4px;
}




#main {
	position: relative;
}

#main>section {
	position: relative;
	width: 100%;
	height: 100%;
}

section>.content {
	display: flex; align-items: center; justify-content: center;
	/* flex-direction: column; */
	width: 100%; height: 100%;


}




#block1 {
	background-image: url(../images/block1_bg_new.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 40% center;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: auto;
}

#block1_note {
	width: 430px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
#block1_note p {
	font-size: 12px;
	color: #fff;
	line-height: 1.2;
	margin-top: 2em;
	margin-bottom: -1em;
	letter-spacing: normal;
}
#block1_note .japanese {
	margin-bottom: 20px;
}
#block1_note .english {
	word-break: normal;
}

.block1-product-info {
	line-height: 1.6em;
	font-size: 0.85rem;
	text-shadow:
		0 3px 3px rgba(0,0,0,0.5),
		0 0 2px rgba(0,0,0,0.75),
		0 0 1px rgba(0,0,0.1);
}

.block1_note_ver2 {
	width: 100% !important;
	font-weight: bold;
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: 1rem;
	text-shadow: 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 16px #000;
}
.block1_note_ver2 small {
	font-size: 0.75em
}
.block1_note_ver3 {
	max-width: 430px;
	margin: 0 auto !important;
}
.block1_note_ver3 img {
	max-width: 360px;
	width: 100%;
}

#block1_logo {
	margin: 0 0 1rem 0;
	text-align: center;
	height: auto;
	color: #fff;
}


#block1_rollout {
	font-weight: bold;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	text-shadow: 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 16px #000;
	line-height: 1.3;
}
#block1_price {
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-shadow: 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 16px #000;
	margin-bottom: 1%;
}
#block1_price em {
	font-size: 16px;
	margin-right: 10px;
}
#block1_price .SP {
	display: none;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-shadow: 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 16px #000;
	margin-bottom: 1%;
}

#block1_saletext {
	font-weight: bold;
	font-size: 16px;
}

#block1_shop {
	max-width: 454px;
	width: 100%;
	margin: 20px auto 10px;
	text-align: center;
	border-radius: 1px;
	box-sizing: border-box;
}
#block1_shop .button {
    width: 250px;
}

.block1-main-logo { width: 90%; margin: 0 auto; }
.block1-main-logo img { max-height: 30vh; width: 100%; object-fit: contain; }

.button,
/* #block1_shop a, */
#storeSpecialPeaksLink a {
	position: relative;
	display: inline-flex;
	padding: .5em;
	background-color: #1e0715;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 1.3rem;
	height: 30px;
	align-items: center;
	justify-content: center;
	min-width: 50%;
}
.button + .button { margin-top: 1rem; }
.button.secondary { background-color: #ff7f00; color: #FFF; }
.button.secondary img { width: auto; max-height: 33px; }
.button.secondary:not(.static):hover { color: #df5097; background-color: #1e0715; }
.button.secondary:not(.static):hover img { filter: none }

.button.rounded.secondary {
	border: 3px solid #fff;
	border-radius: 2rem;
	height: 35px;
	width: 100% !important;
	font-size: 1.05rem;
	box-sizing: border-box;
}
_:-ms-fullscreen, :root .button.rounded.secondary { width: 70% !important; }
.button.rounded.secondary:hover { border-color: #df5097; }
.button-w { padding: 0.5rem 1rem; }
.button-w .button + .button { margin-top: 0.5rem; }


.button:hover,
/* #block1_shop a:hover, */
#storeSpecialPeaksLink a:hover {
	color: #df5097;
}

#block1_shop .button.static {
	height: auto; flex-direction: column
}

/* #block1_shop a::after, */
#storeSpecialPeaksLink a::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #df5097;
}
/* #block1_shop a:hover::after, */
#storeSpecialPeaksLink a:hover::after {
	animation: arrow .4s;
}
@keyframes arrow {
	50% {
		right: -.05em;
	}
		100% {
		right: .2em;
	}
}

#block5 > div.store-list,
.store-list {
	position: absolute; z-index: 2; top: unset; bottom: 0;
	display: flex; justify-content: space-between; align-items: center;
	margin: 2rem; width: calc(100% - 4rem); height: auto;
	font-size: 12px; color: #fff; line-height: 1.3em;
}
.store-list li {
	display: flex; align-items: center;
}
.store-list li img { max-width: 60px; }
.store-list li img + p { margin-left: 1rem; }

#block1_shop p {
	margin-bottom: 14px;
	color: #fff;
	font-size: 12px;
}
#block1_shop .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
#block1_shop_playism {
	width: 150px;
	position: relative;
	font-size: 0;
}
#block1_shop_playism p {
	margin-bottom: 7px;
}
#block1_shop_playism>a {
	width: 63px;
	display: inline-block;
}
#block1_shop_playism_jp {
	margin-right: 10px;
}


#social {
	width: 92px;
	height: 40px;
	bottom: 65px;
	margin-top: 0;
	margin: 0;
}
#social>div {
	position: absolute;
	width: 40px;
	margin: 0 5px;
}
#social>div:nth-child(2) {
	left: 50%;
}
#social>div:nth-child(1) {
	right: 50%;
}
/*#social>div:nth-child(1) {
	right: 104%;
	width: 160px;
}*/
#social>div img {
	width: 100%;
}

#block2 {
	background-image: url(../images/block2_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 30% center;
}

#block2>div {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 55%;
	transform: translateY(-50%);
	-ms-transform:  translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

#block2 p {
	color: #fff;
	line-height: 1.8;
}

#block2_text_jp {
	font-size: 16px;
	margin-bottom: 77px;
}
#block2_text_en {
	font-size: 13px;
}


#block3 {
	background-image: url(../images/block3_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 30% center;
}

#block3 h1 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	width: 80%;
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform:  translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
}

#block3_youtube_area {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform:  translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	width: 80%;
}
#block3_youtube_area>div {
	display: flex;
	flex-wrap: wrap;
}
.block3_youtube_unit {
	width: 21%;
	max-width: 200px;
	margin: 0px 2%;
}

.block3_youtube_title {
	color: #fff;
	font-size: 16px;
	margin-bottom: 1%;
	text-align: center;
	min-height: 3em;
}
.block3_youtube_title span {
	font-size: 12px;
}

.block3_youtube_thumb img {
	width: 100%;
}

.block3_youtube_duration {
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
	text-align: right;
}

@media screen and (min-width: 901px){
	.block3_youtube_unit:nth-child(-n+5) {
		margin-bottom: 1%;
	}
}





#block4 {
	background-image: url(../images/block4_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 25% center;
}
#block4>div {
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 50px;
}

#block4 p {
	color: #000;
	line-height: 1.8;
}

#block4_text_jp {
	font-size: 16px;
	margin-bottom: 20px;
}
#block4_text_en {
	font-size: 13px;
}



#block5 {
	background-image: url(../images/block3_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#block5>div {
	position: relative;
	width: 100%;
	height: 100%;
}
#block5 canvas {
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
}
#block5_char {
	width: 95%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


#block6 {
	/*background-position: 30% center;*/
}

#block6>div {
	color: #fff;
	line-height: 1.5;
	text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000;
		margin: 0 2rem;
	/*word-break: break-all;*/
}

.block6_text_jp {
	font-size: 12px;
	width: 48%;
	float: left;
	margin-right: 4%;
}
.block6_text_jp.mb {
	margin-bottom: 5px;
}
.block6_text_jp h1 {
	font-size: 18px;
	background: rgba(0,0,0,0.4);
	padding: 2px 10px 2px 20px;
	margin-bottom: 5px;
}
.block6_text_jp h2 {
	font-size: 14px;
}
.block6_text_jp div {
	float: left;
	width: 48%;
}
.block6_text_jp .mr4p {
	margin-right: 4%;
}

.block6_text_en {
	font-size: 12px;
	width: 48%;
	word-break: normal !important;
	float: left;
}
.block6_text_en.mb {
	margin-bottom: 20px;
}
.block6_text_en h1 {
	font-size: 18px;
	background: rgba(0,0,0,0.4);
	padding: 6px 10px 6px 20px;
	margin-bottom: 10px;
}
.block6_text_en h2 {
	font-size: 14px;
}
.block6_text_en div {
	float: left;
	width: 48%;
}
.block6_text_en .mr4p {
	margin-right: 4%;
}

#block6_copy {
	font-size: 10px;
	text-align: left;
}
#block6_copy>div {
	overflow: hidden;
}

#block6 span {
	white-space: nowrap;
}

#block6 th{
	vertical-align: top;
	white-space: nowrap;
	padding-right: 5px;
	font-weight: normal;
}

#block6_caution {
	clear: both;
	font-size: 10px;
}

#block7 {
	background-image: url(../images/block7_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 30% center;
}

#block7 h1 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	width: 80%;
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
}

#block7_img_area {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	width: 74%;
}

.block7_img_area {
	display: flex; align-items: center; justify-content: center;
	flex-wrap: wrap; margin: -1rem;
}
.block7_img_area > .block7_img_unit {
	flex: 1 1 calc(13.6% - 1rem);
	max-width: calc(13.6% - 1rem);
	margin: 1rem;
}

.block7_img_unit img {
	width: 100%;
}

#cboxLoadedContent {
	border: none;
	padding: 0;
	margin: 0 auto;
}
#cboxPrevious {
	left: 0;
}
#cboxNext {
	right: 0;
}
#cboxClose {
	top: 0;
}

#block8 {
	background-image: url(../images/block7_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 30% center;
}

#block8 h1 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	width: 80%;
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
}

#block8_privilege_area {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	width: 80%;
}
#block8_privilege_text {
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 80px;
}
#block8_privilege_img h2 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.5;
}
#block8_privilege_img p {
	font-size: 14px;
	color: #fff;
	line-height: 1.5;
}
#block8_privilege_img div {
	overflow: hidden;
	margin-bottom: 30px;
}
#block8_privilege_img div img {
	float: left;
	width: 30%;
	margin-right: 3%;
	border: 1px solid #fff;
}
#block8_privilege_img div img:last-child {
	margin: 0;
}


.twitter-wrapper {
	max-height: 50vh;
	overflow: hidden;
	overflow-y: auto;
	margin-right: calc(50vw - 300px);
}

#block9 {
	background-image: url(../images/block9_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 10% 90%;
}

#block9 h2 {
	color: #fff;
	line-height: 1.2;
	font-size: 24px;
	text-align: center;
	margin-bottom: 0.5em;
}

#block9 p {
	color: #fff;
	line-height: 1.8;
}

#block9_text_jp {
	font-size: 16px;
	margin-bottom: 20px;
}
#block9_text_en {
	font-size: 13px;
	margin-bottom: 30px;
}


#block9_img_area {
	position: relative;
	margin: auto;
	width: 74%;
	padding-left: 3%;
	overflow: hidden;
}

.block9_img_unit {
	width: 22%;
	max-width: 200px;
	margin: 0 3% 3% 0;
	float: left;
}
.block9_img_unit img {
	width: 100%;
}


#block10 {
	margin-top: 3rem;
}

#block10>div {
	text-align: center;
	padding: 0 2rem;
}

#block10 h2 {
	color: #fff;
	line-height: 1.8;
	font-size: 24px;
	text-align: center;
}

#block10 p  {
	color: #fff;
	line-height: 1.8;
}

#block10_text_jp {
	font-size: 16px;
	margin-bottom: 10px;
}
#block10_text_en {
	font-size: 13px;
	margin-bottom: 15px;
}
#block10_sample {
	margin-bottom: 10px;
}
#block10_sample img {
	max-width: 100%;
}
#block10_caption {
	font-size: 11px;
	margin-bottom: 130px;
}




@media screen and (max-width: 900px){
	body {
		overflow:visible;
	}

	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.spbr {
		display: block;
	}

	#main {
	}
	nav {
		display: none;
	}
	#logo_s {
		display: none;
	}

	#main>section {
		min-height: 100vh;
		height: auto !important;
	}

	#block1 > div:first-child { margin-top: 3rem; }
	#block1 > div:last-child { margin-bottom: 3rem; }
	#block1 {
		background-image: url(../images/block1_bg_sp_new.jpg);
		/*background-position: 0 -13.33vw;*/
	}

	/* #block1_note {
		width: 81%;
	}*/
	#block1_note .japanese {
		margin-bottom: 10px;
	}
	#block9 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.twitter-wrapper { margin: 0; max-height: 80vh; }

	.block1_note_ver2 {
		font-size: 22px;
		letter-spacing: 1px;
	}
	.block1_note_ver3 {
		width: 60% !important;
		margin: 0 auto 15px !important;
		padding-top: 10px;
	}

	#block1_logo {
		width: 90%;
		height: auto;
		position: static;
		/* height: 416px; */
		/* top: -200px; */
	}
	#block1_logo.after0 {
		/* top: -300px; */
	}
	#block1_logo img {
		width: 100%;
	}

	#block1_movie {
		height: 60px;
	}
	#block1_movie.after0 {
		height: 100px;
	}

	#timer img, #block1_youtube img {
		width: auto !important;
	}
	#block1_youtube {
		height: 90px;
	}
	#timer>table {
		top: -10px !important;
		transform: scale(.35, .35) !important;
	}

	#block1_shop {
	}
	#block1_shop_sp {
		display: block;
		position: absolute;
		bottom: 20px;
		max-width: 100%;
		width: 100%;
		background: rgba(0,0,0,0.5);
		padding: 15px 30px;
		margin: 0 auto;
		text-align: center;
		border-radius: 1px;
		box-sizing: border-box;
	}
	#block1_shop_sp p {
		font-size: 12px;
		color: #fff;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	#block1_shop_sp .flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
	}
	#block1_shop_steam {
		position: relative;
		right: 0;
		width: 34%;
		margin-right: 6%;
	}
	#block1_shop_steam img {
		display: block;
		width: 100%;
	}

	#block1_shop_playism {
		width: 60%;
		margin: 0;
		font-size: 0;
		text-align: left;
	}
	#block1_shop_playism img {
		display: block;
		width: 100%;
	}
	#block1_shop_playism p {
		font-size: 0;
		line-height: 0;
		margin: 0 auto 6px;
		width: 48%;
	}
	#block1_shop_playism>a {
		position: relative;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 48%;
		height: auto;
	}
	#block1_shop_playism_jp {
		margin-right: 4%;
	}

	#social {
		position: static;
		width: 100%;
	}


	#intro_jp {
		font-size: 13px;
		letter-spacing: 2px;
	}

	#intro_en {
		font-size: 12px;
		letter-spacing: 2px;
	}


	#block1_rollout {
		font-size: 20px;
		letter-spacing: 1px;
	}
	#block1_price {
		font-size: 12px;
		letter-spacing: 1px;
	}
	#block1_price em {
		font-size: 14px;
	}

	#block1_saletext {
		font-size: 14px;
	}


	#block2 {
		background-image: url(../images/block2_bg_sp.jpg);
		background-position: center bottom;
		height: auto !important;
		overflow: hidden;
	}

	#block2>div {
		position: relative;
		text-align: left;
		width: 84%;
		margin: 0 8%;
		top: 40px;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
	}

	.spnobr {
		display: none;
	}

	#block2_text_jp {
		font-size: 16px;
		margin-bottom: 77px;
	}
	#block2_text_en {
		font-size: 13px;
		margin-bottom: 500px;
	}


	#block3 {
		height: auto !important;
		overflow: hidden;
	}

	#block3 h1 {
		top: 45px;
	}

	#block3_youtube_area {
		position: relative;
		top: 100px;
		left: 0;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		width: 84%;
		margin: 0 8% 80px;
	}
	.block3_youtube_unit {
		max-width: none;
		width: 100%;
		margin: 0 0 60px;
		float: none;
	}

	.block3_youtube_title {
		font-size: 16px;
		min-height: 0;
	}


	.block3_youtube_title span{
		font-size: 16px;
	}

	.block3_youtube_thumb img {
	}

	.block3_youtube_duration {
		font-size: 12px;
	}


	#block4 {
		background-image: url(../images/block4_bg_sp.jpg);
		background-position: center top;
		height: auto !important;
		overflow: hidden;
		/* padding-bottom: 60px; */
	}
	#block4>div {
		position: relative;
		width: 84%;
		margin: 0 8% 100px;
		left: 0;
		bottom: auto;
		top: 60px;
	}
	#block4 .sp {
		width: 100% !important;
		top: 0 !important;
		margin: 0 !important;
	}
	#block4 canvas {
		width: 100%;
	}

	#block4 p {
		color: #fff;
		line-height: 1.8;
	}

	#block4_text_jp {
		font-size: 16px;
		margin-bottom: 35px;
	}
	#block4_text_en {
		font-size: 13px;
	}



	#block5 {
		/*background-image: url(../images/block5_bg_sp.jpg);*/
		background-position: center top;
		height: auto !important;
	}
	#block5 canvas {
		width: 100%;
		max-width: none;
		max-height: none;
		position: relative;
		bottom: 0;
		margin: auto;
		left: 0;
		right: 0;
	}
	#block5 .sp {
		display: flex; align-items: center; justify-content: center;
		height: 80vh;
	}
	#block5 .sp img {
		width: 90%; margin: 0 auto
	}


	#block6 {
		width: auto;
		background-image: none;
		margin-top: 40px;
		padding: 0 2rem;
	}

	/*#block6 .sp {
		margin-bottom: 30px;
	}
	#block6 canvas {
		width: 100%;
	}*/

	#block6>div,
	#block6_box>div {
		color: #fff;
		line-height: 2;
		text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000;
		position: relative;
		margin: 0;
	}

	#block6_box {
				width: 100%;
		overflow: hidden;
	}

	.block6_text_jp {
		font-size: 12px;
		left: 0;
		bottom: 0;
		width: 84%;
		margin: 0 8% 50px;
	}
	.block6_text_jp.mb {
		margin-bottom: 50px;
	}
	.block6_text_jp h1 {
		font-size: 16px;
		text-align: center;
		background: none;
		margin: 0;
		padding: 0;
	}
	.block6_text_jp div {
		width: 100%;
		float: none;
	}
	.block6_text_jp .mr4p {
		margin-right: 0;
	}

	.block6_text_en {
		font-size: 11px;
		left: 0;
		bottom: 0;
		width: 84%;
		margin: 0 8% 50px;
		margin-bottom: 50px;
	}
	.block6_text_en.mb {
		margin-bottom: 50px;
	}
	.block6_text_en h1 {
		font-size: 13px;
		text-align: center;
		background: none;
		margin: 0;
		padding: 0;
	}
	.block6_text_en div {
		width: 100%;
		float: none;
	}
	.block6_text_en .mr4p {
		margin-right: 0;
	}

	#block6_copy {
		font-size: 10px;
		left: 0;
		bottom: 0;
		text-align: center;
		width: 84%;
		margin: 0 8% 30px;
	}
	#block6 span {
		white-space: normal;
	}

	/*#block6_shop div{
		border: 1px solid #fff;
		margin-left: 0;
		border-radius: 3px;
	}*/


	#block7 {
		height: auto !important;
		overflow: hidden;
	}
	#block7 .cf:before,
	#block7 .cf:after {
		content: " ";
		display: table;
	}
	#block7 .cf:after {
		clear: both;
	}
	.block7_img_area > .block7_img_unit {
		flex: 1 1 calc(25% - 1rem);
		max-width: calc(25% - 1rem);
		margin: 1rem;
	}

	#block7 h1 {
		top: 45px;
	}

	#block7_img_area {
		position: relative;
		top: 85px;
		left: 0;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		width: 84%;
		margin: 0 8% 130px;
	}

	#block8 {
		height: auto !important;
		overflow: hidden;
	}

	#block8 h1 {
		top: 45px;
	}

	#block8_privilege_area {
		position: relative;
		top: 85px;
		left: 0;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		width: 84%;
		margin: 0 8% 150px;
	}
	#block8_privilege_text {
		font-size: 16px;
		margin-bottom: 50px;
	}
	#block8_privilege_img div {
		overflow: unset;
	}
	#block8_privilege_img div img {
		float: none;
		width: 99%;
		margin: 0 0 30px;
	}


	#block9 {
		background-position: center bottom;
		height: auto !important;
		overflow: hidden;
	}

	#block9>div {
		position: relative;
		text-align: left;
		width: 80%;
	}

	#block9_text_jp {
		font-size: 16px;
	}
	#block9_text_en {
		font-size: 13px;
	}

	#block9_img_area {
		position: relative;
		width: 98%;
		margin: 0 0 130px;
		padding: 0;
	}

	.block9_img_unit {
		width: 30%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.block9_img_unit:nth-child(3n) {
		margin-right: 0;
	}


	#block10 {
		background-position: center bottom;
		height: auto !important;
		overflow: hidden;
	}

	#block10>div {
		position: relative;
		text-align: left;
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		overflow: hidden;
	}

	#block10_text_jp {
		font-size: 16px;
	}
	#block10_text_en {
		font-size: 13px;
	}

	#block10_sample {
		position: relative;
		width: 98%;
		margin: 0 0 50px;
	}
}


@media screen and (max-width: 375px){
	#block1_note p {
		text-shadow: 1px 1px 1px #000;
	}

	#block1_rollout {
		font-size: 15px;
	}
}


@media screen and (max-width: 355px){
	/*#block1_price .SP {
		display: block;
	}
	#block1_price span {
		display: none;
	}*/
	#block1_price em {
		margin-right: 5px;
		line-height: 1.3;
	}
	#block1_price em:last-child {
		margin-right: 0;
	}
}


@media screen and (max-width: 360px){
	#block1_note .SP_none {
		display: none;
	}
	#block1_note p {
		font-size: 10px;
	}

	#block1_rollout {
		margin: 0 0 5px;
	}
	#block1_shop {
		margin-top: 10px;
	}
	.block1_note_ver2 {
	    font-size: 14px;
}

	.block7_img_area > .block7_img_unit {
	    flex: 1 1 calc(40% - 1rem);
	    max-width: calc(40% - 1rem);
	}

}

#storeContainer {
	max-width: 1024px;
	overflow: hidden;
	padding: 45px 0 30px;
	margin: 0 auto;
}

.store-content {
	max-width: 700px;
	margin: 0 auto
}

#storeContainer>div {
	text-align: center;
	width: 100%;
	top: 55%;
	color: #fff;
}

#storeContainer h1 {
	font-size: 24px;
	margin-bottom: 40px;
}

#storeContainer .box {
	float: left;
	width: 49%;
	padding: 20px 10px;
	box-sizing: border-box;
}
#storeContainer .boxMax {
	width: 100%;
}
#storeContainer .box p {
	margin-bottom: 10px;
}
#storeContainer .box a.btn {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 2px;
	font-size: 9px;
}
#storeContainer .box img.logo {
	max-width: 200px;
}

#storeSpecialPeaksLink {
	clear: both;
	width: 100% !important;
	margin: 10px auto !important;
	text-align: center;
}
#storeSpecialPeaksLink a {
	font-size: 18px;
	line-height: 1.5;
}

#storeLogo {
	padding: 0 30px;
	margin-bottom: 50px;
	box-sizing: border-box;
}
#storeLogo img {
	width: 100%;
}
#storeContainer>#block6_copy {
	clear: both;
	left: 0;
	right: 0;
	margin: 0 0 0;
}


#pageBack a {
	position: relative;
	display: inline-block;
	padding: .7em 3em;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	border-radius: 3px;
	margin: 20px auto 40px;
}
#pageBack a:hover {
	color: #df5097;
}
#pageBack a::after {
	position: absolute;
	top: 50%;
	left: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
}




@media screen and (max-width: 560px){
	#storeContainer .box {
		float: none;
		display: block;
		width: 80%;
		margin:0 auto 0;
		padding: 20px;
		box-sizing: border-box;
	}
}