@charset "UTF-8";

/* 共通部分
-------------------------------*/
html{
  font-size: 100%;
}

body {
  background: url(../images/coffee-pot.jpg)  no-repeat center top/cover;
  max-height: 100%;
  line-height: 1.7;
}

h1 {
  color: #734E38;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

h2 {
  color: #734E38;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

h3 {
 color: #734E38;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

p {
  color: #9DA65D;
  font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", sans-serif;
}

a {
  color: #9DA65D;
  font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", sans-serif;
  text-decoration: none;
}

ul {
  list-style-type: none;
}

.main-nav {
  display: flex;
  text-transform: uppercase;
  margin-top: 34px;
  list-style: none;
}

.main-nav li{
  margin-left: 36px;
}

.main-nav a:hover {
  color: #0bd;
}

.page-header {
  display: flex;
  justify-content: space-between;
}

.wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 4%;
}