@charset "shift_jis";

/* common
---------------------------------------------*/
div#contents{
	width:94%;
	width:calc(100% - 48px);
	max-width:712px;
	padding:44px 24px 0;
	background:url(../img/bar.png) no-repeat center top 24px,url(../img/bk_kappa.png) no-repeat center top,url(../img/bk.png) repeat center top;
}

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


/* ttl
---------------------------------------------*/
h2#pttl{
	width:100%;
	max-width:257px;
	height:32px;
	margin:15px auto 30px;
	background:url(../img/kappa/pttl.png) no-repeat center top;
}
h2#pttl span{
	display:block;
	text-indent:-999999999999999999999999999999999em;
}
@media only screen and (max-width: 450px){
	h2#pttl{
		background-size:100% auto;
	}
}


/* p
---------------------------------------------*/
div.inner{
	margin:0 auto 24px;
	padding:15px 40px 40px;
	background-color:rgba(255,255,255,0.6);
}
div.inner p#densetsu{
	max-width:492px;
	margin:0 auto;
	padding:0 0 240px 220px;
	background-image:url(../img/kappa/kappa.jpg),url(../img/kappa/kappa1.jpg),url(../img/kappa/kappa2.jpg);
	background-size:188px auto,300px auto,300px auto;
	background-position:left top,left bottom,right bottom;
	background-repeat:no-repeat;
}
@media only screen and (max-width: 640px){
	div.inner p#densetsu {
		max-width: none;
		padding: 81% 0 40% 0;
		background-image: url(../img/kappa/kappa_sp.jpg),url(../img/kappa/kappa1.jpg),url(../img/kappa/kappa2.jpg);
		background-size: 100% auto,47.5% auto,47.5% auto;
	}
}
@media only screen and (max-width: 510px){
	div.inner{
		padding:15px 20px 40px;
	}
}