@charset "utf-8";
/* ========================
module
======================== */
/* ------------------------
button
------------------------ */
input[type="button"],
input[type="submit"],
button,
.btn a {
}

.btn {
  margin: 0;
}

.btn a {
  display: inline-block;
}

.btn a:hover {
  text-decoration: none;
}

/* btn-block
------------------------ */
.btn-block {
}

.btn-block .btn {
}

.btn-block .btn a,
.btn-block input[type="button"],
.btn-block input[type="submit"],
.btn-block button {
  text-align: center;
  width: 100%;
}

/* ------------------------
box
------------------------ */
.box {
  display: block;
}

/* box-message
------------------------ */
.box-message {
}

.box .box-message {
}

/* box-terms
------------------------ */
.box .box-terms {
}

/* box-txarea
------------------------ */
.box-txarea {
}

.box .box-txarea {
}

/* border-box
------------------------ */
.border-box {
  border-style: solid;
  border-width: 1px;
}

.border-box-bold {
  border-style: solid;
  border-width: 5px;
}

/* text box
------------------------ */
/* mod-txbox */
.mod-txbox {
}

.mod-txbox.error-text,
.mod-txbox.success-text,
.mod-txbox.warning-text,
.mod-txbox.danger-text {
}

/* ------------------------
block
------------------------ */
.block {
  display: block;
}

/* ------------------------
list
------------------------ */
/* text
------------------------ */
/* number */
.list-num {
  text-align: right;
}

/* ------------------------
table
------------------------ */
th,
td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  position: relative;
}

/* table layout
------------------------ */
/* table border */
.table-border {
  border-style: solid;
  border-width: 1px;
}

.table-border th,
.table-border td {
  border-right-style: solid;
  border-right-width: 1px;
}

.box .table-border caption {
  border-bottom: none;
}

/* table line */
.table-line {
}

.table-line th {
}

/* table striped */
.table-striped tr {
  border-spacing: 0;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.table-striped tfoot tr:first-child th,
.table-striped tfoot tr:first-child td {
  border-top-style: solid;
  border-top-width: 2px;
}

/* table block */
.table-block th,
.table-block td {
  display: block;
  text-align: left;
  width: 100%;
}

/* ------------------------
scroll
------------------------ */
.scroll {
  width: auto;
  overflow: auto;
  white-space: nowrap;
}

.scroll::-webkit-scrollbar {
  height: 5px;
}

.scroll::-webkit-scrollbar-track {
}

.scroll::-webkit-scrollbar-thumb {
}

/* ------------------------
wrap
------------------------ */
/* box-wrap
------------------------ */
.box-wrap {
}

.box-wrap-n,
.box-wrap.col-n {
  margin: 0;
  padding: 0;
}

/* flex-wrap
------------------------ */
.flex-wrap,
.flex-wrap-around,
.flex-wrap-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-wrap-around,
.flex-cnt-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex-wrap-between,
.flex-cnt-between {
  -ms-flex-line-pack: justify;
  justify-content: space-between;
}

.flex-wrap + .flex-wrap:nth-child(odd) {
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-wrap > .box {
  flex: 1;
}

/* flex-col-box */
.flex-col-box {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  text-align: center;
  width: auto;
}

.flex-col-box .box,
.flex-dir-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-col-box input[type="button"],
.flex-col-box input[type="submit"] {
  margin: 0 auto;
  text-align: center;
}

/* ------------------------
form
------------------------ */
/* mod-form
------------------------ */
.mod-form {
  display: block;
  padding: 0;
}

.mod-form .flex-wrap,
.mod-form-block .flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  justify-content: flex-start;
}

/* dl */
/*.mod-form dl,*/
.mod-form-block dl {
}

/*.mod-form dt,
.mod-form dd,*/
.mod-form-block dt,
.mod-form-block dd {
  text-align: left;
  vertical-align: middle;
}

/*.mod-form dt,*/
.mod-form-block dt {
  margin: 0;
  padding: 0;
}

/*.mod-form dd,*/
.mod-form-block dd {
  margin: 0;
  padding: 0;
}

/* form */
.mod-form label,
.mod-form-block label {
}

.mod-form .flex-wrap > label,
.mod-form-block .flex-wrap > label {
  display: inline-block;
}

.mod-form input[name="add_text"],
.mod-form-block input[name="add_text"] {
  display: block;
}