/* 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 : url(../../images/bg_main_sp_snow.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 : url(../../images/bg_main_snow.jpg) top center no-repeat;雪*/
		background-size : cover;
		background-attachment : fixed;
	}
}

#l-content {
	*zoom : 1;
	width : auto;
	margin : 0;
	padding : 0;
	background: rgba(255,255,255,0.5);
}
#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-news-slide {
	margin-top:20px;
}

@media screen and (min-width: 760px) {

    .u-top-news-slide .slide-item {
        background-color:lightgray;
    }
	.u-top-news-slide .slide-item div {
		opacity : 0.6;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	}
	.u-top-news-slide .slide-item.slick-center div {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}

.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 : url(../../images/top/p_figure_winter.png) center 100px no-repeat;冬*/
    background-size : 167px auto;
    padding : 94px 15px 0;/*通常82*/
    -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 : url(../../images/top/p_figure_winter.png) center 200px no-repeat;冬*/
        background-size : contain;
        padding : 180px 0 0;
        margin-bottom: 0px;
    }
}
.u-top-box02.active {
    background-position : center 15px;
	/*background-size : contain;冬のみ*/
	/*padding-top: 150px;冬のみ*/
}
@media screen and (min-width: 760px) {
    .u-top-box02.active {
        background-position : center 40px;
		/*background-size:700px;冬のみ*/
		/*padding-top: 265px;冬のみ*/
    }
}



.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; /*通年*/
		/*background : url(../../images/i_flower_l_xmas.png) 0 0 no-repeat; xmas*/
        /*background : url(../../images/i_flower_l_SNOW.png) 0 0 no-repeat;雪*/
		left : 0;
	}
	.u-top-pk h2 span:after {
		background : url(../../images/i_flower_r.png) 0 0 no-repeat; /*通年*/
		/*background : url(../../images/i_flower_r_xmas.png) 0 0 no-repeat; xmas*/
        /*background : url(../../images/i_flower_r_SNOW.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 : url(../../images/i_flower_l_xmas.png) 0 0 no-repeat;xmas*/
    /*background : url(../../images/i_flower_l_SNOW.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 : url(../../images/i_flower_r_xmas.png) 0 0 no-repeat; xmas*/
    /*background : url(../../images/i_flower_r_SNOW.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 {
    padding-top: 2px;
    background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 760px) {
	.u-top-play {
		padding-top: 2px;
    	background-color: rgba(255, 255, 255, 0);
	}
}
@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;
}
.u-top-play .play-box .box-wrap .box-wrap2 {
    background-color: none;
	padding: 20px 4px;
}

@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: 470px;
		background-color: #ffffff;
		border-radius: 10px;
		padding: 20px 4px;
		margin-right: 6px;
		background-color: rgba(255, 255, 255, 0.8);
		margin-left : auto;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box:nth-child(2n) .box-wrap {
		background-color : none;
	}
	.u-top-play .play-box:nth-child(2n) .box-wrap .box-wrap2 {
		margin-right : auto;
		margin-left: 10px;
	}
}
/*STORY*/
.u-top-play .play-box.type-story .box-wrap {
	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;
}

/*MOVIE*/
.u-top-play .play-box.type-movie .box-wrap {
	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-greeting .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-greeting .box-wrap .slide-ttl {
	background-color : #f39700 !important;
}

/*CM cai*/
.u-top-play .play-box.type-cm .box-wrap {
	background-size : 20px auto;
	min-height:430px;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box.type-cm .box-wrap a:hover .item-image:before {
		border-top : solid 2px #ea5504 !important;
		border-left : solid 2px #ea5504 !important;
		border-right : solid 2px #ea5504 !important;
	}
}
.u-top-play .play-box.type-cm .box-wrap .slide-ttl {
	background-color : #ea5504 !important;
}

/*GAME*/
.u-top-play .play-box.type-game .box-wrap {
	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;
}

/*COLORING*/
/*.u-top-play .play-box.type-coloring {
	display : none;
}*/
.u-top-play .play-box.type-coloring .box-wrap {
	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;
	}
}

/*GREETING cai*/
/*.u-top-play .play-box.type-greeting {
	display : none;
}*/
.u-top-play .play-box.type-greeting .box-wrap {
	background-size : 100px auto;
}
.u-top-play .play-box.type-greeting .box-wrap .slide-item a .item-dl2 {
	border-radius : 5px;
	position : relative;
	display : block;
	overflow : hidden;
}
.u-top-play .play-box.type-greeting .box-wrap .slide-item a .item-dl2: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-greeting .box-wrap .slide-item a .item-dl2:hover:before {
		border : solid 2px #c5b18f !important;
	}
	.u-top-play .play-box.type-greeting .box-wrap:first-child {
		min-height:550px;/*cai*/
	}
}
.u-top-play .play-box.type-greeting .box-wrap .slide-ttl {
	background-color : #c5b18f !important;
}
@media screen and (min-width: 760px) {
	.u-top-play .play-box.type-greeting {
		display : block;
	}
}
/*GREETING cai kokomade*/


.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 .item-dl2 {
	position : relative;
	display : block;
}
.u-top-play .play-box .box-slide .slide-item .item-dl2:after {
	content : '';
	display : block;
	position : absolute;
	bottom : 10px;
	right : 10px;
	width : 30px;
	height : 30px;
	background : url(../../images/i_dl2.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;
}
.u-top-play2 .play-box.type-greeting .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-greeting .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-greeting .box-wrap .slide-ttl {
	background-color : #f39700 !important;
}

.u-top-play2 .play-box.type-cm .box-wrap {
	background : url(../../images/bg_cm.jpg);

	background-size : 20px auto;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-cm .box-wrap a:hover .item-image:before {
		border-top : solid 2px #ea5504 !important;
		border-left : solid 2px #ea5504 !important;
		border-right : solid 2px #ea5504 !important;
	}
}
.u-top-play2 .play-box.type-cm .box-wrap .slide-ttl {
	background-color : #ea5504 !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;
	}
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-greeting .box-wrap .slide-item a .item-dl2:hover:before {
		border : solid 2px #f39700 !important;
	}
}
.u-top-play2 .play-box.type-greeting .box-wrap .slide-ttl {
	background-color : #f39700 !important;
}
@media screen and (min-width: 760px) {
	.u-top-play2 .play-box.type-greeting {
		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-cm .m-txt-play {
	color : #ea5504;
	background-image : url(../../images/i_cm2.png);
}
.type-cm .m-txt-play:before {
	background-image : url(../../images/p_ribbon_cm_col2.png);
}
.type-cm .m-txt-play:after {
	background-image : url(../../images/p_ribbon_cm_col2.png);
}
.type-cm .m-txt-play .play-txt:after {
	background-color : #ea5504;
}


.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;
}