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

	
.headobi{
	display:block;
	padding:4px 4px 4px 20px;
	width:100%;
	height:40px;
	text-align:left;
	background-color:#000;}

.wrapperhalloween{
	width:100%;
	margin:0 auto;
	width:100%;
	}	
	
.innerhalloween{
	position:relative;
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.innerhalloween img{
	width:100%;
	height:auto;}
	
.innerhalloween2{
	text-align:center;
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.botanha{
	display:block;
	border-radius:6px;
	margin:6px auto;
	font-size:14px;
	font-weight:bold;
	background-color:#FC6;
	padding:5px 2px;
	width:260px;}


/*全体トップページ*/

.kabotop{
	position:relative;
	max-width:949px;
	width:100%;
	height:336px;
	border:#000 1px solid;
	margin:8px auto 10px;
	overflow:hidden;
	background-color:#ffffff;}
	
.kabop1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;}

.kabop2{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;}
	
.kabotop h1{
	display:none;}
	
.kabop1 img,.kabop2 img{
	width:100%;
	height:auto;}

.kuwakabo{position:absolute;
	top:90%;
	left:40%;
	font-size:15px;
	letter-spacing:-1px;}
	


@media only print{
	
.wrapperhalloween{
	width:860px;
	height:1200px;
	background-image:url(2019Halloprint.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	background-color:#FFFFFF;}
	


.noprint {display: none;}	

}
	
@media only screen and (max-width: 938px){
.kabotop{
	height:336px;}

}

@media only screen and (max-width:840px){
	
.kabotop{
	height:300px;}
}

@media only screen and (max-width:768px){
	
.kabotop{
	height:270px;}
}

@media only screen and (max-width:640px){
	
.kabotop{
	height:230px;}
	
.kuwakabo{
	font-size:14px;
	letter-spacing:-1px;}
	
}


@media only screen and (max-width:600px){
	
.kabotop{
	height:220px;}

}





@media only screen and (max-width: 480px){
	
.botanha{
	font-size:12px;
	background-color:#FC6;
	padding:5px 2px;
	width:210px;}
	

	
.kabotop{
	height:710px;}
	
.kabop1{
	display:none;}
	
.kabop2{
	display:inherit;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;}
	
.kuwakabo{
	top:94%;
	left:65%;
	font-size:14px;
	letter-spacing:-1px;}


}

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

.kabotop{
	height:610px;}



}

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

.kabotop{
	height:550px;}
	
.kuwakabo{
	font-size:13px;}

}


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

.kabotop{
	height:530px;}
	
.kuwakabo{
	left:60%;}

}

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

.kabotop{
	height:460px;}
	
.kuwakabo{
	left:54%;}
}