@charset "UTF-8";
/* ========================================
	mode
======================================== */
.p-mode_wrap{
	width: 100%;
	padding-bottom: 140px;
	overflow: hidden;
	background:#7ebe25 url(../images/mode/mode_bg.png) repeat top left;
}
.p-mode_wrap img{
	width: 100%;
	height: auto;
}
.p-mode-tl_bg{
	background: url(../images/mode/mode_bg_t.gif) repeat-x top left;
	height: 110px;
}
.p-mode-bgmini100{
	position: absolute;
	margin-top: 145px;
	width: 100%;
	height: 403px;
	background: url(../images/mode/mini100_bg.png) 0 50% repeat-x;
	-webkit-animation: mini100 40s linear infinite;
	animation: mini100 40s linear infinite;
}
@-webkit-keyframes mini100{
		from {
			background-position: 0 50%;
		}
		to {
			background-position: -1701px 50%;
		}
	}
	@keyframes mini100{
		from {
			background-position: 0 50%;
		}
		to {
			background-position: -1701px 50%;
		}
	}

	@media only screen and (max-device-width: 768px){
		.p-mode-bgmini100{
			height: 320px;
			background-size: auto 100%;
		}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.p-mode-bgmini100{
			height: 320px;
			background-size: auto 100%;
		}
	}
	
.p-mode_wrap_in{
	max-width: 968px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.p-mode-tl{
	width: 61.1458333%;
	position: relative;
	margin: -8% auto 20px auto ;
	text-align: center;
}
.p-mode-catch{
	width: 31.1983471%; /* 302 / 968 100*/
	margin:0 auto 120px auto;
}
/**p-mode-article**/
.p-mode-article{
	box-shadow:3px 3px 3px 0px #666;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color: #fff;
	/*padding: 30px 40px 40px 40px;*/
	position: relative;
}
.p-mode-article_h{
	width: 100%;
	overflow: hidden;
}
.p-mode-article_ico{
	float: left;
}
.p-mode-article_lead{
	float: right;
}
/**p-mode-mini100**/
.p-mode-mini100{
	width: 65.625%; /* 630 / 960 * 100*/
	padding: 30px 0 40px 0;
	margin: 0 auto 155px auto;
}
.p-mode-mini100_in{
	width: 84.1269841%; /* 530 / 630 * 100*/
	margin: 0 auto;
}
.p-mode-mini100 .p-mode-article_ico{
	width: 22.6415094%;/* 120 / 530 * 100*/
}
.p-mode-mini100 .p-mode-article_lead{
	width: 72.4528301%;/* 384 / 530 * 100*/
	padding-top: 10px;
}
.p-mode-mini100 .p-mode-article_lead h3{
	margin-bottom: 15px;
}
.p-mode-yoshi{
	position: absolute;
	top: -99%;
	left:85.3968253%;/* 538 / 630 * 100*/
	width: 37.6190476%;/* 237 / 630 * 100*/
}
.p-mode-mini100_starbg{
	position: absolute;
	width: 26.3492063%;/* 166 / 630 * 100*/
	top: -100%;/*213 / 200 * 100*/
	left:-31.7460317%;/* 200 / 630 * 100*/
}
.p-mode-mini100_starbg02{
	position: absolute;
	width: 5.7142857%;/* 36 / 630 * 100*/
	top: -100%;
	right:-28.2539682%;/* 178/ 630 * 100*/
}
/**p-mode-match**/
.p-mode-match{
	max-width: 960px;
	width: 100%;
	padding: 30px 0 40px 0;
	margin: 0 auto 7% auto;
}
.p-mode-match_in{
	width: 91.6666666%; /* 880 / 960 * 100*/
	margin: 0 auto;
}
.p-mode-match .p-mode-article_h{
	margin-bottom: 20px;
}
.p-mode-match .p-mode-article_ico{
	width: 13.6363636%; /* 120 / 880 * 100*/
}
.p-mode-match .p-mode-article_lead{
	width: 82.9545454%; /* 730 / 880 * 100*/
	padding-top: 30px;
}
.p-mode-match .p-mode-article_lead h3{
	width: 39.8630136%;/* 291 / 730 * 100*/
	margin-bottom: 20px;
}
.p-mode-match .p-mode-article_lead p{
	width: 71.6438356%;/* 523 / 730 * 100*/
}
.p-mode-match_li{
	width: 100%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.p-mode-match_li_in{
	width: 31.25%;/* 275 / 880 * 100*/
}
.p-mode-match_li_in_lead{
	padding: 18px 0 0 0;
}
.p-mode-kinopiko{
	position: absolute;
	top:-17%;
	left: 54.16666666%;/* 520 / 960 * 100*/
	width: 42.1875%;/* 405 / 960 * 100*/
}
.p-mode-mini100_starbg03{
	position: absolute;
	width: 10.4081632%;/* 102 / 980 * 100*/
	top: 44.1666666%;/* 212 / 480 * 100*/
	left:-19.3877551%;/* 190/ 980 * 100*/
}
.p-mode-mini100_starbg04{
	position: absolute;
	width: 12.4489795%;/* 122 / 980 * 100*/
	top: 93.75%;/* 450 / 480 * 100*/
	right:-16%;/* 37/ 980 * 100*/
}
/**p-mode-slide_article**/
.p-mode-slide_article{
	width: 47.5206611%; /*460 / 968 * 100*/
	padding: 30px 0 35px 0;
}
.p-mode-slide_article_in{
	width: 82.6086956%; /*380 / 460 * 100*/
	margin: 0 auto;
}
.p-mode-slide_article .p-mode-article_h{
	margin-bottom: 20px;
}
.p-mode-slide_article .p-mode-article_ico{
	width: 26.3157894%;/* 100 / 380 * 100*/
}
.p-mode-slide_article .p-mode-article_lead{
	width: 68.9473684%;/* 262 / 380 * 100*/
	padding-top: 10px;
}
.p-mode-slide_article .p-mode-article_lead h3{
	margin-bottom: 15px;
}
.p-mode-slide_lead{
	margin-top: 18px;
	text-align: center;
}
/**p-mode-battle**/
.p-mode-battle{
		margin:0 10px 0 52.0833333%;
}
.p-mode-kuppa{
	position: absolute;
	width:127.173913%;/* 585 / 460 * 100*/
	left: -119.5652173%;/* 550 / 460 * 100*/
	top:-48px;
	z-index: 100;
}
/**p-mode-deka**/
.p-mode-deka{
	margin:-160px 0 60px 0;
}
.p-mode-donki{
	position: absolute;
	width:92.3913043%;/* 425 / 460 * 100*/
	right: -105%;
	top:127px;
}
.p-mode-mini100_starbg05{
	position: absolute;
	width:30.2173913%;/* 139 / 460 * 100*/
	left: -46.7391304%;/* 215 / 460 * 100*/
	top:31.0150375%;/* 165 / 532 * 100*/
}
.p-mode-mini100_starbg06{
	position: absolute;
	width:23.6956521%;/* 109 / 460 * 100*/
	right: -123%;
	top:73.3082705%;/* 390 / 532 * 100*/
}

/**Slider**/
.p-mode-article .sliderwrap{
	height: auto;
	margin: 0 auto 18px auto;
	position: relative;
}
.p-mode-article .sliderwrap .bxslider li{
		width: 100%;
}
.p-mode-article .sliderwrap .bxslider li img{
	width: 84.25%; /*320 / 380 * 100*/
	margin: 0 auto;
}
.p-mode-article .dots {
	z-index: 1;
	margin:10px 0 0 42%;
	overflow: hidden;
}
.p-mode-article .dots a {
	width: 15px;
	height: 15px;
	margin: 0 8px;
	display: block;
	float: left;
	text-indent:-9999px;
	background: url(../images/common/ico_pager.png) no-repeat 0 0;
}
.p-mode-article .dots a.active,
.p-mode-article .dots a:hover {
	background-position: 0 -18px;
}
.p-mode-article .bx-prev,
.p-mode-article .bx-next{
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	top: 41%;
	z-index: 1000;
	text-indent:-9999px;
}
.p-mode-article .bx-prev {
	left: 12px;
	background: url(../images/common/ico_prev.png) no-repeat 0 0;
}
.p-mode-article .bx-next {
	right: 12px;
	background: url(../images/common/ico_next.png) no-repeat 0 0;
}
/**p-mode-island**/
.p-mode-island{
	width: 99.1735537%; /* 960 / 968 * 100*/
	margin-bottom: 135px;
	padding: 3.4% 0 4% 0;
}
.p-mode-mini100_starbg07{
	position: absolute;
	width: 21.6666666%;/* 208 / 960 * 100*/
	top: 36.9230769%;/* 120/ 325 * 100*/
	left:-25.3125%;/* 243/ 960 * 100*/
}
.p-mode-island_in{
	width: 91.6666666%; /* 880 / 960 * 100*/
	margin: 0 auto;
}
.p-mode-island .p-mode-article_h{
	width: 46.0227272%; /* 405 / 880 * 100*/
	margin-bottom: 15px;
	overflow: hidden;
}
.p-mode-island .p-mode-article_h h3{padding-top: 10px;}
.p-mode-island .p-mode-article_ico{
	width: 24.691358%;/* 100 / 405 * 100*/
}
.p-mode-island .p-mode-article_lead{
	width: 70.3703703%;/* 285 / 405 * 100*/
}
.p-mode-island_lead_wrap{
	width: 45.9090909%; /* 404 / 880 * 100*/
	position: relative;
}
a.p-mode-island_link{
	position: absolute;
	top:61.3333333%;/* 76 / 120 * 100*/
	left: 44.2970297%;/* 183 / 404 * 100*/
	width: 32.4257425%;/* 131 / 404 * 100*/
	height: auto;
	display: block;
}
.p-mode-island_lead{
	margin-bottom: 20px;
}

.p-mode-island_movbg{
	width: 46.875%;/* 450 / 960 * 100*/
	height: auto;
	top:-20%;
	left: 50%;/* 480 / 960 * 100*/
	position: absolute;
	z-index: 100;
	pointer-events: none;
}
/**movie**/
.p-mode-island_mov{
	width: 31.25%;/* 300 / 960 * 100*/
	height: 133%;
	top: -15%;
	left: 57.9%;/* 556 / 960 * 100*/
	position: absolute;
	z-index: 20;
	background:#000 url(../images/mode/deka_mv_off.jpg) no-repeat top left;
	background-size:100% auto;
}
.p-mode-island_mov .mov_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	overflow: hidden;
}
@media screen and (max-width: 1100px) {
	.p-mode-island_mov .mov_wrap{height: 96.7%;}
	.p-mode-island_mov{height: 130%;}
}
.p-mode-island_mov .mov{
	margin-left: -25%;
	margin-right: -25%;
	width: 150%;
	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{
/*	width: 100%;*/
	height: 100%;
}
.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: 0;
    left: 0;
    z-index: 0;
    height: 100%;
}
/**p-mode-collection**/
.p-mode-collection{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}
.p-mode-collection dl{
	width: 78.5123966%; /* 760 / 968 * 100 */
	margin-left: 8.2644628%;/* 80 / 968 * 100 */
	padding:40px 0 ;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background: rgba(0,0,0,0.3);
}
.p-mode-collection dt{
	margin-bottom: 17px;
}
.p-mode-collection dt,
.p-mode-collection dd{
	width: 52.5%; /* 399 / 760 * 100 */
	margin-left: 42.1052631%;/* 320 / 760* 100 */
}
.p-mode-collection_3ds{
	position: absolute;
	width: 39.6694214%; /* 384 / 968 * 100 */
	top:-42.8571428%; /* 90 / 210 * 100 */
	left:3.0991735%; /* 30 / 968 * 100 */
}
.p-mode-collection_daisy{
	position: absolute;
	width: 27.4793388%; /* 266 / 968 * 100 */
	top:-25%;
	left:80.268595%; /* 777 / 968 * 100 */
}
.p-mode-mini100_starbg08{
	position: absolute;
	width: 12.5%; /* 121/ 968 * 100 */
	top:38.095238%; /* 80 / 210 * 100 */
	left:-10.144628%;
}
.p-mode-mini100_starbg09{
	position: absolute;
	width: 7.1280991%; /* 69 / 968 * 100 */
	top:14.2857142%; /* 30 / 210 * 100 */
	right:-10.5%;
}