@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;
	}
	.header_box{
		position:relative;
	}
	.header_box02{
		width:100%;
		max-width:375px;
		margin:0px auto 0 auto;
	}
	.header_box02{
		position:relative;
	}

	.logo_box{
		position:absolute;
		top:10px;
		left:15px;
		width:60%;
	}
	.logo{
		float:left;
		width:56%;
		margin:0 auto 0;
		text-align:left;
	}
	.logo img{
		margin: 0;
		margin-top: 15px;
		height:34px;
	}
	.drawr {
		display: none;
		background-color: #FFF;
		position: absolute;
		width:980px;
		top: 0px;
		right: 0;
		width: 100%;
		padding: 0px;
		z-index: 300;
	}
	.menu_button{
		float:right;
		width:20%;
		padding-top:0px;
		padding-right:0px;
		position:relative;
	}
	.menu_header{
		width:100%;
		max-width:375px;
		margin:0px auto 0 auto;
		border-bottom:solid 1px #FFF;
	}
	.menu_img_logo{
		padding-bottom:10px;
		padding-top:10px;
	}
	.menu_img_logo img{
		width:20px;
		height:20px;
	}
/*********************************** メニュー ***********************************/
	.drawr {
		display: none;
		background-color: #FFF;
		position: absolute;
		width:980px;
		top: 0px;
		right: 0;
		width: 100%;
		padding: 0px;
		z-index: 300;
	}
	.btn_01 {
		display: block;
		z-index: 50;
		position: absolute;
		top: 22px;
		right: 16px;
	}
	.btn_11{
		float:right;
		width:90px;
		padding:23px 16px 20px;
		box-sizing:border-box;
	}
	.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;
	}

	/*ロゴやサイトタイトルをセンタリング*/
	.logo-erea{
		text-align:center;
		margin:auto;
	}
	.closebtn{
		text-align:right;
		padding:20px 10px 20px;
	}
	.menu_list .title{
		text-align:center;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
	}
	.menu_list .links{
		width:80%;
		text-align:ff1902;
		padding:10px 0 10px 0;
		color:#ff1902;
		font-weight:bold;
		border-bottom:solid 1px #ff1902;
		text-align:center;
		margin:0 auto 0;
	}
	.menu_list .links a{
		color:#ff1902;
	}
/*********************************** メニュー ***********************************/
}@media all and (min-width: 781px){
	.header_box{
		width:100%;
		max-width:980px;
		margin:0px auto 0 auto;
	}
	.header_box{
		position:relative;
	}
	.header_box_menu{
		width:100%;
		max-width:980px;
		margin:0px auto 0 auto;
	}

	.header_box02{
		width:100%;
		max-width:1200px;
		margin:0px auto 0 auto;
	}
	.header_box02{
		position:relative;
	}

	.logo_box{
		position:absolute;
		top:20px;
		left:105px;
		width:30%;
	}
	.menu_button{
		float:right;
		width:9%;
		margin-top:0px;
		margin-right:95px;
		position:relative;
	}
	.menu_header{
		height:180px;
		border-bottom:solid 1px #FFF;
	}

	.menu_img_logo img{
		width:36px;
		height:36px;
		padding-top:10px;
	}
/*********************************** メニュー ***********************************/
	.btn_01 {
		display: block;
		z-index: 50;
		position: absolute;
		top: 32px;
		right: 10px;
	}
	.btn_11{
		float:right;
		width:90px;
		margin-top:10px;
		margin-right:90px;
		width:8%;
		box-sizing:border-box;
	}
	.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{
		text-align:right;
		padding:20px 10px 20px;
	}
	.menu_list .title{
		text-align:center;
		padding:0px;
		margin-top:50px;
		margin-bottom:50px;
	}
	.menu_list .links{
		width:50%;
		text-align:ff1902;
		padding:20px 0 20px 0;
		color:#ff1902;
		font-weight:bold;
		border-bottom:solid 1px #ff1902;
		text-align:center;
		margin:0 auto 0;
	}
	.menu_list .links a{
		color:#ff1902;
	}

/*********************************** メニュー ***********************************/
}
/*ロゴやサイトタイトルをセンタリング*/
.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%;
	}