@charset "utf-8";

/* 共通クラス用 */
.absolute-v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.text-align-left {
    text-align: left !important;
}
.text-align-center {
    text-align: center !important;
}
.text-align-right {
    text-align: right !important;
}

.border-bottom1 {
    border-bottom: 1px solid #9ACCFF;
}
.border-bottom2 {
    border-bottom: 2px solid #9ACCFF;
}
.border-bottom3 {
    border-bottom: 3px solid #9ACCFF;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}
.margin0 {
    margin: 0;
}
.margin-top5 {
    margin-top: 5px;
}
.margin-top10 {
    margin-top: 10px;
}
.margin-top20 {
    margin-top: 20px;
}
.margin-top30 {
    margin-top: 30px;
}

.margin-left10 {
    margin-left: 10px;
}
.margin-left20 {
    margin-left: 20px;
}

.margin-right10 {
    margin-right: 10px;
}
.margin-right20 {
    margin-right: 20px;
}

.padding-bottom5 {
    padding-bottom: 5px;
}
.padding-bottom10 {
    padding-bottom: 10px;
}

.text-align-center {
    text-align: center;
}

.h-center {
    margin: 0 auto;
}

.v-center {
    vertical-align: middle;
}
.v-bottom {
    vertical-align: bottom;
}

.left0 {
    left: 0;
}
.right0 {
    right: 0;
}
.bottom0 {
    bottom: 0;
}

.w20p {
    width: 20% !important;
}
.w25p {
    width: 25% !important;
}
.w33p {
    width: 33% !important;
}
.w34p {
    width: 34% !important;
}
.w50p {
    width: 50% !important;
}
.w100p {
    width: 100% !important;
}
.h100p {
    height: 100% !important;
}

.w30 {
    width: 30px !important;
}
.w40 {
    width: 40px !important;
}
.w50 {
    width: 50px !important;
}
.w70 {
    width: 70px !important;
}
.w100 {
    width: 100px !important;
}
.w120 {
    width: 120px !important;
}
.w140 {
    width: 140px !important;
}
.w150 {
    width: 150px !important;
}
.w155 {
    width: 155px !important;
}
.w160 {
    width: 160px !important;
}
.w180 {
    width: 180px !important;
}
.w200 {
    width: 200px !important;
}
.w220 {
    width: 220px !important;
}
.w250 {
    width: 250px !important;
}
.w300 {
    width: 300px !important;
}
.w350 {
    width: 350px !important;
}
.w400 {
    width: 400px !important;
}
.w450 {
    width: 450px !important;
}
.w500 {
    width: 500px !important;
}

.h25 {
    height: 25px !important;
}
.h35 {
    height: 35px !important;
}
.h50 {
    height: 50px !important;
}
.h65 {
    height: 65px !important;
}
.h100 {
    height: 100px !important;
}
.h120 {
    height: 120px !important;
}
.h150 {
    height: 150px !important;
}
.h200 {
    height: 200px !important;
}
.h250 {
    height: 250px !important;
}
.h300 {
    height: 300px !important;
}

a {
    text-decoration: none;
}

input[type="text"],
input[type="password"] {
    font-size: 1.1em;
    width: 200px;
    height: 30px;
    padding: 3px;
    box-sizing: border-box;
}

input[type="number"] {
    font-size: 1.0em;
    width: 200px;
    height: 30px;
    padding: 3px;
    text-align: center;
    box-sizing: border-box;
}

textarea {
  font-family: inherit;
  font-size: 1.1em;
  padding: 3px;
  box-sizing: border-box;
}

select {
  font-size: 1.1em;
  width: 100px;
  height: 30px;
  box-sizing: border-box;
}

pre {
  font-family: inherit;
  font-size: 1.0em;
  margin: 0;
  line-height: 20px;
  /* Mozilla */
  white-space: -moz-pre-wrap;
  /* Opera 4-6 */
  white-space: -pre-wrap;
  /* Opera 7 */
  white-space: -o-pre-wrap;
  /* CSS3 */
  white-space: pre-wrap;
  /* IE 5.5+ */
  word-wrap: break-word;
}