@charset "utf-8";

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI',
    'Hiragino Sans', Meiryo, sans-serif;
}

.u-pc {
  display: none;
}

.u-sp {
  display: block;
}

.u-fit {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .u-pc {
    display: block;
  }

  .u-sp {
    display: none;
  }
}

/* --------------------------------------------------------------------
Utility : 汎用
---------------------------------------------------------------------- */

/* 配置 */
.u-txtl {
  text-align: left !important;
}

.u-txtc {
  text-align: center !important;
}

.u-txtr {
  text-align: right !important;
}

/* 強調 */
.u-em {
  color: #db0000;
}

/* テキスト */
.u-subtxt {
  display: block;
  padding-left: 1em !important;
  margin: 0;
  font-size: 1.4rem;
  text-indent: -1em !important;
}

.u-txtindent {
  padding-left: 1em;
  text-indent: -1em;
}

/* フォントサイズ */
.u-fz12 {
  font-size: 1.2rem;
}

.u-fz13 {
  font-size: 1.3rem;
}

/* アンダーライン */
.u-underline {
  text-decoration: underline;
}

/* 記事用margin-top */
.u-mtb10 {
  margin: 10px 0;
}

.u-mtb20 {
  margin: 20px 0;
}

.u-mtb30 {
  margin: 30px 0;
}

.u-mtb40 {
  margin: 40px 0;
}

.u-mtb50 {
  margin: 50px 0;
}

/* 非表示 */
.u-hidden {
  display: none;
}

/* 画像横幅 */
.u-snugly {
  max-width: 100%;
  height: auto;
}

/* テキスト省略
-------------------------------------------------- */
.u-omit {
  position: relative;
}

.u-omit::after {
  content: '…';
}

.u-omitTxt {
  display: none;
}

/* モーダル表示
-------------------------------------------------- */
.u-noScroll {
  height: 100%;
  overflow: auto;
}

.u-noScroll body {
  height: 100%;
  overflow: hidden;
}

/* レスポンシブ用
-------------------------------------------------- */
@media screen and (max-width: 750px) {
  .u-pcitem {
    display: none !important;
  }

  .u-spitem {
    display: block;
  }

  .u-fiximg {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

@media screen and (min-width: 751px) {
  .u-spitem {
    display: none !important;
  }

  .u-pcitem {
    display: block;
  }

  .u-alpha {
    transition: all 0.3s ease;
  }

  .u-alpha:hover {
    opacity: 0.8;
  }
}
