@charset "utf-8";

/* ＝＝＝＝＝＝＝共通スタイル＝＝＝＝＝＝＝＝ */

html {
  font-size: 62.5%;/*ベース10px*/
  height: 100%;
  box-sizing: border-box;
  font-feature-settings: "palt";
}

body {
  font-family: 'Zen Kaku Gothic New', sans-serif, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
  color: #707070;
  font-size: 1.6rem;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}

img {
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}

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

.indent {
  padding-left: 1em !important;
  text-indent: -1em !important;
  margin-bottom: 3px !important;
  font-size: 1.2rem !important;
}

.indent:last-of-type {
  margin-bottom: 0 !important;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

/*スマホから改行指定*/
.break {
  display: none;
}


@media screen and (max-width: 640px) {
  .break {
    display: block !important;
  }
}


/*alpha*/
.alpha:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/*clearfix*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

a {
  text-decoration: none;
}

a img:hover {
  opacity: 0.8;
}

.clear {
  clear: both;
}

.fl-right {
  float: right;
}

.fl-left {
  float: left;
}

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

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

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

.bold {
  font-weight: bold;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}