@charset "utf-8";

#title_wrap {
    background-image: url(../img/bg_title_menu_g.jpg);
    background-position: center top;
}

/* content
---------------------------------------- */
#content{
	text-align: center;
}
#content>h2{
	border-bottom: 1px solid #CCC;
	width:calc(100% - 50px);
	max-width:800px;
	padding-bottom: 25px;
	margin: 0 auto 40px auto;
}
#content img.copy{
	width:calc(100% - 80px);
	max-width:420px;
	margin: 0 auto 36px auto;
}
#content>p{
	width:calc(100% - 50px);
	max-width:800px;
	margin: 0 auto 20px auto;
	text-align: justify;
}
#content>h3{
	width:calc(100% - 50px);
	max-width:800px;
	margin: 0px auto 20px auto;
	padding-top: 30px;
	text-align: center;
}
#content>ul{
	width:calc(100% - 50px);
	max-width:800px;
	margin: 0px auto 40px auto;
}
#content>ul li{
	float: left;
	width:28.75%;
	max-width:230px;
}
#content>ul li:last-of-type{
	float: right;
}
#content>ul li.arrow{
	float: left;
	width:6.875%;
	max-width:55px;
	text-align: center;
	padding-top:9%;
}
#content>ul li.arrow img{
	width:25px;
}
#content>ul li img{
	width:100%;
}
#content>ul li p{
	text-align: center;
	font-size:13px;
	padding-top: 9px;
	line-height: 150%;
}
#content>p.guide{
	width:calc(100% - 50px);
	max-width:800px;
	margin: 0 auto 25px auto;
	text-align: center;
}


@media screen and (max-width:640px) {
	#content>h2{
		padding-bottom: 10px;
		margin: 0 auto 20px auto;
	}
	#content img.copy{
		width:calc(100% - 120px);
		margin: 0 auto 20px auto;
	}
	#content>p{
		margin: 0 auto 10px auto;
	}
	#content>h3{
		margin: 0px auto 10px auto;
		padding-top:5px;
		text-align: center;
		font-size:14px;
	}
	#content>ul{
		width:calc(100% - 50px);
		max-width:800px;
		margin: 0px auto 20px auto;
	}
	#content>ul li{
		width:30%;
	}
	#content>ul li:last-of-type{
	}
	#content>ul li.arrow{
		width:5%;
		padding-top:8%;
	}
	#content>ul li.arrow img{
		width:10px;
	}
	#content>ul li img{
		width:100%;
	}
	#content>ul li p{
		font-size:11px;
		padding-top: 6px;
		line-height: 140%;
	}
	#content>p.guide{
		margin: 0 auto 15px auto;
	}
}

/* content
---------------------------------------- */
#content .torinozoku{
	border: 1px dotted #999;
	width:calc(100% - 50px);
	max-width:800px;
	padding: 25px 20px 25px 35px;
	margin: 40px auto 50px auto;
	background-image: url("../img/bg_torinozoku.png?v=2");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right 2px center;
	border-radius: 5px;
}
#content .torinozoku h3{
	font-size:20px;
	font-weight: bolder;
	margin-bottom: 15px;
	text-indent: -10px;
}
#content .torinozoku ul{
	margin-bottom: 15px;
}
#content .torinozoku ul li{
	margin-bottom: 5px;
	font-size:17px;
}
#content .torinozoku ul li span.head{
	color:#99C033;
	margin-right: 3px;
	font-weight: bolder;
}
#content .torinozoku p{
	font-size:16px;
	font-weight: bolder;
}
@media screen and (max-width:640px) {
	#content .torinozoku{
		max-width:800px;
		padding: 20px 10px 15px 20px;
		margin: 20px auto 40px auto;
		background-size: 75% auto;
		background-position: right top 38px;
	}
	#content .torinozoku h3{
		font-size:18px;
		margin-bottom: 13px;
		text-indent: -10px;
	}
	#content .torinozoku ul{
		margin-bottom: 15px;
		padding-right: 100px;
		padding-left: 20px;
		text-indent: -20px;
		line-height: 160%;
	}
	#content .torinozoku ul li{
		margin-bottom: 10px;
		font-size:15px;
	}
	#content .torinozoku ul li span.head{
		color:#99C033;
		margin-right: 3px;
		font-weight: bolder;
	}
	#content .torinozoku p{
		font-size:15px;
	}
}

/* menulist
---------------------------------------- */
#menulist{
	clear: both;
	float: none;
	width:calc(100% - 50px);
	max-width:800px;
	/* margin: 60px auto 20px auto; */
	margin: 0px auto 20px auto;
	padding:0px 0 0px 0;
	/* border-top: 1px solid #CCC; */
	border-bottom: 1px solid #CCC;
}
#menulist>p.guide{
	text-align: left;
	font-size:16px;
	font-weight:normal;
}
#menulist>p.tax{
	text-align: right;
	margin-bottom: 10px;
}
#menulist>ul{
}
#menulist>ul li{
	border-top:1px dotted #999;
	padding:25px 0 25px 0;
}
#menulist>ul li h3{
	font-size:18px;
	margin-bottom: 10px;
}
#menulist>ul li h3 span{
	color:#CCC;
	color:rgba(247,84,35,0.4);
	color:#EBE18E;
	padding-right:4px;
}
#menulist>ul li p{
	font-size:15px;
	line-height: 170%;
	text-align: justify;
	margin-bottom:15px;
}
#menulist>ul li p.sejutsu{
	font-size:13px;
	padding-left:53px;
	text-indent: -53px;
	margin-bottom:0px;
}
#menulist>ul li p.sejutsu span{
	background-color:#99C033;
	padding:2px 10px 2px 10px;
	line-height: 100%;
	border-radius: 22px;
	margin-right: 8px;
	color:#FFF;
	font-weight: bolder;
	font-size:12px;
}
#menulist>ul li p.alert{
	font-size:12px;
	margin-bottom:20px;
}
#menulist>ul li p.menu{
	font-size:16px;
	margin-bottom:0px;
}
#menulist>ul li p.menu b{
	font-weight: bolder;
}


@media screen and (max-width:640px) {
	#menulist{
		margin:0px auto 20px auto;
		padding:0px 0 10px 0;
	}
	#menulist>p.guide{
		margin: 0 0 20px 0;
		width: 100%;
		font-size:15px;
		line-height: 160%;
	}
	#menulist>ul{
	}
	#menulist>ul li{
		padding:18px 0 12px 0;
	}
	#menulist>ul li h3{
		font-size:17px;
		margin-bottom: 10px;
	}
	#menulist>ul li h3 span{
	}
	#menulist>ul li p{
		font-size:14px;
		line-height: 150%;
		margin-bottom:10px;
	}
	#menulist>ul li p.sejutsu{
		font-size:13px;
		padding-left:53px;
		text-indent: -53px;
		margin-bottom:0px;
	}
	#menulist>ul li p.sejutsu span{
	}
	#menulist>ul li p.alert{
		font-size:12px;
		margin-bottom:20px;
	}
	#menulist>ul li p.menu{
		font-size:16px;
		margin-bottom:0px;
	}
	#menulist>ul li p.menu b{
		font-weight: bolder;
		display: block;
		padding-bottom: 5px;
		padding-left: 19px;
	}
	
}