@charset "UTF-8";

/* sw-PageIntro
-----------------------------------*/
.sw-PageIntro .image{
	background-image: url("../img/bg_pageintro_01.jpg");
}
.sw-PageIntro .text img{
	width: 171px;
	height: auto;
}
@media only screen and (min-width: 768px){
	.sw-PageIntro .text img{
		width: 245px;
	}
}
@media only screen and (min-width: 1024px){
	.sw-PageIntro .image{
		background-image: url("../img/bg_pageintro_pc_01.jpg");
	}
	.sw-PageIntro .text img{
		width: 319px;
	}
}



/* disney-Intro
-----------------------------------*/
.disney-Intro{
	max-width: 800px;
	padding: 0 15px;
	margin: 15px auto 45px;
}
@media only screen and (min-width: 1024px){
	.disney-Intro{
		margin: 25px auto 80px;
	}
}



/* ------------collection----------- */
.collection{
	max-width: 1280px;
	padding: 0 15px;
	margin: 0 auto;
}
.collection li{
	list-style: none;
	margin-bottom: 60px;
}
.collection li a{
	color: #666;
	display: block;
}
.collection li img{
	width: 100%;
	height: auto;
}
.collection li .comment{
	background-color: rgb(255,255,255,.8);
	padding-top: 18px;
	margin: -35px 15px 0;
	position: relative;
	z-index: 2;
}
.collection li .comment h3{
	font-size: 116%;
	line-height: 1.6;
	text-align: center;
}
.collection li .comment h3 .lg{
	font-size: 180%;
}
.collection li .more{
	text-align: center;
	margin-top: 25px;
}
.collection li .more span{
	text-align: center;
	min-width: 220px;
	border: 1px solid #666;
	display: inline-block;
	padding: 7px 10px 5px;
}
@media(min-width:767px){
	.collection{
		position: relative;
	}
	.collection:after{
		content: "";
		display: block;
		clear: both;
	}
	.collection li{
		width: calc(50% - 15px);
		float: left;
	}
	.collection li:nth-child(even){
		float: right;
	}
}
@media(min-width:1080px){
	.collection li{
		margin-right: 15px;
	}
	.collection li:nth-child(even){
		float: left;
	}
}