@charset "UTF-8"; 
@media only screen and (max-width: 768px) {
	.header_box{
		width:100%;
		max-width:375px;
		margin:0px auto 0 auto;
	}
	.logo_box{
		float:left;
		width:75%;
		margin-top:0px;
		margin-left:0px;
	}
	.hamburger{
		float:right;
		width:15%;
		margin-top:25px;
		margin-right:5px;
		box-sizing:border-box;
	}
/*********************************** メニュー ***********************************/
  .nav {
    position: fixed;
    right: -100%; /* 右から出てくる */
    top: 0;
    width: 100%; /* スマホに収まるサイズ */
    height: 100vh;
    padding-top: 0px;
    background-color: #fff;
    z-index: 200;
    overflow-y: auto; /* メニューが多くなったらスクロール */
  }
  /* 表示された時用のCSS */
  .nav-open .nav {
    right: 0;
  }
	.nav_list{
		width:80%;
		margin:30px auto 0 auto;
	}
	.nav_list .links{
		width:100%;
		padding:10px 0 10px 20px;
		color:#333;
		font-weight:bold;
		margin:0 auto 0;
		border-top:solid 5px #fff1de;
	}
	.nav_list .links a{
		color:#333;
	}
	.nav_list .links span{
		background-color:#c00012;
		height:10px;
		padding-left:2px;
		padding-right:2px;
		width:3px;
		margin-right:5px;
	}



}@media only screen and (min-width: 769px) {
	.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:5%;
		margin-top:20px;
		margin-right:30px;
		box-sizing:border-box;
	}
/*********************************** メニュー ***********************************/
  .nav {
    position: fixed;
    right: -100%; /* 右から出てくる */
    top: 0;
    width: 100%; /* スマホに収まるサイズ */
    height: 100vh;
    padding-top: 0px;
    background-color: #fff;
    z-index: 200;
    overflow-y: auto; /* メニューが多くなったらスクロール */
  }
  .hamburger {
		float:right;
		width:5%;
		margin-top:20px;
		margin-right:30px;
		box-sizing:border-box;
  }

  /* 表示された時用のCSS */
  .nav-open .nav {
    right: 0;
  }
	.nav_list{
		width:100%;
		margin:30px auto 0 auto;
	}
	.nav_list .links{
		width:100%;
		padding:15px 0 15px 0;
		color:#333;
		font-weight:bold;
		margin:0 auto 0;
    border-top:solid 5px #fff1de;
  }
	.nav_list .links a{
		color:#333;
	}
	.nav_list .links a{
		content:"■"; 
		color:#333;
	}
	.nav_list .links span{
		background-color:#c00012;
		height:10px;
		padding-left:2px;
		padding-right:2px;
		width:3px;
		margin-right:20px;
	}
}/* pc */