/* header style */
@media screen and (max-width: 760px) {
	#l-header {
		background : transparent;
		-webkit-box-shadow : none;
		        box-shadow : none;
		position : absolute;
		top : 0;
		left : 0;
		right : 0;
	}
}

@media screen and (max-width: 760px) {
	#l-header {
		padding : 10px 10px 8px;
	}
}

#l-header .header-spmenuclose {
	padding-top : 10px !important;
}

body:before {
	background : url(../../images/bg_main_sp.jpg) top center no-repeat;
	background-size : cover;
	display : block;
	position : fixed;
	top : 0;
	right : 0;
	left : 0;
	bottom : 0;
	content : '';
	z-index : -1;
}
@media screen and (min-width: 760px) {
	body:before {
		display : none;
	}
}

@media screen and (min-width: 760px) {
	#l-wrap {
		background : url(../../images/bg_main.jpg) top center no-repeat;
		background-size : cover;
		background-attachment : fixed;
	}
}

#l-content {
	*zoom : 1;
	width : auto;
	margin : 0;
	padding : 0;
}
#l-content:after {
	content : ' ';
	display : table;
	clear : both;
}

.u-top-slide {
	background : #fff;
	position : relative;
	overflow : hidden;
}
.u-top-slide img {
	width : 100%;
}
@media screen and (min-width: 760px) {
	.u-top-slide .slide-item {
		padding : 0 2px;
		width : 960px;
		height : 540px;
		opacity : 0.6;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	}
	.u-top-slide .slide-item.slick-center {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}
.u-top-slide .slick-dots {
	margin-top : 10px;
	padding-bottom : 10px;
}
@media screen and (min-width: 760px) {
	.u-top-slide {
		padding-bottom : 10px;
	}
	.u-top-slide .slick-arrow {
		width : 40px;
		height : 80px;
		top : 50%;
		margin-top : -40px;
		z-index : 100;
	}
	.u-top-slide .slick-prev {
		background : url(../../images/b_prev_l.png) 0 0 no-repeat;
		left : 0;
	}
	.u-top-slide .slick-prev:hover {
		background : url(../../images/b_prev_l_on.png) 0 0 no-repeat;
	}
	.u-top-slide .slick-next {
		background : url(../../images/b_prev_r.png) 0 0 no-repeat;
		right : 0;
	}
	.u-top-slide .slick-next:hover {
		background : url(../../images/b_prev_r_on.png) 0 0 no-repeat;
	}
	.u-top-slide .slick-dots {
		width : 960px;
		margin : 10px auto 0;
		padding-bottom : 0;
	}
}
@media screen and (min-width: 760px) and (min-width: 1320px) {
	.u-top-slide .slick-dots {
		width : 1320px;
	}
}

.u-top-box01 {
	background : url(../../images/top/p_figure_01.png) center 100px no-repeat;
	background-size : 182px auto;
	padding : 90px 15px 0;
	-webkit-transition : background-position 0.3s ease-out;
	        transition : background-position 0.3s ease-out;
}
@media screen and (min-width: 760px) {
	.u-top-box01 {
		background : url(../../images/top/p_figure_01.png) center 200px no-repeat;
		background-size : 320px auto;
		padding : 200px 0 0;
	}
}
.u-top-box01.active {
	background-position : center 15px;
}
@media screen and (min-width: 760px) {
	.u-top-box01.active {
		background-position : center 60px;
	}
}

.u-top-box02 {
	background : url(../../images/top/p_figure_02.png) center 100px no-repeat;
	background-size : 167px auto;
	padding : 82px 15px 0;
	-webkit-transition : background-position 0.3s ease-out;
	        transition : background-position 0.3s ease-out;
	margin-bottom : 30px;
}
@media screen and (min-width: 760px) {
	.u-top-box02 {
		background : url(../../images/top/p_figure_02.png) center 200px no-repeat;
		background-size : 300px auto;
		padding : 160px 0 0;
		margin-bottom : 60px;
	}
}
.u-top-box02.active {
	background-position : center 15px;
}
@media screen and (min-width: 760px) {
	.u-top-box02.active {
		background-position : center 40px;
	}
}

.u-top-pk {
	background : #fff;
	border-radius : 5px;
	padding-bottom : 15px;
	overflow : hidden;
}
@media screen and (min-width: 760px) {
	.u-top-pk {
		width : 960px;
		margin : 0 auto;
		padding-bottom : 40px;
	}
}
.u-top-pk h2 {
	background : url(../../images/bg_scarap.png) bottom center repeat-x #e84660;
	background-size : 24px 10px;
	font-size : 171%;
	font-family : ComicRelief;
	font-weight : bold;
	color : #fff;
	position : relative;
	text-align : center;
	padding : 7px 50px 17px;
}
@media screen and (min-width: 760px) {
	.u-top-pk h2 {
		font-size : 250%;
		background-size : 36px auto;
		padding : 14px 40px 20px;
	}
	.u-top-pk h2 span {
		display : inline-block;
		padding : 0 100px;
		position : relative;
	}
	.u-top-pk h2 span:before, .u-top-pk h2 span:after {
		content : '';
		display : block;
		width : 60px;
		height : 50px;
		position : absolute;
		top : 50%;
		margin-top : -25px;
	}
	.u-top-pk h2 span:before {
		background : url(../../images/i_flower_l.png) 0 0 no-repeat;
		left : 0;
	}
	.u-top-pk h2 span:after {
		background : url(../../images/i_flower_r.png) 0 0 no-repeat;
		right : 0;
	}
}
.u-top-pk h2:before, .u-top-pk h2:after {
	content : '';
	display : block;
	width : 30px;
	height : 25px;
	position : absolute;
	top : 50%;
	margin-top : -12px;
}
@media screen and (min-width: 760px) {
	.u-top-pk h2:before, .u-top-pk h2:after {
		display : none;
	}
}
.u-top-pk h2:before {
	background : url(../../images/i_flower_l.png) 0 0 no-repeat;
	background-size : 30px 25px;
	left : 15px;
}
.u-top-pk h2:after {
	background : url(../../images/i_flower_r.png) 0 0 no-repeat;
	background-size : 30px 25px;
	right : 15px;
}
.u-top-pk h3 {
	color : #e84660;
	text-align : center;
	font-size : 128%;
	font-weight : bold;
	margin : 15px 15px 0;
}
@media screen and (min-width: 760px) {
	.u-top-pk h3 {
		margin : 35px 40px 0;
		font-size : 187%;
		line-height : 1.25;
	}
}
.u-top-pk .pk-txt {
	text-align : center;
	margin : 15px 15px 0;
}
@media screen and (min-width: 760px) {
	.u-top-pk .pk-txt {
		margin : 40px 30px 0;
	}
}
@media screen and (min-width: 760px) {
	.u-top-pk .pk-txt .m-btn-fill {
		min-width : 345px;
	}
}
.u-top-pk h3 + .pk-txt {
	margin-top : 0;
}
@media screen and (min-width: 760px) {
	.u-top-pk h3 + .pk-txt {
		margin : 5px 40px 0;
	}
}
.u-top-pk .slick-dots {
	padding-bottom : 15px;
}
@media screen and (min-width: 760px) {
	.u-top-pk .slick-dots {
		padding-bottom : 0;
	}
}

.u-top-play {
	background-color : #fff;
	padding-top : 2px;
}
@media screen and (min-width: 760px) {
	.u-top-play {
		padding-top : 4px;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play .play-wrap {
		margin : 0 -2px;
		display : -webkit-box;
		display : -webkit-flex;
		display : -ms-flexbox;
		display :         flex;
		-webkit-flex-wrap : wrap;
		    -ms-flex-wrap : wrap;
		        flex-wrap : wrap;
	}
	.no-flexbox .u-top-play .play-wrap {
		display : block;
		font-size : 0;
	}
}
.u-top-play .play-box {
	margin-top : 2px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box {
		width : 50%;
		padding : 0 2px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		margin-top : 4px;
	}
	.no-flexbox .u-top-play .play-box {
		display : inline-block;
	}
	.u-top-play .play-box:nth-child(-n+2) {
		margin-top : 0;
	}
}
.u-top-play .play-box:first-child {
	margin-top : 0;
}
.u-top-play .play-box .box-wrap {
	padding-top : 30px;
	padding-bottom : 30px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-wrap {
		padding-top : 40px;
		padding-bottom : 40px;
	}
	.u-top-play .play-box .box-wrap .box-wrap2 {
		width : 460px;
		margin-right : 30px;
		margin-left : auto;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box:nth-child(2n) .box-wrap {
		background-color : #fff;
	}
	.u-top-play .play-box:nth-child(2n) .box-wrap .box-wrap2 {
		margin-right : auto;
		margin-left : 28px;
	}
}
.u-top-play .play-box.type-story .box-wrap {
	background : url(../../images/bg_story.jpg);
	background-size : 28px auto;
	min-height:430px;
}

@media screen and (min-width: 760px) {
	.u-top-play .play-box.type-story .box-wrap a:hover .item-image:before {
		border-top : solid 2px #009f3e !important;
		border-left : solid 2px #009f3e !important;
		border-right : solid 2px #009f3e !important;
	}
	.u-top-play .play-box.type-story .box-wrap:first-child {
		min-height:550px;/*cai*/
	}
}
.u-top-play .play-box.type-story .box-wrap .slide-ttl {
	background-color : #009f3e !important;
}
.u-top-play .play-box.type-movie .box-wrap {
	background : url(../../images/bg_movie.jpg);
	background-size : 20px auto;
	min-height:430px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box.type-movie .box-wrap a:hover .item-image:before {
		border-top : solid 2px #f39700 !important;
		border-left : solid 2px #f39700 !important;
		border-right : solid 2px #f39700 !important;
	}
}
.u-top-play .play-box.type-movie .box-wrap .slide-ttl {
	background-color : #f39700 !important;
}
.u-top-play .play-box.type-game .box-wrap {
	background : url(../../images/bg_game.jpg);
	background-size : 40px auto;
	min-height:430px;
	
}

}
@media screen and (min-width: 760px) {
	.u-top-play .play-box.type-game .box-wrap a:hover .item-image:before {
		border-top : solid 2px #e84660 !important;
		border-left : solid 2px #e84660 !important;
		border-right : solid 2px #e84660 !important;
	}
}
.u-top-play .play-box.type-game .box-wrap .slide-ttl {
	background-color : #e84660 !important;
}
.u-top-play .play-box.type-coloring {
	display : none;
}
.u-top-play .play-box.type-coloring .box-wrap {
	background : url(../../images/bg_coloring.jpg);
	background-size : 100px auto;
}
.u-top-play .play-box.type-coloring .box-wrap .slide-item a .item-dl {
	border-radius : 5px;
	position : relative;
	display : block;
	overflow : hidden;
}
.u-top-play .play-box.type-coloring .box-wrap .slide-item a .item-dl:before {
	content : '';
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	left : 0;
	bottom : 10px;
	border-radius : 5px 5px 0 0;
	z-index : 1;
	height : 100%;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box.type-coloring .box-wrap .slide-item a .item-dl:hover:before {
		border : solid 2px #20ade5 !important;
	}
	.u-top-play .play-box.type-coloring .box-wrap:first-child {
		min-height:550px;/*cai*/
	}
}
.u-top-play .play-box.type-coloring .box-wrap .slide-ttl {
	background-color : #20ade5 !important;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box.type-coloring {
		display : block;
	}
}
.u-top-play .play-box .box-slide {
	padding : 0;
}
.u-top-play .play-box .box-slide .slick-list {
	padding-top : 15px !important;
}
@media screen and (max-width: 760px) {
	.u-top-play .play-box .box-slide .slick-list {
		padding-bottom : 15px !important;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-slide {
		padding : 0;
		position : relative;
		border-bottom : none;
		width : 460px;
	}
	.u-top-play .play-box .box-slide .slick-arrow {
		bottom : 0;
		z-index : 100;
	}
	.u-top-play .play-box .box-slide .slick-prev {
		left : 20px;
	}
	.u-top-play .play-box .box-slide .slick-next {
		right : 20px;
	}
	.u-top-play .play-box .box-slide .slick-list {
		padding-top : 32px !important;
	}
}
.u-top-play .play-box .box-slide.slide-full {
	margin-right : -15px;
	margin-left : -15px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-slide.slide-full {
		margin-right : 0;
		margin-left : 0;
		padding-right : 0;
		padding-left : 0;
		padding-bottom : 60px;
	}
	.u-top-play .play-box .box-slide.slide-full .slick-arrow {
		top : 179px;
		z-index : 100;
	}
	.u-top-play .play-box .box-slide.slide-full .slick-prev {
		left : -20px;
	}
	.u-top-play .play-box .box-slide.slide-full .slick-next {
		right : -20px;
	}
}
.u-top-play .play-box .box-slide .slick-track {
	padding-top : 2px;
}
.u-top-play .play-box .box-slide .slide-item {
	width : 210px;
	margin : 0 10px;
}
.u-top-play .play-box .box-slide .slide-item a {
	text-decoration : none;
	display : block;
	position : relative;
}
.u-top-play .play-box .box-slide .slide-item a .item-image:before {
	content : '';
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	left : 0;
	bottom : 10px;
	border-top : solid 1px #efebe8;
	border-left : solid 1px #efebe8;
	border-right : solid 1px #efebe8;
	border-radius : 5px 5px 0 0;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-slide .slide-item a:hover .item-image:before {
		border-top : solid 2px #a15d27;
		border-left : solid 2px #a15d27;
		border-right : solid 2px #a15d27;
	}
}
.u-top-play .play-box .box-slide .slide-item a .item-new {
	display : block;
	position : absolute;
	top : -2px;
	left : -3px;
	background : #e84660;
	color : #fff;
	font-family : 'ComicRelief';
	font-size : 85%;
	padding : 2px 17px;
}
.u-top-play .play-box .box-slide .slide-item .item-image {
	display : block;
	border-radius : 5px 5px 0 0;
	overflow : hidden;
}
.u-top-play .play-box .box-slide .slide-item .item-image img {
	display : block;
	width : 100%;
}
.u-top-play .play-box .box-slide .slide-item .item-dl {
	position : relative;
	display : block;
}
.u-top-play .play-box .box-slide .slide-item .item-dl:after {
	content : '';
	display : block;
	position : absolute;
	bottom : 10px;
	right : 10px;
	width : 30px;
	height : 30px;
	background : url(../../images/i_dl.png) no-repeat;
}
.u-top-play .play-box .box-slide .slide-item .slide-ttl {
	display : block;
	background : #a15d27;
	color : #fff;
	text-align : center;
	border-radius : 0 0 5px 5px;
	position : relative;
	padding : 7px 20px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-slide .slide-item .slide-ttl {
		padding : 10px 30px;
		font-size : 100%;
	}
}
.u-top-play .play-box .box-slide .slide-item .slide-ttl:before {
	content : '';
	display : block;
	width : 6px;
	height : 9px;
	background : url(../../images/i_arrow_wh_r.png) 0 0 no-repeat;
	background-size : 6px 9px;
	position : absolute;
	top : 50%;
	right : 5px;
	margin-top : -5px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-slide .slide-item .slide-ttl:before {
		width : 10px;
		height : 16px;
		background-size : 10px auto;
		right : 10px;
		margin-top : -8px;
	}
}
.u-top-play .play-box .box-slide .slide-mov {
	width : 200px;
	margin : 0 10px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-slide .slide-mov {
		width : 710px;
		margin : 0;
	}
}
.u-top-play .play-box .box-slide .slide-mov iframe {
	width : 200px;
	height : 112px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-slide .slide-mov iframe {
		width : 710px;
		height : 400px;
	}
}
.u-top-play .play-box .box-more {
	margin : 15px 15px 0;
	text-align : center;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box .box-more {
		margin : 0;
		margin-top : 30px;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play .slick-dots {
		margin-top : 32px;
		padding-bottom : 12px;
	}
}

.u-top-play2 {
	background-color : #fff;
	padding-top : 2px;
}
@media screen and (min-width: 760px) {
	.u-top-play2 {
		padding-top : 4px;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-wrap {
		margin : 0 -2px;
		display : -webkit-box;
		display : -webkit-flex;
		display : -ms-flexbox;
		display :         flex;
		-webkit-flex-wrap : wrap;
		    -ms-flex-wrap : wrap;
		        flex-wrap : wrap;
	}
	.no-flexbox .u-top-play2 .play-wrap {
		display : block;
		font-size : 0;
	}
}
.u-top-play2 .play-box {
	margin-top : 2px;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box {
		width : 50%;
		padding : 0 2px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		margin-top : 4px;
	}
	.no-flexbox .u-top-play2 .play-box {
		display : inline-block;
	}
	.u-top-play2 .play-box:nth-child(-n+2) {
		margin-top : 0;
	}
}
.u-top-play2 .play-box:first-child {
	margin-top : 0;
}
.u-top-play2 .play-box .box-wrap {
	padding-top : 30px;
	padding-bottom : 30px;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-wrap {
		padding-top : 40px;
		padding-bottom : 40px;
	}
	.u-top-play2 .play-box .box-wrap .box-wrap2 {
		width : 460px;
		margin-right : 30px;
		margin-left : auto;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box:nth-child(2n) .box-wrap {
		background-color : #fff;
	}
	.u-top-play2 .play-box:nth-child(2n) .box-wrap .box-wrap2 {
		margin-right : auto;
		margin-left : 28px;
	}
}
.u-top-play2 .play-box.type-story .box-wrap {
	background : url(../../images/bg_story.jpg);
	background-size : 28px auto;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-story .box-wrap a:hover .item-image:before {
		border-top : solid 2px #009f3e !important;
		border-left : solid 2px #009f3e !important;
		border-right : solid 2px #009f3e !important;
	}
}
.u-top-play2 .play-box.type-story .box-wrap .slide-ttl {
	background-color : #009f3e !important;
}
.u-top-play2 .play-box.type-movie .box-wrap {
	background : url(../../images/bg_movie.jpg);
	background-size : 20px auto;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-movie .box-wrap a:hover .item-image:before {
		border-top : solid 2px #f39700 !important;
		border-left : solid 2px #f39700 !important;
		border-right : solid 2px #f39700 !important;
	}
}
.u-top-play2 .play-box.type-movie .box-wrap .slide-ttl {
	background-color : #f39700 !important;
}
.u-top-play2 .play-box.type-game .box-wrap {
	background : url(../../images/bg_game.jpg);
	background-size : 40px auto;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-game .box-wrap a:hover .item-image:before {
		border-top : solid 2px #e84660 !important;
		border-left : solid 2px #e84660 !important;
		border-right : solid 2px #e84660 !important;
	}
}
.u-top-play2 .play-box.type-game .box-wrap .slide-ttl {
	background-color : #e84660 !important;
}
.u-top-play2 .play-box.type-coloring {
	display : none;
}
.u-top-play2 .play-box.type-coloring .box-wrap {
	background : url(../../images/bg_coloring.jpg);
	background-size : 100px auto;
}
.u-top-play2 .play-box.type-coloring .box-wrap .slide-item a .item-dl {
	border-radius : 5px;
	position : relative;
	display : block;
	overflow : hidden;
}
.u-top-play2 .play-box.type-coloring .box-wrap .slide-item a .item-dl:before {
	content : '';
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	left : 0;
	bottom : 10px;
	border-radius : 5px 5px 0 0;
	z-index : 1;
	height : 100%;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-coloring .box-wrap .slide-item a .item-dl:hover:before {
		border : solid 2px #20ade5 !important;
	}
}
.u-top-play2 .play-box.type-coloring .box-wrap .slide-ttl {
	background-color : #20ade5 !important;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-coloring {
		display : block;
	}
}
.u-top-play2 .play-box .box-slide {
	padding : 0;
}
.u-top-play2 .play-box .box-slide .slick-list {
	padding-top : 15px !important;
}
@media screen and (max-width: 760px) {
	.u-top-play2 .play-box .box-slide .slick-list {
		padding-bottom : 15px !important;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-slide {
		padding : 0;
		position : relative;
		border-bottom : none;
		width : 460px;
	}
	.u-top-play2 .play-box .box-slide .slick-arrow {
		bottom : 0;
		z-index : 100;
	}
	.u-top-play2 .play-box .box-slide .slick-prev {
		left : 20px;
	}
	.u-top-play2 .play-box .box-slide .slick-next {
		right : 20px;
	}
	.u-top-play2 .play-box .box-slide .slick-list {
		padding-top : 32px !important;
	}
}
.u-top-play2 .play-box .box-slide.slide-full {
	margin-right : -15px;
	margin-left : -15px;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-slide.slide-full {
		margin-right : 0;
		margin-left : 0;
		padding-right : 0;
		padding-left : 0;
		padding-bottom : 60px;
	}
	.u-top-play2 .play-box .box-slide.slide-full .slick-arrow {
		top : 179px;
		z-index : 100;
	}
	.u-top-play2 .play-box .box-slide.slide-full .slick-prev {
		left : -20px;
	}
	.u-top-play2 .play-box .box-slide.slide-full .slick-next {
		right : -20px;
	}
}
.u-top-play2 .play-box .box-slide .slick-track {
	padding-top : 2px;
}
.u-top-play2 .play-box .box-slide .slide-item {
	width : 210px;
	margin : 0 10px;
}
.u-top-play2 .play-box .box-slide .slide-item a {
	text-decoration : none;
	display : block;
	position : relative;
}
.u-top-play2 .play-box .box-slide .slide-item a .item-image {
	position : relative;
	background-color : #fff;
}
.u-top-play2 .play-box .box-slide .slide-item a .item-image img {
	display : block;
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
	z-index : 2;
	max-height : 100%;
}
.u-top-play2 .play-box .box-slide .slide-item a .item-image:before {
	content : '';
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	left : 0;
	bottom : 0;
	border-top : solid 1px #efebe8;
	border-left : solid 1px #efebe8;
	border-right : solid 1px #efebe8;
	border-radius : 5px 5px 0 0;
	z-index : 3;
}
.u-top-play2 .play-box .box-slide .slide-item a .item-image:after {
	padding-top : 75%;
	content : '';
	display : block;
	position : relative;
	z-index : 1;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-slide .slide-item a:hover .item-image:before {
		border-top : solid 2px #a15d27;
		border-left : solid 2px #a15d27;
		border-right : solid 2px #a15d27;
	}
}
.u-top-play2 .play-box .box-slide .slide-item a .item-new {
	display : block;
	position : absolute;
	top : -2px;
	left : -3px;
	background : #e84660;
	color : #fff;
	font-family : 'ComicRelief';
	font-size : 85%;
	padding : 2px 17px;
}
.u-top-play2 .play-box .box-slide .slide-item .item-image {
	display : block;
	border-radius : 5px 5px 0 0;
	overflow : hidden;
}
.u-top-play2 .play-box .box-slide .slide-item .item-image img {
	display : block;
}
.u-top-play2 .play-box .box-slide .slide-item .item-dl {
	position : relative;
	display : block;
}
.u-top-play2 .play-box .box-slide .slide-item .item-dl:after {
	content : '';
	display : block;
	position : absolute;
	bottom : 10px;
	right : 10px;
	width : 30px;
	height : 30px;
	background : url(../../images/i_dl.png) no-repeat;
}
.u-top-play2 .play-box .box-slide .slide-item .slide-ttl {
	display : block;
	background : #a15d27;
	color : #fff;
	text-align : center;
	border-radius : 0 0 5px 5px;
	position : relative;
	padding : 7px 15px;
	line-height : 1.25;
	font-size : 85%;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-slide .slide-item .slide-ttl {
		padding : 10px 30px;
		font-size : 100%;
	}
}
.u-top-play2 .play-box .box-slide .slide-item .slide-ttl:before {
	content : '';
	display : block;
	width : 6px;
	height : 9px;
	background : url(../../images/i_arrow_wh_r.png) 0 0 no-repeat;
	background-size : 6px 9px;
	position : absolute;
	top : 50%;
	right : 5px;
	margin-top : -5px;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-slide .slide-item .slide-ttl:before {
		width : 10px;
		height : 16px;
		background-size : 10px auto;
		right : 10px;
		margin-top : -8px;
	}
}
.u-top-play2 .play-box .box-slide .slide-mov {
	width : 200px;
	margin : 0 10px;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-slide .slide-mov {
		width : 710px;
		margin : 0;
	}
}
.u-top-play2 .play-box .box-slide .slide-mov iframe {
	width : 200px;
	height : 112px;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-slide .slide-mov iframe {
		width : 710px;
		height : 400px;
	}
}
.u-top-play2 .play-box .box-more {
	margin : 15px 15px 0;
	text-align : center;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box .box-more {
		margin : 0;
		margin-top : 30px;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play2 .slick-dots {
		margin-top : 32px;
		padding-bottom : 12px;
	}
}

@media screen and (min-width: 760px) {
	.m-txt-play {
		width : 340px;
		font-size : 175%;
		padding-top : 70px;
		background-size : 60px auto;
	}
}

@media screen and (min-width: 760px) {
	.m-txt-play:before {
		top : 55px;
		width : 60px;
		height : 48px;
		background-size : 60px 48px;
	}
}

@media screen and (min-width: 760px) {
	.m-txt-play:after {
		top : 55px;
		width : 60px;
		height : 48px;
		background-size : 60px 48px;
	}
}

@media screen and (min-width: 760px) {
	.m-txt-play .play-txt {
		height : 45px;
		width : calc(100% - 90px);
		margin : 0 45px;
		padding-top : 5px;
	}
}

@media screen and (min-width: 760px) {
	.m-txt-play .play-txt:after {
		bottom : -3px;
	}
}

.type-story .m-txt-play {
	color : #009f3e;
	background-image : url(../../images/i_story2.png);
}
.type-story .m-txt-play:before {
	background-image : url(../../images/p_ribbon_story_col2.png);
}
.type-story .m-txt-play:after {
	background-image : url(../../images/p_ribbon_story_col2.png);
}
.type-story .m-txt-play .play-txt:after {
	background-color : #009f3e;
}

.type-movie .m-txt-play {
	color : #f39700;
	background-image : url(../../images/i_movie2.png);
}
.type-movie .m-txt-play:before {
	background-image : url(../../images/p_ribbon_movie_col2.png);
}
.type-movie .m-txt-play:after {
	background-image : url(../../images/p_ribbon_movie_col2.png);
}
.type-movie .m-txt-play .play-txt:after {
	background-color : #f39700;
}

.type-game .m-txt-play {
	color : #e84660;
	background-image : url(../../images/i_game2.png);
}
.type-game .m-txt-play:before {
	background-image : url(../../images/p_ribbon_game_col2.png);
}
.type-game .m-txt-play:after {
	background-image : url(../../images/p_ribbon_game_col2.png);
}
.type-game .m-txt-play .play-txt:after {
	background-color : #e84660;
}

.type-coloring .m-txt-play {
	color : #20ade5;
	background-image : url(../../images/i_coloring2.png);
}
.type-coloring .m-txt-play:before {
	background-image : url(../../images/p_ribbon_coloring_col2.png);
}
.type-coloring .m-txt-play:after {
	background-image : url(../../images/p_ribbon_coloring_col2.png);
}
.type-coloring .m-txt-play .play-txt:after {
	background-color : #20ade5;
}

.m-btn-fill.btn-iblock {
	min-width : auto;
}