@charset "UTF-8";
/* Webフォント読込サンプル */
/*
@font-face {
  font-family: "Font-Family-NAME";
  src: url(css/fonts/font-file.woff2) format("woff2"),
  url(css/fonts/font-file.woff) format("woff"),
  url(css/fonts/font-file.eot) format("eot");
  font-weight: 400;
  font-style: normal;
}
*/
/* ==========================================================================
   サイト毎の独自のスタイル
   ========================================================================== */
/* 基本フォント: ゴシック */
body {
  /*font-family:  'Noto Sans JP', "游明朝体", "Yu Mincho", YuMincho, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family: 'Noto Sans JP', '游ゴシック体','Yu Gothic', 'YuGothic', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.666;
  color: #fff;
  /*background: #000;*/
  -webkit-touch-callout: none;
  /* リンク長押しのポップアップを無効化 */
  -webkit-user-select: none;
  /* テキスト長押しの選択ボックスを無効化 */ }

* {
  background-repeat: no-repeat; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  max-width: 100%;
  /*pointer-events: none;*/ }

a:hover img {
  opacity: 0.8; }

img[class*="wp-image-"],
img[class*="attachment-"] {
  max-width: 100%;
  height: auto; }

i, em {
  font-style: normal; }

.gothic {
  font-family: '游ゴシック体','Yu Gothic', 'YuGothic', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  max-width: 100%; }

a:hover img {
  opacity: 0.8; }

img[class*="wp-image-"],
img[class*="attachment-"] {
  max-width: 100%;
  height: auto; }

i, em {
  font-style: normal; }

/* 動画埋め込みのレスポンシブ対応 */
iframe {
  max-width: 100%; }

.responsive_video {
  position: relative; }

.responsive_video:before {
  content: "";
  display: block;
  padding-top: 56.25%; }

.responsive_video video,
.responsive_video iframe,
.responsive_video object,
.responsive_video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* テーブル */
table {
  width: 100%;
  table-layout: fixed; }

table th,
table td {
  padding: 10px 10px; }

/* テーブル 汎用class */
.tbl th,
.tbl td {
  border: 1px solid #b2b2b2; }

/* スクロール テーブル */
.js-scrollable {
  overflow-x: auto; }

.js-scrollable table {
  min-width: 748px; }

/* 指定デバイスのみで表示するclass */
@media (min-width: 1024px) {
  .tb:not(.pc) {
    display: none !important; }

  .sp:not(.pc) {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .pc:not(.tb) {
    display: none !important; }

  .sp:not(.tb) {
    display: none !important; } }
@media (max-width: 767px) {
  .pc:not(.sp) {
    display: none !important; }

  .tb:not(.sp) {
    display: none !important; } }
.txt_ellipsis_line1,
.txt_ellipsis_line2,
.txt_ellipsis_line3,
.txt_ellipsis_line4,
.txt_ellipsis_line5,
.txt_ellipsis_line6,
.txt_ellipsis_line7,
.txt_ellipsis_line8,
.txt_ellipsis_line9,
.txt_ellipsis_line10 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.txt_ellipsis_line1 {
  -webkit-line-clamp: 1; }

.txt_ellipsis_line2 {
  -webkit-line-clamp: 2; }

.txt_ellipsis_line3 {
  -webkit-line-clamp: 3; }

.txt_ellipsis_line4 {
  -webkit-line-clamp: 4; }

.txt_ellipsis_line5 {
  -webkit-line-clamp: 5; }

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

.clearfix:after {
  clear: both; }

.box_l {
  float: left; }

.box_r {
  float: right; }

.txt_c {
  text-align: center; }

.txt_l {
  text-align: left; }

.txt_r {
  text-align: right; }

/*# sourceMappingURL=common.css.map */
