@charset "utf-8";
/******************************************************
 base.scss
 *****************************************************/
/*==========================================
 全体
==========================================*/
:root {
  /* Common Colors */
  --black: #444444;
  --gold: #b49c70;
  --gold_light: #dad6bd;
  --pink: #d558b0;
  --base: #fbfbf8;
  --gray_beige: #dbd6cd;

  /* font */
  --font_mincho_family:
    "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho",
    YuMincho, serif;
  --font_mincho_weight: 600;
  --font_mincho_style: normal;

  --font_gothic_family:
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic,
    "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
    メイリオ, Meiryo, sans-serif;
}

html {
  height: 100%;
}

body {
  background-color: var(--base);
  color: var(--black);
  font-family: var(--font_mincho_family);
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.5;
  min-height: 100%;
  margin: 0;
}
@media screen and (min-width: 48rem) {
  body {
    font-size: 1rem;
  }
}

a,
a:link,
a:visited {
  color: var(--gold);
}
a:hover,
a:active {
  color: #7e6d4e;
}
a img {
  transition: 0.3s;
}
a img:hover {
  filter: brightness(0.9);
}

::-ms-reveal {
  display: none;
}

/*==========================================
 フォント関係
==========================================*/
/* font family */
.font_gothic {
  font-family: var(--font_gothic_family);
}

.font_mincho {
  font-family: var(--font_mincho_family);
  font-weight: var(--font_mincho_weight);
  font-style: var(--font_mincho_style);
}

.font_en {
  font-family: "Cardo", serif;
  font-weight: 400;
  font-style: normal;
}

/*==========================================
 背景
==========================================*/
.bc_base {
  background-color: var(--base);
}
.bc_white {
  background-color: #fff;
}
.bc_pink_graduation {
  background: linear-gradient(95deg, #fffdef, #fff8fd);
}

/*==========================================
 ボーダー
==========================================*/
.border_gold {
  border: 1px solid var(--gold);
}

/*==========================================
 文字
==========================================*/
.text_gold {
  color: var(--gold);
}

.text_pink {
  color: var(--pink);
}