/* RESET CSS
Last Updated: 2020-05-30
by hanauta
====================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer;

  /* ふわっと変わる */
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
iframe {
  vertical-align: bottom;
  border-radius: 0;
}

hr {
  display:block;
  height:1px;
  border:0;
  margin:0;
  padding:0;
}

/* フォームのデフォルトスタイルを削除 ---------- */
*:focus {
  outline: none;
}

input,
button,
textarea,
select {
  font-size: 1rem;
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  padding: 0;
  border-radius: 0;
  border: 0;
  margin: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
}

input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="submit"],
input[type="button"],
select,
.radio,
.checkbox {
  cursor: pointer;
}

/* BASE CSS
PROJECT --- T&D
====================================================================== */

/* html body
---------------------------------- */
html {
  -webkit-text-size-adjust: 100%; /*文字サイズ自動調整機能キャンセル*/
  background: #FFFDF3;
}

body {
  color: #3F2D27;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: .05rem;
  text-align: left;
  word-wrap: break-word;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

/* テキスト
---------------------------------- */
p { margin-bottom: 1em; }

h1,h2,h3,h4,h5,h6 {
  font-weight: inherit;
  line-height: 1.4;
}

body [class*="el_lv"] { line-height: 1.4; }

h1,.el_lv1H { font-size: 2.5rem; }
h2,.el_lv2H { font-size: 2rem; }
h3,.el_lv3H { font-size: 1.5rem; }
h4,.el_lv4H { font-size: 1rem; }
h5,.el_lv5H { font-size: 0.875rem; }
h6,.el_lv6H { font-size: 0.75rem; }

li { list-style: none; }

a { color: #3F2D27; }

/* 装飾
---------------------------------- */
/* 選択中ハイライト */
::selection { background: rgba(248, 147, 31, .5); }
::-moz-selection { background: rgba(248, 147, 31, .5); }

mark {
  background: linear-gradient(transparent 70%, #FFC538 0%);
  color: inherit;
}
hr { border-top: 1px solid #8C817D; }

/* 画像
---------------------------------- */
img {
  max-width: 100%;
  height: auto;
  /*画像保存禁止*/
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select:none;
  user-select: none;
}
.ie8 img { width: auto; }

/* table (基本の表組)
---------------------------------- */
table {
  font-size: 0.875rem;
  line-height: 1.6;
  text-align: left;
  width: 100%;
  table-layout: fixed;
  /* border-radius: 8px; */
  /*overflow: hidden;  セルに角丸を適用するため */
}
th,
td {
  padding: 16px;
  vertical-align: top;
}

/* 枠線のスタイル */
thead th:not(:last-child) { border-right: solid 1px #FFFDF3; }
tbody tr:not(:last-child) { border-bottom: solid 1px #8C817D; }

/* form (入力部品)
---------------------------------- */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea,
select {
  width: 100%;
  resize: none;
  font-size: 100%;
  padding: 16px;
  border-radius: 8px;
  background: #DDD7D2;
  border: solid 1px transparent;
  font-family: "Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
}
::placeholder {
  font-size: 100%;
  color: #8C817D;
}
/* 入力中のスタイル */
input:focus,
textarea:focus,
select:focus {
  border: solid 1px #3F2D27;
  color: #3F2D27;
}

/* END */