@charset "utf-8";@charset "utf-8";


.menu_area{
	width:100%;
	margin:0 auto;
	background:#F9FAFA;
	position:absolute;
	top:0px;
	left:0;
	z-index:9999;
	padding:30px 10px;
	box-sizing:border-box;
}
.menu_area img{
	width:100%;
}
.menu_area .close_btn{
	width:10%;
	position:absolute;
	top:5px;
	right:10px;
}
.menu_area .title{
	margin:0 auto 15px;
	text-align:center;
	/*background:#F9FAFA;*/
}
.menu_area .title2{
	margin:0 auto 5px;
	color:#221714;
	text-align:center;
	font-size:120%;
}
.menu_area a{
	text-decoration:none;
}
.menu_area .btn_area{
	width:100%;
	margin:0 auto 30px;
}
.menu_area .btn_area > li{
	width:100%;
	padding:10px 0;
	border:2px solid #221714;
	box-sizing:border-box;
	margin:10px auto 0;
}
.menu_area .btn_area div > li{
	width:100%;
	border-top   :1px solid #221714;
	border-left  :2px solid #221714;
	border-right :2px solid #221714;
	border-bottom:2px solid #221714;
	box-sizing:border-box;
	margin:0 auto 0;
	display:none;
}
.menu_area .btn_area div > li a dl{
	padding:10px 0;
}
.menu_area .btn_area2{
	width:100%;
	margin:0 auto 30px;
}
.menu_area .btn_area2 li{
	width:100%;
	padding:10px 0 5px;
	border-bottom:2px solid #221714;
	box-sizing:border-box;
	margin:0 auto 10px;
}
.menu_area dl{
	display:table;
	width:100%;
}
.menu_area .btn_area dt{
	color:#221714;
	text-align:center;
	display:table-cell;
	font-size:90%;
	padding-top:3px;
	box-sizing:border-box;
}
.menu_area .btn_area dd{
	color:#221714;
	text-align:right;
	display:table-cell;
	width:18px;
	padding-right:8px;
	vertical-align:middle;
}
.menu_area .btn_area dd img{
	vertical-align:middle;
}
.menu_area .btn_area2 dt{
	color:#221714;
	text-align:left;
	display:table-cell;
	padding-left:8px;
	box-sizing:border-box;
	font-size:82%;
	line-height:130%;
	vertical-align:bottom;
}
.menu_area .btn_area2 dd{
	color:#221714;
	text-align:right;
	display:table-cell;
	width:18px;
	padding-right:8px;
	vertical-align:bottom;
}

@media screen and (max-width: 641px) {
	.pc-only{
		display:none;
	}
	.sp-only{
		display:block;
	}
	.nav-sub-menu {
	display:none;
	background-color: transparent;
	border-top:none;
	font-size: 0;
	height:0px;
	}
	.nav-sub-ul{
	display:none;
	background-color:transparent;
	height:0px;
	}
	
	#container{
	width:100%;
	}
	.header {
	height:100%;
	width:100%;
	}
	.outer-wrapp{
	height:100%;
	}
	.inner-wrapp{
	width:100%;
	}
	.footer{
	width:100%;
	}
	#contents-area{
	width:100%;
	}
	.main_contents{
	width:100%;
	}
	
	
	.header-logo{
	position: relative;
	left:auto;
	top:auto;
	z-index: 10;
	width:100%;
	text-align:center;
	background:#FFF;
	}
	.header-logo img{
	width:100%;
	max-width:600px;
	margin:0 auto;
	}
	

/*********************
	menu
*********************/

.menu_icon_area{
	width:100%;
	position:fixed;
	/*top:10px;
	right:0;*/
	z-index:999;
	/*top:5px;
	right:10px;*/
	height:auto;
	border-bottom:2px solid #000;
	
}

.menu_icon_area .icon{
}
.menu_icon_area .icon a{
	display:block;
}
.menu_icon_area .icon img{
	width:100%;
}
.menu_icon_area li{
	float:right;
	/*margin-bottom:20px;*/
}
.menu_icon_area .icon .menu{
	width:10%;
	position:fixed;
	top:10px;
	right:0;
	z-index:999;
	width:10%;
	position:absolute;
	top:5px;
	right:10px;
}

	/*-----------------------------------
	+ footer
	------------------------------------*/
	.footer{
	position: relative;
	width:100%;
	margin:0 auto;
	overflow: hidden;
	text-align:center;
	}
	.footer_navs{
		display:none;
	}
	.footer-bottom {
	background-color: #FFF;
    height: auto;
    padding-top: 0;
	position: relative;
	width:100%;
	}
	.footer-left-logo {
		display:none;
	}
	.footer-bottom  a{
	color: #FFF;
	}
	.footer-logo {
	width:100%;
	}
	.footer-logo img{
	width:100%;
	}
	.footer-btn {
	text-align: center;
	position: relative;
	font-size: 12px;
	width:100%;
	margin:10px 0;
	}
	.footer-btn li {
	display: inline;
	width:auto;
	}
	.footer-btn li.btn01 {
	margin-left:10px;
	}
	.footer-btn li.btn02 {
	margin-left:-10px;
	}
	.footer-btn img{
	width:40%;
	}
	}

@media screen and (max-width: 350px) {
.menu_icon_area .icon .menu{
	top:0px;
}
	}