/*/////////////ベースコード////////////////*/

body {
	font-family: 'M PLUS 1', 'Noto Sans JP', 'Noto Serif JP', sans-serif;
	max-width: 800px;
	margin: auto;
	background-color: #dcdcdc;
}

img{
	max-width: 100%;
	vertical-align: bottom;	
}

.usuku:hover{
    opacity: 0.7;
}

.nidan{
	display:flex;
	justify-content: center;
	align-items: center; 
}

.takasa10{
	height:5px;
}

.takasa20{
	height:20px;
}


.takasa40{
	height:40px;
}

.p10{padding:5px;}

/*/////////////viewport start////////////////*/
@media screen and (max-width:800px){

	body{
		background-color: white;
	}

	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
	  content: '';
	  display: block;
	  height: 4px;
	  width: 32px;
	  border-radius: 4px;
	  background-color: black;
	  position: absolute;
	}	

.takasa10{
	height:5px;
}

.takasa20{
	height:20px;
}

.takasa40{
	height:40px;
}

.p10{padding:5px;}

/*/////////////viewport end////////////////*/
}