@charset "utf-8";

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

/*@media screen and (max-width: 900px) {

#footer .footer_in01 ul.banner {
	width: 500px;
}

#footer .footer_in01 ul.banner li {
	margin: 0 10px;
}

#footer .footer_in01 ul.banner li.li01 {
	margin-bottom: 10px;
}

#footer .footer_in01 ul.banner li.li02 {
	margin-bottom: 10px;
}

#footer .footer_in01 ul.banner li.li03 {
	margin-bottom: 0;
}

#footer .footer_in01 ul.banner li.li04 {
	margin: 0 161px;
}

}*/

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

#cont .cont_in .logo_oidemase {
	position: absolute;
	width: 468px;
	bottom: 30px;
	left: 50%;
	margin-left: -234px;
}


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

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

#footer .footer_in01 ul.banner li.li01 {
	width: 100%;
	height: auto;
	max-width: 234px;
	max-height: 92px;
	max-height: -webkit-calc(234 / 250 * 98px);
	max-height: calc(234 / 250 * 98px);
}

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

#footer .footer_in01 ul.banner li.li03 {
	width: 100%;
	height: auto;
	max-width: 234px;
	max-height: 69px;
	max-height: -webkit-calc(234 / 340 * 100px);
	max-height: calc(234 / 340 * 100px);
}

#footer .footer_in01 ul.banner li.li04 {
	width: 100%;
	height: auto;
	max-width: 410px;
	max-height: 88px;
}


}

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



}


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


#detail .oidemase_box .boxL {
	margin: 0 0 30px 0;
	width: 100%;
	float: none;
}

#detail .oidemase_box .boxR {
	margin: 0;
	width: 100%;
	float: none;
}

}


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

#cont .cont_in .logo_oidemase {
	position: absolute;
	width: 100%;
	bottom: 30px;
	left: 0;
	margin-left: 0;
}

}