@charset "UTF-8";

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

	#wrapper{
		font-size:1.65em;
		color:#212121;
		min-width:initial;
		min-width:auto;
	}

	.pc_wrap #wrapper {
		min-width:initial;
		min-width:auto;
	}

	body.pc_wrap .content_wrap{
		width:auto;
	}


	.pc{
		display:none !important;
	}

	.sp{
		display:block !important;
	}

	header{
		position:fixed;
		background-color: #f9f9f9;
	}

	#megatop{
		visibility:hidden;
	}


	.sp_header>a{
		display:block;
		width:50%;
	}


	.sp_header>a:hover img{
		opacity:1;
	}

	.sp_header .control_right{
		width:50%;
		position:absolute;
		right:0;
		top:0;
		margin-top:2.7%;
	}

	.sp_header .language{
		width:61.25%;
		float:left;
		margin-left:0;
		max-width: initial;
		max-width: auto;
	}

	.sp_header .language .jp,
	.sp_header .language .en{
		width:50%;
		float:left;
		max-width: initial;
		max-width: auto;
	}

	header .language p{
		line-height:2.2;
		font-size:0.75em;
	}

	header .language>div.active p{
		color:#0068b7;
	}

	.sp_header .btns{
		width:30.6%;
		float:right;
		margin-right:4.37%;
	}

	.sp_header .search{
		width:48.9%;
		float:left;
		visibility:hidden;
	}

	.sp_header .menu_open{
		width:51.1%;
		float:left;
	}

	#sp_menu{
		position:fixed;
		top:0;
		height:100%;
		width:100%;
		background-color: rgba(0,0,0,0.6);
		z-index:10;
		font-size:1.6em;
		visibility:hidden;
		-webkit-transform:translateX(110%);
		transform:translateX(110%);
		-webkit-transition:-webkit-transform 0.4s ease-out;
		transition:transform 0.4s ease-out;
	}

	#sp_menu.show{
		visibility:visible;
		-webkit-transform:translateX(0%);
		transform:translateX(0%);
	}

	#sp_menu.hide{
		visibility:visible;
		-webkit-transform:translateX(110%);
		transform:translateX(110%);
	}

	#sp_menu header{
		background:none;
	}

	#sp_menu .menu_close{
		width:7.81%;
		float:right;
		margin-right:2.18%;
		margin-top:2.7%;
	}

	/*#sp_menu .back_right{
		position:absolute;

		width:64.4%;
		height:100%;
		right:0;

	}*/

	#sp_menu .content_wrap{
		top:0;
		/*background-color:#00345c;*/
		background-color: #eceff1;
		width:64.4%;
		height:100%;
		position:absolute;
		right:0;
	}

	#sp_menu form,
	#sp_menu ul{
		width:83.5%;
		margin:23% auto 15%;
		position:relative;
	}

	#sp_menu form{
		background-color:#fff;
	}

	#sp_menu form.hide img{
		opacity:0;
	}

	#sp_menu ul{
		margin-top: 0;
		margin-bottom: 6.0%;
	}
	#sp_menu ul li{
		/*line-height: 1;
		margin-bottom:9.5%;*/
		font-weight:normal;
		position: relative;
	}
	#sp_menu ul li span{
		color: #000;
		text-decoration:none;
		position: absolute;
		vertical-align:middle;
		top: 0.8em;
	}

	#sp_menu .social_btn {
		width: 34%;
	}
	#sp_menu .social_btn .sp_facebook{
		width: 34%;
		float:left;
	}
	#sp_menu .social_btn .sp_twitter{
		width: 34%;
		float:right;
	}

	#sp_menu form {
		margin-top: 20%;
		margin-bottom: 8%;
	}
	#sp_menu form img{
		display:block;
	}
	#sp_menu form input{
		display:block;
		position:absolute;
		top:0;
		-webkit-appearance:none;
		appearance:none;
		border:none;
		background-color:rgba(255,0,0,0);
		font-size:1em;
		margin: 1.5% 0 0 5%;
		width: 90%;
		line-height: 1;
	}

	footer{
		padding-bottom:10.63%;
	}
	footer.tmp {
		padding-top: 0.15em;
	}
	footer .footer_social{
		width:23.9%;
		margin:0 auto;
		padding:9.38% 0;
	}
	footer .footer_facebook{
    width: 38%;
		float:left;
	}
	footer .footer_twitter{
		width: 32%;
		float:right;
	}
	footer .footer_banner_set{
		padding-top:0;
		margin-bottom:9.38%;
	}
	footer .footer_banner_set ul{
		border-top:solid #cfd8dc 1px;
	}
	footer .sp .footer_banner{
		float:left;
		margin-left:0;
		margin-right:0;
		max-width:none;
		width:50%;
		border-bottom:solid #cfd8dc 1px;
		box-sizing:border-box;
	}
	footer .sp .footer_banner.r_border{
		border-right:solid #cfd8dc 1px;
	}
	footer .footer_sub{
		font-size:0.64em;
		width:100%;
		text-align:center;
	}
	footer .footer_copy_left{
		float:none;
		font-size:0.64em;
		width:100%;
		text-align:center;
		margin-bottom:7.81%;
	}
	footer .footer_copy_right{
		float:none;
		font-size:0.5em;
		width:100%;
		text-align:center;
	}
	footer .footer_sub a,
	footer .footer_sub a:visited,
	footer .footer_copy_left a,
	footer .footer_copy_left a:visited{
		color:#000;
	}


}