@charset "UTF-8";
/* --------------------
  Bunt Inc.
  案件名：
  mishima
-------------------- */

/* --------------------
  constants
-------------------- */
:root {
  --base_color: #fff; /* ベースカラー */
  --main_color: #fff; /* メインカラー */
  --accent_color: #fff; /* アクセントカラー */
  --font_color: #333; /* ベースの文字色  */
  /* ゴシック体 */
  --font_family: "Noto Sans JP",
                 "Helvetica Neue",
                 "Helvetica",
                 "Hiragino Sans",
                 "Hiragino Kaku Gothic ProN",
                 "Arial",
                 "Yu Gothic",
                 "Meiryo",
                 sans-serif;
  /* 明朝体 */
  /*--font_family: "Times New Roman",
                   "YuMincho",
                   "Hiragino Mincho ProN",
                   "Yu Mincho",
                   "MS PMincho",
                   serif;*/
}


/* --------------------
  base
-------------------- */
:root {
  font-size: 62.5%;
}
* {
  margin-top: 0;
}
body {
  background-color: var(--base_color);
  background-image: url(../img/bg.jpg);
  background-repeat: repeat;
  color:  var(--font_color);
  font-family: var(--font_family);
  font-size: 1.6rem;
  line-height: 1.75em;
}
h1, h2, h3, h4, h5, h6{
  line-height: 1.3em;
}
h1 {
  font-size: 4.5rem;
}
h2 {
  font-size: 3.2rem;
}
h3 {
  font-size: 2.4rem;
}
h4 {
  font-size: 2rem;
}
h5 {
  font-size: 1.6rem;
}
h6 {
  font-size: 1.6rem;
}
p {
  font-size: 1.6rem;
}
ul, ol {
  padding-inline-start: 0; /* list-styleを設定する場合は要調整 */
  list-style: none;
}
dd {
  margin-inline-start: 0;
}
img {
  max-width: 100%;
}


/* --------------------
  main
-------------------- */
main {
  padding: 4rem 5%;
}

.container {
  max-width: 770px;
}

.shop_ttl {
  font-weight: 900;
  font-size: min(100px, 11vw);
  margin-bottom: 0.25em;
}

.shop_desc {
  width: 95%;
  max-width: 550px;
  margin: 0 auto 60px;
}

.sns_logo img {
  max-width: 100px;
}