@charset "UTF-8";

/* CLEAR FIX */
#dvd:after,
.photoBox ul{
	content:"";
	clear:both;
	display:block;
	height:0;
}

h4 {
	border-bottom:3px double #ccc;
	margin-top:0 !important;
	margin-bottom: 10px;
}

table td{
	vertical-align:top;
	padding-right:2em;
	border-bottom:1px solid #ccc;
	line-height:2em;
}

table td.ttl {
	width:3em;
}

.newsdl dd{
	width:auto !important;
}

/*楽しむコツ*/
#mainSection dl#cotsu {
	background:none #fffaee;
}
#cotsu dt {
		padding: 5px 10px;
		color: #fff;
		border-top: 2px solid #fffaee;
		width: 95%;
		float: none;
		clear: both;
		background:none #888;
}

#cotsu dd {
		padding: 5px 10px;
		margin:0 0 2em 0;
		border-top: 2px solid #fffaee;
		width: 95%;
		float: none;
		background:none #fffaee;
}


/*===============================================
● PC向け 横幅1040px以上
===============================================*/
@media all and (min-width: 1040px){
	#mainSection .photoBox {
		overflow:auto;
	}

	#mainSection .photoBox ul li {
		float:left;
		margin-right:1em;
	}

	#mainSection .photoBox ul li img{
		width:150px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;

	}

	.link {
		text-align:right;
	}
	
	/* dvd */
	#dvd li {
		width:178px;
		padding:5px 5px 35px 5px;
		border:1px solid #fff;
		background:#fff;
		margin-right:10px;
		margin-bottom:20px;
		float:left;
	}
	
	#dvd li:nth-child(4n) {
		margin-right:0;
	}
	
	#dvd li:nth-child(4),
	#dvd li:nth-child(5) {
		padding-bottom:0;
	}
	
	#dvd li img {
		width:176px;
		margin:10px 0;
		border:1px solid #999;
	}
	
	#dvd li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
}



/*===============================================
● タブレット向け 横幅640px以上1039px以下
===============================================*/
@media all and (min-width: 640px) and (max-width: 1039px){
	#mainSection .photoBox {
		overflow:auto;
	}

	#mainSection .photoBox ul li {
		float:left;
		margin-right:1em;
	}

	#mainSection .photoBox ul li img{
		width:150px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
	}

	.link {
		text-align:right;
	}
	/* dvd */
	#dvd li {
		width:148px;
		padding:5px 5px 0;
		border:1px solid #fff;
		background:#fff;
		margin-right:7px;
		margin-bottom:20px;
		float:left;
	}
	
	#dvd li:nth-child(3n) {
		margin-right:0;
	}
	
	#dvd li img {
		width:146px;
		margin:10px 0;
		border:1px solid #999;
	}
	
	#dvd li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
}

/*===============================================
● スマートフォン向け 横幅639px以下
===============================================*/
@media all and (max-width:639px){
	#mainSection .photoBox {
		padding: 0 10px 6px;
		overflow:auto;
	}

	#mainSection .photoBox ul li {
		float:left;
		margin-right:1em;
	}

	#mainSection .photoBox ul li img{
		width:100px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;

	}

	.link {
		text-align:right;
	}
	
	/* dvd */
	#dvd li {
		padding:5px 5px 0;
		border:1px solid #fff;
		background:#fff;
		margin-right:7px;
		margin-bottom:20px;
		text-align:center;
	}
	
	#dvd li:nth-child(3n) {
		margin-right:0;
	}
	
	#dvd li img {
		width:146px;
		margin:10px 0;
		border:1px solid #999;
	}
	
	#dvd li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
	.colorbox {
		maxWidth:100%;
	}
}