@charset "UTF-8";

.l-footer{margin-top: -30%;}
/* ========================================
	mode
======================================== */
.p-mode-bgmini100{
	position: absolute;
	margin-top:48%;
	width: 100%;
	height: 335px;
	background: url(../images/mode/mini100_bg.png) 0 0 repeat-x;
		background-size: auto 100%;
	-webkit-animation: mini100 35s linear infinite;
	animation: mini100 35s linear infinite;
}
	@media only screen and (max-device-width: 320px){
		.p-mode-bgmini100{
			height: 270px;
			background-size: auto 100%;
			-webkit-animation: mini100-mini 35s linear infinite;
			animation: mini100-mini 35s linear infinite;
		}	
	}
	@media only screen and (orientation: landscape) {
	.p-mode-bgmini100{
			height: 580px;
			background-size: auto 100%;
			-webkit-animation: mini100-lan 35s linear infinite;
			animation: mini100-lan 35s linear infinite;
		}
	}
@-webkit-keyframes mini100{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -744px 0;
		}
	}
	@keyframes mini100{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -744px 0;
		}
	}
@-webkit-keyframes mini100-mini{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -600px 0;
		}
	}
	@keyframes mini100-mini{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -600px 0;
		}
	}	
@-webkit-keyframes mini100-lan{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -1289px 0;
		}
	}
	@keyframes mini100-lan{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -1289px 0;
		}
	}	
.p-mode_wrap_in{
	width: 100%;
	background: #7ebe25 url(../images/mode/mode_bg.png) repeat top left;
	background-size: 20.13333333% auto;
	padding-bottom: 8%;
}

/**p-mode-article**/
.p-mode-article{
	box-shadow:2px 2px 2px 0px #666;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color: #fff;
	position: relative;
	width: 92%;/* 690 / 750 * 100*/
	padding: 20px 8.6666666% 33px 8.6666666%;/* 65 / 750 * 100*/
	margin: 0 auto 10% auto;
	box-sizing: border-box;
}

.p-mode-article_ico{
	width: 20.289855%;/* 140 / 690 * 100*/
	position: absolute;
	left: 39.8550724%;/* 275 / 690 * 100*/
}
/**p-mode-mini100**/
.p-mode-mini100{
	padding-top:20%;
	margin-bottom: 25%;
}
.p-mode-mini100 .p-mode-article_ico{
	top:-10%;
}
.p-mode-mini100_starbg{
	position: absolute;
	width: 100%;
	top: -10%;
	left:0;
}
/**p-mode-match**/
.p-mode-match{
	padding-top:19%;
	margin-bottom: 8%;
	padding-bottom: 5px;
}
.p-mode-match .p-mode-article_ico{
	top:-2.5%;
}
.p-mode-match_li_in{
	margin-bottom: 10%;
}
.p-mode-match_starbg{
	width: 4.7826086%;/* 33 / 690 * 100*/
	position: absolute;
	top:15.5%;
	left: 8.2608695%;
}
.p-mode-kinopiko{
	position: absolute;
	top:-6%;
	left: 0%;
	width: 92%;/* 690 / 750 * 100*/
}
.p-mode-kinopio{
	position: absolute;
	top:-14%;
	left: 0%;
	width: 100%;
}

/**p-mode-battle**/
.p-mode-battle{
		padding-top: 20%;
}
.p-mode-battle .p-mode-article_ico{
	top:-4%;
}
/**p-mode-deka**/
.p-mode-deka{
	padding-top: 19%;
}
.p-mode-deka .p-mode-article_ico{
	top:-4%;
}
.p-mode-kuppa{
position: absolute;
	top:-10.5%;
	left: -4.347826%;
	width: 108.6956521%;/* 750 / 690 * 100*/
}
/**Slider**/
.p-mode-slide_article{
	box-shadow:2px 2px 2px 0px #666;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color: #fff;
	position: relative;
	width: 92%;/* 690 / 750 * 100*/
	padding: 20% 0 33px 0;
	margin: 0 auto 8% auto;
	box-sizing: border-box;
}
.p-mode-slide_article .sliderwrap{
	height: auto;
	margin: 0 auto;
	position: relative;
}
.p-mode-slide_article .sliderwrap .bxslider li{
		width: 100%;
}
.p-mode-slide_article .sliderwrap .bxslider li img{
	width: 81.1594202%;
	margin: 0 auto;
}
.p-mode-slide_article .dots {
	z-index: 1;
	margin:10px 0 0 0;
	box-sizing: border-box;
	overflow: hidden;
}
.p-mode-slide_article .dots a {
	width: 3.623188%;/* 25 / 690 * 100*/
	height: 25px;
	margin: 0 6px;
	display: block;
	float: left;
	text-indent:-9999px;
	background: url(../images/common/ico_pager.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-mode-slide_article .dots a:nth-child(1){
	margin-left: 44.5%;
}
.p-mode-slide_article .dots a.active{
	background: url(../images/common/ico_pager02.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-mode-slide_article .bx-prev,
.p-mode-slide_article .bx-next{
	width: 11.3043478%;
	height: 19%;
	display: block;
	position: absolute;
	top: 41%;
	z-index: 1000;
	text-indent:-9999px;
}
.p-mode-slide_article .bx-prev {
	left: 4%;
	background: url(../images/common/ico_prev.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-mode-slide_article .bx-next {
	right: 4%;
	background: url(../images/common/ico_next.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-mode-slide_article .p-mode-article_lead,
.p-mode-slide_lead{
	width: 81.1594202%;
	margin: 0 auto;
}
.p-mode-donki{
	position: relative;
	margin-top: -30%;
	z-index: 10;
}
/**p-mode-island**/
.p-mode-island{
	padding-bottom: 70%;
	padding-top: 19.5%;
	margin-top: -16%;
	margin-bottom: 20%;
	z-index: 1;
}
.p-mode-island .p-mode-article_ico{
	top:-4%;
}
.p-mode-island_lead_wrap{
	position: relative;
}
a.p-mode-island_link{
	position: absolute;
	top:22%;
	left: 53%;
	width: 36.6071428%;/* 205 / 560 * 100*/
	height: 27%;
	display: block;
}

.p-mode-island_movbg{
	width: 100%;
	height: auto;
	/*bottom:-11.5%;*/
	top: 48.7%;
	left: 0%;
	position: absolute;
	z-index: 1;
}
/**movie**/
.p-mode-island_mov{
	width: 61.1594202%;/* 422 / 690 * 100*/
	height: 24%;
	top: 51.3%;
	left: 19.3%;/* 132 / 690 * 100*/
	position: absolute;
	z-index: 20;
	background: url(../images/mode/deka_mv_off.jpg) no-repeat top left;
	background-size:100% auto;
}
.p-mode-island_mov button{
	padding: 0;
	margin: 0;
}
/*.p-mode-island_mov .mov_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	overflow: hidden;
}
.p-mode-island_mov .mov{
	margin-left: -20px;
	margin-right: -20px;
	width: 110%;
	position: relative;
}
.p-mode-island_mov .ytp-thumbnail-overlay-image {
	-moz-background-size: 110% auto !important;
	-webkit-background-size: 110% auto !important;
	background-size: 110% auto !important;
}
.p-mode-island_mov .mov_wrap iframe{

	height: 100%;
}
.p-mode-island_mov_thumb {
	position: absolute;
	width: 100%;
	min-height: 150px;
	top: 0%;
	left: 0;
	z-index: 40;
	cursor: pointer;
}

.no-js .mov_slider-wrap:before {
	background: transparent;
}
.player_wrap{
    display: block;
    position: relative;
    height: 0;
    padding-top: 56.25%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.yt_player{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    height: 100%;
}*/
/**p-mode-collection**/
.p-mode-collection{
	width: 100%;
	padding: 7.7419354% 0 0 0;
	margin:  0 auto;
	background: url(../images/mode/collection_bg.png) no-repeat top center;
	background-size: 92% auto;
}
.p-mode-collection dl{
	width: 74.6666666%; /* 560 / 750 * 100 */
	margin: 0 auto;
}