@charset "utf-8";

/*--reset.css-ブラウザのデフォルトスタイルをリセット------*/



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

p,

blockquote,

th,

td {

  margin: 0;

  padding: 0;

}

html {

  overflow-y: scroll;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}

ol,

ul {

  list-style: none;

}

fieldset,

img {

  border: 0;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

caption,

th {

  text-align: left;

}



/*em,strongは除外*/

address,

caption,

cite,

code,

dfn,

th,

var {

  font-style: normal;

  font-weight: normal;

}



/* ボタンの初期化

=========================================== */

.btn {

  -webkit-appearance: none;

  background-color: rgba(0, 0, 0, 0.32);

  background-image: none;

  border: none;

  border-radius: 0;

  color: #fff;

  cursor: pointer;

  display: inline-block;

  font-size: 1em;

  margin: 0 0 1em;

  padding: 0.6em 2em;

  text-decoration: none;

}

.btn:hover,

.btn:focus {

  outline: none;

}

.btn::-moz-foucus-inner {

  border: none;

  padding: 0;

}



/* セレクトボックスの初期化

=========================================== */

select {

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  background: transparent url(../shared/form-css-arrow.png) no-repeat center

    right 8px/16px 16px;

  border: 1px solid rgba(0, 0, 0, 0.16);

  border-radius: 0;

  color: inherit;

  cursor: pointer;

  font-family: inherit;

  font-size: 1em;

  padding: 0.4em 0.8em;

  width: 100%;

}

select::-ms-expand {

  display: none;

}

select:focus {

  border: 1px solid rgba(0, 0, 0, 0.32);

  box-shadow: none;

  outline: none;

}



/* テキストとテキストエリアの初期化

=========================================== */

.text {

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  background-color: transparent;

  background-image: none;

  border: 1px solid rgba(0, 0, 0, 0.16);

  border-radius: 0;

  color: inherit;

  font-family: inherit;

  font-size: 1em;

  padding: 0.4em 0.8em;

  width: 100%;

}



.text:focus {

  border: 1px solid rgba(0, 0, 0, 0.32);

  box-shadow: none;

  outline: none;

}

textarea {

  resize: none;

  height: 100px;

}



/* チェックボックスの初期化

=========================================== */

.checkbox {

  display: none;

}



.checkbox + label {

  cursor: pointer;

  display: inline-block;

  margin: 0;

  padding: 0 0 0 2.5rem;

  position: relative;

  transition: all 0.3s;

}



.checkbox + label::before {

  -webkit-transform: translateY(-50%);

  background: #fff;

  border: 1px solid #e2b8ba;

  border-radius: 2px;

  content: "";

  display: block;

  height: 1em;

  left: 0;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 1em;

}



.checkbox + label::after {

  -webkit-transform: translateY(-50%) rotate(-45deg);

  border-bottom: 3px solid #a71d22;

  border-left: 3px solid #a71d22;

  content: "";

  display: block;

  height: 0.6em;

  left: 0;

  margin-top: -0.2em;

  opacity: 0;

  position: absolute;

  top: 50%;

  transform: translateY(-50%) rotate(-45deg);

  transition: all 0.3s ease 0s;

  width: 1em;

}



.checkbox:checked + label::after {

  opacity: 1;

}