@charset "utf-8";

/* ***************************************************
スター☆トゥインクルプリキュア
------------------------------------------------------
過去の作品用CSS
------------------------------------------------------
・640pxまでをスマホとする
・641pxからタブレット／PCととする
・1000pxはPC専用とする
*************************************************** */

/* =============================================
 過去の作品
============================================= */
.archive_list{
	padding: 4% 10% 0;
	text-align: left;
}
.archive_list li{
	text-align: left;
	line-height: 2;
	position: relative;
	padding-left:30px;
	margin-bottom: 2%;
	font-size: 0.9375rem;/* 15px */
}
.archive_list li:before{
	display: block;
	content: "";
	background: url("../img/common/star1p.png") no-repeat left top;
	background-size: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 7px;
	box-sizing: border-box;
	width: 30px;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
@media screen and (min-width:641px){
	.archive_list{
		padding: 4% 10%;
		height: auto;
	}
}

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

	.archive_slist{
		width:52%;
		padding-right:4%;
		box-sizing: border-box;
	}
	.archive_slist:last-child{
		width:48%;
		padding-right:0;
	}

	.archive_list{
		display: flex;
	}
	.archive_list li{
		text-align: left;
		line-height: 2;
		position: relative;
		padding-left: 30px;
		font-size: 1rem;
	}
	.archive_list li:before{
		display: block;
		content: "";
		background: url("../img/common/star1p.png") no-repeat left top 3px;
		background-size: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 7px;
		box-sizing: border-box;
		width: 30px;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
	}
}