/***** Topアイキャッチ  ******/
.post-72 .st-eyecatch-under {
  display: none;
}

.post .entry-title:before {
  margin-right: 0px !important;
}

/***** リンクホバー *******/
a:hover {
  color: #111;
}

#footer a:hover {
  color: #111;
  opacity: 0.5;
}

.st-author-box.st-author-master .rankstlink-r2 p a {
  border-radius: 0px;
}

/***** メインエリアの幅	 *****/
main {
  padding: 5px 20px;
}

/******* ロゴ上キャッチ *******/
#header h1,
header .descr {
  display: none;
}

/******** ヘッダーSNS ********/
.header-sns {
  display: none;
}

/**** 人気記事スクロール追従 *****/
#scrollad .kanren dl {
  border-bottom: none;
}

/***** ヘッダーメニュー ******/

#st-menuwide {
  background: none;
}

header .smanone ul.menu li {
  background: #222;
  border-right: 2px solid #fff;
}

header .smanone ul.menu li:hover {
  background: #222;
}

header .smanone ul.menu li a {
  font-size: 17px;
  font-style: italic;
}

/**** おすすめブックメーカー ****/
/* 全体リンク */
.bm-table a {
  text-decoration: none;
}

.bm-table a:hover {
  opacity: 0.7 !important;
}

.bm-table {
  border: 1px solid #eee;
}

/* タイトル */
.bm-txt {
  text-align: center;
  background: #353535;
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
  margin-bottom: 10px;
}

/* 画像 */
.bm-tit img {
  width: 250px;
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}

/* リスト全体 */
.bm-list {
  padding-left: 23px;
}

.bm-list li {
  margin-top: 5px !important;
}

/* リスト */
.bm-list li a {
  color: #222;
  font-weight: bold;
  padding-left: 5px;
}

/* リスト矢印 */
.bm-list li img {
  object-fit: cover;
  width: 15px;
  margin-bottom: 4px;
}

/* 公式ボタン */
.bm-button {
  background: #222;
  text-align: center;
  padding: 10px 0;
  width: 250px;
  display: block;
  margin: 20px auto;
}

.bm-button:hover {
  opacity: 0.7;
}

.bm-button a {
  color: #fff;
  font-weight: bold;
}

/****** LIOプロフSNS *****/
.post .st-author-profile {
  display: none;
}

/*** ブックメーカー スコア表 *****/
.reviewBox {
  display: block;
  max-width: 500px;
  background: #fafafa;
  border: 3px solid #dbdbdb;
  margin: 20px auto;
  padding: 0;
  border-radius: 10px;
}

.reviewBox .reviewBox_content {
  padding: 30px;
}

.reviewBox .reviewBox_title1 {
  margin: 0 !important;
  padding: 12px !important;
  background: #dbdbdb !important;
  text-align: center;
  font-size: 15px !important;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  line-height: 1.3em;
}

.reviewBox
  .reviewBox_title2:not(.st-css-no):not(.st-matome):not(.rankh5):not(
    .point
  ):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(
    .post-card-title
  ) {
  padding-left: 0 !important;
}

.reviewBox .reviewBox_title2 {
   padding: 0 !important;
  margin: 0 !important;
  color: #444 !important;
  line-height: 1.3em !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
  font-weight: bold;
  background: none !important;
  border-bottom: none !important;
}

.reviewBox .reviewBox_title2:before {
  content: none !important;
}

.reviewBox .reviewBox_top {
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.reviewBox .reviewBox_top p {
  margin: 0;
  line-height: 1.9em;
  font-size: 15px !important;
}

.reviewBox .reviewBox_top .reviewBox_left,
.reviewBox .reviewBox_top .reviewBox_right {
  width: 50%;
}

.reviewBox .reviewBox_top .reviewBox_right img {
  display: block;
  margin: auto;
  width: 160px;
}

.reviewBox .reviewBox_center {
  margin-top: 10px;
}

.reviewBox .reviewLink {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reviewBox .reviewLink a {
  font-size: 15px !important;
  color: #444 !important;
  border: 2px solid #444;
  padding: 0.6em 2em;
  margin: 5px;
  width: 50%;
  text-align: center;
  margin-top: 30px;
  text-decoration: none;
}

.reviewBox .reviewLink a:nth-child(2) {
  background: #444;
  color: #fff !important;
}

.reviewBox .reviewLink a {
  font-size: 13px !important;
}

.reviewBox .reviewBox_center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 20px 0;
}

.reviewBox .reviewBox_center .progress-circle {
  width: 25%;
  margin: auto;
}

.reviewBox .progress-circle {
  font-size: 12px !important;
  margin: 20px;
  position: relative;
  /* so that children can be absolutely positioned */
  padding: 0;
  width: 5em !important;
  height: 5em !important;
  background-color: #fbefc6;
  border-radius: 50%;
  line-height: 5em;
}

.reviewBox .reviewBox_score {
  font-size: 13px !important;
  text-align: center;
  line-height: 1em;
  z-index: 4;
  padding-top: 5em;
  display: block;
  font-weight: 600;
}

.reviewBox .reviewBox_score p {
  margin: 0;
  font-size: 12px !important;
  width: 120% !important;
  margin-left: -10% !important;
}

.reviewBox .progress-circle:after {
  border: none;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4em;
  height: 4em;
  background-color: #fafafa;
  content: " ";
}

.reviewBox .progress-circle .progress-text {
  position: absolute;
  line-height: 2.6em;
  width: 2.6em;
  text-align: center;
  display: block;
  color: #444 !important;
  font-size: 23px !important;
  z-index: 2;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue",
    HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium",
    "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana,
    "メイリオ", Meiryo, sans-serif;
}

.reviewBox .left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em);
  /* clips the whole left half*/
}

.reviewBox .progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.reviewBox .value-bar {
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em !important;
  height: 5em !important;
  border-radius: 50%;
  border: 0.5em solid #fccb28;
  box-sizing: border-box;
}

.reviewBox .progress-circle.over50 .first50-bar {
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #fccb28;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.reviewBox .progress-circle:not(.over50) .first50-bar {
  display: none;
}

.reviewBox .progress-circle.p0 .value-bar {
  display: none;
}

.reviewBox .progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.reviewBox .progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.reviewBox .progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.reviewBox .progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.reviewBox .progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.reviewBox .progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.reviewBox .progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.reviewBox .progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.reviewBox .progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.reviewBox .progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.reviewBox .progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

@media screen and (max-width: 480px) {
  .reviewBox .reviewBox_content {
    padding: 15px;
  }

  .reviewBox .reviewBox_top .reviewBox_right img {
    width: 220px;
  }

  .reviewBox .reviewBox_top p {
    font-size: 13px !important;
  }

  .reviewBox .reviewBox_top p:first-child {
    font-size: 15px !important;
  }

  .reviewBox .reviewBox_center {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .reviewBox .reviewLink a {
    padding: 0.5em;
  }

  .reviewBox .reviewBox_top {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .reviewBox .reviewBox_top .reviewBox_left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 90%;
    margin: auto;
    margin-top: 20px;
  }

  .reviewBox .reviewBox_top .reviewBox_right {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100%;
  }

  .reviewBox .reviewLink a {
    font-size: 13px !important;
  }

  .reviewBox .progress-circle .progress-text {
    line-height: 2.2em;
    width: 2.2em;
    font-size: 23px !important;
  }

  .reviewBox .progress-circle {
    font-size: 10px !important;
  }

  .reviewBox .reviewBox_score {
    font-size: 10px !important;
  }

  .reviewBox .reviewBox_score p {
    font-size: 10px !important;
  }
}

/**** TOPボタンのホバー	 ******/
.wp-block-button__link:hover {
  color: #fff !important;
  opacity: 0.7;
}

/***** タブ ******/
.top-tag .wp-block-tag-cloud a,
.tagcloud a {
  text-decoration: none;
  color: #222;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 2px;
  padding: 0 3px;
}

/****** 目次タイトル	 ******/
/*タイトルの文字間 */
#toc_container p.toc_title {
  letter-spacing: 2px;
}

/* 目次の行間	 */
#toc_container.only-toc ul li {
  padding-bottom: 5px;
  padding-top: 5px;
}

/*　目次ナンバー*/
.toc_number {
  display: none;
}

/*　目次リスト*/
#toc_container .toc_list > li > a {
  margin-left: 12px;
}

/* 新着記事サイド目次 */
.blog #toc-widget-2 {
  display: none;
}

/******** *******************/
/** サイドプロフのボタン	 ******/
.st-author-box.st-author-master .rankstlink-r2 p a {
  border-radius: 0px;
}

/**** 	SNSとボタン幅 ******/
.st-author-profile .sns li,
#side aside .st-author-profile .sns li {
  padding: 0 4px;
}

/*** サイド広告のホバー	 ******/

.banner-side a:hover {
  opacity: 0.7;
}

/**** サイトバナーの高さ	 ******/
#custom_html-5 .st-widgets-title {
  margin-top: 40px;
}

/**** サイドバーカテゴリ *****/
#side aside .st-pagelists .sub-menu a {
  color: #222;
  background: #fff;
}

#side aside .st-pagelists .sub-menu a:hover {
  color: #777;
}

/**** サイドお問い合わせ *****/
.st-originalbtn-l {
  display: none;
}

.st-originalbtn {
  border-radius: 0px;
}

.st-originalbtn-r {
  font-size: 16px;
  letter-spacing: 1.5px;
  text-align: center;
  padding-left: 0px;
}

/****** スコア表	 ******/
.reviewBox .reviewLink a {
  font-size: 12px !important;
}
/* 画像サイズ	 */
.reviewBox .reviewBox_top .reviewBox_right img {
  width: 210px !important;
  height: 110px;
}

/****** Top記事	 ******/
/* トップ記事1記事目	 */
.top-article .kanren dl.clearfix {
  width: 100% !important;
}

/* 1記事目 */
.top-article {
  margin-bottom: 5px !important;
}

/* タイトル余白 */
main .kanren:not(.st-cardbox) dd {
  padding: 10px 20px 0px;
}

/* フロントPタイトル */
.post h5 {
  padding-right: 0px !important;
  font-size: 16px !important;
  padding-top: 5px;
}

/*フレックス化*/
body:not(.single-post) #contentInner .kanren {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}

/*2列に調整*/
body:not(.single-post) #contentInner .kanren dl.clearfix {
  width: calc((100% - 40px) / 2);
  margin: 10px;
}

/*フロートの解除*/
body:not(.single-post) #contentInner .kanren dl.clearfix dt {
  float: none;
  width: 100%;
}

/*フロートの解除*/
body:not(.single-post) #contentInner .kanren dl.clearfix dt a img {
  width: 100%;
}

/*タブレット以上の設定はここまで*/
/*余白を削除と微調整*/
body:not(.single-post) main .kanren dl.clearfix dd {
  padding-left: 0px;
  padding: 15px;
}

/*枠に影をつけたり微調整*/
body:not(.single-post) #contentInner .kanren dl.clearfix {
  padding-bottom: 20px;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
}

/* トップ見出しp */
.cat_title {
  font-style: italic;
  font-size: 27px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
}

.cat_title:before,
.cat_title:after {
  content: "";
  height: 0.5px;
  flex-grow: 1;
  background-color: #111;
}

.cat_title:before {
  margin-right: 1rem;
}

.cat_title:after {
  margin-left: 1rem;
}

.cat_span {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  margin-top: -20px;
  font-weight: bold;
  color: #444444;
}

/* トップ見出し2つ目 */
.cat_title2 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}

/****** 各カテゴリタイトル *****/
.category .entry-title {
  font-size: 27px;
  font-style: italic;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.category .entry-title:before,
.entry-title:after {
  content: "";
  height: 0.5px;
  flex-grow: 1;
  background-color: #111;
}

.category .entry-title:before {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.category .entry-title:after {
  margin-left: 14px !important;
  margin-right: 10px !important;
}

/******** *******************/
/**** フッター右SNS *****/
.footer-sns img {
  width: 50px;
  margin-bottom: 20px;
}

/***** フッターバナー ******/
.footer-banner {
  display: flex;
  flex-wrap: wrap;
}

.footer-banner a {
  width: 180px;
  margin-right: 7px;
  margin-bottom: 9px;
}

/***** フッターサブタイトル ****/
#footer #st-text-logo p {
  display: none;
}

/***** フッターPタイトル ****/
#footer .st-widgets-title {
  border-left: 3px solid #fff !important;
  padding-left: 6px;
  margin-top: 10px;
  text-align: left !important;
  font-size: 14px !important;
  margin-bottom: 10px !important;
  height: 27px;
  line-height: 27px !important;
}

/**** フッターブックメーカー ****/
/* ウィジェット幅 */
#footer .headbox .textwidget {
  width: 100%;
  padding-right: 5px;
}

/* 全体リンク */
#footer .bm-table {
  border: 1px solid #666;
  margin-bottom: 7px;
  background: #fff;
}

/* タイトル */
#footer .bm-txt {
  font-size: 18px !important;
  text-align: center;
  padding: 14px 0;
  background: #222;
  margin-bottom: 10px !important;
}

#footer .bm-tit img {
  width: 200px;
}

/* リスト全体 */
#footer .bm-list {
  padding-left: 0px;
}

#footer .bm-list ul {
  padding-left: 50px;
}

#footer .bm-list li {
  margin-top: 5px !important;
  list-style: none;
}

/* リスト */
#footer .bm-list li a {
  color: #222 !important;
  font-weight: bold;
  padding-left: 8px;
  font-size: 16px;
}

/* リスト矢印 */
#footer .bm-list li img {
  object-fit: cover;
  width: 15px;
  margin-bottom: 4px;
}

/* 公式ボタン */
#footer .bm-button {
  width: 200px;
  display: block;
  margin: 20px auto;
  font-size: 16px;
}

/**** フッター左リンク****/
#footer .headbox .textwidget {
  padding-left: 0px;
  background: none;
}

/***** フッターカテゴリー *****/
footer #sidebg {
  border: 1px solid #ddd;
  border-radius: 3px;
}

footer #sidebg li a::before {
  padding-left: 3px;
  color: #ccc !important;
  background: #fff;
  border-radius: 50%;
  width: 15px;
  height: 17px;
}

footer #sidebg .sub-menu li {
  padding: 5px 0px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-weight: normal;
}

/* ブックメーカー  */
footer #sidebg ul .menu-item-292 {
  background: #e3e3e3;
  padding-top: 5px;
  font-weight: bold;
}

footer #sidebg ul .menu-item-292 a {
  color: #222 !important;
}

/* チーム・リーグ・選手紹介 */
footer #sidebg ul .menu-item-300 {
  background: #e3e3e3;
  padding-top: 5px;
  color: #222 !important;
  font-weight: bold;
}

footer #sidebg ul .menu-item-300 a {
  color: #222 !important;
}

/* サッカーNEWS */
footer #sidebg ul .menu-item-299 {
  background: #e3e3e3;
  padding-top: 5px;
  color: #222 !important;
  font-weight: bold;
}

footer #sidebg ul .menu-item-299 a {
  color: #222 !important;
}

/* 視聴サービス */
footer #sidebg ul .menu-item-14120 {
  background: #e3e3e3;
  padding-top: 5px;
  color: #222 !important;
  font-weight: bold;
}

footer #sidebg ul .menu-item-14120 a {
  color: #222 !important;
}

/*********************** *****/
/*********************** *****/
/*********************** *****/
@media only screen and (min-width: 600px) and (max-width: 959px) {
  /******* 	 *****************/
  /**** ヘッダー余白 ****/
  #header-l {
    padding-top: 0;
  }

  /******* 	 *****************/
  /**** Newpostとヘッダー余白 ****/
  .top-space {
    display: none;
  }

  /* カラム50 */
  :where(.wp-block-columns.is-layout-flex) {
    gap: 0em;
  }

  /********　目次  ***********/
  .toc_number {
    visibility: hidden;
    margin-right: 0px;
  }

  /******* 	 *****************/
  /**** スマホメニュー	 ****/
  .acordion_tree ul.menu li a {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 0 10px;
    font-size: 13px;
    font-weight: bold;
  }

  .acordion_tree ul.menu #menu-item-267 a {
    border-top: 1px solid #333;
  }

  /***** スマホメニューSNS	******/
  .sp-menu {
    width: 180px;
    margin: 0 auto;
  }

  .sp-menu ul {
    display: flex;
    list-style: none;
  }

  .sp-menu ul li {
    margin-right: 10px;
    background: #444;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    transform: translate(30px);
  }

  .sp-menu ul li a {
    line-height: 1.8;
    padding-left: 5.5px;
  }

  .sp-menu ul li img {
    width: 23px;
  }

  /**** 	SNSとボタン幅 ****/
  .st-author-profile .sns li,
  #side aside .st-author-profile .sns li {
    padding: 0 9.2px;
  }

  /*** サイトバナーの高さ	 ******/
  #custom_html-5 .st-widgets-title {
    margin-top: 0px;
  }

  /******ブックメーカー ********/
  /* 全体リンク */
  #custom_html-13 .bm-tit img {
    width: 400px;
  }

  #custom_html-14 .bm-tit img {
    width: 400px;
  }

  /****** リスト全体 ********/
  /*** sportsbet	 **/
  #custom_html-13 .bm-list {
    padding-left: 0px;
  }

  #custom_html-13 .bm-list {
    width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  #custom_html-13 .bm-list ul {
    display: flex;
  }

  #custom_html-13 .bm-list li {
    margin: 0 auto;
  }

  /* リスト */
  #custom_html-13 .bm-list li a {
    margin-right: 0px;
    font-size: 14px;
    padding-left: 2px;
  }

  /* リスト矢印 */
  #custom_html-13 .bm-list li img {
    margin-bottom: 1.5px;
    width: 13px;
  }

  /* 公式ボタン */
  #custom_html-13 .bm-button {
    width: 400px;
    display: block;
    margin: 10px auto;
  }

  /****** bet365	 *****/
  #custom_html-14 .bm-list {
    padding-left: 0px;
  }

  #custom_html-14 .bm-list {
    width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  #custom_html-14 .bm-list ul {
    display: flex;
  }

  #custom_html-14 .bm-list li {
    margin: 0 auto;
  }

  /* リスト */
  #custom_html-14 .bm-list li a {
    margin-right: 0px;
    font-size: 13px;
    padding-left: 2px;
  }

  /* リスト矢印 */
  #custom_html-14 .bm-list li img {
    margin-bottom: 1.5px;
    width: 13px;
  }

  /* 公式ボタン */
  #custom_html-14 .bm-button {
    width: 400px;
    display: block;
    margin: 10px auto;
  }

  /******* 	 *****************/
  /***** フッターロゴ ******/
  .footerlogo {
    text-align: left !important;
  }

  /***** ブックメーカー ******/
  #footer .headbox .textwidget {
    display: flex;
  }

  #footer .bm-table {
    margin-right: 10px;
  }

  /***** バナー ******/
  .footer-banner a {
    width: 152px;
    margin-right: 5px;
    margin-bottom: 10px;
  }

  /* カテゴリ一覧	 */
  footer #sidebg li a::before {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 14px;
    height: 16px;
  }

  /*** フッターブックメーカー ****/
  /* 全体の幅	 */
  #footer .bm-table {
    width: 100%;
  }

  /* 画像	 */
  #footer .bm-tit img {
    width: 250px;
  }

  /* リスト */
  #footer .bm-list {
    width: 250px;
    margin: 0 auto;
  }

  #footer .bm-list ul {
    padding-left: 0px;
  }

  /* ボタン */
  #footer .bm-button {
    width: 250px;
  }
}

/*****************************/
/*****************************/
/*****************************/
/* スマホ */
@media print, screen and (max-width: 480px) {
  /*****************************/ /***** スマホロゴ	******/
  /* ロゴ余白	 */
  #headbox {
    padding-left: 15px;
  }

  .entry-content > div {
    margin-bottom: 10px;
  }

  /* ロゴサイズ	  */
  #st-mobile-logo img,
  header .sitename img {
    width: 210px !important;
  }

  /* Newpostとヘッダー余白 */
  .top-space {
    display: none;
  }

  /*****************************/ /***** スマホメニューSNS	******/
  .sp-menu ul {
    display: flex;
    list-style: none;
  }

  .sp-menu ul li {
    margin: 0 10px;
    background: #444;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    transform: translate(30px);
  }

  .sp-menu ul li a {
    line-height: 1.8;
    padding-left: 6px;
  }

  .sp-menu ul li img {
    width: 23px;
  }

  /*****************************/
  /***** Topタイトル *********/
  .cat_title {
    font-size: 19px;
  }

  .cat_title2 {
    font-size: 19px;
  }

  /* 各サブタイトル	 */
  .cat_span {
    font-size: 14px;
    margin-top: -20px;
    margin-bottom: 10px;
  }

  /*** TOPボタンのホバー	 ******/
  .wp-block-button__link:hover {
    color: #fff !important;
    opacity: 0.7;
  }

  /****** トップ記事1記事目	 *****/
  .top-article .kanren dl.clearfix {
    width: 100% !important;
  }

  main {
    padding: 5px 20px !important;
  }

  /* 1記事目 */
  .top-article > .kanren dl:last-child {
    margin-bottom: 10px !important;
  }

  /* タイトル余白 */
  /* main .kanren:not(.st-cardbox) dd {
	padding-left: 0px;
} */

  /* フロントPタイトル */
  .post h5 {
    font-size: 17px !important;
  }

  /*****2列解除******/
  body:not(.single-post) #contentInner .kanren {
    display: block;
    flex-wrap: wrap;
    padding: 0px;
  }

  body:not(.single-post) #contentInner .kanren dl.clearfix {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }

  /*タブレット以上の設定はここまで*/
  /*余白を削除と微調整*/
  body:not(.single-post) main .kanren dl.clearfix dd {
    /* padding: 20px!important; */
  }

  /******** 目次	 *******/
  #toc_container.only-toc ul {
    padding: 0px !important;
  }

  /*　目次ナンバー*/
  .toc_number {
  }

  /*　目次リスト*/
  #toc_container .toc_list > li > a {
    margin-left: 0px;
  }

  #toc_container .toc_list > li > a::before {
    content: "";
    margin-left: 10px;
  }

  /****** 	pageネーション *****/
  .st-pagelink {
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  /****  レビューボックス****/
  .reviewBox {
    margin: 0 auto;
  }

  /* カラム50 */
  :where(.wp-block-columns.is-layout-flex) {
    gap: 0em;
  }

  /* タブ */
  .top-tag .wp-block-tag-cloud a,
  .tagcloud a {
    text-decoration: none;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 2px;
    padding: 0 3px;
    font-size: 11px !important;
  }

  /* 一覧ボタン余白	 */
  .top-button-list {
    padding-top: 20px;
  }

  /*****************************/
  /***** 	SNSとボタン幅 ****/
  .st-author-profile .sns li,
  #side aside .st-author-profile .sns li {
    padding: 0 6.8px;
  }

  /**** サイトバナーの高さ	 ******/
  #custom_html-5 .st-widgets-title {
    margin-top: 0px;
  }

  /**** サイドバーメニュー	 ****/
  .acordion_tree ul.menu li a {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 0 10px;
    font-size: 13px;
    font-weight: bold;
  }

  .acordion_tree ul.menu #menu-item-267 a {
    border-top: 1px solid #333;
  }

  /*** サイド広告のホバー	 ******/

  .banner-side a:hover {
    opacity: 0.7;
  }

  /******ブックメーカー ********/
  /* リスト */

  .bm-list {
    padding-left: 0px;
  }

  .bm-list ul {
    width: 250px;
    margin: 0 auto;
  }

  /****  お問い合わせボタン ****/
  .st-originalbtn {
    width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
    margin: 0 auto;
    padding: 16px 26px;
  }

  /****** 人気ランキング	 ******/
  .kanren dt:not(.st-card-img) {
    float: none !important;
    width: 100% !important;
  }

  /*** 人気記事ランキングタイトル ***/
  .kanren dd,
  #side .kanren dd {
    float: none;
    padding-top: 10px;
  }

  .kanren dd {
    padding-left: 0;
  }

  /*****************************/
  /****** フッターカテゴリー ****/
  footer #sidebg li a::before {
    font-size: 13px;
    padding-top: 1px;
    padding-bottom: 0.3px;
    padding-left: 3px;
     width: 14px;
    height: 15.2px;
  }

  /******  フッターバナー*****/
  .footer-banner a {
    width: 175px;
    margin-right: 5px;
    margin-bottom: 6px;
  }

  /***** フッターロゴ ******/
  .footerlogo {
    text-align: left !important;
  }

  /***** ブックメーカー	******/
  #footer .bm-list ul {
    padding-left: 0px !important;
    width: 200px;
  }

  /** おすすめブックメーカー ****/
  #footer .bm-table {
    background: #fff;
  }

  /* タイトル */
  #footer .bm-txt {
    font-size: 18px !important;
  }

  /* 画像 */
  .bm-tit img {
    width: 250px;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
  }

  /* リスト全体 */
  .bm-list {
    padding-left: 23px;
  }

  .bm-list li {
    margin-top: 5px !important;
  }

  /* リスト */
  #footer .bm-list li a {
    color: #222 !important;
    font-size: 16px;
  }

  /* リスト矢印 */
  #footer .bm-list li img {
    object-fit: cover;
    width: 15px;
    margin-bottom: 4px;
  }

  /* 公式ボタン */
  #footer .bm-button {
    font-size: 16px;
    padding: 10px 0;
    width: 250px;
    display: block;
    margin: 20px auto;
  }
}
/* 表ノマド */

table.nomad_table {
  max-width: 900px !important;
  width: 100%;
  margin: 15px auto !important;
  background: #fff;
  text-align: center !important;
  font-size: 14px !important;
  display: block !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch !important;
  color: #333 !important;
  border: none !important;
  border-collapse: collapse !important;
}

table.nomad_table a {
  color: #333 !important;
  text-decoration: none !important;
  transition: 0.2s;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.25em !important;
  font-size: 13px !important;
  display: block !important;
  position: relative !important;
  text-align: center !important;
}

table.nomad_table a:hover {
  opacity: 0.8;
}

table.nomad_table tr td,
table.nomad_table tr th {
  padding: 1.5em 2.2em !important;
  line-height: 1.25em !important;
  font-size: 14px !important;
  border: none !important;
  position: relative !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #505050 !important;
}

table.nomad_table tr:first-child td,
table.nomad_table tr:first-child th,
table.nomad_table tr:last-child td,
table.nomad_table tr:last-child th {
  border-bottom: none !important;
}

table.nomad_table tr td {
  font-size: 13px !important;
}

table.nomad_table tr td:first-child {
  position: sticky !important;
  left: 0 !important;
  background: #fff !important;
  z-index: 2;
}

table.nomad_table tr th:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2;
}

table.nomad_table tr td:nth-child(even) {
  background: #fafafa !important;
}

table.nomad_table tr th {
  padding: 0.8em 2em !important;
  background: #505050 !important;
  color: #fff !important;
  width: 100% !important;
  position: relative !important;
}

table.nomad_table tr th:nth-child(even):after {
  content: "";
  display: block !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
}

table.nomad_table tr:nth-child(even) td:nth-child(even):after {
  content: "";
  display: block !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
  position: absolute;
}

table.nomad_table::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

table.nomad_table::-webkit-scrollbar-track {
  background: #fafafa !important;
}

table.nomad_table::-webkit-scrollbar-thumb {
  border-radius: 5px !important;
  background: #505050 !important;
}

table.nomad_table .table_img {
  display: block;
  max-width: 60px;
  margin: 0 auto 15px auto;
}

@media (max-width: 480px) {
  table.nomad_table tr td,
  table.nomad_table tr th {
    padding: 1em !important;
    font-size: 12px !important;
  }

  table.nomad_table tr th {
    padding: 0.8em 2em !important;
    font-size: 13px !important;
  }

  table.nomad_table .table_img {
    max-width: 45px;
    margin: 0 auto 10px auto;
  }

  table.nomad_table a {
    font-size: 10px !important;
  }
}

/* ボックス*/
.nomadBox_deco17 {
  border: 1px solid #ab9862;
  background: #e8e7e6;
  margin: 40px 0 15px 0;
  position: relative;
}
.nomadBox_deco17 h4 {
  margin-left: -1px !important;
  padding: 15px 25px 15px 15px !important;
  font-size: 18px;
  color: #fff !important;
  background: #ab9862 !important;
  font-weight: bold;
  display: inline-block !important;
  margin-top: -25px !important;
  left: 0 !important;
  min-width: 150px !important;
  text-align: center !important;
  border-radius: 0 50em 50em 0;
}
.nomadBox_deco17 p {
  padding: 15px 20px 20px 20px;
  line-height: 1.5em;
  margin: 0 !important;
}

/* アプリーチ*/
/*
 * Copyright (c) NomadWorks
 * Design: NomadCode
 * https://www.code.nomad.inc/
 */

.appreach {
  text-align: left;
  border: 1px solid #323232;
  background: #fff;
  max-width: 100% !important;
  width: 100% !important;
  padding: 25px;
  margin: 20px auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.appreach:after {
  content: "";
  display: block;
  clear: both;
}

.appreach p {
  line-height: 1.8em !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
}

.appreach a:after {
  display: none;
}

.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0% 3% 0% 0% !important;
  width: 22.5% !important;
  height: auto !important;
  max-width: 100px !important;
}

.appreach__detail {
  display: inline-block;
  line-height: 1.5;
  width: 72%;
}

.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}

.appreach__name {
  font-size: 15px !important;
  color: #323232 !important;
  line-height: 1.5em !important;
  font-weight: bold !important;
  max-height: 3em;
  overflow: hidden;
}

.appreach__detail .appreach__name {
  line-height: 1.3em !important;
  padding-bottom: 5px !important;
}

.appreach__detail .appreach__info .appreach__posted {
  line-height: 1.3em !important;
  font-size: 0.8em !important;
}

.appreach__info {
  font-size: 12px !important;
  color: #929292 !important;
}

.appreach__posted {
  font-size: 0.9em !important;
}

.appreach__developper,
.appreach__price {
  margin-right: 0.5em;
}

.appreach__posted a {
  margin-left: 0.8em;
  color: #55a8dc !important;
}

.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.appreach__aslink img {
  height: 40px;
  -webkit-backface-visibility: hidden;
  margin-right: 10px;
}

.appreach__gplink img {
  height: 40px;
  -webkit-backface-visibility: hidden;
}

@media (max-width: 460px) {
  .appreach {
    overflow: hidden;
    max-width: 320px !important;
    width: 100%;
  }

  .appreach__detail .appreach__name {
    line-height: 1.3em !important;
    padding-bottom: 5px !important;
    font-size: 0.7em !important;
  }

  .appreach__posted {
    font-size: 0.7em !important;
  }

  .appreach__icon {
    width: 25% !important;
  }

  .appreach__info {
    font-size: 10px !important;
  }

  .appreach__links {
    margin: auto;
    margin-top: 5px;
    float: left;
    display: table;
    padding-top: 5px;
  }

  .appreach__aslink img,
  .appreach__gplink img {
    margin-right: 2px;
    height: 40px;
  }
}