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

.premtop{
	position:relative;
	max-width:949px;
	width:100%;
	height:280px;
	background-color:#000000;
	border:#000 1px solid;
	margin:0px auto 10px;
	overflow:hidden;
	}

.prem0{
	position: absolute;
	top:0;
	left:50%;
	width:50%;
	height:auto;}
	
.prem2{
	position: absolute;
	top:0;
	left:0;
	width:53%;
	height:auto;}
	
.prem1{
	position: absolute;
	top:5%;
	left:58%;
	width:36%;
	height:auto;}
		
.prem0 img,.prem2 img,.prem1 img,.prem3 img,.prem4 img,.prem7 img{
	width:100%;
	height:auto;}

.prem3{
	position: absolute;
	top:28%;
	left:61%;
	width:30%;
	height:auto;}

.prem4{
	position: absolute;
	top:62%;
	left:40%;
	width: 222px;
	height:auto;}
	
.prem7{position: absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	display:none;}
	

.kuwaprem{position:absolute;
	top:90%;
	left:82%;
	font-size:14px;
	letter-spacing:-1px;}	
	
/*ここから先のページ分*/
	
.headkuro{
	display:block;
	padding:4px 4px 4px 20px;
	width:100%;
	height:40px;
	text-align:left;
	background-color:#000;}

.wrapperprem{
	margin:0 auto;
	width:100%;
	}	
	
.innerprem{
	position:relative;
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.innerprem img{
	width:100%;
	height:auto;}
	
.innerprem2{
	text-align:center;
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.botanpre{
	display:block;
	border-radius:6px;
	margin:6px auto;
	font-size:14px;
	font-weight:bold;
	background-color:#CC9;
	padding:5px 2px;
	width:260px;}
	
.botanpre a{
	color:#000000;}
	
.botanpre a:hover{
	color:#FF9;}
	


	
@media only print{
	
	
.wrapperprem{
	width:860px;
	height:1200px;
	background-image:url(201910premiumprint.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;}


.noprint {display: none;}

	}
	

	
@media only screen and (max-width: 959px){


	}

	
@media only screen and (max-width:840px){

.prem4{
	width: 25%;
	height:auto;}	
	
		
/*ここから*/		
.inneroven2{
	display:none;}

.inneroven3{
	display:block;
	position:relative;
	margin:10px auto;
	width:100%;}
	
	
	}
	
@media only screen and (max-width:768px){

.premtop{
	height:230px;}
}

		
@media only screen and (max-width:640px){

.premtop{
	height:220px;}	

.kuwaprem{
	left:78%;
	font-size:13px;
	letter-spacing:-1px;}	
	}
	
@media only screen and (max-width:600px){
	
	
	}		

@media only screen and (max-width:480px){
		
.premtop{
	height:600px;}
	
.prem7{
	display:inherit;
	left:6%;
	width:88%;}

.prem0,.prem1,.prem2,.prem3,.prem4,.kuwaprem{
	display:none;}	


	
.botanpre{
	font-size:12px;
	padding:5px 2px;
	width:210px;}	

}

@media only screen and (max-width:414px){
	
.premtop{
	height:586px;}
	
.prem7{
	left:0%;
	width:100%;}



}

@media only screen and (max-width:375px){
			
.premtop{
	height:530px;}

}	




@media only screen and (max-width:360px){

.premtop{
	height:508px;}

}



@media only screen and (max-width:320px){
.premtop{
	height:452px;}

}