@charset "shift_jis";

/* common
---------------------------------------------*/
div#contents{
	max-width:760px;
	padding:15px 0 0;
	background:url(../img/manju/bk.png) no-repeat center top;
}

@media only screen and (max-width: 800px){
	div#contents{
		background:url(../img/manju/bk.png) no-repeat left top;
	}
}


/* ttl
---------------------------------------------*/
h2#pttl{
	height:33px;
	background:url(../img/manju/ttl.png) no-repeat right 15px top;
	overflow:hidden;
}
h2#pttl span{
	display:block;
	text-indent:-999999999999999999999999999999999em;
}
@media only screen and (max-width: 510px){
	h2#pttl{
		min-height:63px;
		background:url(../img/manju/ttl_sp.png) no-repeat center top;
	}
}
	

/* contents
---------------------------------------------*/
div.inner{
	margin:0 auto 24px;
	padding:15px;
	background-color:#3b1e0b;
}


/* local_navi
---------------------------------------------*/
ul#lnavi{
	padding:0 0 0 220px;
}
ul#lnavi li{
	width:170px;
	margin-top:-15px;
}
ul#lnavi li:nth-child(4),
ul#lnavi li:nth-child(5),
ul#lnavi li:nth-child(6){
	margin-top:-50px;
}

@media only screen and (max-width: 800px){
	ul#lnavi{
		padding:0;
	}
	ul#lnavi li{
		width:170px;
		margin-bottom:-15px;
	}
	ul#lnavi li:nth-child(4),
	ul#lnavi li:nth-child(5),
	ul#lnavi li:nth-child(6){
		margin-top:-15px;
	}

}
@media only screen and (max-width: 510px){
	ul#lnavi{
		margin-bottom:15px;
	}
	ul#lnavi li{
		width:45%;
		margin-bottom:-25px;
	}
}
@media only screen and (max-width: 350px){
	ul#lnavi{
		margin-bottom:30px;
	}
	ul#lnavi li{
		margin-bottom:-35px;
	}
}

/* manju_list
---------------------------------------------*/

ul#manju_list{}
ul#manju_list li{
	width:auto;
	margin:0 auto 15px;
	padding:0 0 0 365px;
	overflow:hidden;
	}
ul#manju_list li:nth-child(2n){
	padding:0 365px 0 0;
	}
ul#manju_list li:nth-child(1){background:url(../img/manju/img_01_inaka.jpg) no-repeat left top;}
ul#manju_list li:nth-child(2){background:url(../img/manju/img_02_cha.jpg) no-repeat right top;}
ul#manju_list li:nth-child(3){background:url(../img/manju/img_03_kabo.jpg) no-repeat left top;}
ul#manju_list li:nth-child(4){background:url(../img/manju/img_04_kinton.jpg) no-repeat right top;}
ul#manju_list li:nth-child(5){background:url(../img/manju/img_05_koshi.jpg) no-repeat left top;}
ul#manju_list li:nth-child(6){background:url(../img/manju/img_06_shiro.jpg) no-repeat right top;}

ul#manju_list li p{
	width:200px;
	height:160px;
	padding:50px 150px 0 15px;
}
ul#manju_list li:nth-child(1) p{background:url(../img/manju/bg_01_inaka.jpg) no-repeat center top;}
ul#manju_list li:nth-child(2) p{background:url(../img/manju/bg_02_cha.jpg) no-repeat center top;}
ul#manju_list li:nth-child(3) p{background:url(../img/manju/bg_03_kabo.jpg) no-repeat center top;}
ul#manju_list li:nth-child(4) p{background:url(../img/manju/bg_04_kinton.jpg) no-repeat center top;}
ul#manju_list li:nth-child(5) p{background:url(../img/manju/bg_05_koshi.jpg) no-repeat center top;}
ul#manju_list li:nth-child(6) p{background:url(../img/manju/bg_06_shiro.jpg) no-repeat center top;}

ul#manju_list li p a{
	display:block;
	margin:15px 0 0 0;
	font-size:12px;
}

@media only screen and (max-width: 800px){
	ul#manju_list li,
	ul#manju_list li:nth-child(2n){
		width:100%;
		padding:210px 0 0;
		background-position:center top!important;
	}
	ul#manju_list li p{
		width:200px;
		margin:0 auto;
		padding:50px 150px 0 15px;
	}
}
@media only screen and (max-width: 510px){
	ul#manju_list li{
		padding:54.79% 0 0!important;
		background-size:100% auto!important;
	}
	ul#manju_list li p{
		width:55.5%;
		min-height:155px;
		padding:50px 40% 0 4.5%;
		background-repeat:no-repeat;
		background-position:center top,center bottom!important;
		background-color:#edeede!important;
		background-size:100% auto!important;
	}
	ul#manju_list li:nth-child(1) p{background-image:url(../img/manju/bg_01_inaka_name.jpg),url(../img/manju/bg_01_inaka_bottom.jpg);}
	ul#manju_list li:nth-child(2) p{background-image:url(../img/manju/bg_02_cha_name.jpg),url(../img/manju/bg_02_cha_bottom.jpg);}
	ul#manju_list li:nth-child(3) p{background-image:url(../img/manju/bg_03_kabo_name.jpg),url(../img/manju/bg_03_kabo_bottom.jpg);}
	ul#manju_list li:nth-child(4) p{background-image:url(../img/manju/bg_04_kinton_name.jpg),url(../img/manju/bg_04_kinton_bottom.jpg);}
	ul#manju_list li:nth-child(5) p{background-image:url(../img/manju/bg_05_koshi_name.jpg),url(../img/manju/bg_05_koshi_bottom.jpg);}
	ul#manju_list li:nth-child(6) p{background-image:url(../img/manju/bg_06_shiro_name.jpg),url(../img/manju/bg_06_shiro_bottom.jpg);}
}
@media only screen and (max-width: 460px){
	ul#manju_list li p{
		width:90%;
		padding:50px 5% 15%;
	}
}