@charset "UTF-8"; 
/**************************************** ヘッダー ****************************************/
@media all and (min-width: 0px)and (max-width: 780px){
	.header_box{
		width:100%;
		max-width:375px;
		margin:0px auto 0 auto;
	}
	.logo_box{
		float:left;
		width:30%;
		margin-top:10px;
		margin-left:10px;
	}
	.menu_button{
		float:right;
		width:10%;
		margin-top:5px;
		margin-right:0px;
		box-sizing:border-box;
	}
	.menu_icon{
		float:right;
		width: 100%;
		padding:5px 15px 0 0;
		box-sizing:border-box;
	}


/*********************************** メニュー ***********************************/
	.drawr {
		display: none;
		background-color: #fffcf8;
		position: absolute;
		width:980px;
		top: 0px;
		right: 0;
		width: 100%;
		padding: 0px;
		z-index: 300;
	}
	.btn_01 {
		display: block;
		z-index: 50;
	}

	.btn_close_box{
		height:50px;
		border-bottom:solid 4px #6c2618;
	}

	#menu {
		margin: 0;
		padding:30px 0 0 30px;
		list-style: none;
	}
	#menu li {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
	}
	#menu li a {
		color: #6c2618;
		display: block;
		padding: 6px;
	}
	#menu img {
		height:20px;
	}

	/*ロゴやサイトタイトルをセンタリング*/
	.logo-erea{
		text-align:center;
		margin:auto;
	}
	.closebtn{
		float:right;
		width: 10%;
		margin-top:5px;
		margin-right:0px;
		box-sizing:border-box;
	}
	.btn_11{
		width: 100%;
		padding:5px 15px 0 0;
		box-sizing:border-box;
	}
	.menu_list{
		width:80%;
		margin:30px auto 0 auto;
	}
	.menu_list .links{
		width:100%;
		padding:10px 0 10px 0;
		color:#333;
		font-weight:bold;
		margin:0 auto 0;
	}
	.menu_list .links a{
		color:#333;
	}
	.menu_list .links span{
		background-color:#d1c5b9;
		height:10px;
		padding-left:2px;
		padding-right:2px;
		width:3px;
		margin-right:5px;
	}

	.menu_list2{
		width:60%;
		margin:10px auto 30px auto;
	}
	.other_links{
		width:95%;
		margin:0 auto 0;
		padding:0px;
		box-sizing:border-box;
	}
	.menu_link_01{
		float:left;
		margin:15px 10px 10px 10px;
		padding-right:20px;
		width:45%;
		box-sizing:border-box;
	}
	.menu_link_02{
		float:left;
		width:50%;
		margin:0px;
		padding:25px;
		box-sizing:border-box;
	}
/*********************************** メニュー ***********************************/
}@media all and (min-width: 781px){
	.header_box{
		width:100%;
		max-width:1340px;
		margin:0px auto 0 auto;
	}
	.logo_box{
		float:left;
		width:18%;
		margin-top:20px;
		margin-left:0px;
		margin-bottom:20px;
	}
	.menu_button{
		float:right;
		width:20%;
		margin-top:30px;
		margin-right:30px;
		box-sizing:border-box;
	}
	.menu_icon{
		float:left;
		width:25%;
		padding:0 0 0 30px;
		box-sizing:border-box;
	}
/*********************************** メニュー ***********************************/
	.btn_01 {
		display: block;
		z-index: 50;
	}
	.drawr {
		display: none;
		background-color: #FFF;
		position: absolute;
		top: 0px;
		right: 0;
		width: 100%;
		padding: 0px;
		z-index: 300;
	}
	.btn_close_box{
		height:50px;
		border-bottom:solid 4px #000;
	}
	#menu {
		margin: 0;
		padding:30px 0 0 30px;
		list-style: none;
	}
	#menu li {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
	}
	#menu li a {
		color: #000;
		display: block;
		padding: 6px;
	}
	#menu img {
		height:20px;
	}
	.menu_box_subtitle{
		border-bottom:solid 1px #CCC;
		padding-top:50px;
		padding-bottom:30px;
	}

	/*ロゴやサイトタイトルをセンタリング*/
	.logo-erea{
		text-align:center;
		margin:auto;
	}
	.closebtn{
		float:right;
		width:5%;
		margin-top:15px;
		margin-right:5px;
	}
	.btn_11{
		width: 100%;
		padding:10px;
		box-sizing:border-box;
	}
	.menu_list{
		width:100%;
		margin:30px auto 0 auto;
	}
	.menu_list .links{
		width:100%;
		padding:15px 0 15px 0;
		color:#333;
		font-weight:bold;
		margin:0 auto 0;
	}
	.menu_list .links a{
		color:#333;
	}
	.menu_list .links a{
		content:"■"; 
		color:#333;
	}
	.menu_list .links span{
		background-color:#d1c5b9;
		height:10px;
		padding-left:2px;
		padding-right:2px;
		width:3px;
		margin-right:20px;
	}
	.menu_list .title{
		width:100%;
		padding:5px 0 5px 0;
		color:#6c2618;
		background-color: #eee2cc;
		font-weight:bold;
		margin:0 auto 0;
	}
	.menu_list2{
		width:80%;
		margin:10px auto 30px auto;
	}
	.menu_list2 .title{
		width:100%;
		padding:5px 0 5px 0;
		color:#333;
		background-color: #eee2cc;
		font-weight:bold;
		margin:0 auto 0;
	}
	.other_links{
		width:55%;
		margin:0 auto 0;
		padding:0px;
		box-sizing:border-box;
	}
	.menu_link_01{
		float:left;
		margin:15px 10px 10px 10px;
		padding-right:20px;
		width:45%;
		box-sizing:border-box;
	}
	.menu_link_02{
		float:right;
		width:15%;
		margin:5px;
		padding:10px;
		box-sizing:border-box;
	}
/*********************************** メニュー ***********************************/
}
/*ロゴやサイトタイトルをセンタリング*/
.drawr {
	overflow: scroll;
	position: fixed;
	top: 0;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
	.scroll-prevent {
	  /*動き固定*/
	  position: fixed;
	  /*奥行きを管理*/
	  z-index: -1;
	  /*下2つで背景を元のサイズのまま表示することができる*/
	  width: 100%;
	  height: 100%;
	}