@charset "utf-8";

/* 汎用設定 -------------- */
.inner {
  clear: both;
  max-width: 1060px;
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2%;
  padding-left: 2%;
  *zoom: 1;
}
.inner:after {
  content: "";
  display: table;
  clear: both;
}

/* ディスプレイ */
.block {
  display: block;
}
.inline {
  display: inline;
}
.pc-hide {
  display: none;
}
.sm-hide {
  display: inline;
}

.fade-in {
  transition: opacity 1.0s;
  -moz-transition: opacity 1.0s;
  -webkit-transition: opacity 1.0s;
  -o-transition: opacity 1.0s;
}

/* ポジション */
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}

/* 回り込み */
.alignright, .right {
  float: right;
}
.alignleft, .left {
  float: left;
}
.aligncenter, .center {
  display: block;
  margin: 0 auto;
}
.clear {
  clear: both;
}
img.alignright, img.right {
  margin-left: 35px !important;
}
img.alignleft, img.left {
  margin-right: 35px !important;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* テキスト関係 */
.sans-serif {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "YuGothic", "Yu Gothic", "游ゴシック", "Meiryo", "メイリオ", Helvetica, sans-serif;
}
.serif {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", Meiryo, serif;
}

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

.small {
  font-size: 0.8em;
}
.large {
  font-size: 1.2em;
}

.bold {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

/* 非表示 */
.hide {
  display: none;
}
.text-hide {
  overflow: hidden;
  text-indent: -9999px;
}

/* リストインライン */
.list-inline li {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* ボーダー */
.hrt {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #999;
}
.hrb {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #999;
}
.border {
  padding: 1em;
  border: 1px solid #999;
}
.border-none {
  border: none !important;
}

/* 横 */
.width-auto {
  width: auto;
}
.width-010per {
  width: 10%;
}
.width-020per {
  width: 20%;
}
.width-025per {
  width: 25%;
}
.width-030per {
  width: 30%;
}
.width-033per {
  width: 33%;
}
.width-040per {
  width: 40%;
}
.width-050per {
  width: 50%;
}
.width-060per {
  width: 60%;
}
.width-067per {
  width: 67%;
}
.width-070per {
  width: 70%;
}
.width-075per {
  width: 75%;
}
.width-080per {
  width: 80%;
}
.width-090per {
  width: 90%;
}
.width-100per {
  width: 100%;
}
.width-0em25 {
  width: 0.25em;
}
.width-0em50 {
  width: 0.50em;
}
.width-0em75 {
  width: 0.75em;
}
.width-1em {
  width: 1.00em;
}
.width-1em25 {
  width: 1.25em;
}
.width-1em50 {
  width: 1.50em;
}
.width-1em75 {
  width: 1.75em;
}
.width-2em {
  width: 2.00em;
}
.width-2em50 {
  width: 2.50em;
}
.width-3em {
  width: 3.00em;
}
.width-4em {
  width: 4.00em;
}
.width-5em {
  width: 5.00em;
}
.width-5em25 {
  width: 5.25em;
}
.width-6em {
  width: 6.00em;
}
.width-7em {
  width: 7.00em;
}
.width-8em {
  width: 8.00em;
}
.width-8em75 {
  width: 8.75em;
}
.width-9em {
  width: 9.00em;
}
.width-10em {
  width: 10.00em;
}
.width-11em {
  width: 11.00em;
}
.width-12em {
  width: 12.00em;
}
.width-13em {
  width: 13.00em;
}
.width-14em {
  width: 14.00em;
}
.width-15em {
  width: 15.00em;
}
.width-20em {
  width: 20.00em;
}
.width-30em {
  width: 30.00em;
}
.width-40em {
  width: 40.00em;
}

/* 高さ */
.height-none {
  height: none;
}
.height-010per {
  height: 10%;
}
.height-020per {
  height: 20%;
}
.height-025per {
  height: 25%;
}
.height-030per {
  height: 30%;
}
.height-033per {
  height: 33%;
}
.height-040per {
  height: 40%;
}
.height-050per {
  height: 50%;
}
.height-060per {
  height: 60%;
}
.height-067per {
  height: 67%;
}
.height-070per {
  height: 70%;
}
.height-075per {
  height: 75%;
}
.height-080per {
  height: 80%;
}
.height-090per {
  height: 90%;
}
.height-100per {
  height: 100%;
}
.height-0em25 {
  height: 0.25em;
}
.height-0em50 {
  height: 0.50em;
}
.height-0em75 {
  height: 0.75em;
}
.height-1em {
  height: 1.00em;
}
.height-1em25 {
  height: 1.25em;
}
.height-1em50 {
  height: 1.50em;
}
.height-1em75 {
  height: 1.75em;
}
.height-2em {
  height: 2.00em;
}
.height-2em50 {
  height: 2.50em;
}
.height-3em {
  height: 3.00em;
}
.height-4em {
  height: 4.00em;
}
.height-5em {
  height: 5.00em;
}
.height-5em25 {
  height: 5.25em;
}
.height-6em {
  height: 6.00em;
}
.height-7em {
  height: 7.00em;
}
.height-8em {
  height: 8.00em;
}
.height-8em75 {
  height: 8.75em;
}
.height-9em {
  height: 9.00em;
}
.height-10em {
  height: 10.00em;
}
.height-11em {
  height: 11.00em;
}
.height-12em {
  height: 12.00em;
}
.height-13em {
  height: 13.00em;
}
.height-14em {
  height: 14.00em;
}
.height-15em {
  height: 15.00em;
}
.height-20em {
  height: 20.00em;
}
.height-30em {
  height: 30.00em;
}
.height-40em {
  height: 40.00em;
}

/* マージン */
.m-auto {
  margin: auto;
}
.m-0, .m-0em {
  margin: 0 !important;
}
.m-0em10 {
  margin: 0.10em;
}
.m-0em20 {
  margin: 0.20em;
}
.m-0em25 {
  margin: 0.25em;
}
.m-0em30 {
  margin: 0.30em;
}
.m-0em40 {
  margin: 0.40em;
}
.m-0em50 {
  margin: 0.50em;
}
.m-0em60 {
  margin: 0.60em;
}
.m-0em70 {
  margin: 0.70em;
}
.m-0em75 {
  margin: 0.75em;
}
.m-0em80 {
  margin: 0.80em;
}
.m-0em90 {
  margin: 0.90em;
}
.m-1em {
  margin: 1.00em;
}
.m-1em25 {
  margin: 1.25em;
}
.m-1em50 {
  margin: 1.50em;
}
.m-1em75 {
  margin: 1.75em;
}
.m-2em {
  margin: 2.00em;
}
.m-2em50 {
  margin: 2.50em;
}
.m-3em {
  margin: 3.00em;
}
.m-4em {
  margin: 4.00em;
}
.m-5em {
  margin: 5.00em;
}

.m-top-auto {
  margin-top: auto;
}
.m-top-0, .m-top-0em {
  margin-top: 0 !important;
}
.m-top-0em25 {
  margin-top: 0.25em;
}
.m-top-0em50 {
  margin-top: 0.50em;
}
.m-top-0em75 {
  margin-top: 0.75em;
}
.m-top-1em {
  margin-top: 1.00em;
}
.m-top-1em25 {
  margin-top: 1.25em;
}
.m-top-1em50 {
  margin-top: 1.50em;
}
.m-top-1em75 {
  margin-top: 1.75em;
}
.m-top-2em {
  margin-top: 2.00em;
}
.m-top-2em50 {
  margin-top: 2.50em;
}
.m-top-3em {
  margin-top: 3.00em;
}
.m-top-4em {
  margin-top: 4.00em;
}
.m-top-5em {
  margin-top: 5.00em;
}
.m-top-5em25 {
  margin-top: 5.25em;
}

.m-left-auto {
  margin-left: auto;
}
.m-left-0, .m-left-0em {
  margin-left: 0;
}
.m-left-0em25 {
  margin-left: 0.25em;
}
.m-left-0em50 {
  margin-left: 0.50em;
}
.m-left-0em75 {
  margin-left: 0.75em;
}
.m-left-1em {
  margin-left: 1.00em;
}
.m-left-1em25 {
  margin-left: 1.25em;
}
.m-left-1em50 {
  margin-left: 1.50em;
}
.m-left-1em75 {
  margin-left: 1.75em;
}
.m-left-2em {
  margin-left: 2.00em;
}
.m-left-2em50 {
  margin-left: 2.50em;
}
.m-left-3em {
  margin-left: 3.00em;
}
.m-left-4em {
  margin-left: 4.00em;
}
.m-left-5em {
  margin-left: 5.00em;
}
.m-left-5em25 {
  margin-left: 5.25em;
}

.m-right-auto {
  margin-right: auto;
}
.m-right-0, .m-right-0em {
  margin-right: 0;
}
.m-right-0em25 {
  margin-right: 0.25em;
}
.m-right-0em50 {
  margin-right: 0.50em;
}
.m-right-0em75 {
  margin-right: 0.75em;
}
.m-right-1em {
  margin-right: 1.00em;
}
.m-right-1em25 {
  margin-right: 1.25em;
}
.m-right-1em50 {
  margin-right: 1.50em;
}
.m-right-1em75 {
  margin-right: 1.75em;
}
.m-right-2em {
  margin-right: 2.00em;
}
.m-right-2em50 {
  margin-right: 2.50em;
}
.m-right-3em {
  margin-right: 3.00em;
}
.m-right-4em {
  margin-right: 4.00em;
}
.m-right-5em {
  margin-right: 5.00em;
}
.m-right-5em25 {
  margin-right: 5.25em;
}

.m-bottom-auto {
  margin-bottom: auto;
}
.m-bottom-0, .m-bottom-0em {
  margin-bottom: 0;
}
.m-bottom-0em25 {
  margin-bottom: 0.25em;
}
.m-bottom-0em50 {
  margin-bottom: 0.50em;
}
.m-bottom-0em75 {
  margin-bottom: 0.75em;
}
.m-bottom-1em {
  margin-bottom: 1.00em;
}
.m-bottom-1em25 {
  margin-bottom: 1.25em;
}
.m-bottom-1em50 {
  margin-bottom: 1.50em;
}
.m-bottom-1em75 {
  margin-bottom: 1.75em;
}
.m-bottom-2em {
  margin-bottom: 2.00em;
}
.m-bottom-2em50 {
  margin-bottom: 2.50em;
}
.m-bottom-3em {
  margin-bottom: 3.00em;
}
.m-bottom-4em {
  margin-bottom: 4.00em;
}
.m-bottom-5em {
  margin-bottom: 5.00em;
}
.m-bottom-5em25 {
  margin-bottom: 5.25em;
}

/* パディング */
.p-0, .p-0em {
  padding: 0;
}
.p-0em10 {
  padding: 0.10em;
}
.p-0em20 {
  padding: 0.20em;
}
.p-0em25 {
  padding: 0.25em;
}
.p-0em30 {
  padding: 0.30em;
}
.p-0em40 {
  padding: 0.40em;
}
.p-0em50 {
  padding: 0.50em;
}
.p-0em60 {
  padding: 0.60em;
}
.p-0em70 {
  padding: 0.70em;
}
.p-0em75 {
  padding: 0.75em;
}
.p-0em80 {
  padding: 0.80em;
}
.p-0em90 {
  padding: 0.90em;
}
.p-1em {
  padding: 1.00em;
}
.p-1em25 {
  padding: 1.25em;
}
.p-1em50 {
  padding: 1.50em;
}
.p-1em75 {
  padding: 1.75em;
}
.p-2em {
  padding: 2.00em;
}
.p-2em50 {
  padding: 2.50em;
}
.p-3em {
  padding: 3.00em;
}
.p-4em {
  padding: 4.00em;
}
.p-5em {
  padding: 5.00em;
}

.p-top-0, .p-top-0em {
  padding-top: 0;
}
.p-top-0em25 {
  padding-top: 0.25em;
}
.p-top-0em50 {
  padding-top: 0.50em;
}
.p-top-0em75 {
  padding-top: 0.75em;
}
.p-top-1em {
  padding-top: 1.00em;
}
.p-top-1em25 {
  padding-top: 1.25em;
}
.p-top-1em50 {
  padding-top: 1.50em;
}
.p-top-1em75 {
  padding-top: 1.75em;
}
.p-top-2em {
  padding-top: 2.00em;
}
.p-top-2em50 {
  padding-top: 2.50em;
}
.p-top-3em {
  padding-top: 3.00em;
}
.p-top-4em {
  padding-top: 4.00em;
}
.p-top-5em {
  padding-top: 5.00em;
}
.p-top-5em25 {
  padding-top: 5.25em;
}

.p-left-0, .p-left-0em {
  padding-left: 0;
}
.p-left-0em10 {
  padding-left: 0.10em;
}
.p-left-0em25 {
  padding-left: 0.25em;
}
.p-left-0em50 {
  padding-left: 0.50em;
}
.p-left-0em75 {
  padding-left: 0.75em;
}
.p-left-1em {
  padding-left: 1.00em;
}
.p-left-1em25 {
  padding-left: 1.25em;
}
.p-left-1em50 {
  padding-left: 1.50em;
}
.p-left-1em75 {
  padding-left: 1.75em;
}
.p-left-2em {
  padding-left: 2.00em;
}
.p-left-2em50 {
  padding-left: 2.50em;
}
.p-left-3em {
  padding-left: 3.00em;
}
.p-left-4em {
  padding-left: 4.00em;
}
.p-left-5em {
  padding-left: 5.00em;
}
.p-left-5em25 {
  padding-left: 5.25em;
}

.p-right-0, .p-right-0em {
  padding-right: 0;
}
.p-right-0em10 {
  padding-right: 0.10em;
}
.p-right-0em25 {
  padding-right: 0.25em;
}
.p-right-0em50 {
  padding-right: 0.50em;
}
.p-right-0em75 {
  padding-right: 0.75em;
}
.p-right-1em {
  padding-right: 1.00em;
}
.p-right-1em25 {
  padding-right: 1.25em;
}
.p-right-1em50 {
  padding-right: 1.50em;
}
.p-right-1em75 {
  padding-right: 1.75em;
}
.p-right-2em {
  padding-right: 2.00em;
}
.p-right-2em50 {
  padding-right: 2.50em;
}
.p-right-3em {
  padding-right: 3.00em;
}
.p-right-4em {
  padding-right: 4.00em;
}
.p-right-5em {
  padding-right: 5.00em;
}
.p-right-5em25 {
  padding-right: 5.25em;
}

.p-bottom-0, .p-bottom-0em {
  padding-bottom: 0;
}
.p-bottom-0em25 {
  padding-bottom: 0.25em;
}
.p-bottom-0em50 {
  padding-bottom: 0.50em;
}
.p-bottom-0em75 {
  padding-bottom: 0.75em;
}
.p-bottom-1em {
  padding-bottom: 1.00em;
}
.p-bottom-1em25 {
  padding-bottom: 1.25em;
}
.p-bottom-1em50 {
  padding-bottom: 1.50em;
}
.p-bottom-1em75 {
  padding-bottom: 1.75em;
}
.p-bottom-2em {
  padding-bottom: 2.00em;
}
.p-bottom-2em50 {
  padding-bottom: 2.50em;
}
.p-bottom-3em {
  padding-bottom: 3.00em;
}
.p-bottom-4em {
  padding-bottom: 4.00em;
}
.p-bottom-5em {
  padding-bottom: 5.00em;
}
.p-bottom-5em25 {
  padding-bottom: 5.25em;
}

/* フォントサイズ */
.font-size-1em50 {
  font-size: 1.5em;
}
.font-size-2em {
  font-size: 2em;
}
.font-size-2em50 {
  font-size: 2.5em;
}
.font-size-3em {
  font-size: 3em;
}
.font-size-4em {
  font-size: 4em;
}
.font-size-5em {
  font-size: 5em;
}

/* Flex */
.flex {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .flex {
    flex-direction: column;
  }
}
