@charset "shift_jis";

/*smartphone baner*/
#smartphoneicatch{
	margin: 10px auto 10px;
	width: 200px;
	height:150px;
	position: static;
}


#smartphoneicatch > a > img{
	width: 100%;
}
@media only screen and (min-width:768px){
	#smartphoneicatch{
		display:none;
	}
}
@media only screen and (max-width:768px){
	#smartphoneicatch{
		width: 100%;
		height: 100%;
	}
}


/*slide box*/
#chn_slidebox{
	width: 100%;/*750-230*/;
	height: 100%;
	margin-bottom: 10px;
	float: left;
	border-radius:10px;
	background-color:white;
	position:relative;
	text-align:center;
}
#chn_slideshow {
	height: 100%;
	width: 100%;
	position:relative;
}
#chn_slideshow:hover{
	opacity:0.6;
}

#chn_slidebtns{
	position:absolute;
	bottom:0px;
	left:70px;
	z-index:10;
}
.slidecontent{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
}
.slidecontent img{
	height: 100%;
}


.tabbtn{
	display:inline-block;
	width:20px;
	height:20px;
	margin:5px;
	border-radius:10px;
	background-color:white;
	outline:none;
}


.btn_active{
	background-color:#FF6162;
}
.fadeout{
	transition: opacity 2s linear;
	opacity:0;
	z-index:0;
}
.fadein{
	transition: opacity 2s linear;
	opacity:1;
	z-index:1;
}

#chnpr{
	width:220px;
	height:120px;
	border:solid gray 1px;
	margin-bottom:10px;
}
#chnpr:hover{
	opacity: 0.5;
}