body {
  /* 画像ファイルの指定 */
  background-image: url(moca.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	align-content: left;
}

.menu{
	margin-left: 50px;
    padding-top: 5px;
	text-align: right;
}
.menu > a{
	margin-left: 10px;
	
}
.insta{
	align-content: right;
	width: 60px;
	length:60px;
}
.mainlogo{
	align-content: left;
	margin-top: 60px;
	padding-top: 30px;
}
.menutitle{
	text-align:  left;
	margin-top: 35px;
	padding: 20px;
}

footer{
    position: center;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
footer .info {
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
    text-align: center;
    color: #ffffff;
	margin: 100px 0 60px;
}
footer .contact-box {
    display: inline-block;
    text-align: center;
	border: 1px dotted #ffffff;
    margin-top: 40px; 
	padding: 10px 20px;
    letter-spacing: .3em;
}
footer .copyright {
    font-size: 9px;
    color: #ffffff;
    padding: 10px 0;
}