@charset 'UTF-8';
@media print, screen and (min-width: 768px) {
	.u-list-wallpaper .wallpaper-list {
		margin : 0 -20px;
		display : -webkit-flex;
		display : -ms-flexbox;
		display :         flex;
		-webkit-flex-wrap : wrap;
		    -ms-flex-wrap : wrap;
		        flex-wrap : wrap;
		-webkit-justify-content : center;
		-ms-flex-pack : center;
		        justify-content : center;
	}
}

@media print {
	.u-list-wallpaper .wallpaper-list {
		display : block;
		letter-spacing : -0.40em;
	}
}


.u-list-wallpaper .wallpaper-list > .list-item100p{
width:100% !important;
margin-bottom:200px;
}



@media print, screen and (min-width: 768px) {
	.u-list-wallpaper .wallpaper-list > .list-item {
		width : calc(100% / 2);
		width : calc((100% / 2 ) - 0.1px) \0;
		padding : 0 20px;
	}
}

@media print {
	.u-list-wallpaper .wallpaper-list > .list-item {
		width : 50%;
		display : inline-block;
		padding : 0 20px;
		box-sizing : border-box;
		vertical-align : top;
		letter-spacing : normal;
	}
}

.u-list-wallpaper .wallpaper-list > .list-item + .list-item {
	margin-top : 25px;
}

@media print, screen and (min-width: 768px) {
	.u-list-wallpaper .wallpaper-list > .list-item + .list-item {
		margin-top : 0;
	}
}

@media print, screen and (min-width: 768px) {
	.u-list-wallpaper .wallpaper-list > .list-item:nth-child(n+3) {
		margin-top : 40px;
	}
}

.u-box-wallpaper {
	border-radius : 10px;
	border : solid 4px #ea6185;
	background-color : #ea6185;
	overflow : hidden;
}

.u-box-wallpaper .wallpaper-img {
	background : #fff;
	padding : 28px 28px 30px;
	text-align : center;
}

@media print, screen and (min-width: 768px) {
	.u-box-wallpaper .wallpaper-img {
		padding : 36px 36px;
	}
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device {
	padding : 30px 25px;
}

@media print, screen and (min-width: 768px) {
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device {
		padding : 40px 25px;
	}
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device + .wallpaper-device {
	position : relative;
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device + .wallpaper-device:before {
	position : absolute;
	content : '';
	background : url(/tv/startwinkle_precure/images/i_dot4.jpg) center repeat-x;
	background-size : auto 100%;
	height : 2px;
	top : 0;
	left : 10px;
	right : 10px;
}

@media print, screen and (min-width: 768px) {
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device + .wallpaper-device:before {
		background : url(/tv/startwinkle_precure/images/i_dot5.jpg) center repeat-y;
		background-size : 100% auto;
		height : auto;
		width : 2px;
		top : 15px;
		bottom : 15px;
		left : 0;
		right : auto;
		margin : auto;
	}
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list {
	display : -webkit-flex;
	display : -ms-flexbox;
	display :         flex;
	-webkit-flex-wrap : wrap;
	    -ms-flex-wrap : wrap;
	        flex-wrap : wrap;
	margin : 0 -2.5px 0;
	-webkit-justify-content : center;
	-ms-flex-pack : center;
	        justify-content : center;
}

@media print, screen and (min-width: 768px) {
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list {
		margin : 0 -5px 0;
	}
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item {
	padding : 0 2.5px;
	width : 100%;
}

@media print, screen and (min-width: 768px) {
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item {
		padding : 0 5px;
		width : 50%;
	}
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item:nth-child(n + 2) {
	margin-top : 20px;
}

@media print, screen and (min-width: 768px) {
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item:nth-child(n + 2) {
		margin-top : 0;
	}
}

@media print, screen and (min-width: 768px) {
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item:nth-child(n + 3) {
		margin-top : 20px;
	}
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a {
	color : #ea6185;
	font-family : 'M PLUS Rounded 1c', 'Helvetica Neue', 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', '游ゴシック Medium', 'Yu Gothic Medium', 游ゴシック, 'Yu Gothic', YuGothic, Meiryo, sans-serif;
	font-weight : bold;
	display : block;
	background-color : #fce8ee;
	font-size : 25.6px;
	font-size : 1.6rem;
	border-radius : 25px;
	width : 100%;
	text-align : center;
	line-height : 1.5;
	transition : all 0.2s ease-out;
	border : solid 2px #fce8ee;
	padding : 12px 10px;
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a > span {
	position : relative;
	display : inline-block;
	padding-left : 20px;
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a > span:before {
	content : '';
	background : url(/tv/startwinkle_precure/images/i_smartphone.svg) center no-repeat;
	background-size : 100% auto;
	width : 11px;
	height : 20px;
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	margin : auto;
	transition : all 0.2s ease-out;
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a.item-smartphone > span {
	padding-left : 20px;
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a.item-smartphone > span:before {
	background-image : url(/tv/startwinkle_precure/images/i_smartphone.svg);
	width : 11px;
	height : 20px;
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a.item-pc > span {
	padding-left : 25px;
}

.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a.item-pc > span:before {
	background-image : url(/tv/startwinkle_precure/images/i_pc.svg);
	width : 20px;
	height : 16px;
}

@media print, screen and (min-width: 1025px) {
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a:hover {
		color : #fff;
		background-color : #ea6185;
		text-decoration : none;
		border-color : #fff;
	}
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a:hover.item-smartphone > span:before {
		background-image : url(/tv/startwinkle_precure/images/i_smartphone_white.svg);
	}
	.u-box-wallpaper .wallpaper-wrap .wallpaper-device .devide-wrap .device-list > .list-item > a:hover.item-pc > span:before {
		background-image : url(/tv/startwinkle_precure/images/i_pc_white.svg);
	}
}



.info-curestar .item-ttl {
    color: #ea6185;
}

.info-curestar .item-ttl:before {
    content: '';
    background-image: url(/tv/startwinkle_precure/images/i_curestar_star.png);
    background-size: 100% auto;
    width: 17.5px;
    height: 19px;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 22px;
    height: 21px;
    top: 0.2em;

}



.info-curemilky .item-ttl {
    color: #49bcbd;
}

.info-curemilky .item-ttl:before {
    content: '';
    background-image: url(/tv/startwinkle_precure/images/i_curemilky_star.png);
    background-size: 100% auto;
    width: 17.5px;
    height: 19px;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 22px;
    height: 21px;
    top: 0.2em;

}



.info-curesoleil .item-ttl {
    color: #f28f00;
}

.info-curesoleil .item-ttl:before {
    content: '';
    background-image: url(/tv/startwinkle_precure/images/i_curesoleil_star.png);
    background-size: 100% auto;
    width: 17.5px;
    height: 19px;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 22px;
    height: 21px;
    top: 0.2em;

}



.info-cureselene .item-ttl {
    color: #9d78b4;
}

.info-cureselene .item-ttl:before {
    content: '';
    background-image: url(/tv/startwinkle_precure/images/i_cureselene_star.png);
    background-size: 100% auto;
    width: 17.5px;
    height: 19px;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 22px;
    height: 21px;
    top: 0.2em;

}


.m-txt-ttl7 {
    margin:0px auto 30px !important;
    font-size: 2.8rem !important;
	}



@media print, screen and (min-width: 768px) {
.m-txt-ttl7 {
    margin:0px auto 30px !important;
    font-size: 3.7rem !important;
	}
}

