@charset "UTF-8";

/*----------------------------------------------
	
	header

----------------------------------------------*/

@media screen and (max-width:750px) {
	
	#main_header {
		margin-bottom:1em;
	}
	
	#logo_area {
		background-color:#fff;
		height:45px;
		position:relative;
	}
	
	#main_header .logo {
		margin-left:4%;
		padding-top:2%;
	}
	
	.logo img {
		width:100px;
		height:auto;
	}
	
	#icon_menu,
	#icon_close {
		position:absolute;
		right:10px;
		top:12px;
	}
	
	#icon_menu img,
	#icon_close img {
		width:27px;
		height:22px;
	}


}

@media screen and (min-width:751px) {

	#main_header {
		background-color:#fff;
		height:75px;
		padding-top:7px;
	}
	
	.logo {
		float:left;
		width:203px;
		margin-right:50px;
	}
		
	.logo img {
		width:203px;
		height:auto;
	}

	nav.hd_menu {
		float:left;
		padding-top:30px;
	}
	
	nav.hd_menu ul li {
		float:left;
		margin-right:32px;
	}
	
}

/*----------------------------------------------
	
	mv

----------------------------------------------*/

@media screen and (min-width:751px) {
	
	#mv {
		max-height:227px;
		overflow:hidden;
	}
	
	#mv img {
		width:100%;
		height:auto;
	}
}

/*----------------------------------------------
	
	menu_overlay

----------------------------------------------*/

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

	#menu_overlay {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0;
		z-index: 100;
		background-color:#fff;
		padding:20px 0;
		text-align:center;
		display:none;
	}
	
	#menu_overlay .logo img {
		width: 47px !important;
	   height: 109px !important;
	}
	
	nav.hd_menu ul {
		width:100px;
		margin:0 auto;
	}
	
	nav.hd_menu ul li {
		float:left;
		margin-right:60px;
	}
	
	nav.hd_menu ul li:last-child {
		margin-right:0;
	}
	
	nav.hd_menu ul li img {
		width:17px;
		height:auto;
	}

}

/*----------------------------------------------
	
	bnr_area

----------------------------------------------*/

#bnr_area {
	text-align:center;
}

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

	#bnr_area img {
		width:308px;
		height:95px;
	}

}

@media screen and (min-width:751px) {

	#bnr_area li {
		display:inline;
		margin-right:20px;
	}
	
	#bnr_area li.last-child {
		margin-right:0 !important;
	}

}

/*----------------------------------------------
	
	footer

----------------------------------------------*/

#pagetop img {
	width:110px;
	height:44px;
}

#copyright {
	background-color:#6e6a67;
	color:#fff;
	text-align:center;
}

#footer_menu li a span {
	font-size: 11px;
}

@media screen and (max-width:750px) {
	
	#pagetop {
		text-align:center;
		margin-bottom:20px;
	}
		
	#footer_menu ul li a {
		display: block;
		position: relative;
		padding: 16px 25px 16px 10px;
		border-bottom: 1px solid #d9d9d9;
		background: #fff;
	}
	
	#footer_menu ul li a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		margin: -4px 0 0 0;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);	
	}
	
	#copyright {
		font-size:1.2rem;
		padding:0.3em 0;
	}

}

@media screen and (min-width:751px) {

	#pagetop {
		position:absolute;
		right:20px;
		top:-70px;
	}

	#main_footer {
		background-color:#fff;
		position:relative;
		margin-top:70px;
		padding-top:25px;
	}
	
	#main_footer .pc_inner {
		background-image:url(../images/common/footer_bg.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
	}
	
	#footer_menu {
		margin:-50px 0 0 250px;
	}
	
	#footer_menu li {
		margin-bottom:26px;
	}
	
	#footer_menu li a {
		background:url(../images/common/arw_right.png) no-repeat left center;
		padding-left:15px;
	}
		
	#footer_menu1 {
		float:left;
		width:196px;
	}
	
	#footer_menu2 {
		float:left;
		width:196px;
	}

	#copyright {
		font-size:12px;
		padding:5px 0;
	}

}