@charset "utf-8";

/*==========================================================================
　　Smart phone
==========================================================================*/

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

#cont .cont_in .logo_hinata {
	width: 50%;
}

}

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

#cont .cont_in .logo_hinata {
	width: 48%;
}

#cont .cont_in .logo_hinata_c {
	position: absolute;
	width: 200px;
	bottom: 25px;
	left: 50%;
	margin-left: -100px;
}

.mangos_history .box {
	width: 100%;
	margin: 0;
	padding: 40px 40px 1px;
}

.mangos_history .box p {
	text-align: left;
}

.mangos_history .box dl dd {
	margin-left: 80px;
}

ul.shinwa_kami {
	width: 100%;
	margin: 0 auto;
}

ul.shinwa_kami li {
	margin-bottom: 20px;
}

ul.shinwa_kami li .photo {
	width: 25%;
}

ul.shinwa_kami li .txt {
	width: 75%;
}

ul.shinwa_kami li .txt .name {
	font-size: 18px;
}

#footer .footer_in01 ul.banner {
	width: 100%;
	margin: 0;
}

#footer .footer_in01 ul.banner li {
	margin: 0 auto 20px;
	float: none;
}

#footer .footer_in01 ul.banner li.li01 {
	width: 100%;
	height: auto;
	max-width: 235px;
	max-height: 55px;
}

#footer .footer_in01 ul.banner li.li02 {
	width: 100%;
	height: auto;
	max-width: 300px;
	max-height: 90px;
}

#footer .footer_in01 ul.banner li.li03 {
	width: 100%;
	height: auto;
	max-width: 234px;
	max-height: 60px;
}

}


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

#cont .cont_in .logo_hinata {
	width: 70%;
}

.mangos_history .box {
	padding: 40px 20px 1px;
}

.mangos_history .box dl dd {
	margin-left: 70px;
}

.shinwa_story .ttl {
	text-align: center;
	font-size: 140%;
	color: #314DA4;
	margin-bottom: 10px;
}

.shinwa_story ul li {
	width: 100%;
	float: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.shinwa_story ul li.s01 {
	border-right: none;
	border-bottom: dotted 1px #314DA4;
	border-top: solid 1px #314DA4;
	padding-top: 10px;
}

.shinwa_story ul li.s02 {
	border-right: none;
	border-bottom: dotted 1px #314DA4;
}

.shinwa_story ul li.s03 {
	border-right: none;
	border-bottom: dotted 1px #314DA4;
}

.shinwa_story ul li.s04 {
	border-right: none;
	border-bottom: dotted 1px #314DA4;
	margin-bottom: 0;
}

}