@charset "UTF-8";
@media screen and (min-width: 641px)  {
#wrapper{
	width:100%;
	background:#fbf7e2 url("../images/com_bg.jpg") center top no-repeat fixed;
	background-size:cover;
	position:relative;
	}
	#logoS{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	}
	#closeBtn{
		position:fixed;
		top:20px;
		right:20px;
		z-index:100;
		width:35px;
	}
	#closeBtn img{
		width:100%;
	}
	#dvdHeader{
		padding:60px 0 0 0;
		margin:0 auto;
		width:90%;
		max-width:780px;
		text-align:center;
	}
	#dvdHeader h1{
	}
	#dvdHeader ul{
		width:100%;
		max-width:780px;
		margin-top:30px;
	}
	#dvdHeader li{
		width:48%;
		margin:0 1%;
		float:left;
	}
	#dvdHeader li img {
		max-width:323px;
		width:100%;
	}
	section{
		width:90% !important;
		max-width:780px;
		margin:100px auto;
		background:#ffffff;
		border:5px solid #f8bc05;
		border-radius: 30px; 
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px; 
		text-align:center;
	}
	section h2{
		font-size:30px;
		height:60px;
		width:250px;
		background:#015099;
		color:#fff;
		font-weight:600;
		padding:5px 0 0 0;
		text-align:center;
		margin:-30px auto 30px auto;
		border-radius: 15px; 
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px; 
	}
	.atention{
		font-size:75%;
		line-height:1.4;
		margin:10px 0 30px 0;
	}
}
@media screen and (max-width: 640px)  {
	#wrapper{
	width:100%;
	background:#fbf7e2 url("../images/com_bg.jpg") center top no-repeat;
	background-size:200% auto;
	position:relative;
	}
	#logoS{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:150px;
	}
	#closeBtn{
		position:fixed;
		top:10px;
		right:10px;
		z-index:100;
		width:25px;
	}
	#closeBtn img{
		width:100%;
	}
	#dvdHeader{
		padding:60px 0 0 0;
		margin:0 auto;
		width:90%;
		text-align:center;
	}
	#dvdHeader ul{
		width:100%;
		margin-top:30px;
	}
	#dvdHeader li{
		width:48%;
		margin:0 1%;
		float:left;
	}
	#dvdHeader li img {
		max-width:323px;
		width:100%;
	}
	section{
		width:90% !important;
		margin:20% auto;
		background:#ffffff;
		border:3px solid #f8bc05;
		padding:0 4%;
		border-radius: 20px; 
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px; 
		text-align:center;
	}
	section h2{
		font-size:18px;
		height:40px;
		width:160px;
		background:#015099;
		color:#fff;
		font-weight:600;
		padding:4px 0 0 0;
		text-align:center;
		margin:-20px auto 30px auto;
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px; 
	}
	.atention{
		font-size:75%;
		line-height:1.4;
		margin:10px 0 20px 0;
	}
}

/* DIGITAL
---------------------------------------------*/
@media screen and (min-width: 641px) {
	#digital{
		background:#fcf660;
	}
	#digital ul{
		width:90%;
		margin:0 auto 30px auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
	}
	#digital li{
		width:24%;
	}
	#digital li img{
		width:100%;
	}
	#dvd,#bluray{
		width:90%;
		margin:60px auto 0 auto;
		padding:0 0px 60px 0px;
		position:relative;
	}
	#bluray{
		border-bottom:#f8bc05 solid 3px;
	}
	.jake{
		width:50%;
		float:left;
		text-align:center;
	}
	.txtArea{
		width:50%;
		float:left;
		text-align:left;
	}
	.txtArea h3{
		font-size:46px;
		font-weight:600;
		color:#015099;
		margin-bottom:10px;
	}
	.txtArea h4{
		font-weight:600;
	}
	.txtArea h4 em{
		font-size:22px;
		font-weight:600;
	}
	.txtArea p{
		font-size:13px;
		line-height:1.5;
	}
	.tokuten{
		width:90%;
		margin:0 auto;
		padding-bottom:30px;
	}
	.tokuten h3{
		font-weight:600;
		background:#f8bc05;
		color:#015099;
		padding:7px 0 0px 0;
		height:50px;
		margin-bottom:20px;
		font-size:20px;
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px; 
	}
	.tokuten h4{
		color:#015099;
		font-size:18px;
		font-weight:600;
		margin-bottom:30px;
		
	}
	.tokuten img{
		width:240px;
	}
	#sellBtn{
		background:#efefef;
		padding:0 20px 30px 20px;
	}
	
	#sellBtn li{
		width:23%;
		margin:1%;
		float:left;
		line-height:1;
	}
	#sellBtn li img{
		width:100%;
	}
	#credit{
		width:90%;
		font-size:12px;
		line-height:1.3;
		text-align:center;
		margin:30px auto;
	}
}

@media screen and (max-width: 640px) {
	#digital{
		background:#fcf660;
	}
	#digital ul{
		width:100%;
		margin:0 auto 30px auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
	}
	#digital li{
		width:32%;
	}
	#digital li img{
		width:100%;
	}
	#dvd,#bluray{
		margin:30px auto 0 auto;
		padding:0 20px 30px 20px;
		position:relative;
	}
	#bluray{
		border-bottom:#f8bc05 solid 3px;
	}
	#digitalCont{
		max-width:448px;
		width:100%;
		margin:0 auto;
	}
	.jake{
		width:100%;
		text-align:center;
	}
	.jake img{
		height:140px;
		position:absolute;
		right:0;
		top:0;}
	.txtArea{
		width:100%;
		text-align:left;
	}
	.txtArea h3{
		font-size:26px;
		font-weight:600;
		color:#015099;
		margin-bottom:10px;
		padding-top:65px;
	}
	.txtArea h4{
		font-weight:600;
	}
	.txtArea h4 em{
		font-size:18px;
		font-weight:600;
	}
	.txtArea p{
		font-size:12px;
		line-height:1.5;
	}
	.tokuten{
		width:90%;
		margin:0 auto;
		padding-bottom:30px;
	}
	.tokuten h3{
		font-weight:600;
		background:#f8bc05;
		color:#015099;
		padding:4px 0 0px 0;
		height:35px;
		margin-bottom:20px;
		font-size:16px;
		border-radius: 8px; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px; 
	}
	.tokuten h4{
		color:#015099;
		font-size:14px;
		line-height:1.5;
		font-weight:600;
		margin-bottom:30px;
		
	}
	.tokuten img{
		width:240px;
	}
	#sellBtn{
		background:#efefef;
		padding-bottom:5%;
	}
	#sellBtn li{
		width:48%;
		margin:1%;
		float:left;
		line-height:1;
	}
	#sellBtn li img{
		width:100%;
	}
	#rentalCont{
		max-width:216px;
		width:50%;
	}
	#credit{
		width:90%;
		font-size:9px;
		line-height:1.4;
		text-align:center;
		margin:0px auto 30px auto;
	}
}