@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

contents

------------------------------------------------- */

/* color */
.titleArea h2,
.titleArea ul li a,
.ttlStep,
.gotop a{
	background-color: #ead64c;
}
.mainArea h3{
	color:#ead64c;
	border-bottom:4px solid #ead64c;
}
.mainArea h4{
	border-left:10px solid #ead64c;
}
.priceArea table th{
	background-color: #f3f1e5;
}

/* ------------------------------

mainArea

------------------------------- */

.movieBox{
	
}
/* dlBtn */
.dlBtn a{
	color:#fff;
	background-color:#ead64c;
	padding:10px 25px;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.dlBtn a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.movieBox div{
	color:#777;
}

/* PC */
@media screen and (min-width:769px) {
.movieBox{
	height:auto;
}
.movieBox div{
	width:292px;
	float:left;
	margin-top:20px;
}
.movieBox div:nth-child(2){
	margin-left:40px;
	margin-right:40px;
}
.sougiBox{
	margin-top:20px;
}
.sougiBox p,
.sougiBox div{
	width:200px;
	float:left;
}
.sougiBox p:nth-child(-n+3){
	margin-right:20px;
}
/* dlBtn */
.dlBtn{
	margin:10px 0 20px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.movieBox div{
	margin:15px 0 0;
}
/* dlBtn */
.dlBtn a{
	display:block;
	text-align:center;
	margin:5px 10px;
}
.movieBox div{
	padding-bottom:15px;
}
.movieBox div span,
.sougiBox div span{
	display:block;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0 0 5px;
}
.movieBox div span iframe,
.sougiBox div span iframe,
.movieBox div span object,
.sougiBox div span object,
.movieBox div span embed,
.sougiBox div span embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}



/* ------------------------------

priceArea

------------------------------- */
.priceArea ul{
	margin:10px 0 0 25px;
}
.priceArea ul li{
	list-style:disc;
}
/* PC */
@media screen and (min-width:769px) {
.priceArea table th{
	width:350px;
}
}