/* =========================================
   米家きゅうさん
   マイアカウント・会員ログイン
========================================= */

body {
  background:#FFFFFF;
  color:#302d28;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "YuGothic",
    "Meiryo",
    sans-serif;
}

/* -----------------------------------------
   見出し
----------------------------------------- */

h1,
h2,
h3,
.c-ttl-main,
.c-ttl-second {
  font-family:
    "Yu Mincho",
    "YuMincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;
  color:#302d28;
  font-weight:500;
}

h1,
.c-ttl-main {
  letter-spacing:.08em;
}

h2,
h3,
.c-ttl-second {
  letter-spacing:.04em;
}

/* -----------------------------------------
   本文
----------------------------------------- */

p,
li,
td,
th,
label {
  color:#4e4943;
  line-height:1.9;
}

a {
  text-underline-offset:3px;
}

/* -----------------------------------------
   入力欄
----------------------------------------- */

.c-input--text,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
  box-sizing:border-box;
  max-width:100%;
  border:1px solid #d7dee2;
  border-radius:0;
  background:#fff;
  color:#302d28;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "YuGothic",
    "Meiryo",
    sans-serif;
  font-size:14px;
  line-height:1.7;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.c-input--text {
  border-color:#d7dee2;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select {
  min-height:46px;
  padding:10px 13px;
}

textarea {
  padding:13px 15px;
}

.c-input--text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color:#607d8b;
  outline:none;
  box-shadow:0 0 0 1px #607d8b;
}

/* -----------------------------------------
   チェックボックス
----------------------------------------- */

input[type="checkbox"],
input[type="radio"] {
  margin-right:6px;
}

/* -----------------------------------------
   通常ボタン
----------------------------------------- */

.c-button {
  box-sizing:border-box;
  min-height:48px;
  padding:13px 28px;
  border:0;
  border-radius:0;
  background:#eff2f4;
  font-size:13px;
  line-height:1.5;
  letter-spacing:.04em;
  transition:background .2s ease, opacity .2s ease;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color:#35454c;
}

.c-button:hover {
  background:#dfe5e8;
}

/* -----------------------------------------
   メインボタン
----------------------------------------- */

.c-button--primary {
  min-height:52px;
  padding:14px 34px;
  background:#feedeb;
  font-weight:500;
}

.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color:#86251e;
}

.c-button--primary:hover {
  background:#fdd9d7;
}

/* -----------------------------------------
   戻る・解除など
----------------------------------------- */

.c-button--danger {
  background:<{$button3_bgcolor}>;
}

.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color:<{$button3_font_color}>;
}

.c-button--danger:hover {
  background:<{$button3_bgcolor_hover}>;
}

/* -----------------------------------------
   表・区切り
----------------------------------------- */

table {
  border-collapse:collapse;
}

table th,
table td {
  border-color:#d9d3ca;
}

th {
  font-weight:500;
  color:#302d28;
}

hr {
  border:0;
  border-top:1px solid #d9d3ca;
}

/* -----------------------------------------
   補足
----------------------------------------- */

small {
  color:#777067;
  line-height:1.8;
}

/* -----------------------------------------
   スマートフォン
----------------------------------------- */

@media screen and (max-width:767px) {

  h1,
  .c-ttl-main {
    font-size:25px;
    line-height:1.5;
  }

  h2,
  h3,
  .c-ttl-second {
    font-size:18px;
  }

  .c-input--text,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select,
  textarea {
    font-size:16px;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select {
    min-height:48px;
  }

  .c-button,
  .c-button--primary,
  .c-button--danger {
    width:100%;
    min-height:50px;
    padding-left:15px;
    padding-right:15px;
  }

}