@charset "utf-8";
/* new_footer */

.pc_only { display: none; } 
.sp_only { display: block; } 


#new_footer { 
	color: #262626;
}

#new_footer_left #new_footer_title { font-size: 120%; /*calc( 40 / 30 * 100%)*/ }
#new_footer_left #new_footer_title span {/*font-size: calc( 30 / 30 * 100%);*/ font-size: 0.75em; }
#new_footer_left ul#new_footer_navi li { font-size: 100%; /*calc( 30 / 30 * 100%)*/ }
@media screen and (max-width: 700px) {#new_footer_left { font-size: 28px; }}
@media screen and (max-width: 620px) {#new_footer_left { font-size: 26px; }}
@media screen and (max-width: 570px) {#new_footer_left { font-size: 24px; }}
@media screen and (max-width: 530px) {#new_footer_left { font-size: 22px; }}
@media screen and (max-width: 490px) {#new_footer_left { font-size: 20px; }}
@media screen and (max-width: 450px) {#new_footer_left { font-size: 18px; }}
@media screen and (max-width: 410px) {#new_footer_left { font-size: 16px; }}
@media screen and (max-width: 370px) {#new_footer_left { font-size: 14px; }}
@media screen and (max-width: 340px) {#new_footer_left { font-size: 13px; }}


#new_footer_outer {
	width: 100%;
	margin: 0;
	background-color: #ddeeff;
	overflow: hidden;
}

#new_footer_right {
	display: none;
}

#new_footer_left {
	width: 100%;
}

	#new_footer_left #new_footer_title {
		width: 92%;
		padding: 4%;
		background-color: #11aaee;
	}

	#new_footer_left #new_footer_title a {
		display: block;
		color: #fff;
	}

	#new_footer_left #new_footer_title span {
		/*display: inline-block;*/
		display: block;
		margin-bottom: 10px;
	}

	#new_footer_left ul#new_footer_navi {
		display: 100%;
	}

	#new_footer_left ul#new_footer_navi li {	
		border-bottom: 2px solid #adc4d2;
		background-color: #ddeeff;
		float: left;
		width: 100%;
	}

	#new_footer_left ul#new_footer_navi li a {
		display: block;
		padding: 5.3% 4%;
	}

	#new_footer_left ul#new_footer_navi li:last-child {
		border: none;
	}
	#new_footer_left ul#new_footer_navi li.short {	
		width: calc( (100% - 2px) / 2);
	}

	#new_footer_left ul#new_footer_navi li.short a {	
		padding: 10.6% 8%;
	}

	#new_footer_left ul#new_footer_navi li.short:nth-child(odd) {	
		border-right: 2px solid #adc4d2;
	}

	#new_footer_left ul#new_footer_navi li.fnavi_inactive a {
		color: rgba(51,51,51,0.3);
	}