@charset "UTF-8";
/* CSS Document */

:root {
  --main-color: #48bfad;
}

#notting-hill p.lead {
  margin: 0 0 20px;
}

#notting-hill .box {
  border: 1px solid var(--main-color);
  padding: 20px;
  margin: 0 0 50px;
}

#notting-hill .box strong.box--strong {
  font-size: 18px;
  color: var(--main-color);
}

#notting-hill a {
  text-decoration: underline;
  color: var(--main-color);
}

#notting-hill a:hover {
  text-decoration: none;
}

#notting-hill .photo {
  text-align: center;
}

#notting-hill h1 {
  font-size: 30px;
  color: var(--main-color);
  line-height: 1.5;
  margin: 10px 0;
}

#notting-hill h1 span {
  font-size: 70%;
}

#notting-hill h2 {
  font-size: 20px;
  color: var(--main-color);
}

#notting-hill h2 span {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: var(--main-color) 1px solid;
  background: var(--main-color);
  color: #fff;
  text-align: center;
  float: left;
  line-height: 40px;
  font-weight: bold;
  font-size: 18px;
  margin: -7px 15px 0 0;
  display: block;
}

/* responsive */
body.white .site .pc {
  display: none;
}

body.white .site #notting-hill h1 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 6.8vw;
  font-weight: bold;
  line-height: 1.2em;
}