/* reset */
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-indent: 0;
	list-style: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
	margin: 0;
	padding: 0;
}
button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: content-box;
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}
.slick-track:after,
.slick-track:before {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}


/****************************************

		  General Setting

*****************************************/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
	line-height: 1.6;
	color: #FFF;
	background-color: #000;
	min-width: 980px;
}
.page-wrapper img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
}
.page-wrapper a {
	color: #FFF;
}

#commonFooter a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75; opacity: 0.75;
}
/****************************************

		  Clearfix

*****************************************/
.archive-top-container:after,
.archive-top-title .archive-top-title-inner:after,
.cfix:after,
.commmon-footer-container:after,
.commmon-footer:after,
.novel-slider-nav:after,
.post-thumbnail-container:after,
.salmonRun-copy-container:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.archive-top-container,
.archive-top-title .archive-top-title-inner,
.cfix,
.commmon-footer,
.commmon-footer-container,
.novel-slider-nav,
.post-thumbnail-container,
.salmonRun-copy-container {
	display: inline-table;
}
* html .archive-top-container,
* html .archive-top-title .archive-top-title-inner,
* html .cfix,
* html .commmon-footer,
* html .commmon-footer-container,
* html .novel-slider-nav,
* html .post-thumbnail-container,
* html .salmonRun-copy-container,
.archive-top-title * html .archive-top-title-inner {
	height: 1%;
}
.archive-top-container,
.archive-top-title .archive-top-title-inner,
.cfix,
.commmon-footer,
.commmon-footer-container,
.novel-slider-nav,
.post-thumbnail-container,
.salmonRun-copy-container {
	display: block;
}


/****************************************

		  Page Logo

*****************************************/
.page_logoArea {
	position: relative;
	margin-bottom: -6.4285714286%;
}
.page_logoArea .pc-logo {
	padding-top: 2%;
}
.page_logoArea .pc-logo a {
	width: 23%;
	display: inline-block;
}
.switchLogo {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}


/****************************************

		  common fotter

*****************************************/
.floating-nav-wrapper {
	height: 122px;
}
.floating-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.floating-nav:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	background: #000 url("../images/floating_nav_bg_line.png") repeat-x center top;
	height: 62px;
	z-index: -1;
}
.floating-nav-inner {
	width: 940px;
	padding-top: 28px;
	padding-bottom: 4px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.floating-nav-logo {
	position: absolute;
	bottom: 0;
	left: -20px;
}
.floating-nav-logo a,
.floating-nav-logo img {
	display: block;
}
.floating-nav-body {
	padding-left: 200px;
	text-align: right;
	font-size: 0;
}
.floating-nav-item {
	display: inline-block;
	margin-left: 4px;
}
.floating-nav-item a,
.floating-nav-item img {
	display: block;
}
.floating-nav-item a {
	position: relative;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}
.floating-nav-item a:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
.floatingnav--show .floating-nav {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.floatingnav--static .floating-nav {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: static;
}


/****************************************

		  common footer

*****************************************/
.commmon-footer {
	width: 100%;
	bottom: 0;
	background: url("../images/footer_bg_noize.jpg") center top;
	background-size: 100% auto;
	line-height: 1;
	padding: 0;
	position: relative;
	z-index: 101;
}
.p-top_bg .commmon-footer{
	bottom:-60px;
}
.commmon-footer-inner {
	overflow: hidden;
	background: url("../images/footer_bg_top.png") repeat-x center top;
	background-size: 100% auto;
	padding: 9.2857142857% 2% 30px;
	color: #000;
}
.commmon-footer-container {
	max-width: 1030px;
	position: relative;
	margin: 0 auto;
}
.footer-totop {
	position: absolute;
	bottom: 14px;
	right: 10px;
	z-index: 101;
}
.footer-left {
	float: left;
	width: 30%;
}
.footer-playmode {
	margin-bottom: 30px;
	padding-left: 50px;
}
.footer-nav {
	float: right;
	width: 70%;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}
.footer-nav li {
	display: inline-block;
	margin: 0;
}
.footer-nav li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	border-left: 1px solid;
}
.footer-nav li:first-child a {
	border: none;
}
.footer-sns {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.footer-sns .footer-sns-item {
	display: inline-block;
	margin-right: 5px;
}
.footer-copyright {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 0;
}
.common-footer-page .footer-totop img {
	width: 140px;
}


/****************************************

		  Twitter Timeline

*****************************************/
.twitterTL {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 150;
	width: 240px;
	height: 100%;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.twitterTL .twitterTL-inner {
	overflow-y: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	background-color: #292F33;
}
.twitterTL .twitter-timeline {
	overflow-y: auto;
	height: 100%;
	display: block;
	transform: translate3d(0, 0, 0);
}
.twitterTL-btn {
	position: absolute;
	right: 100%;
	top: 50%;
	z-index: 50;
	background: none;
	margin-top: -95px;
	width: 44px;
}
.twitterTL-btn img {
	display: block;
}
.show--twitter .twitterTL {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}


/****************************************

		  Movie Modal

*****************************************/
.modalMovie-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 1000;
	display: none;
}
.modalMovie-wrapper .modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.9);
}
.modalMovie-wrapper .modalMovie-inner {
	width: 100%;
	height: 100%;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}
.modalMovie-wrapper .modalMovie-inner .modalMovie-contents {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding-top: 56.25%;
	height: 0;
}
.modalMovie-wrapper .modalMovie-inner .modalMovie-contents iframe {
	display: block;
	position: absolute;
	top: -50%;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
.modalMovie-wrapper .modalMovie-inner .btn-modalClose {
	position: absolute;
	cursor: pointer;
	top: -50%;
	right: -30px;
	margin-top: -80px;
	z-index: 3;
	color: #FFF;
}


/************************************************************

		 Modal

************************************************************/
.modal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
	display: none;
	min-width: 940px;
}
.modal-wrapper img {
	max-width: 100%;
}
.modal-wrapper .modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.9);
}
.modal-wrapper .btn-modalClose {
	position: absolute;
	top: 50px;
	right: 40px;
	z-index: 10;
}
.modal-wrapper .modal-inner {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.modal-wrapper .modal-scroller {
	padding-top: 0;
	padding-bottom: 60px;
	background: transparent;
}


/************************************************************

		 Iframe Modal

************************************************************/
.modalIframe-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
	display: none;
	min-width: 940px;
}
.modalIframe-wrapper img {
	max-width: 100%;
}
.modalIframe-wrapper .modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../images/customize_modal_bg.png) center center repeat;
}
.modalIframe-wrapper .btn-modalClose {
	position: absolute;
	top: -60px;
	right: 10px;
	z-index: 10;
}
.modalIframe-wrapper .modal-inner {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.modalIframe-wrapper .modal-scroller {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modalIframe-wrapper iframe {
}
.modalIframe-wrapper .modal-scroller {
	width: 980px;
}
/**modalIframe02**/
#modalIframe02.modalIframe-wrapper .modal-bg {
	background-image: none;
	background: rgba(0,0,0,0.9);
}

/****************************************

		  archive KV

*****************************************/
body {
	overflow-x: hidden;
}
.page-archives a:hover,
.page-archives .hover:hover,
.page-archives button{
	filter: alpha(opacity=75) !important;
	-moz-opacity: 0.75; opacity: 0.75 !important;
}
.page-archives .page_logoArea {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 11;
}
.page-archives .page_logoArea .pc-logo {
	padding-top: 0;
}
.archives-main-wrapper {
	position: relative;
	z-index: 10;
}
.archives-main-hero {
	background: url("../images/archives_hero.png") no-repeat center center;
	background-size: cover;
	padding-top: 53.2638888889%;
	width: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
}
.archives-main-tabcontents_fes {
	display: none;
}
.archives-main-tabcontents_direct {
	display: none;
}
.archives-bnr01_img,
.archives-bnr02_img {
	cursor: pointer;
}
.archives-bnr_inr {
	position: relative;
	display: inline-block;
}
.archives-ikaicon {
	position: absolute;
	bottom: 0;
	right: 0;
}
.is-current .archives-ikaicon {
	-webkit-animation: archivesicon 2400ms ease-in-out infinite;
	animation: archivesicon 2400ms ease-in-out infinite;
}
.archives-bnr00 .archives-ikaicon {
	right: 5px;
	bottom: -30%;
}
.archives-bnr01 .archives-ikaicon {
	right: 0px;
	bottom: -2%;
}
.archives-bnr02 .archives-ikaicon {
	right: 5%;
	bottom: 0px;
}
.archives-bnr04 .archives-ikaicon {
	bottom: -14%;
	right: 5%;
}
@-webkit-keyframes archivesicon {
	from {	transform: translate(0, 0);			}
	6% {	transform: translate(7px, -6px);	}
	33% {	transform: translate(0, 0);			}
	39% {	transform: translate(7px, -6px);	}
	66% {	transform: translate(0, 0);			}
	to {	transform: translate(0, 0);			}
}
@keyframes archivesicon {
	from {	transform: translate(0, 0);			}
	6% {	transform: translate(7px, -6px);	}
	33% {	transform: translate(0, 0);			}
	39% {	transform: translate(7px, -6px);	}
	66% {	transform: translate(0, 0);			}
	to {	transform: translate(0, 0);			}
}
.archives-monitor {
	position: absolute;
	width: 69.5833333333%;
	top: 0;
	left: 15.8333333333%;
	z-index: -1;
	padding-top: 5%;
}
.archives-monitor img,
.archives-monitor video {
	display: block;
	width: 100%;
	height: auto;
}
.archives-spltn-logo {
	position: absolute;
	z-index: 2;
	bottom: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 31.3194444444%;
	max-width: 451px;
}
.archives-twitter-btn,
.archives-update-btn{
	position: absolute;
	right: 0;
	bottom: -30px;
	display: block;
	width: 15.9722222222%;
	max-width: 230px;
	min-width: 180px;
	z-index: 2;
}

.archives-update-btn .yazirushi{
	position: absolute;
	width: 100%;
	top: 44%;
	right: -69%;
	z-index: 3;
	display: block;
}
.archives-update-btn .yazirushi img {
	-webkit-animation: arrowR 1000ms infinite;
	animation: arrowR 1000ms infinite;
}
@-webkit-keyframes arrowR {
	0% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	40% {	-webkit-transform: translateX(35%);	transform: translateX(35%);	}
	80% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	100% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
}
@keyframes arrowR {
	0% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	40% {	-webkit-transform: translateX(35%);	transform: translateX(35%);	}
	80% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	100% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
}


.archives-board {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px 0;
	width: 100%;
	background: url("../images/archives_board_bg.png");
	z-index: 10;
}
.archives-board:after {
	content: "";
	display: block;
	bottom: 100%;
	position: absolute;
	left: 0;
	width: 100%;
	height: 30px;
	pointer-events: none;
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4), transparent);
	background: linear-gradient(0deg, rgba(0,0,0,0.4), transparent);
}
.archives-board .archives-board-inner:after,
.archives-board .archives-board-inner:before {
	content: "";
	display: block;
	height: 7px;
	width: 100%;
	background: url("../images/archives_board_bar.png") center center;
	position: absolute;
	left: 0;
}
.archives-board .archives-board-inner:after {
	top: 0;
}
.archives-board .archives-board-inner:before {
	bottom: 0;
}
.archives-board .archives-board-text {
	text-indent: -99999px;
	background: url("../images/archives_board_text.png") repeat-x 100px center;
	background-size: 1440px auto;
	height: 60px;
	-webkit-animation: board-loop 20s linear 0s infinite normal;
	-ms-animation: board-loop 20s linear 0s infinite normal;
	animation: board-loop 20s linear 0s infinite normal;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes board-loop {
	0% {
		background-position: 0;
	}
	100% {
		background-position: -1440px;
	}
}
@-moz-keyframes board-loop {
	0% {
		background-position: 0;
	}
	100% {
		background-position: -1440px;
	}
}
@keyframes board-loop {
	0% {
		background-position: 0;
	}
	100% {
		background-position: -1440px;
	}
}

.archives-board-direct {
  margin-left: auto;
  margin-right: auto;
  width: 42.708333333%;/* 615 / 1440 * 100 */
}
.archives-board-direct > p {
  display: inline-block;
  vertical-align: middle;
}
.archives-board-direct > p:not(:last-child) {
  margin-right: 1.5%;
}
.archives-board-direct img {
  width: 100%;
}
.archives-board-direct-text {
  width: 48.045602605%;/* 295 / 614 * 100 */
}
.archives-board-direct-youtube {
  width: 15.635179153%;/* 96 / 614 * 100 */
}
.archives-board-direct-nico {
  width: 29.641693811%;/* 182 / 614 * 100 */
}
.archives-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.archives-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.archives-banners {
	background: url("../images/archives_banners_bg.png");
	background-size: auto 100%;
	padding: 13px 76px;
	position: relative;
	z-index: 99;
}
.archives-banners:after {
	content: "";
	display: block;
	height: 7px;
	width: 100%;
	background: url("../images/archives_board_bar.png") center center;
	position: absolute;
	left: 0;
	top: 100%;
}
.archives-banners-caroucel {
	max-width: 1000px;
	margin: 0 auto;
}
.archives-banners-caroucel .slick-arrow {
	display: block;
	position: absolute;
	width: 68px;
	height: 68px;
	top: 50%;
	margin-top: -34px;
	z-index: 1;
	font-size: 0;
	color: transparent;
}
.archives-banners-caroucel .slick-arrow.slick-next {
	right: 0;
	margin-right: -74px;
	background: url("../images/archives_banners_arr_right.png") no-repeat center center;
}
.archives-banners-caroucel .slick-arrow.slick-prev {
	left: 0;
	margin-left: -74px;
	background: url("../images/archives_banners_arr_left.png") no-repeat center center;
}
.archives-banners-caroucel .slick-arrow.slick-disabled {
	opacity: 0.2;
}
.archives-banner-item {
	padding: 0 6px;
}
.archives-banner-item img {
	width: 100%;
}


/****************************************

		  記事一覧 共通

*****************************************/
.small-squid {
	background-image: url("../images/bg-squid.png");
	position: absolute;
	width: 100px;
	height: 100px;
	background-size: cover;
	display: block;
	opacity: 0.6;
}
.small-squid.distant {
	opacity: 0.3;
	transform: scale(0.75, 0.75);
	filter:blur(1px);
}
.archives-wrapper {
	background: url("../images/archives_bg.jpg") repeat-y center 320px;
	background-size: 100% auto;
	padding: 80px 0;
	overflow: hidden;
}
.archives-inner {
	padding: 0 5%;
	max-width: 1280px;
	margin: 0 auto;
}
.archive-post {
	color: #FFF;
}
.archive-post .btn-modal-post {
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.archive-post a,
.archive-post button {
	display: block;
	text-decoration: none;
}
.archive-post .post-date {
	margin-bottom: 15px;
}
.archive-post .post-content {
	line-height: 1.8;
	margin-bottom: 0.7em;
    word-break: break-word;
}
.archive-post .post-url {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 0.7em;
}
.archive-post .post-thumbnail {
	margin-top: 1em;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.archive-post .btn-modal-post:hover {
	color: #AAA;
}
.archive-post .btn-modal-post:hover .post-thumbnail {
	opacity: 0.7;
}
.post-date {
	font-size: 0;
	height: 24px;
	padding-left: 29px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px;
	background-size: 22px;
}
.post-date i {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 132px;
	width: 12px;
	height: 100%;
}
.post-date .num-dot {
	width: 8.4px;
	background-position: -121.6px;
}
.post-date .num-0 {
	background-position: 0 center;
}
.post-date .num-1 {
	background-position: -12px center;
}
.post-date .num-2 {
	background-position: -24px center;
}
.post-date .num-3 {
	background-position: -36px center;
}
.post-date .num-4 {
	background-position: -48px center;
}
.post-date .num-5 {
	background-position: -60px center;
}
.post-date .num-6 {
	background-position: -72px center;
}
.post-date .num-7 {
	background-position: -84px center;
}
.post-date .num-8 {
	background-position: -96px center;
}
.post-date .num-9 {
	background-position: -108px center;
}
.post-customize .post-date {
	background-image: url("../images/archives_date_icon_customize.png");
}
.post-customize .post-date i {
	background-image: url("../images/archives_date_customize.png");
}
.post-others .post-date {
	background-image: url("../images/archives_date_icon_others.png");
}
.post-others .post-date i {
	background-image: url("../images/archives_date_others.png");
}
.post-event .post-date {
	background-image: url("../images/archives_date_icon_event.png");
}
.post-event .post-date i {
	background-image: url("../images/archives_date_event.png");
}
.post-thumbnail-container {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.post-thumbnail-container li {
	background-color: #222;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.post-thumbnail-container.has-4 li {
	float: left;
	width: 49%;
	padding-top: 35%;
	height: 0;
	margin-bottom: 2%;
}
.post-thumbnail-container.has-4 li:nth-child(even) {
	float: right;
}
.post-thumbnail-container.has-3 li {
	float: right;
	width: 49%;
	padding-top: 35%;
	height: 0;
	margin-bottom: 2%;
}
.post-thumbnail-container.has-3 li:first-child {
	padding-top: 72%;
	margin-bottom: 0;
	float: left;
}
.post-thumbnail-container.has-3 li:last-child {
	margin-bottom: 0;
}
.post-thumbnail-container.has-2 li {
	float: left;
	width: 49%;
	padding-top: 50%;
	height: 0;
}
.post-thumbnail-container.has-2 li:nth-child(even) {
	float: right;
}
.post-thumbnail-container.has-1 li {
	padding-top: 70%;
	height: 0;
}
.post-thumbnail-single {
	border-radius: 10px;
	overflow: hidden;
}
.post-thumbnail-single img,
.post-thumbnail-single video {
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}
.archives-nav {
	margin: 0 auto;
	width: 100%;
}
.archives-nav-container {
	text-align: center;
	font-size: 0;
}
.archives-nav-container a {
	display: block;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}
.archives-nav-container a:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
.archives-nav-container .nav-item,
.archives-nav-container .nav-item-top {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1%;
}
.archives-nav-container .nav-item-top {
	margin-left: 0;
}
.archives-nav-container .nav-item:last-child {
	margin-right: 0;
}
@media screen and (max-width: 1050px) {
	.archives-nav-container .nav-item-top {
		width: 12.4%;
	}
	.archives-nav-container .nav-item {
		width: 24.2%;
	}
}


/****************************************

		  記事一覧 トップ

*****************************************/
.archives-wrapper-top {
	position: relative;
	padding-top: 80px;
}
.archive-top-container {
	margin-bottom: 70px;
	position: relative;
}
.archive-top-title {
	position: absolute;
	left: 0;
	width: 100%;
	top: 56px;
	padding: 0 5% 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	z-index: 100;
	min-width: 980px;
}
.archive-top-title.titles-fixed {
	position: fixed;
	top: 0;
	background-color: rgba(0,0,0,0.5);
}
.archive-top-title.titles-hide {
	background-color: transparent;
}
.archive-top-title.titles-hide .archive-top-title-inner {
	opacity: 0;
}
.archive-top-title .archive-top-title-inner {
	max-width: 1280px;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.archive-top-title .archive-top-title-items {
	width: 32%;
	margin-right: 2%;
	float: left;
	text-align: center;
}
.archive-top-title .archive-top-title-items:last-child {
	margin-right: 0;
}
.archive-top-section {
	z-index: 9;
	width: 32%;
	margin-right: 2%;
	float: left;
	background: url("../images/arvhives_post_bg.png");
	border-radius: 14px;
	border: 8px solid rgba(151,27,215,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.archive-top-section:last-child {
	margin-right: 0;
}
.archive-top-section.archive--customize {
	border: 8px solid rgba(151,27,215,0.5);
}
.archive-top-section.archive--customize .archive-post:not(:last-child) {
	background-image: url("../images/archive_top_post_sep_customize.png");
}
.archive-top-section.archive--others {
	border: 8px solid rgba(245,188,0,0.5);
}
.archive-top-section.archive--others .archive-post:not(:last-child) {
	background-image: url("../images/archive_top_post_sep_others.png");
}
.archive-top-section.archive--event {
	border: 8px solid rgba(240,45,125,0.5);
}
.archive-top-section.archive--event .archive-post:not(:last-child) {
	background-image: url("../images/archive_top_post_sep_event.png");
}
.archive-top-section-inner {
	padding: 55px 20px 70px;
}
.archive-top-section-inner .archive-post:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 40px;
	background: url("../images/archive_top_post_sep_customize.png") repeat-x center bottom;
	background-size: 100% auto;
}
.archive-top-section-ttl {
	text-align: center;
	margin-top: -30px;
}
.archive-btn-all {
	position: absolute;
	display: block;
	bottom: -45px;
	left: 50%;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}


/****************************************

		  記事一覧 カテゴリ別

*****************************************/
.archive-page-ttl {
	text-align: center;
}
.archive-container {
	margin-bottom: 40px;
	position: relative;
	z-index: 10;
}
.archive-more {
	text-align: center;
	margin: 0 auto 70px;
}
.archive-btn-more {
	-webkit-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}
.archive-btn-more:hover {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
.archive-btn-more.disabled {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.archive-container .archive-post {
	background: url("../images/arvhives_post_bg.png");
	border-radius: 14px;
	border: 8px solid rgba(151,27,215,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 31%;
	margin: 1%;
	padding: 20px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.archive-container .archive-post.post-others {
	border-color: rgba(245,188,0,0.5);
}
.archive-container .archive-post.post-event {
	border-color: rgba(240,45,125,0.5);
}
.archive-container .archive-post.hidden {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}


/****************************************

		  モーダル

*****************************************/
.modalArchives-wrapper {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	z-index: 10600;
}
.modalArchives-wrapper.is-scroll .modal-scroller {
	padding: 100px 0;
	top: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.modalArchives-wrapper .modal-inner {
	overflow-y: auto;
	overflow-x: hidden;
}
.modalArchives-wrapper .modal-scroller {
	position: relative;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}
body.modal--show {
	overflow: hidden;
}
body.modal--show .modalArchives-wrapper {
	visibility: visible;
	opacity: 1;
}
.modal-post {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	background: url("../images/arvhives_post_bg.png");
	border-radius: 14px;
	border: 8px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px;
}
.modal-post.post-customize {
	border-color: rgba(151,27,215,0.5);
}
.modal-post.post-others {
	border-color: rgba(245,188,0,0.5);
}
.modal-post.post-event {
	border-color: rgba(240,45,125,0.5);
}
.modal-post .post-date {
	font-size: 0;
	height: 36px;
	padding-left: 41px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 36px;
	margin-bottom: 20px;
	padding-left: 45px;
}
.modal-post .post-date i {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 198px;
	width: 18px;
	height: 100%;
}
.modal-post .post-date .num-dot {
	width: 12.6px;
	background-position: -182.4px;
}
.modal-post .post-date .num-0 {
	background-position: 0 center;
}
.modal-post .post-date .num-1 {
	background-position: -18px center;
}
.modal-post .post-date .num-2 {
	background-position: -36px center;
}
.modal-post .post-date .num-3 {
	background-position: -54px center;
}
.modal-post .post-date .num-4 {
	background-position: -72px center;
}
.modal-post .post-date .num-5 {
	background-position: -90px center;
}
.modal-post .post-date .num-6 {
	background-position: -108px center;
}
.modal-post .post-date .num-7 {
	background-position: -126px center;
}
.modal-post .post-date .num-8 {
	background-position: -144px center;
}
.modal-post .post-date .num-9 {
	background-position: -162px center;
}
.modal-post .post-content {
	line-height: 1.7;
	font-size: 1.4em;
	margin-bottom: 0.7em;
    word-break: break-word;
}
.modal-post .post-url {
	width: 100%;
	font-size: 1.2em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	margin-bottom: 0.7em;
}
.modal-post .post-url a {
	color: #FFF;
	text-decoration: underline;
}
.modal-post .post-image {
	margin-top: 3em;
}
.post-image-slider {
	padding: 0 80px;
	text-align: center;
}
.post-image-slider .slick-slide {
	position: relative;
	vertical-align: middle;
	line-height: 100%;
}
.post-image-slider img {
	display: inline-block;
	vertical-align: middle;
	top: 50%;
	margin: 0 auto;
	max-height: 600px;
}
.post-image-slider .slick-arrow {
	display: block;
	position: absolute;
	width: 90px;
	height: 90px;
	top: 50%;
	margin-top: -45px;
	z-index: 1;
	font-size: 0;
	color: transparent;
}
.post-image-slider .slick-arrow.slick-next {
	right: 0;
	margin-right: -20px;
	background: url("../images/slide_arr_right.png") no-repeat center center;
	background-size: contain;
}
.post-image-slider .slick-arrow.slick-prev {
	left: 0;
	margin-left: -20px;
	background: url("../images/slide_arr_left.png") no-repeat center center;
	background-size: contain;
}
.post-image-slider .slick-arrow.slick-disabled {
	opacity: 0.2;
}


/****************************************

		  小説

*****************************************/
.novel-wrapper {
	position: relative;
	background: url("../images/novel_bg.jpg") center top;
	background-size: cover;
	padding: 2% 80px 4%;
	z-index: 99;
}
.novel-slider-nav {
	text-align: right;
	margin-bottom: 10px;
	padding-right: 20px;
}
.novel-slider-nav li {
	float: right;
	padding-top: 30px;
}
.novel-slider-nav button {
	display: block;
	padding: 2px;
	font-size: 0;
	color: transparent;
	position: relative;
	width: 18px;
	height: 18px;
	background: url("../images/novel_nav_00.png") no-repeat center center;
}
.novel-slider-nav button:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 24px;
	background: url("../images/novel_nav_current.png") no-repeat center center;
	opacity: 0;
}
.novel-slider-nav button.current {
	color: #F00;
}
.novel-slider-nav button.current:before {
	opacity: 1;
}
.novel-slider-nav .novel-page-00 {
	background-image: url("../images/novel_nav_00.png");
}
.novel-slider-nav .novel-page-01 {
	background-image: url("../images/novel_nav_01.png");
}
.novel-slider-nav .novel-page-02 {
	background-image: url("../images/novel_nav_02.png");
}
.novel-slider-nav .novel-page-03 {
	background-image: url("../images/novel_nav_03.png");
}
.novel-slider-nav .novel-page-04 {
	background-image: url("../images/novel_nav_04.png");
}
.novel-slider-nav .novel-page-05 {
	background-image: url("../images/novel_nav_05.png");
}
.novel-slider-nav .novel-page-06 {
	background-image: url("../images/novel_nav_06.png");
}
.novel-slider-nav .novel-page-07 {
	background-image: url("../images/novel_nav_07.png");
}
.novel-slider-nav .novel-page-08 {
	background-image: url("../images/novel_nav_08.png");
}

.novel-container {
	max-width: 1060px;
	margin: 0 auto;
	color: #000;
}
.novel-slider .slider-item {
	margin: 0 20px;
	text-align: center;
	position: relative;
}
.novel-slider .slider-item img {
	max-width: 100%;
	height: auto;
	display: block;
}
.novel-slider .slider-item .heromode-link {
	display: block;
	position: absolute;
	left: 14.4117647059%;
	top: 20.3947368421%;
	width: 0;
	padding-left: 2.7450980392%;
	padding-top: 55.6862745098%;
}
.novel-slider .slick-arrow {
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	margin-top: -40px;
	z-index: 1;
	font-size: 0;
	color: transparent;
}
.novel-slider .slick-arrow.slick-next {
	left: 0;
	margin-left: -74px;
	background: url("../images/novel_arr_left.png") no-repeat center center;
}
.novel-slider .slick-arrow.slick-prev {
	right: 0;
	margin-right: -74px;
	background: url("../images/novel_arr_right.png") no-repeat center center;
}
.novel-slider .slick-arrow.slick-disabled {
	opacity: 0.2;
}


/****************************************

		  mainHero

*****************************************/
.mainHero {
	position: relative;
}
.mainHero img {
	display: block;
}
.mainHero .mainHero-bg img {
	display: block;
	width: 100%;
}
.mainHero-switch {
	position: absolute;
	top: 0;
	right: 0;
}
.mainHero-sale {
	position: absolute;
	bottom: 4%;
	right: 5%;
	width: 376px;
	max-width: 26.8571428571%;
}

.btnTimes {
	position: absolute;
	bottom: 3%;
	left: 11%;
	width: 262px;
	max-width: 18.7142857143%;
	border-radius: 12px;
	overflow: hidden;
}
.btnTimes a {
	display: block;
}
.btnTimes img {
	display: block;
	width: 100%;
}
.mainHero-yoyaku a:hover img {
	opacity: 0.7;
}


/****************************************

		  mainMovie

*****************************************/
.mainMovie {
	position: relative;
	width: 100%;
	background: url("../images/main_movie_bg.png") repeat center bottom;
	background-size: 100% auto;
	z-index: 10;
}
.mainMovie:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 0;
	padding-top: 8.2142857143%;
	background: url("../images/main_movie_bg_bottom.png") repeat-x center top;
	background-size: 100% auto;
}
.mainMovie-list {
	padding: 15px 2%;
	text-align: center;
}
.mainMovie-list dd,
.mainMovie-list dt {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}
.mainMovie-list dd a,
.mainMovie-list dd button,
.mainMovie-list dd img,
.mainMovie-list dt a,
.mainMovie-list dt button,
.mainMovie-list dt img {
	display: block;
	max-width: 100%;
	color: transparent;
}
.mainMovie-list dd .new_icon,
.mainMovie-list dt .new_icon {
	position: absolute;
	left: -14px;
	top: -14px;
}
.mainMovie-list dt {
	padding-right: 1%;
	max-width: 17%;
}
.mainMovie-list dd {
	max-width: 26%;
	padding: 0 1%;
}


/****************************************

		  pageNavi

*****************************************/
.pageNavi {
	padding-bottom: 4.6428571429%;
	background: url("../images/nav_seperator.png") no-repeat center bottom;
	background-size: contain;
	margin-bottom: 2%;
}
.pageNavi-list {
	font-size: 0;
	text-align: center;
	padding: 0 2%;
}
.pageNavi-list .pageNavi-item {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0 0.3%;
	max-width: 21.9565217391%;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.pageNavi-list .pageNavi-item.item-playstyle {
	max-width: 16.0869565217%;
}
.pageNavi-list .pageNavi-item a {
	position: relative;
	display: block;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}
.pageNavi-list .pageNavi-item a:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
.pageNavi-list .new_icon {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: absolute;
	left: -6px;
	top: -3px;
}


/****************************************

		  about

*****************************************/
.about-container {
	padding-top: 6.0714285714%;
	background: url("../images/about_bg.jpg") center top;
	background-size: cover;
	position: relative;
	padding-bottom: 250px;
	overflow: hidden;
}
.about-ttl {
	padding: 0 4%;
	text-align: center;
	margin-bottom: 2%;
}
.about-copy {
	padding: 0 2%;
	text-align: center;
	margin-bottom: -1.5%;
}
.about-screen {
	padding: 50px 6% 0;
	overflow: hidden;
}
.about-screen .about-screen-inner {
	text-align: center;
	position: relative;
	max-width: 955px;
	margin: 0 auto;
	z-index: 9;
}
.about-screen .about-screen-inner img {
	width: 100%;
}
.about-screen .about-movie {
	position: absolute;
	z-index: -1;
	top: 12.7764127764%;
	left: 21.3612565445%;
	width: 57.1727748691%;
	display: block;
}
.about-screen .about-movie-slider {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2;
	display: none;
}
.about-screen .about-video {
	position: absolute;
	top: -1px;
	left: 0;
	width: 101%;
	height: auto;
	z-index: 2;
	display: block;
}
.about-screen .about-video-poster {
	opacity: 1;
	width: 100%;
	top: -1px;
	position: relative;
	z-index: 1;
	display: block;
}
.about-screen .i-ika,
.about-screen .i-vs {
	display: block;
	position: absolute;
}
.about-screen .i-ika {
	top: -22px;
	left: -18%;
	max-width: 27.7486910995%;
}
.about-screen .i-vs {
	top: -50px;
	right: -18.5%;
	max-width: 27.7486910995%;
}
.about-nawabari-cont {
	overflow: hidden;
}
.about-nawabari {
	padding: 0 4%;
	position: relative;
	max-width: 1200px;
	margin: -60px auto 0;
	z-index: 10;
}
.about-nawabari .about-nawabari-ttl {
	max-width: 41.1666666667%;
	margin-bottom: 3%;
}
.about-nawabari .about-nawabari-copy {
	max-width: 53.5%;
	padding-left: 4%;
	margin-bottom: 4%;
}
.about-nawabari .about-gachi {
	max-width: 58.9166666667%;
	padding-left: -1%;
	padding-bottom: 4%;
}
.about-nawabari .about-gachi .about-gachi-btn {
	position: absolute;
	left: 36%;
	bottom: 31%;
}
.about-nawabari .about-gachi .about-gachi-btn a {
	display: block;
}
.about-nawabari .about-gachi .about-gachi-btn .yazirushi {
	position: absolute;
	top: 27%;
	right: 10%;
	width: 12%;
}
.about-nawabari .about-nawabari-haikara {
	max-width: 58%;
	padding-left: 3%;
}
.about-caracter {
	position: absolute;
	bottom: 255px;
	left: 53%;
	width: 59%;
	max-width: 767px;
	text-align: right;
}
.about-caracter img {
	display: block;
	width: 100%;
}
.user-touch .about-screen .about-video,
.user-wiiu .about-screen .about-video {
	display: none;
}
.user-touch .about-screen .about-video-poster,
.user-wiiu .about-screen .about-video-poster {
	opacity: 1;
}
.user-touch .about-screen .about-movie-slider,
.user-wiiu .about-screen .about-movie-slider {
	display: block;
}


/****************************************

      aboutpage スプラトゥーンって?

*****************************************/
.p-page-about {
  position: relative;
}
.p-page-about img {
  width: 100%;
}
.p-about-sec01,
.p-about-sec02,
.p-about-sec03 {
  position: relative;
  /*z-index: 20;*/
  width: 100%;
  height: auto;
}
.p-about-sec01_bg,
.p-about-sec02_bg,
.p-about-sec03_bg {
  position: relative;
  /*z-index: 1;*/
  width: 100%;
}
.p-about-sec01_title {
  position: absolute;
  top: 8.100289296%;/* 168 / 2074 * 100*/
  left: 0;
  z-index: 2;
  width: 57.70833333%;/* 831 / 1440 * 100 */
}
.p-about-sec01_movie {
  position: absolute;
  top: -0.289296046%;/* 6 / 2074 * 100*/
  left: 0;
  z-index: 1;
  width: 100%;/* 1237 / 1440 * 100 */
}
.p-about-sec01_movie-switch {
  position: absolute;
  top: 0;
  left: 14.09722222%;/* 203 / 1440 * 100 */
  z-index: 1;
  width: 85.90277777%;/* 1237 / 1440 * 100 */
}
.p-about-sec01_movie-thumb {
  margin-top: 22%;
  position: absolute;
  left: 29%;
  z-index: 1;
  width: 52%;
  -webkit-transform: skew(6deg,-14deg);
  -moz-transform: skew(6deg,-14deg);
  -ms-transform: skew(6deg,-14deg);
  transform: skew(6deg,-14deg);
}
.p-about-sec01_movie-thumb .about-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.p-about-sec01_chara1 {
  position: absolute;
  top: 1.68756027%;/* 35 / 2074 * 100*/
  right: 0;/* 203 / 1440 * 100 */
  width: 53.51466666%;/* 771 / 1440 * 100 */
  z-index: 3;
}
.p-about-sec01_chara2 {
  position: absolute;
  top: 16.055930568%;/* 333 / 2074 * 100*/
  left: 0;/* 203 / 1440 * 100 */
  width: 31.5277777%;/* 454 / 1440 * 100 */
  z-index: 3;
}
.p-about-sec01_battle_title {
  position: absolute;
  top: 34.088717454%;/* 707 / 2074 * 100*/
  left: 0;
  z-index: 1;
  width: 78.055555%;/* 1124 / 1440 * 100 */
}
.p-about-sec01_battle_copy {
  position: absolute;
  top: 43.201542912%;/* 896 / 2074 * 100*/
  left: 23.75%;/* 342 / 1440 * 100 */
  z-index: 1;
  width: 58.47222222%;/* 842 / 1440 * 100 */
}
.p-about-sec01_battle_ink {
  position: absolute;
  top: 48.360655737%;/* 1003 / 2074 * 100*/
  right: 3.611111%;/* 52 / 1440 * 100 */
  z-index: 1;
  width: 45.7638888%;/* 659 / 1440 * 100 */
}
.p-about-sec01_master_title {
  position: absolute;
  top: 82.786885245%;/* 1717 / 2074 * 100*/
  left: 36.25%;/* 522 / 1440 * 100 */
  z-index: 1;
  width: 29.09722222%;/* 419 / 1440 * 100 */
}
.p-about-sec01_master_line {
  position: absolute;
  top: 89.151398264%;/* 1849 / 2074 * 100*/
  left: 0;
  z-index: 1;
  width: 70.6944444%;/* 1018 / 1440 * 100 */
}
.p-about-sec01_master_copy {
  position: absolute;
  top: 92.622950819%;/* 1921 / 2074 * 100*/
  left: 38.81944444%;/* 559 / 1440 * 100 */
  z-index: 10;
  width: 22.70833333%;/* 327 / 1440 * 100 */
}


/*p-about-sec02*/
.p-about-sec02 {
  /*margin-top: -8.72162485%;*//* 73 / 837 * 100*/
}
.p-about-sec02_bg {
}
.p-about-sec02_stage {
  position: absolute;
  top: 0;
  width: 100%;
}
.p-about-sec02_stage:after {
  position: absolute;
  top: 0;
  z-index: 2;
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-top: 52.9166666%;
  background: url("../images/about-sec02_mask.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
}
.p-about-sec02_stage1,
.p-about-sec02_stage2,
.p-about-sec02_stage3,
.p-about-sec02_stage4,
.p-about-sec02_stage5,
.p-about-sec02_stage6 {
  position: absolute;
  top: 0;
  width: 100%;
}
.p-about-sec02_stagename {
  position: absolute;
  top: 28.477690288%;/* 217 / 762 * 100*/
  right: 0;
  z-index: 1;
  width: 24.2361111%;/* 349 / 1440 * 100 */
}
.p-about-sec02_ink {
  position: absolute;
  top: 16.010498687%;/* 122 / 762 * 100*/
  left: 7.0833333%;/* 102 / 1440 * 100 */
  z-index: 2;
  width: 47.0833333%;/* 678 / 1440 * 100 */
}

/*p-about-sec03*/
.p-about-sec03_wrap{
	background:url(../images/about-sec03_bg.jpg) repeat-y;
	background-size: 100% auto;
	padding-bottom: 1%;
}
.p-about-sec03 {
	margin-bottom: 2%;
}
.p-about-sec03_chara {
  position: absolute;
  top: -13.402489626%;/* 323 / 2410 * 100*/
  left: 0;
  z-index: 10;
  width: 100%;
}
.p-about-sec03_title {
  position: absolute;
  top: 5.850622406%;/* 141 / 2410 * 100*/
  right: 0;
  z-index: 11;
  width: 73.75%;/* 1062 / 1440 * 100 */
}
.p-about-sec03_playstyle1 {
  position: absolute;
  top: 12.199170124%;/* 294 / 2410 * 100*/
  left: 13.95833333%;/* 201 / 1440 * 100 */
  z-index: 10;
  width: 71.527777%;/* 1030 / 1440 * 100 */
}
.p-about-sec03_playstyle1_bg {
  position: relative;
	display: block;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.p-about-sec03_playstyle1_title {
  position: absolute;
  top: 3.932584269%;/* 42/ 1068 * 100*/
  left: 50%;
  z-index: 10;
  width: 52.81553398%;/* 544 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle1_copy {
  position: absolute;
  top: 14.419475655%;/* 154 / 1068 * 100*/
  left: 50%;
  z-index: 10;
  width: 68.54368932%;/* 706 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle1_image {
  position: absolute;
  top: 20.3%;/* 223 / 1098 * 100*/
  left: 50%;
  z-index: 10;
  width: 114.466019417%;/* 1179 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle1_text1 {
  position: absolute;
  top: 87.4316939%;/* 960 / 1098 * 100*/
  left: 3.883495145%;/* 40 / 1030 * 100 */
  z-index: 10;
  width: 44.466019417%;/* 458 / 1030 * 100 */
}
.p-about-sec03_playstyle1_text1 > a {
  display: block;
  width: 37.7729257%;/* 173 / 458 * 100 */
  position: absolute;
	bottom: 0.6%;
  left: 21.8%;
 }
.p-about-sec03_playstyle1_text1 > a:hover {
	opacity: 0.8;
}
.p-about-sec03_playstyle1_text2 {
  position: absolute;
  top: 87.4316939%;/* 960 / 1098 * 100*/
  left: 55.728155339%;/* 574 / 1030 * 100 */
  z-index: 10;
  width: 36.990291262%;/* 381 / 1030 * 100 */
}
.p-about-sec03_playstyle2 {
  position: absolute;
  top: 59%;
  left: 13.95833333%;/* 201 / 1440 * 100 */
  z-index: 1;
  width: 71.527777%;/* 1030 / 1440 * 100 */
}
.p-about-sec03_playstyle2_title {
  position: absolute;
  top: 3.02725%;/* 30/ 991 * 100*/
  left: 50%;
  z-index: 2;
  width: 69.126213592%;/* 712 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle2_copy {
  position: absolute;
  top: 17.35621%;/* 172 / 991 * 100*/
  left: 50%;
  z-index: 2;
  width: 83.689320388%;/* 862 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle2_mode {
  position: absolute;
  top: 25.42886%;/* 252 / 991 * 100*/
  left: 50%;
  z-index: 2;
  width: 91.650485436%;/* 944 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle2_controller {
  position: absolute;
  bottom: 26.74067%;/* 265 / 991 * 100*/
  left: 50%;
  z-index: 2;
  width: 92.13592233%;/* 949 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle2_controller_link {
  position: absolute;
  bottom: 23.20888%;/* 230 / 991 * 100*/
  left: 50%;
  z-index: 2;
  width: 31.06796165%;/* 320 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle2_private {
  position: absolute;
  bottom: 7.06357%;/* 70 / 991 * 100*/
  left: 50%;
  z-index: 2;
  width: 76.40776699%;/* 787 / 1030 * 100 */
  transform: translateX(-50%);
}
.p-about-sec03_playstyle2_private_link {
  position: absolute;
  bottom: 3.53179%;/* 35 / 991 * 100*/
  left: 50%;
  z-index: 2;
  width: 14.27184%;/* 147 / 1030 * 100 */
  transform: translateX(-50%);
}

.p-about-chara {
  position: absolute;
  top: 26.515%;
  left: 0;
  z-index: 30;
  width: 100%;
}
.p-about-chara_ika1 {
  margin-top: 8.815165876%;/* 93 / 1055 * 100*/
  position: absolute;
  left: 0;
  z-index: 1;
  width: 41.11111%;/* 592 / 1440 * 100 */
}
.p-about-chara_hito1 {
  margin-top: 14.4075829398%;/* 152 / 1055 * 100*/
  position: absolute;
  top: 29.317575295%;/* 1538 / 5246 * 100*/
  left: 0;
  z-index: 1;
  width: 37.6388888%;/* 542 / 1440 * 100 */
}
.p-about-chara_ika2 {
  margin-top: 8.151658767%;/* 86 / 1055 * 100*/
  position: absolute;
  right: 0;
  z-index: 1;
  width: 52.6388888%;/* 758 / 1440 * 100 */
}
.p-about-chara_hito2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 38.81944444%;/* 559 / 1440 * 100 */
}



/****************************************

      battle バトルルール

*****************************************/
.p-page-battle {
  position: relative;
}
.p-page-battle img {
  width: 100%;
}
.p-battle-sec01,
.p-battle-sec02,
.p-battle-sec03 {
  position: relative;
  /*z-index: 20;*/
  width: 100%;
  height: auto;
}
.p-battle-sec01_bg,
.p-battle-sec02_bg,
.p-battle-sec03_bg {
  position: relative;
  /*z-index: 1;*/
  width: 100%;
}
.p-battle-sec01_chara {
  position: absolute;
  top: 54.142300194%;/* 1111 / 2052 * 100*/
  left: 0;
  z-index: 1;
  width: 100%;
}
.p-battle-sec01_maintitle {
  position: absolute;
  top: 27.777777%;/* 570 / 2052 * 100*/
  left: 0;
  z-index: 1;
  width: 100%;
}
.p-battle-sec01_logo {
  position: absolute;
  top: 46.052631578%;/* 945 / 2052 * 100*/
  left: 50%;
  z-index: 1;
  width: 30.208333333%;/* 435 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec01_title {
  position: absolute;
  top: 66.471734892%;/* 1364 / 2052 * 100*/
  left: 50%;
  z-index: 1;
  width: 45.34722222%;/* 653 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec01_lead {
  position: absolute;
  top: 75.730994152%;/* 1554 / 2052 * 100*/
  left: 50%;
  z-index: 1;
  width: 30.555555555%;/* 440 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec01_copy {
  position: absolute;
  top: 79.044834307%;/* 1622 / 2052 * 100*/
  left: 50%;
  z-index: 1;
  width: 30.277777777%;/* 436 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec01_ink {
  position: absolute;
  top: 85.331384015%;/* 1751 / 2052 * 100*/
  left: 18.611111%;/* 268 / 1440 * 100*/
  z-index: 1;
  width: 61.319444444%;/* 883 / 1440 * 100*/
}

.p-battle-sec02_logo {
  position: absolute;
  top: 5.2568697%;/* 176 / 3348 * 100*/
  left: 50%;
  z-index: 1;
  width: 31.6666666%;/* 456 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec02_title {
  position: absolute;
  top: 19.8626045%;/* 665 / 3348 * 100*/
  left: 50%;
  z-index: 1;
  width: 30.902777777%;/* 445 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec02_lead {
  position: absolute;
  top: 24.1338112%;/* 808 / 3348 * 100*/
  left: 50%;
  z-index: 1;
  width: 22.22222222%;/* 320 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec02_copy {
  position: absolute;
  top: 28.7335722%;/* 952 / 3348 * 100*/
  left: 50%;
  z-index: 1;
  width: 50.763888888%;/* 731 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec02_rule {
  position: absolute;
  top: 31.7801672%;/* 1064 / 3348 * 100*/
  left: 0;
  z-index: 1;
  width: 60.83333333%;/* 876 / 1440 * 100*/
}
.p-battle-sec02_rule_1 {
  position: absolute;
  top: 33.1541218%;/* 1110 / 3348 * 100*/
  left: 7.6388888%;/* 110 / 1440 * 100*/
  z-index: 1;
  width: 84.7916666%;/* 1221 / 1440 * 100*/
}
.p-battle-sec02_rule_2 {
  position: absolute;
  top: 45.9378733%;/* 1538 / 3348 * 100*/
  left: 0;/* 110 / 1440 * 100*/
  z-index: 1;
  width: 97.083333333%;/* 1398 / 1440 * 100*/
}
.p-battle-sec02_rule_3 {
  position: absolute;
  top: 56.7155249%;/* 1896 / 3348 * 100*/
  left: 16.04166666%;/* 231 / 1440 * 100*/
  z-index: 1;
  width: 66.80555555%;/* 962 / 1440 * 100*/
}
.p-battle-sec02_rule_4 {
  position: absolute;
  top: 74.074074%;/* 2480 / 3348 * 100*/
  left: 16.04166666%;/* 231 / 1440 * 100*/
  z-index: 1;
  width: 66.80555555%;/* 962 / 1440 * 100*/
}
.p-battle-sec02_rule_4_update{
	position: absolute;
	top:5%;
  left: 87.3%;/* 800 / 962 * 100*/
  z-index: 10;
  width: 13.8888888%;/* 200 / 1440 * 100*/
}
.p-battle-sec02_btn {
  position: absolute;
  top: 93.7873357%;/* 3140 / 3348 * 100*/
  left: 17.847222222%;/* 257 / 1440 * 100*/
  z-index: 1;
  width: 63.125%;/* 909 / 1440 * 100*/
}

.p-battle-sec03_new {
  position: absolute;
  top: 52.710280373%;/* 564 / 1070 * 100*/
  left: 8.05555555%;/* 116 / 1440 * 100*/
  z-index: 1;
  width: 22.5%;/* 324 / 1440 * 100*/
}
.p-battle-sec03_logo {
  position: absolute;
  top: 14.76635514%;/* 158 / 1070 * 100*/
  left: 50%;
  z-index: 1;
  width: 31.1805555555%;/* 449 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec03_title {
  position: absolute;
  top: 58.971962616%;/* 631 / 1070 * 100*/
  left: 50%;
  z-index: 1;
  width: 35.34722222%;/* 509 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec03_lead {
  position: absolute;
  top: 73.364485981%;/* 785 / 1070 * 100*/
  left: 50%;
  z-index: 1;
  width: 42.152777777%;/* 607 / 1440 * 100*/
  transform: translateX(-50%);
}
.p-battle-sec03_copy {
  position: absolute;
  top: 78.691588785%;/* 842 / 1070 * 100*/
  left: 50%;
  z-index: 1;
  width: 64.097222222%;/* 923 / 1440 * 100*/
  transform: translateX(-50%);
}

.p-battle-sec01_logo img,
.p-battle-sec01_title img,
.p-battle-sec01_lead img,
.p-battle-sec02_logo img,
.p-battle-sec02_title img,
.p-battle-sec02_lead img,
.p-battle-sec03_logo img,
.p-battle-sec03_title img,
.p-battle-sec03_lead img,
.p-battle-sec03_new img {
  transform: scale(2);
  opacity: 0;
}

.no-js .p-battle-sec01_logo img,
.p-battle-sec01_logo.is-show img,
.no-js .p-battle-sec01_title img,
.p-battle-sec01_title.is-show img,
.no-js .p-battle-sec01_lead img,
.p-battle-sec01_lead.is-show img,

.no-js .p-battle-sec02_logo img,
.p-battle-sec02_logo.is-show img,
.no-js .p-battle-sec02_title img,
.p-battle-sec02_title.is-show img,
.no-js .p-battle-sec02_lead img,
.p-battle-sec02_lead.is-show img,

.no-js .p-battle-sec03_logo img,
.p-battle-sec03_logo.is-show img,
.no-js .p-battle-sec03_title img,
.p-battle-sec03_title.is-show img,
.no-js .p-battle-sec03_lead img,
.p-battle-sec03_lead.is-show img,
.no-js .p-battle-sec03_new.is-show img,
.p-battle-sec03_new.is-show img  {
  transform: scale(1);
  opacity: 1;
  -webkit-transition: transform 170ms cubic-bezier(0.175, 0.885, 0.320, 1.275);/* easeOutBack */
  transition: transform 170ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}



/****************************************

		  customize

*****************************************/
.top_customize_area {
	position: relative;
	height: auto;
	margin-top: 20px;
	margin-bottom: -0.5px;
}
.top_customize_area .bg {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.top_customize_area .bg img {
	width: 101%;
}
.top_customize_area .main {
	position: absolute;
	width: 100%;
	top: -25%;
	z-index: 1;
}
.top_customize_area .btn {
	position: absolute;
	width: 22.5%;
	bottom: 23%;
	right: 21%;
	z-index: 10;
}
.top_customize_area .btn .yazirushi {
	position: absolute;
	top: 27%;
	right: 10%;
	width: 12%;
}
.top_customize_area img {
	width: 100%;
}
.top_coop_area {
	position: relative;
	height: auto;
	margin-bottom: -0.5px;
}
.top_coop_area .bg {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.top_coop_area .bg img {
	width: 101%;
}
.top_coop_area .main {
	position: absolute;
	width: 100%;
	top: -25%;
	z-index: 1;
}
.top_coop_area .btn {
	position: absolute;
	width: 22.5%;
	bottom: 25%;
	left: 22%;
	z-index: 10;
}
.top_coop_area .btn .yazirushi {
	position: absolute;
	top: 27%;
	right: 10%;
	width: 12%;
}
.top_coop_area img {
	width: 100%;
}
.top_heromode_area {
	position: relative;
	height: auto;
	margin-bottom: -0.5px;
}
.top_heromode_area .bg {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.top_heromode_area .bg img {
	width: 101%;
}
.top_heromode_area .main {
	position: absolute;
	width: 100%;
	top: -10%;
	z-index: 1;
}
.top_heromode_area .btn {
	position: absolute;
	width: 22.5%;
	bottom: 26%;
	right: 21%;
	z-index: 10;
}
.top_heromode_area .btn .yazirushi {
	position: absolute;
	top: 27%;
	right: 10%;
	width: 12%;
}
.top_heromode_area img {
	width: 100%;
}
.top_under_area {
	position: relative;
	height: auto;
}
.top_under_area .bg {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.top_under_area .bg img {
	width: 101%;
}
.top_under_area .main {
	position: absolute;
	width: 100%;
	z-index: 0;
}
.top_under_area .btn1 {
	position: absolute;
	width: 33.43%;
	bottom: 26%;
	left: 15.5%;
}
.top_under_area .btn1 .splash {
	position: absolute;
	left: -80px;
	top: -75px;
}
.top_under_area .btn1 .yazirushi {
	position: absolute;
	top: 27%;
	right: 9%;
	width: 12%;
}
.top_under_area .btn2 {
	position: absolute;
	width: 33.43%;
	bottom: 26%;
	right: 15.5%;
}
.top_under_area .btn2 .splash {
	position: absolute;
	right: -30px;
	top: -90px;
}
.top_under_area .btn2 .yazirushi {
	position: absolute;
	top: 27%;
	right: 7%;
	width: 12%;
}
.top_under_area img {
	width: 100%;
}


/****************************************

		default slider

*****************************************/
.slider .slick-list {
	max-width: 1840px;
	margin: 0 auto;
}
.slider .slick-track {
	padding: 40px 0;
}
.slider .slider-item {
	position: relative;
	-webkit-transform: rotate(3deg) scale(.7);
	-ms-transform: rotate(3deg) scale(.7);
	transform: rotate(3deg) scale(.7);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: transform 0.3s ease-in-out 0s;
	-ms-transition: transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
	margin: 0 -80px;
}
.slider .slider-item img {
	display: block;
}
.slider .slider-item .cover {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	pointer-events: none;
}
.slider .slider-item.slick-center {
	-webkit-transform: rotate(-3deg) scale(1);
	-ms-transform: rotate(-3deg) scale(1);
	transform: rotate(-3deg) scale(1);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	z-index: 20;
}
.slider .slider-item.slick-center .cover {
	opacity: 0;
}
.slider .slick-arrow {
	display: block;
	position: absolute;
	width: 125px;
	height: 125px;
	top: 50%;
	margin-top: -50px;
	z-index: 15;
	text-indent: -9999px;
}
.slider .slick-arrow.slick-prev {
	right: 50%;
	margin-right: 350px;
	background: url("../images/slide_arr_left.png") no-repeat center center;
}
.slider .slick-arrow.slick-next {
	left: 50%;
	margin-left: 350px;
	background: url("../images/slide_arr_right.png") no-repeat center center;
}
.slider .slick-dots {
	text-align: center;
	margin-top: -1%;
	z-index: 25;
	position: relative;
}
.slider .slick-dots li {
	display: inline-block;
	width: 28px;
	height: 31px;
	background: url("../images/slide_dot.png") no-repeat center center;
	margin: 0 10px;
}
.slider .slick-dots li button {
	display: block;
	height: 100%;
	opacity: 0;
	width: 100%;
}
.slider .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_buki.png");
}


/****************************************

		  buki gear

*****************************************/
.page-bukiGear {
	background: url("../images/buki-gear_bg.gif") center bottom;
	background-size: 100% auto;
}
.page-bukiGear .page_logoArea {
	margin-bottom: -11.4285714286%;
	z-index: 1;
}
.bukiGear {
	padding-bottom: 3%;
	position: relative;
}
.bukiGear:before {
	content: "";
	background: none;
}
.bukiGear-block {
	position: relative;
	overflow: hidden;
}
.bukiGear-block .slider {
	z-index: 10;
}
.bukiGear-main img {
	display: block;
	width: 100%;
}
.buki-block {
	margin-top: -4%;
	margin-bottom: -8%;
}
.buki-block .slider .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_buki.png");
}
.buki-main {
	margin-bottom: -12%;
}
.spWeapon-block {
	margin-bottom: -10%;
}
.spWeapon-main {
	margin-bottom: -21%;
	padding-left: 2.2857142857%;
}
.slider.spWeapon-slider .slider-item {
	-webkit-transform: rotate(-3deg) scale(.7);
	-ms-transform: rotate(-3deg) scale(.7);
	transform: rotate(-3deg) scale(.7);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.slider.spWeapon-slider .slider-item.slick-center {
	-webkit-transform: rotate(3deg) scale(1);
	-ms-transform: rotate(3deg) scale(1);
	transform: rotate(3deg) scale(1);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.slider.spWeapon-slider .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_sp-weapon.png");
}
.gear-block {
	z-index: 1;
}


/****************************************

      salmonRun coop

*****************************************/
.p-page-coop img {
  width: 100%;
}
.p-coop-sec01,
.p-coop-sec02 {
  position: relative;
  z-index: 20;
  width: 100%;
  height: auto;
}
.p-coop-sec01_bg,
.p-coop-sec02_bg {
  position: relative;
  z-index: 1;
  width: 100%;
}
.p-coop-sec01_title {
  position: absolute;
  top: 5.240641711%;/* 98 / 1870 * 100*/
  left: 50%;
  z-index: 10;
  width: 70.2083333%;/* 1011 / 1440 * 100 */
  transform: translateX(-50%);
}

.p-coop-sec01_title .salmonRun-ttl-jp {
  margin-top: -1.069518716%;/* 20 / 1870 * 100*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 45.2027695%;/* 457 / 1011 * 100 */
}

.p-coop-sec01_job {
  width: 100%;
  position: absolute;
  top: 60.37433155%;/* 1129 / 1870 * 100*/
  z-index: 10;
}
.p-coop-sec01_job_title {
  position: absolute;
  left: 15.2083333%;
  width: 33.3333333%;/* 480 / 1440 * 100 */
  z-index: 11;
}
.p-coop-sec01_job_title img {
  transform: scale(2);
  opacity: 0;
}
.no-js .p-coop-sec01_job_title img,
.p-coop-sec01_job_title.is-show img {
  transform: scale(1);
  opacity: 1;
  -webkit-transition: transform 170ms cubic-bezier(0.175, 0.885, 0.320, 1.275);/* easeOutBack */
  transition: transform 170ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.p-coop-sec01_job_copy {
  margin-top: 1%;
  position: absolute;
  left: 50%;
  width: 34.72222%;/* 500 / 1440 * 100 */
  z-index: 11;
}
.p-coop-sec01_job_movie {
  margin-top: 10.5%;
  position: absolute;
  left: 22.4305555%;
  width: 57.222222%;/* 824 / 1440 * 100 */
}
.btn-modalMovie {
  width: 100%;
}
.p-coop-sec01_job_clip {
  width: 14.077669902%;/* 116 / 824 * 100 */
  position: absolute;
  top: 7.722007722%;/* 40 / 518 * 100 */
  right: -2.791262135%;/* 23 / 824 * 100 */
}

/*p-coop-sec02*/
.p-coop-sec02_title {
  margin-top: -7.51445%;/* 104 / 1384 * 100 */
  width: 97.3611111%;/* 1402 / 1440 * 100 */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-coop-sec02_title:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/salmonrun_catch_kuma.png") no-repeat center center;
  background-size: contain;
  width: 24.6527777%;
  padding-top: 25%;
  height: 0;
  left: 6.527777%;
  top: -120%;
}
.p-coop-sec02_pic {
  width: 100%;
  position: absolute;
  top: 11.56069%;/* 160 / 1384 * 100 */
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
}
.p-coop-sec02_photo1,
.p-coop-sec02_photo2,
.p-coop-sec02_photo3,
.p-coop-sec02_photo4 {
  position: absolute;
  z-index: 2;
}
.p-coop-sec02_photo1 {
  z-index: 5;
  width: 28.88889%;/* 416 / 1440 * 100 */
  top: 5.78034%;/* 80 / 1384 * 100 */
  left: 23.95833%;/* 345 / 1440 * 100 */
}
.p-coop-sec02_photo2 {
  z-index: 3;
  width: 41.45833%;/* 597 / 1440 * 100 */
  top: 18.06358%;/* 250 / 1384 * 100 */
  right: 13.19444%;/* 190 / 1440 * 100 */
}
.p-coop-sec02_photo3 {
  z-index: 4;
  width: 32.36111%;/* 466 / 1440 * 100 */
  top: 36.48844%;/* 505 / 1384 * 100 */
  left: 17.01389%;/* 245 / 1440 * 100 */
}
.p-coop-sec02_photo4 {
  z-index: 2;
  width: 51.66667%;/* 744 / 1440 * 100 */
  top: 55.99711%;/* 775 / 1384 * 100 */
  left: 23.61111%;/* 340 / 1440 * 100 */
}
.p-coop-sec02_photo img {
  position: absolute;
  top: 0;
  left: 0;
}
.p-coop-sec02_photo-color {
  opacity: 0;
  -webkit-transition: all 1200ms;
  -ms-transition: all 1200ms;
  transition: all 1200ms;
}
.is-show .p-coop-sec02_photo-color {
  opacity: 1;
}
.p-coop-sec02_text1,
.p-coop-sec02_text2,
.p-coop-sec02_text3,
.p-coop-sec02_text4 {
  position: absolute;
  z-index: 20;
}
.p-coop-sec02_text1 {
  width: 21.0416666%;/* 303 / 1440 * 100 */
  top: 8.02023%;/* 111 / 1384 * 100 */
  left: 54.583333%;/* 786 / 1440 * 100 */
}
.p-coop-sec02_text2 {
  width: 27.5694444%;/* 397 / 1440 * 100 */
  top: 28.32369942%;/* 392 / 1384 * 100 */
  left: 18.333333%;/* 264 / 1440 * 100 */
}
.p-coop-sec02_text3 {
  width: 23.05555%;/* 332 / 1440 * 100 */
  top: 45.5924855%;/* 631 / 1384 * 100 */
  left: 51.1111%;/* 736 / 1440 * 100 */
}
.p-coop-sec02_text4 {
  width: 41.388888%;/* 596 / 1440 * 100 */
  top: 89.306358381%;/* 1236 / 1384 * 100 */
  left: 25.4166666%;/* 366 / 1440 * 100 */
}

/****************************************

		  amiibo

*****************************************/
.page-amiibo {
	background: url("../images/amiibo_bg.gif") repeat-y bottom center;
	background-size: 100% auto;
}
.page-amiibo .page_logoArea {
	margin-bottom: -10%;
	z-index: 0;
}
.btnCover {
	position: absolute;
	width: 22%;
	height: 10%;
	top: -50px;
	z-index: 3;
}
.amiibo {
	position: relative;
	padding-bottom: 10%;
}
.amiibo-main {
	position: relative;
	z-index: 2;
	margin-bottom: -8%;
}
.amiibo-main img {
	width: 100%;
	display: block;
}
.amiibo-main .amiibo-girl,
.amiibo-main .amiibo-ika {
	display: block;
	position: absolute;
	top: 0;
	z-index: 2;
	pointer-events: none;
}
.amiibo-main .amiibo-girl img,
.amiibo-main .amiibo-ika img {
	width: 100%;
}
.amiibo-main .amiibo-girl {
	left: 0;
	width: 33.7142857143%;
}
.amiibo-main .amiibo-ika {
	right: 0;
	width: 30.1428571429%;
}
.amiibo-main .amiibo-movie {
	position: absolute;
	left: 24.7142857143%;
	right: 24%;
	top: 0;
	padding-top: 37.3571428571%;
}
.amiibo-main .amiibo-movie iframe {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.amiibo-main .amiibo-movie .amiibo-movie-inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	width: 100%;
}
.amiibo-featured {
	padding: 0 4%;
	text-align: center;
	position: relative;
	z-index: 3;
	margin-bottom: 5%;
	overflow: hidden;
}
.amiibo-featured img {
	position: relative;
	z-index: 2;
}
.amiibo-featured:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -10px;
	background: url("../images/amiibo_ink.png") no-repeat center left;
	width: 100%;
	min-width: 1350px;
	height: 290px;
	z-index: 1;
}
.amiibo-detail {
	padding: 0 4%;
	text-align: center;
}


/****************************************

		  Playstyle

*****************************************/
.page-playStyle {
	background: #FFF url("../images/playstyle_bg_noize.gif") repeat center top;
	background-size: 100% auto;
}
.playStyle .playStyle-inner {
	background: url("../images/playstyle_bg.jpg") no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 5%;
}
.playStyle-main {
	margin-bottom: -11%;
}
.playStyle-main img {
	width: 100%;
	display: block;
}
.playStyle-container {
	text-align: center;
	padding: 150px 2% 0;
	max-width: 1145px;
	margin-left: auto;
	margin-right: auto;
}
.playStyle-container .playStyle-ttl {
	position: absolute;
	top: 50px;
	right: 0;
	max-width: 90%;
	z-index: 2;
}
.playStyle-container .playStyle-ttl img {
	display: block;
}
.online-offline,
.playmode {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.online-offline > img,
.playmode > img {
	width: 100%;
	display: block;
}
.playmode {
	padding: 0 5.0218340611%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.playmode .playmode-btn {
	position: absolute;
	bottom: 5%;
	left: 10%;
	width: 80%;
	text-align: center;
}
.playmode .playmode-btn h4 {
	margin-bottom: 1%;
}
.online-offline {
	position: relative;
	margin-bottom: 40px;
}
.online-offline .online-offline-link {
	position: absolute;
	width: 8.0349344978%;
	bottom: 0;
	left: 10.1310043668%;
	padding-bottom: 2.2707423581%;
}
.online-offline .online-offline-link a {
	width: 100%;
	display: block;
	padding-top: 16.9491525424%;
	height: 0;
}
.modal-wrapper .playStyle-container {
	padding-top: 160px;
}
.modal-wrapper .playStyle-container .playStyle-ttl {
	top: 20px;
}


/****************************************

		   ヒーローモード

*****************************************/
.page-heromode {
	position: relative;
}
.page-heromode .page_logoArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.heromode_mvv {
	position: relative;
	width: 100%;
	height: auto;
}
.heromode_mvv .bg {
	position: relative;
	width: 100%;
}
.heromode_mvv .bg img {
	width: 100%;
}
.heromode_mvv .title {
	position: absolute;
	width: 100%;
	z-index: 100;
	top: 36px;
	left: 36px;
	width: 44.64%;
}
.heromode_mvv .title img {
	width: 100%;
}
.heromode_mvv .mv {
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 0;
	right: 0;
	width: 56.79%;
}
.heromode_mvv .mv img {
	width: 100%;
}
.heromode_mvv .movieBtn {
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 55%;
	left: 14%;
	width: 24.86%;
}
.heromode_mvv .movieBtn img {
	width: 100%;
}
.heromode_contents {
	position: relative;
	width: 100%;
	background: url("../images/heromode_bg2.png") center top;
	background-size: cover;
	padding-bottom: 130px;
	margin-bottom: -122px;
}
.heromode_contents img {
	width: 100%;
}
.heromode_contents .cont1 {
	position: relative;
	width: 100%;
}
.heromode_contents .cont1 img {
	width: 100%;
	margin-top: -3.5%;
}
.heromode_contents .cont2 {
	position: relative;
	width: 100%;
	left: 0;
	top: 36%;
}
.heromode_contents .cont2 img {
	width: 100%;
}
.heromode_contents .heromode-slider {
	position: relative;
	margin-top: -27%;
}
.heromode_contents .cont3 {
	position: relative;
	width: 100%;
	left: 0;
	top: 69%;
}
.heromode_contents .cont3 img {
	width: 100%;
}
.heromode-slider .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_purple.png");
}


/****************************************

		  ガチマッチ

*****************************************/
.gachi-mv {
	margin-bottom: -6%;
}
.gachi-mv img {
	width: 100%;
}
.gachi-container {
	text-align: center;
	max-width: 100%;
	width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gachi-cont {
	padding: 4% 2%;
	max-width: 1300px;
	display: block;
	margin: 0 auto;
}
.gachi-cont img {
	width: 100%;
}
.gachi-cont2 {
	position: relative;
}
.gachi-obi {
	position: absolute;
	width: 50.4615384615%;
	max-width: 900px;
	left: 0;
	top: 2%;
}


/****************************************

		  .c-header

*****************************************/
body.is-modal-show {
	overflow: hidden;
}
.c-header {
	position: absolute;
	left: 0;
	z-index: 5000;
	width: 100%;
	min-width: 980px;
}
@media screen and (max-width: 640px) {
	.c-header {
		top: 60px;
	}
}
.c-header_bg {
	width: 100%;
	height: 60px;
	overflow: hidden;
	transform: rotate(180deg);
}
.c-header_logo {
	position: absolute;
	top: -12px;
	left: 1px;
	z-index: 2;
}
.c-header_logo2 {
	position: absolute;
	top: 5px;
	left: 22px;
	z-index: 2;
}
.c-hNav_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 0;
	text-align: center;
}
@media screen and (max-width: 1100px) {
	.c-hNav_list {
		box-sizing: border-box;
		padding-left: 127px;
	}
}
.c-hNav_item {
	display: inline-block;
	font-size: 14px;
}
.c-header_switch {
	position: absolute;
	top: 0;
	right: 0;
}


/****************************************

		  .c-footer

*****************************************/
.c-footer .commmon-footer-inner {
	position: relative;
	padding-top: 50px;
	padding-bottom: 10px;
}
.c-footer .footer-totop {
	bottom: auto;
	top: -60px;
	right: 40px;
}
@media screen and (max-width: 1120px) {
	.c-footer .footer-totop {
		right: 0;
	}
}
.c-fNav {
	text-align: center;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.c-fNav_list {
	display: inline-block;
	margin-bottom: 15px;
	position: relative;
	padding: 10px 40px;
	border-radius: 17px;
	text-align: center;
	background: rgba(0, 0, 0, 0.81);
}
.c-fNav_list:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 43px;
	width: 35px;
	height: 24px;
	background: url(../images/footer_nav_deco.png) center center no-repeat;
}
.c-fNav_item {
	display: inline-block;
	padding: 0 10px;
	border-right: #cac8c6 1px solid;
	font-size: 0;
}
.c-fNav_item:last-child {
	border-right: none;
}
.c-fNav_item a {
	color: #cac8c6;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
@media screen and (max-width: 1120px) {
	.c-fNav_item a {
		font-size: 12px;
	}
}
.c-fNav_top .current {
	color: #fffc00;
}
.c-fNav_about .current {
	color: #19d619;
}
.c-fNav_battle .current {
	color: #fa148b;
}
.c-fNav_customize .current {
	color: #c646ff;
}
.c-fNav_coop .current {
	color: #ec572b;
}
.c-fNav_heromode .current {
	color: #e6ff37;
}
.c-fNav_archives .current {
	color: #e6ff37;
}
.c-footer-menu {
	float: right;
	padding-top: 15px;
	padding-right: 40px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.c-footer-menu_item {
	display: inline-block;
	margin-left: 20px;
	font-size: 0;
}
.c-footer-menu_item a {
	display: inline-block;
	padding-left: 24px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/footer-nav-arr.png) left center no-repeat;
}
.c-footer-sns {
	position: absolute;
	bottom: 40px;
	left: 78px;
}
.c-footer-sns a {
	display: inline-block;
	margin-right: 4px;
}
.c-footer-guidebook {
	position: absolute;
	bottom: 10px;
	left: 78px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.c-footer-guidebook a {
	display: inline-block;
	padding-left: 24px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/footer-nav-arr.png) left center no-repeat;
}

.c-footer-gotop {
  margin-top: -20px;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 20.069444444%;/* 289 / 1440 * 100*/
}
/*.c-footer-gotop img {
  width: 100%;
}*/


.c-iframe-modal {
	background: transparent;
}


/****************************************

		  .p-top

*****************************************/
body.p-top_bg{
	background:#2a2a2a url(../images/top_sec01_bg_repeat.png) repeat-y;
	background-size:100% auto;
}
.p-top-visual {
	position: relative;
	overflow: hidden;
  z-index: 11;
}

.p-top-visual img {
	display: block;
	width: 100%;
}
.p-top-visual_switch {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
}

.p-top-visual_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 42.77777%;
	z-index: 1;
}
.p-top-visual_logo_fes {
	position: absolute;
	top: 20px;
	left: 0;
	width: 42.63888%;
	z-index: 1;
	opacity: 0;
}

.is-vischange .p-top-visual_logo {
  opacity: 0;
  transition: 600ms;
}
.is-first .p-top-visual_logo_fes {
	opacity: 1;
  transition: 600ms 1500ms;
}
.p-top-visual_slider li:not(:first-child) img {
  display: none;
}
.p-top-visual_slider.slick-initialized li:not(:first-child) img {
  display: block;
}

.p-top-visual_updata{
	position: absolute;
	bottom: 25.0%; /* 172 / 678 * 100 */
	left: 0%;
	width: 15.6944444%; /* 226 / 1440 * 100 */
}
.p-top-haikarabnr{
	position: absolute;
	bottom: 5.89976%;/* 40 / 678 * 100 */
	left: 0;
	width: 24.5138888%;/* 353 / 1440 * 100 */
	padding-top: 20px;
}
.p-top-haikarabnr_inner {
	position: relative;
	border-radius: 0 28px 28px 0;
	overflow: hidden;
}
.p-top-haikarabnr_bg {
	width: 100%;
}
.is-notice .p-top-haikarabnr_bg,
.is-fes .p-top-haikarabnr_bg {
	display: none;
}
.p-top-haikarabnr_fesbg {
	display: none;
}
.is-notice .p-top-haikarabnr_fesbg,
.is-fes .p-top-haikarabnr_fesbg {
	display: block;
	width: 100%;
}
.p-top-haikarabnr_chara {
	position: absolute;
	top: -6px;
	left: 20px;
	/*width: 114px;*/
	width: 32.2946%;/* 114 / 353 * 100 */
}
.is-notice .p-top-haikarabnr_chara,
.is-fes .p-top-haikarabnr_chara {
	display: none;
}
.p-top-haikarabnr_chara img {
	-webkit-animation: topHKchara 1500ms ease-out infinite;
	animation: topHKchara 1500ms ease-out infinite;
}
@-webkit-keyframes topHKchara {
	from {	transform: translate(-100%, 100%);	}
	45% {	transform: translate(0px, 0px);			}
	55% {	transform: translate(0px, 0px);			}
	65% {	transform: translate(-5px, 7px);		}
	88% {	transform: translate(100%, -100%);	}
	to {	transform: translate(100%, -100%);	}
}
@keyframes topHKchara {
	from {	transform: translate(-100%, 100%);	}
	45% {	transform: translate(0px, 0px);			}
	55% {	transform: translate(0px, 0px);			}
	65% {	transform: translate(-5px, 7px);		}
	88% {	transform: translate(100%, -100%);	}
	to {	transform: translate(100%, -100%);	}
}
.p-top-haikarabnr_ttl {
	position: absolute;
	top: 0;
	right: 36px;
	/*width: 191px;*/
	width: 54.1%;/* 191 / 353 * 100 */
}
.is-notice .p-top-haikarabnr_ttl,
.is-fes .p-top-haikarabnr_ttl {
	display: none;
}
.p-top-haikarabnr_ttl img,
.p-top-haikarabnr_fesdate img {
	-webkit-animation: topHKttl 1700ms linear infinite;
	animation: topHKttl 1700ms linear infinite;
}
@-webkit-keyframes topHKttl {
	from {	opacity: 1;		}
	50% {	opacity: 0.6;	}
	to {	opacity: 1;		}
}
@keyframes topHKttl {
	from {	opacity: 1;		}
	50% {	opacity: 0.6;		}
	to {	opacity: 1;		}
}
.p-top-haikarabnr_fesmark {
	display: none;
}
.is-notice .p-top-haikarabnr_fesmark,
.is-fes .p-top-haikarabnr_fesmark {
	display: block;
	position: absolute;
	width: 26.6288951%;/* 94 / 353 * 100 */
	top: 1.5267175%;/* 2 / 131 * 100 */
	left: 1.6997167%;/* 6 / 353 * 100 */
}
.p-top-haikarabnr_text {
	position: absolute;
	bottom: 6.87%;/* 9 / 131 * 100 */
	left: 0;
	width: 220.6798866%;/* 779 / 353 * 100 */
	padding: 1% 0;
	background: rgba(0, 0, 0, 0.75);
}
.p-top-haikarabnr_text img {
	-webkit-animation: topHKtext 10s linear infinite;
	animation: topHKtext 10s linear infinite;
}
@-webkit-keyframes topHKtext {
	from {	transform: translateX(0);		}
	to {	transform: translateX(-51.09114249%);	}
}
@keyframes topHKtext {
	from {	transform: translateX(0);		}
	to {	transform: translateX(-51.09114249%);	}
}
.p-top-haikarabnr_fesdate {
	display: none;
}
.is-notice .p-top-haikarabnr_fesdate,
.is-fes .p-top-haikarabnr_fesdate {
	display: block;
	position: absolute;
	width: 36.5439%;/* 129 / 353 * 100 */
	top: 7.6335877%;/* 10 / 131 * 100 */
	left: 27.762%;/* 98 / 353 * 100 */
}
.p-top-haikarabnr_festext {
	display: none;
}
.is-notice .p-top-haikarabnr_festext,
.is-fes .p-top-haikarabnr_festext {
	display: block;
	position: absolute;
	width: 26.6288951%;/* 94 / 353 * 100 */
	bottom: 32%;/* 42 / 131 * 100 */
	right: 9.3484419%;/* 33 / 353 * 100 */
}
.p-top-haikarabnr_feschara1 {
	display: none;
}
.is-notice .p-top-haikarabnr_feschara1,
.is-fes .p-top-haikarabnr_feschara1 {
	display: block;
	position: absolute;
	width: 18.13%;/* 64 / 353 * 100 */
	top: 9.16%;/* 12 / 131 * 100 */
	right: 22.3796%;/* 79 / 353 * 100 */
}
.p-top-haikarabnr_feschara2 {
	display: none;
}
.is-notice .p-top-haikarabnr_feschara2,
.is-fes .p-top-haikarabnr_feschara2 {
	display: block;
	position: absolute;
	width: 15.864%;/* 56 / 353 * 100 */
	top: 22.1374%;/* 29 / 131 * 100 */
	right: 8.2152974%;/* 29 / 353 * 100 */
}
.is-notice .p-top-haikarabnr_feschara1 img,
.is-fes .p-top-haikarabnr_feschara1 img {
	-webkit-animation: feschara1 10s linear infinite;
	animation: feschara1 10s linear infinite;
}
.is-notice .p-top-haikarabnr_feschara2 img,
.is-fes .p-top-haikarabnr_feschara2 img {
	-webkit-animation: feschara2 10s linear infinite;
	animation: feschara2 10s linear infinite;
}
@-webkit-keyframes feschara1 {
}
@keyframes feschara1 {
	0% {	transform: translateY(0px);		}

	10% {	transform: translateY(0px);		}
	11% {	transform: translateY(-7px);	}
	15% {	transform: translateY(0px);		}
	16% {	transform: translateY(0px);		}
	17% {	transform: translateY(-7px);	}
	21% {	transform: translateY(0px);		}

	40% {	transform: translateY(0px);		}
	41% {	transform: translateY(-7px);	}
	45% {	transform: translateY(0px);		}
	46% {	transform: translateY(0px);		}
	47% {	transform: translateY(-7px);	}
	51% {	transform: translateY(0px);		}

	60% {	transform: translateY(0px);		}
	61% {	transform: translateY(-7px);	}
	65% {	transform: translateY(0px);		}
	66% {	transform: translateY(0px);		}
	67% {	transform: translateY(-7px);	}
	71% {	transform: translateY(0px);		}

	85% {	transform: translateY(0px);		}
	86% {	transform: translateY(-7px);	}
	90% {	transform: translateY(0px);		}
	91% {	transform: translateY(0px);		}
	92% {	transform: translateY(-7px);	}
	96% {	transform: translateY(0px);		}

	100% {	transform: translateY(0px);		}
}
@-webkit-keyframes feschara2 {
}
@keyframes feschara2 {
	0% {	transform: translateY(0px);		}

	20% {	transform: translateY(0px);		}
	21% {	transform: translateY(-7px);	}
	25% {	transform: translateY(0px);		}
	26% {	transform: translateY(0px);		}
	27% {	transform: translateY(-7px);	}
	31% {	transform: translateY(0px);		}

	45% {	transform: translateY(0px);		}
	46% {	transform: translateY(-7px);	}
	50% {	transform: translateY(0px);		}
	51% {	transform: translateY(0px);		}
	52% {	transform: translateY(-7px);	}
	56% {	transform: translateY(0px);		}

	80% {	transform: translateY(0px);		}
	81% {	transform: translateY(-7px);	}
	85% {	transform: translateY(0px);		}
	86% {	transform: translateY(0px);		}
	87% {	transform: translateY(-7px);	}
	91% {	transform: translateY(0px);		}

	100% {	transform: translateY(0px);		}
}
.p-top-movie {
	position: relative;
	width: 100%;
  z-index: 11;
}
.p-top-movie img {
	display: block;
	width: 100%;
}
.p-top-movie_bg {
	position: relative;
	z-index: 10;
  margin-top: -1.388888889%;
}
.p-top-movie_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  position: absolute;
  padding-top: 1.944444444%;/* 28/ 1440 * 100 */
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 110;
  width: 58.055555556%;/* 836/ 1440 * 100 */
}
.p-top-debut_info {
  width: 100%;
  padding-bottom: 2.870813397% /* 24/ 1440 * 100 */;
}
.p-top-sale + .p-top-debut_info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 54.16666667% /* 780/ 1440 * 100 */;
	margin: 0 auto;
	margin-bottom: -0.5555555556% /* 8/ 1440 * 100 */;
	padding-bottom: 0;
}
.p-top-debut_bnr {
  width: 76.674641148%;/* 641/ 836 * 100 */
}
.p-top-movie_list {
  width: 20.574162679%;/* 172/ 836 * 100 */
}
.p-top-movie_list .slick-list {
	margin-top: -35px;
	margin-left: 13px;
	padding-top: 35px;
}
.p-top-octo_bnr {
	position: absolute;
	top: -15.9292035%;/* 36 / 226 * 100 */
	left: 23.75%;/* 342 / 1440 * 100 */
	z-index: 100;
	width: 36.94444%;/* 532 / 1440 * 100 */
}

@media screen and (max-width: 1300px) {
	.p-top-movie_bg img {
		width: auto;
	}
	.p-top-movie_bg {
		overflow: hidden;
	}
	.p-top-octo_bnr,
	.p-top-movie_list,
    .p-top-debut_bnr{
		top: -11%;
	}
}
.p-top-movie_item {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 26px 0 0;
}
.p-top-movie_item:hover,
.p-top-octo_bnr:hover,
.p-top-bnr-koshien2019:hover,
.u-hover:hover{
	opacity: 0.8;
}
.p-top-movie_item img {
	width: 100%;
}
.p-top-movie_item button {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.p-top-movie_new {
	display: block;
	position: absolute;
	top: -35px;
	right: -26px;
	width: 80px;
	height: 70px;
	background: url("../images/top_visual_movie_new.png") no-repeat center center;
}
.p-top-menu {
	position: relative;
	width: 100%;
	margin-top: -17.4%;
}
.p-top-menu_bnr_amibo{
	position: relative;
}
.p-top-menu_bnrinner02{
	position: absolute;
	top: 130px;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1300px) {
	.p-top-menu {
		margin-top: -115px;
	}
}
.p-top-menu img {
	display: block;
	width: 100%;
}
.p-top-menu_bg {
	overflow: hidden;
}
.p-top-menu_bg img {
	width: 104.40816327%;/* 2558 / 2450 * 100 */
	margin-left: 50%;
	transform: translate3d(-50%,0,0);
}

/*bnr*/
.p-top-bnr-octo{
	width: 93.18181818%;/* 779 / 836 * 100 */
	margin: 0 auto;
}
.p-top-bnr-splatoon{
  width: 44.3064182119%;/* 642 / 1440 * 100 */
  top:2.697419859%;/* 69 / 2558 * 100 */
  left: 21.111111111%;/* 304 / 1440 * 100 */
  z-index: 12;
}
.p-top-menu_bnr.p-top-movie_list{
  width: 12.77777778%;/* 184 / 1440 * 100 */
  top:2.697419859%;/* 89 / 2558 * 100 */
  right: 21.041666667%;/* 303 / 1440 * 100 */
  z-index: 12;
}

.p-top-menu_bnr_amibo{

}
.p-top-bnr-two_l{
  width: 27.7777777%;/* 400 / 1440 * 100 */
  top:3.5%;
  left: 21.5277777%;/* 310 / 1440 * 100 */
}
.p-top-bnr-two_r{
  width: 27.7777777%;/* 400 / 1440 * 100 */
  top:3.5%;
  left: 50.6944444%;/* 730 / 1440 * 100 */
}
.p-top-menu_chara01 {
	position: absolute;
  top:6.215793589%;/* 159 / 2558 * 100 */
	left: 0;
	z-index: 300;
	width: 23.47222%;/* 338 / 1440 * 100 */
	overflow: hidden;
}
.p-top-menu_chara01 img {
	margin-left: -8.875739645%;/* 30 / 338 * 100 */
}
.p-top-menu_chara02 {
	position: absolute;
  top:8.209538702%;/* 210 / 2558 * 100 */
	right: 0;
	z-index: 10;
	width: 20.83333333%;/* 388 / 1440 * 100 */
	overflow: hidden;
}
.p-top-menu_chara02 img {
	margin-left: 7.731958763%;/* 30 / 388 * 100 */
}
.p-top-menu_chara03 {
	position: absolute;
  top:35.96559812%;/* 920 / 2558 * 100 */
	right: 0;
	z-index: 300;
	width: 9.44444%;/* 136 / 1440 * 100 */
}
.p-top-menu_chara04 {
	position: absolute;
  top:50.54730258%;/* 1293 / 2558 * 100 */
	left: 0;
	z-index: 300;
	width: 14.86111%;/* 214 / 1440 * 100 */
}
.p-top-menu_chara05 {
	position: absolute;
  bottom:3.987490227%;/* 102 / 2558 * 100 */
	left: 0;
	z-index: 10;
	width: 12.08333%;/* 183 / 1440 * 100 */
}
.p-top-menu_chara06 {
	position: absolute;
  bottom:3.596559812%;/* 92 / 2558 * 100 */
	right: 0;
	z-index: 10;
	width: 10%;/* 144 / 1440 * 100 */
}
.p-top-menu_bnr {
	position: absolute;
}
.p-top-menu_icon {
	position: absolute;
	bottom: -20px;
	right: -10px;
}
.p-top-menu_icon img {
	width: 48px;
}
.p-top-menu_icon img.ico02 {
	width: 52px;
}
.p-top-menu_icon img.ico03 {
	width: 69px;
}
.p-top-menu_icon img.ico04 {
	width: 52px;
}
.p-top-menu_icon.is-moving img {
	-webkit-animation: topicon 800ms ease-in-out 2;
	animation: topicon 800ms ease-in-out 2;
}
@-webkit-keyframes topicon {
	from {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(-7px, -6px);
	}
	to {
		transform: translate(0, 0);
	}
}
@keyframes topicon {
	from {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(-7px, -6px);
	}
	to {
		transform: translate(0, 0);
	}
}
.p-top-menu_bnr:hover {
	z-index: 300;
}
.p-top-menu_bnrinner {
	position: relative;
	width: 100%;
}
.p-top-menu_bnrspace {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p-top-menu__hidden {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 30px;
}
.p-top-menu__zoom {
	-webkit-transition-duration: 200ms;
	-ms-transition-duration: 200ms;
	transition-duration: 200ms;
}
a:hover .p-top-menu__zoom {
	transform: scale(1.1);
}

.p-top-bnr-battle {
	top: 12.23612197%; /* 313 / 2558 * 100 */
	/*top: 4.8%;*/
	left: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 40;
	width: 47.22222%;/* 680 / 1440 * 100 */
}
.p-top-bnr-battle .p-top-menu_bnrinner {
	padding-top: 100%; /* 680 / 680 * 100 */
}
.p-top-bnr-battle_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.p-top-bnr-battle_chara {
	position: absolute;
	top: -13.08824%;/* -89 / 680 * 100 */
	left: -8.38235%;/* -57 / 680 * 100 */
	width: 128.38235%;/* 873 / 680 * 100 */
}
.p-top-bnr-battle_text {
	position: absolute;
	bottom: 3.38235%;/* 23 / 680 * 100 */
	left: 3.67647%;/* 25 / 680 * 100 */
	width: 63.67647%;/* 433 / 680 * 100 */
}
.p-top-bnr-battle_update{
	position: absolute;
	top: 73.2352941%;/* 498 / 680* 100 */
	left: 59.5588235%;/* 405 / 680* 100 */
	width: 31.1764705%;/* 212 / 680* 100 */
}
.p-top-bnr-what {
	top: 12.23612197%; /* 313 / 2558 * 100 */
	 /*top: 4.2890442%;92 / 2145 * 100 */
	right: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 90;
	width: 28.47222%;/* 410 / 1440 * 100 */
}
.p-top-bnr-what .p-top-menu_bnrinner {
	padding-top: 70.24390%; /* 288 / 410 * 100 */
}
.p-top-bnr-what_bg {
	position: absolute;
	top: -20.48611%;/* -59 / 288 * 100 */
	left: -0.97560%;/* -4 / 410 * 100 */
	width: 108.04878%;/* 443 / 410 * 100 */
}
.p-top-bnr-what_deco {
	position: absolute;
	bottom: -1.38888%;/* -4 / 288 * 100 */
	right: -6.09756%;/* -25 / 410 * 100 */
	width: 30.24390%;/* 124 / 410 * 100 */
}
.p-top-bnr-what_text {
	position: absolute;
	top: 1.04167%;/* 3 / 288 * 100 */
	left: 0.73171%;/* 3 / 410 * 100 */
	width: 89.75610%;/* 368 / 410 * 100 */
}
.p-top-bnr-what .p-top-menu_icon {
	bottom: -25px;
	right: -20px;
}
.p-top-bnr-customize {
	top: 24.62861611%; /* 630 / 2558 * 100 */
	/*top: 18%;*/
	right: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 60;
	width: 28.47222%;/* 410 / 1440 * 100 */
}
.p-top-bnr-customize .p-top-menu_bnrinner {
	padding-top: 149.02439%; /* 611 / 410 * 100 */
}
.p-top-bnr-customize_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.p-top-bnr-customize_deco {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 23.41463%;/* 96 / 410 * 100 */
}
.p-top-bnr-customize_text {
	position: absolute;
	bottom: 2.45499%;/* 15 / 611 * 100 */
	left: 4.63414%;/* 19 / 410 * 100 */
	width: 69.5121951%;/* 285 / 410 * 100 */
}
.p-top-bnr-coop {
	top: 39.87490227%; /* 1020 / 2558 * 100 */
	/*top: 33.6%;*/
	left: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 50;
	width: 47.22222%;/* 680 / 1440 * 100 */
}
.p-top-bnr-coop .p-top-menu_bnrinner {
	padding-top: 60.29412%; /* 410 / 680 * 100 */
}
.p-top-bnr-coop_bg {
	position: absolute;
	top: -11.70732%;/* -48 / 410 * 100 */
	left: -5.14706%;/* -35 / 680 * 100 */
	width: 102.64706%;/* 698 / 680 * 100 */
}
.p-top-bnr-coop_deco {
	position: absolute;
	bottom: 0.48780%;/* 2 / 410 * 100 */
	right: 1.61765%;/* 11 / 680 * 100 */
	width: 14.70588%;/* 100 / 680 * 100 */
}
.p-top-bnr-coop .p-top-menu_icon {
	bottom: -0px;
	right: -5px;
}
.p-top-bnr-haikara {
	top: 49.68725567%; /* 1271 / 2558 * 100 */
	/*top: 44.5%;*/
	right: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 80;
	width: 28.47222%;/* 410 / 1440 * 100 */
}
.p-top-bnr-haikara .p-top-menu_bnrinner {
	padding-top: 39.51220%; /* 162 / 410 * 100 */
}
.p-top-bnr-haikara_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.p-top-bnr-haikara_deco {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 23.41463%;/* 96 / 410 * 100 */
}
.p-top-bnr-haikara_text {
	position: absolute;
	top: 5.55556%;/* 9 / 162 * 100 */
	left: 0;
	width: 50.97561%;/* 209 / 410 * 100 */
}
.p-top-bnr-hero {
	top: 57.15402658%; /* 1462 / 2558 * 100 */
	/*top: 52.5%;*/
	left: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 100;
	width: 28.47222%;/* 410 / 1440 * 100 */
}
.p-top-bnr-hero .p-top-menu_bnrinner {
	padding-top: 136.58537%; /* 560 / 410 * 100 */
}
.p-top-bnr-hero_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.p-top-bnr-hero_deco {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 23.41463%;/* 96 / 410 * 100 */
}
.p-top-bnr-hero_text {
	position: absolute;
	bottom: 1.96429%;/* 11 / 560 * 100 */
	left: 0;
	width: 94.39024%;/* 387 / 410 * 100 */
}
.p-top-bnr-hero .p-top-menu_icon {
	bottom: -15px;
}
.p-top-bnr-online {
	top: 57.15402658%; /* 1462 / 2558 * 100 */
	/*top: 52.5%;*/
	right: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 20;
	width: 26.3194444%;/* 379 / 1440 * 100 */
}
.p-top-bnr-online .p-top-menu_bnrinner {
	padding-top: 70%;
}
.p-top-bnr-online_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.p-top-bnr-online_smp {
	position: absolute;
	top: -13%;
	left: 25%;/* 90 / 360 * 100 */
	width: 94.9868%;/* 360 / 379 * 100 */
}
.p-top-bnr-online_text {
	position: absolute;
	top: 7%;
	left: 6.7%;
	width: 93.4%;/* 354 / 379 * 100 */
}
.p-top-bnr-cast {
	top: 57.15402658%; /* 1462 / 2558 * 100 */
	/*top: 52.5%;*/
	right: 39.6%;
	z-index: 80;
	width: 18.75%;/* 270 / 1440 * 100 */
}
.p-top-bnr-cast .p-top-menu_bnrinner {
	padding-top: 98%;
}
.p-top-bnr-cast_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.p-top-bnr-cast_text {
	position: absolute;
	top: -2%;
	left: -9.8%;
	width: 121.4814814%;/* 328 / 270 * 100 */
}

.p-top-bnr-ika {
	/*top: 65%;*/
	top: 69.1555903%; /* 1769 / 2558 * 100 */
	left: 41.66666%;/* 600 / 1440 * 100 */
	z-index: 110;
	width: 18.75%;/* 270 / 1440 * 100 */
}
.p-top-bnr-ika .p-top-menu_bnrinner {
	padding-top: 98.14815%; /* 265 / 270 * 100 */
}
.p-top-bnr-ika_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.p-top-bnr-ika_deco {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 23.41463%;/* 96 / 270 * 100 */
}
.p-top-bnr-ika_text {
	position: absolute;
	bottom: 24.90566%;/* 66 / 265 * 100 */
	left: 3.70370%;/* 10 / 270 * 100 */
	width: 93.70370%;/* 253 / 270 * 100 */
}
.p-top-bnr-ika .p-top-menu_icon {
	bottom: -20px;
	right: -15px;
}
.p-top-bnr-set {
	/*top: 65%;*/
	top: 71.6550116%; /*1537 / 2145 * 100 */
	right: 12.2%;
	z-index: 30;
	width: 26.38889%;/* 380 / 1440 * 100 */
}
.p-top-bnr-set .p-top-menu_bnrinner {
	padding-top: 39.47368%; /* 150 / 380 * 100 */
}
.p-top-bnr-set_bg {
	position: absolute;
	top: -15.33333%;/* -23 / 150 * 100 */
	left: 0;
	width: 103.42105%;/* 393 / 380 * 100 */
}
/*bnr amiibL*/
.p-top-bnr-amiibo_l {
	top: 68.17826427%; /* 1744 / 2558 * 100 */
	right: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 70;
	width: 26.38889%;/* 380 / 1440 * 100 */
}
.p-top-bnr-amiibo_l_02 {
	top: 74.86317435%; /* 1915 / 2558 * 100 */
	right: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 70;
	width: 26.38889%;/* 380 / 1440 * 100 */
}

.p-top-bnr-amiibo_l_text {
	position: absolute;
	top: 0px;
    right: 0px;
    margin: 0 auto;
	width: 46.84211%;/* 178 / 380 * 100 */
  padding-top: 18%;
}
/*bnr amiibo*/
.p-top-bnr-amiibo {
	/*top: 72.0%;*/
	top: 78.5%;
	right: 11.11111%;/* 160 / 1440 * 100 */
	z-index: 70;
	width: 26.38889%;/* 380 / 1440 * 100 */
}
.p-top-menu_bnrinner02{
	position: absolute;
	top: 178px;
	width: 400px;
	height: 120px;
}
.p-top-bnr-amiibo .p-top-menu_bnrinner {
	padding-top: 23.15789%; /* 88 / 380 * 100 */
}
.p-top-bnr-amiibo_bg {
	position: absolute;
	top: 1.73%;/* -24 / 88 * 100 */
	left: -0.78947%;/* -3 / 380 * 100 */
	width: 101.31579%;/* 385 / 380 * 100 */
}
.p-top-bnr-amiibo_text {
	position: absolute;
	top: 29%;
	left: 49.21053%;/* 187 / 380 * 100 */
	width: 46.84211%;/* 178 / 380 * 100 */
}
.p-top-menu_twitter {
	position: absolute;
	top: 80.45347928%; /* 2058 / 2558 * 100 */
	/*top: 79%;*/
	left: 50%;
	z-index: 10;
	width: 43.47222%;/* 626 / 1440 * 100 */
	transform: translateX(-50%);
}
.p-top-sale{
	position: absolute;
	font-size: 13px;
	width: 62.5%;/* 900 / 1440 * 100 */
	padding: 2% 0 1.5% 0;
	margin: 0 auto 10.13888889% auto;/* 146 / 1440 * 100 */
	top: 84.59734167%; /* 2164 / 2558 * 100 */
	/*top: 84%;*/
	left: 50%;
	transform: translateX(-50%);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color: rgba(255,255,255,0.1);
	box-sizing: border-box;
}
@media screen and (max-width: 1250px) {
	.p-top-sale{
		font-size: 11px;
	}
}
@media screen and (max-width: 1050px) {
	.p-top-sale{
		font-size: 10px;
	}
}
.p-top-sale_in{
	width: 86.6666666%;/* 780 / 900 * 100 */
	margin: 0 auto;
	overflow: hidden;
}
.p-top-sale_l{
	position: relative;
	float: left;
	width: 58.8%;/* 490 / 780 * 100 */
}
.p-top-sale_l ul.p-top-sale_btn02{
	position: absolute;
	width: 15.1020408%;/* 74 / 490 * 100 */
	top:0;
	right: 13%;
}
ul.p-top-sale_btn02 li{
	float: left;
}
ul.p-top-sale_btn02 li:nth-child(1){
	width: 59.4594594%;/* 44 / 74 * 100 */
}
ul.p-top-sale_btn02 li:nth-child(2){
	width: 40.5405405%;/* 30 / 74 * 100 */
}
.p-top-sale_l dl{
	width: 100%;
	display: table;
	margin-bottom: 6px;
}
.p-top-sale_l dt{
	width: 20%;
	display: table-cell;
}
.p-top-sale_l dd::before{
	content:':　';
}
.p-top-sale_l dd{
	width: 80%;
	box-sizing: border-box;
	display: table-cell;
}
.p-top-sale_r{
	float: right;
	width: 41.025641%;/* 320 / 780 * 100 */
}
.p-top-sale_r li:nth-child(1){
	margin-bottom: 15px;
}
.p-top-sale_l ul.p-top-sale_btn01{
	width: 100%;
	overflow: hidden;
}
.p-top-sale_l ul.p-top-sale_btn01 li{
	float: left;
}
.p-top-sale_l ul.p-top-sale_btn01 li a{
	display: block;
	color:#fff;
	text-decoration: none;
	background: url(../images/top_ico_salearr.png) no-repeat 0 38%;
	padding-left: 25px;
	padding-right:20px;
}
.p-top-sale_l li a:hover,
.p-top-online a:hover{
	-moz-opacity:0.75;
	opacity: 0.75 !important;
	filter:alpha(opacity=75);
}
.p-top-online{
	background-color:rgba(0, 0, 0, 0.8);
	width: 100%;
	padding: 2% 0;
	margin: 2% 0 0 0;
}
.p-top-online .p-top-online_in{
	position: relative;
	width: 93.3333333%;/* 840 / 900 * 100 */
	margin-left: 6.666666%;
	display: table;
	color: #fff;
}
.bnr-online_p{
	width: 20.238%; /* 170 / 840 * 100 */
	display: table-cell;
}
.bnr-online_lead{
	width: 79.7619%; /* 670 / 840 * 100 */
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.bnr-online_lead .Inner{
	padding-left: 1.5%;
}
.bnr-online_lead p{
	font-size: 13px;
	font-weight: bold;
}
.bnr-online_lead a{
	color: #fff !important;
	text-decoration: underline;
}
.bnr-online_lead a:hover{
	opacity: 0.8;
}
.bnr-online_lead ul{
	font-size:11px;
	font-weight: normal;
	color: #ccc;
	margin-top: 2px;
}
@media screen and (max-width: 1280px) {
	.bnr-online_lead p{font-size: 11px;}
	.bnr-online_lead ul{font-size:10px;}
}
@media screen and (max-width: 1100px) {
	.bnr-online_lead p{font-size: 10px;}
}
.p-top-modal-wrapper .modal-scroller {
	top: 20px;
	width: auto;
	transform: translateX(-50%);
}
.p-top-modal-wrapper .btn-modalClose {
	top: 50px;
}
#modalIframe02.p-top-modal-wrapper .btn-modalClose {
	top: 13px !important;
}
.p-top-modal01 {
	width: 872px;
	margin: 0 auto;
}
.p-top-modal01 img {
	display: block;
}
.p-top-modal01_ttl {
}
.p-top-modal01_contents {
	position: relative;
	width: 100%;
}
.p-top-modal01_arr {
	position: absolute;
	top: 0;
	left: 0;
}
.p-top-modal01_arr li {
	cursor:pointer;
}
.p-top-modal01_arr .cur {
	position:absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
.p-top-modal01_arr .is-current .cur {
	opacity: 1;
}
.p-top-modal01_arr .is-current .def {
	opacity: 0;
}
.p-top-modal01_arr01 {
	position: absolute;
	top: 375px;
	left: 590px;
}
.p-top-modal01_arr02 {
	position: absolute;
	top: 247px;
	left: 740px;
}
.p-top-modal01_arr03 {
	position: absolute;
	top: 254px;
	left: 78px;
}
.p-top-modal01_arr04 {
	position: absolute;
	top: 219px;
	left: 220px;
}
.p-top-modal01_arr05 {
	position: absolute;
	top: 90px;
	left: 264px;
}
.p-top-modal01_arr06 {
	position: absolute;
	top: 65px;
	left: 423px;
}
.p-top-modal01-slider {
	position: absolute;
	bottom: 68px;
	left: 70px;
	width: 386px;
}
.p-top-modal01-slider .slick-slide {
	position: relative;
}
.p-top-modal01-slider .slick-arrow {
	display: block;
	position: absolute;
	top: 125px;
	z-index: 15;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	background: no-repeat center center;
	background-size: contain;
}
.p-top-modal01-slider .slick-arrow.slick-prev {
	left: -45px;
	background-image: url("../images/slide_arr_left.png");
}
.p-top-modal01-slider .slick-arrow.slick-next {
	right: -45px;
	background-image: url("../images/slide_arr_right.png");
}
.p-top-modal01-slider .slick-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 25;
	width: 100%;
	text-align: center;
}
.p-top-modal01-slider .slick-dots li {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url("../images/slide_dot_s.png") no-repeat center center;
	margin: 0 5px;
}
.p-top-modal01-slider .slick-dots li button {
	display: block;
	height: 100%;
	opacity: 0;
	width: 100%;
}
.p-top-modal01-slider .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_white_s.png");
}
.p-top-modal01-slider_more {
	position: absolute;
	bottom: 78px;
	right: 55px;
}
.p-top-modal02 {
	width: 933px;
	padding-left: 61px;
	margin: auto;
	padding-top: 150px;
}
.p-top-modal02 img {
	display: block;
}
.p-top-modal_mvarea{
	width: 800px;
	height: 450px;
}
.p-top-modal_mvarea_in{
	display: block;
	width: 100%;
	height: 100%;
}
.p-top-modal-movie{
	width: 800px;
	margin: 60px auto 20px auto;
	text-align: center;
}
.p-top-modal-movie_thumbs{
	width: 800px;
	margin: 30px auto 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
  justify-content: space-between;
	flex-wrap: wrap;
}
.p-top-modal-movie_thumbs li{
	cursor: pointer;
	position: relative;
}
.p-top-modal-movie_iconew{
	position: absolute;
	display: block;
	top:-30px;
	left:-40px;
}
/****************************************

		  .p-customize

*****************************************/
.p-page-customize img {
	width: 100%;
}
.p-customize-sec01 {
	position: relative;
	z-index: 30;
	width: 100%;
	height: auto;
}
.p-customize-sec01_bg {
	position: relative;
	z-index: 1;
	width: 100%;
}
.p-customize-sec01_ttl {
	position: absolute;
	top: 11.39241%;/* 90 / 790 * 100*/
	left: 0;
	z-index: 10;
	width: 30.06944%;/* 433 / 1440 * 100 */
}
.p-customize-sec01_new {
	position: absolute;
	top: 2.19298%;/* 25 / 790 * 100*/
	right: 0;
	z-index: 10;
	width: 21.11111%;/* 304 / 1440 * 100 */
}
.p-customize-sec01_catch {
	position: absolute;
	top: 77.21519%;/* 610 / 790 * 100 */
	left: 50%;
	z-index: 30;
	width: 72.36111%;/* 1042 / 1440 * 100 */
	transform: translateX(-50%);
}
.p-customize-sec01_text {
	position: absolute;
	top: 105.06329%;/* 830 / 790 * 100 */
	left: 50%;
	z-index: 30;
	width: 50.55556%;/* 728 / 1440 * 100 */
	transform: translateX(-50%);
}
.p-customize-sec02 {
	position: relative;
	z-index: 20;
	width: 100%;
	height: auto;
}
.p-customize-sec02_bg {
	position: relative;
	z-index: 1;
	width: 100%;
}
@media screen and (max-width: 1300px) {
	.p-customize-sec02_bg {
		overflow: hidden;
	}
	.p-customize-sec02_bg img {
		width: auto;
		max-width: none;
		min-height: 1050px;
	}
}
.p-customize-sec02_ttl {
	position: absolute;
	top: 6.38842%;/* 75 / 1174 * 100*/
	left: 0;
	z-index: 10;
	width: 95.76389%;/* 1379 / 1440 * 100 */
}
.p-customize-sec02_what {
	position: absolute;
	top: 31.22924%;/* 188 / 602 * 100*/
	left: 81.58086%;/* 1125 / 1379 * 100*/
	width: 2.03046%;/* 28 / 1379 * 100 */
}
.p-customize-sec02_push {
	position: absolute;
	top: 30.66440%;/* 360 / 1174 * 100 */
	right: 11.80556%;/* 170 / 1440 * 100 */
	z-index: 40;
	width: 16.94444%;/* 244 / 1440 * 100 */
}
.p-customize-sec02_slidearea {
	position: absolute;
	z-index: 30;
	bottom: 14.48041%;/* 170 / 1174 * 100 */
	width: 100%;
}
.p-customize-sec02_slider {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.p-customize-sec02_slider.current {
	opacity: 1;
}
.p-customize-sec02_slider .slick-list {
	max-width: 1500px;
}
.p-customize-sec02_slider .slider-item {
	position: relative;
	margin: 0 -10px;
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.p-customize-sec02_slider .slider-item.slick-center {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.p-customize-sec02_slider .slider-item img {
	-webkit-transform-origin: 44% 6%;
	-ms-transform-origin: 44% 6%;
	transform-origin: 44% 6%;
}
.p-customize-sec02_action {
	position: relative;
	z-index: 30;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	opacity: 0;
}
.p-customize-sec02_weapon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
.p-customize-sec02_rev1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.p-customize-sec02_rev2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.p-customize-sec02_slider .comingsoon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	width: 177px;
	opacity: 0;
}
.p-customize-sec02_slider .slider-item .cover {
	z-index: 40;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
.p-customize-sec02_slider .slick-center .p-customize-sec02_action {
	opacity: 1;
}
.p-customize-sec02_slider .slick-center .p-customize-sec02_weapon {
	opacity: 0;
}
.p-customize-sec02_slider.is-animation .slick-center .p-customize-sec02_action {
	-webkit-animation: customizeSlide1 2.0s ease-in-out 1;
	animation: customizeSlide1 2.0s ease-in-out 1;
}
.p-customize-sec02_slider.is-animation .slick-center .p-customize-sec02_rev1 {
	-webkit-animation: customizeSlide2 1.9s ease-in-out 1;
	animation: customizeSlide2 1.9s ease-in-out 1;
}
.p-customize-sec02_slider.is-animation .slick-center .p-customize-sec02_rev2 {
	-webkit-animation: customizeSlide3 1.8s ease-in-out 1;
	animation: customizeSlide3 1.8s ease-in-out 1;
}
.p-customize-sec02_slider .slick-center .comingsoon {
	opacity: 1;
}
@-webkit-keyframes customizeSlide1 {
}
@keyframes customizeSlide1 {
	from {	-webkit-transform: rotate(-15deg);	transform: rotate(-15deg);	}
	20% {	-webkit-transform: rotate(20deg);	transform: rotate(20deg);	}
	40% {	-webkit-transform: rotate(-5deg);	transform: rotate(-5deg);	}
	60% {	-webkit-transform: rotate(10deg);	transform: rotate(10deg);	}
	80% {	-webkit-transform: rotate(2deg);	transform: rotate(2deg);	}
	to {	-webkit-transform: rotate(5deg);	transform: rotate(5deg);	}
}
@-webkit-keyframes customizeSlide2 {
}
@keyframes customizeSlide2 {
	from {	-webkit-transform: rotate(20deg);	transform: rotate(20deg);	}
	20% {	-webkit-transform: rotate(-15deg);	transform: rotate(-15deg);	}
	40% {	-webkit-transform: rotate(10deg);	transform: rotate(10deg);	}
	60% {	-webkit-transform: rotate(-5deg);	transform: rotate(-5deg);	}
	80% {	-webkit-transform: rotate(3deg);	transform: rotate(3deg);	}
	to {	-webkit-transform: rotate(0deg);	transform: rotate(0deg);	}
}
@-webkit-keyframes customizeSlide3 {
}
@keyframes customizeSlide3 {
	from {	-webkit-transform: rotate(-25deg);	transform: rotate(-25deg);	}
	20% {	-webkit-transform: rotate(10deg);	transform: rotate(10deg);	}
	40% {	-webkit-transform: rotate(-15deg);	transform: rotate(-15deg);	}
	60% {	-webkit-transform: rotate(0deg);	transform: rotate(0deg);	}
	80% {	-webkit-transform: rotate(-8deg);	transform: rotate(-8deg);	}
	to {	-webkit-transform: rotate(-5deg);	transform: rotate(-5deg);	}
}
.p-customize-sec02_slider .slick-arrow.slick-prev {
	margin-right: 290px;
}
.p-customize-sec02_slider .slick-arrow.slick-next {
	margin-left: 280px;
}
.p-customize-sec02_slider .slick-dots {
	position: absolute;
	bottom: -70px;
	width: 100%;
	margin-top: 0;
}
.p-customize-sec02_slider .slick-dots li {
	width: 18px;
	height: 20px;
	background: url("../images/slide_dot_s.png") no-repeat center center;
	margin: 0 5px;
}
#customize-slide01 .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_pink_s.png");
}
#customize-slide02 .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_green_s.png");
}
#customize-slide03 .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_purple_s.png");
}
.p-customize-sec02_tab {
	position: absolute;
	bottom: 12.35094%;/* 145 / 1174 * 100 */
	left: 0;
	z-index: 30;
	width: 100%;
	font-size: 0;
	text-align: center;
}
@media screen and (min-width: 1400px) {
	.p-customize-sec02_tab {
		left: 50%;
		width: 1400px;
		transform: translateX(-50%);
	}
}
.p-customize-sec02_tab li {
	position: absolute;
	bottom: 0;
	width: 11.38889%;/* 164 / 1440 * 100 */
	cursor: pointer;
}
.p-customize-sec02_tab li:nth-child(1) {
	left: 36.11111%;/* 520 / 1440 * 100 */
}
.p-customize-sec02_tab li:nth-child(2) {
	left: 44.44444%;/* 640 / 1440 * 100 */
}
.p-customize-sec02_tab li:nth-child(3) {
	left: 52.77778%;/* 760 / 1440 * 100 */
}
.p-customize-sec02_tab .current {
	z-index: 80;
}
.p-customize-sec02_tab .def {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 53.65854%;/* 88 / 164 * 100 */
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.p-customize-sec02_tab .cur {
	opacity: 0;
}
.p-customize-sec02_tab .current .cur {
	opacity: 1;
}
.p-customize-sec02_tab .current .def {
	opacity: 0;
}
.p-customize-sec03 {
	position: relative;
	margin-top: -120px;
	width: 100%;
	height: auto;
}
.p-customize-sec03_bg {
	position: relative;
	z-index: 1;
	width: 100%;
    padding-top: 69.44444%; /* 1000 / 1440 * 100 */
}
.p-customize-sec03_bgInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/customize_sec03_bg.png) repeat;
	background-position: 0 50%;
	-webkit-animation: customizebg 35s linear infinite;
	animation: customizebg 35s linear infinite;
}
@-webkit-keyframes customizebg {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: -2286px 50%;
	}
}

@keyframes customizebg {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: -2286px 50%;
	}
}
.p-customize-sec03_ttl {
	position: absolute;
	top: 1.8%;/* 18 / 1000 * 100*/
	left: 0.69444%;/* 10 / 1440 * 100 */
	z-index: 10;
	width: 35.83333%;/* 516 / 1440 * 100 */
}
.p-customize-sec03_text {
	position: absolute;
	top: 48.5%;/* 485 / 1000 * 100*/
	right: 0%;
	z-index: 10;
	width: 62.01389%;/* 893 / 1440 * 100 */
}
.p-customize-sec03_push {
	position: absolute;
	top: 60%;/* 600 / 1000 * 100 */
	right: 5.06944%;/* 73 / 1440 * 100 */
	z-index: 30;
	width: 44.44444%;/* 640 / 1440 * 100 */
	font-size: 0;
}
.p-customize-sec03_push  li {
	display: inline-block;
	width: 32.8125%;/* 210 / 640 * 100 */
	margin-left: 0.52083%;
}
.p-customize-sec04 {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -21%;
}
.p-customize-sec04_bg {
	position: relative;
	z-index: 10;
	width: 100%;
}
.p-customize-sec04_chara {
	position: absolute;
	top: 10.07326%;/* 55 / 546 * 100*/
	left: 0;
	z-index: 10;
	width: 100%;
}
.p-customize-sec04_what {
	position: absolute;
	top: 37.14286%;/* 169 / 455 * 100*/
	left: 21.875%;/* 315 / 1440 * 100*/
	width: 1.94444%;/* 28 / 1440 * 100*/
}
.p-customize-sec04_text {
	position: absolute;
	top: 27.47253%;/* 150 / 546 * 100*/
	right: 14.93056%;/* 215 / 1440 * 100 */
	z-index: 10;
	width: 37.77778%;/* 544 / 1440 * 100 */
}
.p-customize-iframemodal .modal-scroller {
	width: auto;
}
.p-customize-slide {
	width: 872px;
	margin: auto;
}
.p-customize-slide .slick-arrow {
	display: block;
	position: absolute;
	top: 50%;
	z-index: 15;
	width: 80px;
	height: 80px;
	margin-top: -15px;
	text-indent: -9999px;
	background: no-repeat center center;
	background-size: contain;
}
.p-customize-slide .slick-arrow.slick-prev {
	left: -45px;
	background-image: url("../images/slide_arr_left.png");
}
.p-customize-slide .slick-arrow.slick-next {
	right: -45px;
	background-image: url("../images/slide_arr_right.png");
}
.p-customize-slide .slick-dots {
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 25;
	width: 100%;
	text-align: center;
}
.p-customize-slide .slick-dots li {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url("../images/slide_dot_s.png") no-repeat center center;
	margin: 0 5px;
}
.p-customize-slide .slick-dots li button {
	display: block;
	height: 100%;
	opacity: 0;
	width: 100%;
}
.p-customize-slide .slick-dots li.slick-active {
	background-image: url("../images/slide_dot_pink_s.png");
}
.p-customize-slide_item01 {
	padding-top: 33px;
}
.p-customize-slide_item02 {
	padding-top: 2px;
}
.p-customize-slide_item03 {
	padding-top: 40px;
}
.p-customize-modal02 {
	padding-top: 50px;
	width: 872px;
	margin: auto;
}
.p-customize-modal03 {
	padding-top: 50px;
	width: 541px;
}


/****************************************

		  .p-heromode

*****************************************/
.p-page-heromode img {
	width: 100%;
}
.p-heromode-sec01 {
	position: relative;
	z-index: 20;
	width: 100%;
	height: auto;
}
.p-heromode-sec01_bg {
	position: relative;
	z-index: 1;
	width: 100%;
	opacity: 0;
	transition: opacity 800ms 3200ms;
}
.no-js .p-heromode-sec01_bg,
.p-heromode-sec01.is-show .p-heromode-sec01_bg {
	opacity: 1;
}
.p-heromode-sec01_chara01 {
	position: absolute;
	top: -2.32019%;/* -60 / 2586 * 100*/
	left: 50%;
	z-index: 10;
	width: 60.13889%;/* 866 / 1440 * 100 */
	transform: translateX(-50%);
}
.p-heromode-sec01_chara01-para {
	position: relative;
	top: 0;
}
.p-heromode-sec01_chara01-name {
	position: absolute;
	top: 48.48801%;/* 465 / 959 * 100*/
	right: 27.71363%;/* 240 / 866 * 100 */
	z-index: 11;
	width: 20.32333%;/* 176 / 866 * 100 */
	opacity: 0;
	transition: opacity 800ms  500ms;
}
.no-js .p-heromode-sec01_chara01-name,
.p-heromode-sec01.is-show .p-heromode-sec01_chara01-name {
	opacity: 1;
}
.p-heromode-sec01_chara01-comment {
	position: absolute;
	top: 14.59854%;/* 140 / 959 * 100*/
	left: 0;
	z-index: 11;
	width: 47.92148%;/* 415 / 866 * 100 */
	opacity: 0;
	transition: opacity 800ms  1400ms;
}
.no-js .p-heromode-sec01_chara01-comment,
.p-heromode-sec01.is-show .p-heromode-sec01_chara01-comment {
	opacity: 1;
}
.p-heromode-sec01_chara01-chara {
	position: relative;
	z-index: 11;
	text-align: right;
	opacity: 0;
	transition: opacity 800ms 500ms;
}
.no-js .p-heromode-sec01_chara01-chara,
.p-heromode-sec01.is-show .p-heromode-sec01_chara01-chara {
	opacity: 1;
}
.p-heromode-sec01_chara01-chara img {
	width: 74.48037%;/* 645 / 866 * 100 */
}
.p-heromode-sec01_text {
	position: absolute;
	top: 20.88167%;/* 540 / 2586 * 100 */
	left: 50%;
	z-index: 30;
	width: 56.59722%;/* 815 / 1440 * 100 */
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 800ms 3200ms;
}
.no-js .p-heromode-sec01_text,
.p-heromode-sec01.is-show .p-heromode-sec01_text {
	opacity: 1;
}
.p-heromode-sec01_key {
	position: absolute;
	top: 81.80840%;/* 760 / 929 * 100 */
	left: 31.16564%;/* 254 / 815 * 100 */
	z-index: 30;
	width: 22.08589%;/* 180 / 815 * 100 */
}
.p-heromode-sec01_chara02 {
	position: absolute;
	top: 49.88399%;/* 1290 / 2586 * 100 */
	left: 50%;
	z-index: 20;
	width: 62.91667%;/* 906 / 1440 * 100 */
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 800ms 3200ms;
}
.no-js .p-heromode-sec01_chara02,
.p-heromode-sec01.is-show .p-heromode-sec01_chara02 {
	opacity: 1;
}
.p-heromode-sec01_again {
	position: absolute;
	top: 37.14286%;/* 468 / 1260 * 100 */
	left: 7.50552%;/* 68 / 906 * 100 */
	z-index: 20;
	width: 83.44371%;/* 756 / 906 * 100 */
	opacity: 0;
	transition: opacity 800ms;
}
.no-js .p-heromode-sec01_again,
.p-heromode-sec01_again.is-show {
	opacity: 1;
}
.p-heromode-sec02 {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -120px;
}
@media screen and (max-width: 1050px) {
	.p-heromode-sec02 {
		margin-top: -80px;
	}
}
.p-heromode-sec02_bg {
	position: relative;
	z-index: 1;
	width: 100%;
}
.p-heromode-sec02_movie {
	position: absolute;
	top: 7.33333%;/* 55 / 750 * 100 */
	left: 12.15278%;/* 175 / 1440 * 100 */
	z-index: 20;
	width: 70.48611%;/* 1015 / 1440 * 100 */
}
.p-heromode-sec02_movieLink {
	width: 100%;
}
.p-heromode-sec02_chara01 {
	position: absolute;
	top: -8%;/* -60 / 750 * 100 */
	left: 0;
	z-index: 20;
	width: 24.51388%;/* 353 / 1440 * 100 */
}
.p-heromode-sec02_chara02 {
	position: absolute;
	top: -9.33333%;/* -70 / 750 * 100 */
	right: 0;
	z-index: 20;
	width: 24.23611%;/* 349 / 1440 * 100 */
	text-align: right;
}
.p-heromode-sec02_chara03 {
	position: absolute;
	top: 54.66667%;/* 410 / 750 * 100 */
	left: 12.5%;/* 180 / 1440 * 100 */
	z-index: 20;
	width: 10.34722%;/* 149 / 1440 * 100 */
}
.p-heromode-sec02_chara04 {
	position: absolute;
	top: 59.33333%;/* 445 / 750 * 100 */
	right: 14.93056%;/* 215 / 1440 * 100 */
	z-index: 20;
	width: 21.875%;/* 315 / 1440 * 100 */
	text-align: right;
}
.p-heromode-sec03 {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -63px;
}
.p-heromode-sec03_bg {
	position: relative;
	z-index: 1;
	width: 100%;
}
.p-heromode-sec03_ttl {
	position: absolute;
	top: -50px;
	left: 0;
	z-index: 20;
	width: 58.19444%;/* 838 / 1440 * 100 */
}
.p-heromode-sec03_slider {
	position: absolute;
	top: 35%;
	left: 0;
	z-index: 30;
	width: 100%;
}
@media screen and (max-width: 1050px) {
	.p-heromode-sec03_slider {
		top: 25%;
	}
}
@media screen and (min-width: 1400px) {
	.p-heromode-sec03_slider {
		top: 45.61404%;/* 520 / 1140 * 100 */
	}
}
.p-heromode-sec03_slider .slick-list {
	max-width: 1650px;
}
.p-heromode-sec03_slider .slider-item {
	margin: 0 20px;
	-webkit-transform: rotate(-3deg) scale(1);
	-ms-transform: rotate(-3deg) scale(1);
	transform: rotate(-3deg) scale(1);
}
.p-heromode-sec03_slider .slider-item.slick-center {
	-webkit-transform: rotate(3deg) scale(1);
	-ms-transform: rotate(3deg) scale(1);
	transform: rotate(3deg) scale(1);
}
.p-heromode-sec03_slider .slick-arrow.slick-prev {
	margin-right: 230px;
}
.p-heromode-sec03_slider .slick-arrow.slick-next {
	margin-left: 225px;
}
.p-heromode-sec03_slider .slick-dots li.slick-active {
	background-image: url('../images/slide_dot_purple.png');
}
.p-heromode-sec04 {
	position: relative;
	width: 100%;
	height: auto;
}
.p-heromode-sec04_bg {
	position: relative;
	z-index: 1;
	width: 100%;
}
.p-heromode-sec04_ttl {
	position: absolute;
	top: -36.05016%;/* -115 / 319 * 100 */
	left: 0;
	z-index: 20;
	width: 76.875%;/* 1107 / 1440 * 100 */
}
.p-heromode-sec04_text {
	position: absolute;
	top: -72.10031%;/* -230 / 319 * 100 */
	right: 0;
	z-index: 10;
	width: 93.125%;/* 1341 / 1440 * 100 */
	text-align: right;
}


/****************************************

		  .p-online

*****************************************/
.coution-bnr {
  background-image: url("../images/online_caution_bg.png");
  background-repeat: repeat-x;
  text-align: center;
}
.coution-bnr a {
  display: inline-block;
  padding: 13px 0 12px;
  line-height: 1;
}

.p-page-online {
	overflow: hidden;
}
.p-page-online img {
	width: 100%;
}
.p-online-heading {
	position: relative;
	width: 100%;
}
.p-online-heading_bg {
	overflow: hidden;
}
@media screen and (max-width: 1400px) {
	.p-online-heading_bg img {
		width: auto;
		max-width: none;
		min-height: 445px;
	}
}
.p-online-heading_ttl {
	position: absolute;
	top: 18.92430%;/* 95 / 502 * 100*/
	left: 50%;
	z-index: 12;
	width: 48.6111111%;/* 700 / 1440 * 100 */
	transform: translateX(-50%);
}
.p-online-heading_lead {
	position: absolute;
	top: 36.43825%;
	left: 19.51389%;/* 281 / 1440 * 100 */
	z-index: 10;
	width: 67.77778%;/* 976 / 1440 * 100 */
	min-width: 976px;
}
@media screen and (max-width: 1400px) {
	.p-online-heading_lead {
		left: 50%;
		transform: translateX(-50%);
	}
}
.p-online-heading_text {
	position: absolute;
	top: 0%;
	left: 0;
	z-index: 10;
	padding-top:3.8%;
	width: 64.4754%;/* 632 / 976 * 100 */
}
.p-online-heading_ink {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 33.09426%;/* 323 / 976 * 100 */
/*	min-width: 315px;*/
}
.p-online-heading_btn_apple {
	position: absolute;
	top: 26%;/* 78 / 300 * 100 */
	right: 21.98142%;/* 71 / 323 * 100 */
	width: 40.86687%;/* 132 / 323 * 100 */
}
.p-online-heading_btn_google {
	position: absolute;
	top: 42%;/* 126 / 300 * 100 */
	right: 21.98142%;
	width: 40.86687%;/* 132 / 323 * 100 */
}
.p-online-sec01 {
	position: relative;
	z-index: 30;
	width: 100%;
}
@media screen and (max-width: 1400px) {
	.p-online-sec01 {
		left: 50%;
		min-width: 1400px;
		transform: translate(-50%);
	}
	.p-online-sec01_bg img {
		width: auto;
		max-width: none;
		min-height: 1315px;
	}
}
.p-online-sec01-visual {
	position: absolute;
	top: -10.30534%;/* -135 / 1310 * 100*/
	left: 0;
	width: 100%;
}
.p-online-sec01-visual_bg {
	width: 100%;
	height: 508px;
	background: url(../images/online_sec01_smp.png) 0 50% repeat-x;
	-webkit-animation: onlineroop 20s linear infinite;
	animation: onlineroop 20s linear infinite;
}
@-webkit-keyframes onlineroop {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: -1224px 50%;
	}
}
@keyframes onlineroop {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: -1224px 50%;
	}
}
.p-online-sec01-visual_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 561px;
	height: 305px;
	transform: translate(-50%, -50%);
}
.p-online-sec01_catch {
	position: absolute;
	top: 32%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
	width: 61.04167%;/* 879 / 1440 * 100 */
}
@media screen and (min-width: 1600px) {
	.p-online-sec01_catch {
		top: 30%;
	}
}
@media screen and (min-width: 1921px) {
	.p-online-sec01_catch {
		top: 25%;
	}
}
.p-online-sec01_level {
	position: absolute;
	top: 44.65649%;/* 585 / 1310 * 100*/
	left: 16.66667%;/* 240 / 1440 * 100 */
	width: 41.94444%;/* 604 / 1440 * 100 */
}
.p-online-sec01_stage {
	position: absolute;
	top: 44.65649%;/* 585 / 1310 * 100*/
	right: 16.66667%;/* 240 / 1440 * 100 */
	width: 23.19444%;/* 334 / 1440 * 100 */
}
.p-online-sec01_shop {
	position: absolute;
	top: 74.80916%;/* 980 / 1310 * 100*/
	right: 16.66667%;/* 240 / 1440 * 100 */
	width: 66.66667%;/* 960 / 1440 * 100 */
}
.p-online-sec02 {
	position: relative;
	z-index: 20;
	width: 100%;
	margin-top: -6%;
}
.p-online-sec02_ttl {
	position: absolute;
	top: 17.2%;
	left: 0;
	width: 52.63889%;/* 758 / 1440 * 100 */
}
.p-online-sec02_catch {
	position: absolute;
	top: 42.5%;
	left: 50%;
	width: 43.8888888%; /* 632 / 1440 * 100 */
	transform: translateX(-50%);
}
.p-online-sec02_catch > a {
  width: calc(244 / 625 * 100%);
  margin: calc(29 / 625 * 100%) auto;
  display: block;
}
.p-online-sec02_lead{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 61%; /* 879 / 1440 * 100 */
	transform: translateX(-50%);
}
.p-online-sec02_chara01 {
	position: absolute;
	bottom: -43.5%;
	right: 0%;
	z-index: 50;
	width: 45.06944%;/* 649 / 1440 * 100 */
}
@media screen and (max-width: 1300px) {
	.p-online-sec02_chara01 {
		bottom: -35%;
		right: 50px;
		width: 578px;
	}
}
@media screen and (max-width: 1200px) {
	.p-online-sec02_chara01 {
		bottom: -33%;
		right: 100px;
		width: 533px;
	}
}
@media screen and (max-width: 1100px) {
	.p-online-sec02_chara01 {
		bottom: -30%;
		right: 150px;
		width: 488px;
	}
}
@media screen and (max-width: 1000px) {
	.p-online-sec02_chara01 {
		bottom: -27%;
		right: 200px;
		width: 443px;
	}
}
.p-online-sec02_chara02 {
	position: absolute;
	top: 25.5%;
	left: 0%;
	z-index: 50;
	width: 26.66667%;/* 384 / 1440 * 100 */
}
.p-online-sec03 {
  z-index: 10;
  width: 100%;
  margin-top: -6.3%;
  background: url(../images/online_sec03_bg_v2.png) no-repeat top center;
  background-size: 105% auto;
  padding: 6% 0 5% 0;
}
.p-online-sec03_limited{
	position: relative;
	width: 69%;/* 994 / 1440 * 100 */
	margin: 0 auto 0.5% auto;
	z-index: 100;
}
.p-online-sec03_limited > a {
  margin-top:  calc(30 / 983 * 100%);
  display: block;
}
.p-online-sec03_detail {
	width: 33.88889%;/* 488 / 1440 * 100 */
	margin: 0 auto 1% auto;
	padding-top: 30px;
}
.p-online-sec03_detail a:hover,
.p-online-sec03_limited a:hover{
	opacity: 0.8;
}
.p-online-sec03_trademark {
	width: 46.73611%;/* 673 / 1440 * 100 */
	margin: 0 auto;
}
.footer_c {
	position: absolute;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%);
}

/*------catalog-ticket------*/
.catalog-ticket {
  margin-top: 1vw;
  margin-bottom: 0.3vw;
}
.catalog-ticket p a {
  display: inline-block;
  position: relative;
  padding: 0.63vw 0.5vw 0.63vw 5vw;
  border-radius: 2px;
  background: #fff;
  color: #000000;
  font-size: 0.85vw;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}
.catalog-ticket p a:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.21vw;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../../assets/images/catalog_ticket.png") no-repeat;
  background-size: contain;
  width: 4.38vw;
  height: 3.05vw;
  transition: 0.3s;
}
.catalog-ticket p a:hover {
  color: #777;
}
.catalog-ticket p a:hover:before {
  opacity: 0.8;
}
@media (max-width: 960px) {
  .catalog-ticket {
    margin-top: 8px;
  }
  .catalog-ticket p a {
    padding: 4px 10px 4px 34px;
    font-size: 8px;
  }
  .catalog-ticket p a:before {
    width: 28px;
    height: 20px;
    top: 2px;
  }
}

/* ----------------------------
   SALE BANNER
---------------------------- */
.bnr-eshop-sale{
	position: relative;
	width: 100%;
	background:#ff8201 url("../../../img/campaign/bnr_eshop_bg.png");
	z-index: 100;
	text-align: center;
}
.bnr-eshop-sale a {
	transition: opacity .3s ease;
	display: inline-block;
	vertical-align: bottom;
}
.bnr-eshop-sale img {
	max-width: 836px;
	background: none;
	vertical-align: bottom;
}

.no-touchevents .bnr-eshop-sale a{
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
.no-touchevents .bnr-eshop-sale a:hover{
	opacity: 0.7;
}