/*共通設定*/
body,h1,h2,h3,ul,li,p,img,dt,dd{
	padding: 0;
	margin: 0;
}

html {
 overflow-y: scroll;
}

img{
	vertical-align: bottom;
}

body{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color:#2A2A2A;
	margin: 0 auto;
}

ul{
	list-style-type: none;
}

a{
	text-decoration: none;
}

#menu-btn-check {
		display: none;
}

h1{
	width: 300px;
}


@media screen and (max-width:850px) {
		/*ハンバーガーメニュー*/
		.nav ul {
				display: block !important;
		}
		.menu-btn {
				position: fixed;
				top: 1.5vh;
				right: 5%;
				display: flex;
				height: 50px;
				width: 50px;
				justify-content: center;
				align-items: center;
				z-index: 90;
		}
		.menu-btn span, .menu-btn span:before, .menu-btn span:after {
				content: '';
				display: block;
				height: 2px;
				width: 30px;
				background-color: #2a2a2a;
				position: absolute;
		}
		.menu-btn span:before {
				bottom: 8px;
		}
		.menu-btn span:after {
				top: 8px;
		}
		#menu-btn-check:checked ~ .menu-btn span {
				background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
		}
		#menu-btn-check:checked ~ .menu-btn span::before {
				bottom: 0;
				transform: rotate(45deg);
		}
		#menu-btn-check:checked ~ .menu-btn span::after {
				top: 0;
				transform: rotate(-45deg);
		}
		#menu-btn-check {
				display: none;
		}
		.menu-content {
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 80;
		}
		.menu-content ul {
				padding: 10vh 10% 0;
		}
		.menu-content ul li {
				border-bottom: solid 1px #2A2A2A;
				list-style: none;
		}
		.menu-content ul li a {
				display: block;
				width: 100%;
				box-sizing: border-box;
				color: #2A2A2A;
				text-decoration: none;
				padding: 25px 15px 25px 5px;
				position: relative;
				font-weight: 300;
				letter-spacing: 0.1em;
		}
		.menu-content ul li a::before {
				content: "";
				width: 7px;
				height: 7px;
				border-top: solid 1px #2A2A2A;
				border-right: solid 1px #2A2A2A;
				transform: rotate(45deg);
				position: absolute;
				right: 11px;
				top: 45%;
		}
		.menu-content {
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 100%; /*leftの値を変更してメニューを画面外へ*/
				z-index: 80;
				background-color: #fff;
				transition: all 0.5s; /*アニメーション設定*/
		}
		#menu-btn-check:checked ~ .menu-content {
				left: 0; /*メニューを画面内へ*/
		}

}
/*W601px以上のナビゲーション表示*/
@media screen and (min-width:601px) {
		nav ul {
				display: flex !important;
		}
}