@charset "utf-8";
/* CSS Document */

/* =============================================
	----------------------------------
  		Structure
  ----------------------------------

  01. 色変数
  02. 共通項目
      02.1 フォント
      02.2 リンク
      02.3 ボタン
      02.4 非表示
  03. ヘッダー
      03.1 検索窓
  04. ページレイアウト
  05. TOPページ メインコンテンツ
      05.1 FV
      05.2 タイトル装飾
      05.3 新着記事・人気記事ランキング
      05.4 光回線業者の評判と口コミ
      05.5 編集者一覧
      05.6 ボタンエリア
  06. TOPページ メインコンテンツ
      06.1 タイトル装飾
      06.2 編集者紹介
      06.3 人気記事一覧
      06.4 光回線業者一覧
  07. フッター
  08. その他記事
      08.1 殿堂入り記事
      08.2 関連記事・新着記事
      08.3 人気記事
      08.4 人気記事 1/2サイズ
      08.5 同じカテゴリーの記事
  09. 光回線一覧
      09.1 人気の光回線
      09.2 当サイトで知れる他の光回線
  10. おすすめの光回線紹介
  11. ページネーション・リンクエリア
  12. パンくず
  13. タグ一覧
  14. 編集者一覧
  15. 会社概要
  16. 検索結果なし・404ページ
  17. 記事内バナーエリア
  18. 見出しまわり
  19. 記事ページ
      19.1 目次
      19.2 ボックス
      19.3 星
      19.4 トグル
      19.5 口コミ・評価表
      19.6 口コミボックス
      19.7 この記事を書いた人
  20. メディアクエリ
  21. 石塚追加分
  22. ヒカリク新規デザインボックス

  ----------------------------------
  		最終更新
  ----------------------------------
	-2022＿0721-eguchi
============================================= */

/* =============================================
01. 色変数
============================================= */
:root {
--color-bg: #f7f8f9;
--color-white: #FFFFFF;
--color-white-95: rgba(255, 255, 255, .95);
--color-key: #5170ff;
--color-key2: #00bf63;
--color-key-middle: #2b4bdd;
--color-key-light: #edeff9;
--color-key-dark: #3346a1;
--color-key-30: #5170ff45;
--color-text: #333333;
--color-text-link: #0187FC;
--color-pink: #FF71A0;
--color-gold: #DBB400;
--color-silver: #C9CACA;
--color-bronze: #C08D5E;
--color-star: #E3B138;
--color-gray-f2: #F2F2F2;
--color-gray-ee: #EEEEEE;
--color-gray-bb: #BBBBBB;
--color-gray-75: #757575;
--color-gray-66: #666666;
--color-bk-16: rgba(0, 0, 0, .16);
}

/* =============================================
02. 共通項目
============================================= */
body {
  background: var(--color-bg);
  color: var(--color-text);
  position: relative;
  overflow-x: hidden;
  margin-top: -60px;
}
article a {
  display: block;
}
.grid article {
  float: none;
  width: initial;
  margin-bottom: initial;
  margin-right: initial;
}
/* 02.1 フォント
================================*/
body, button, input, select, textarea {
 /* font-family: 'Roboto', 'Noto Sans JP', sans-serif; */
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
body {
 /* font-family: 'Roboto', 'Noto Sans JP', sans-serif; */
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
h1, h2, h3, .site-title, .grid .page-title, .grid article .entry-title, .js.grid article.semicolon-featured .entry-title, .related-content .related-content-title, .related-content article .entry-title, .single .author h3, .widget-area .widget-title, .comments-title, .comment-meta .comment-author, #respond #reply-title {
  /* font-family: 'Roboto', 'Noto Sans JP', sans-serif; */
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
h3 {
  /* font-family: 'Roboto', 'Noto Sans JP', sans-serif; */
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
.site-description {
  /* font-family: 'Roboto', 'Noto Sans JP', sans-serif; */
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
.main-navigation .menu-toggle {
  /* font-family: 'Roboto', 'Noto Sans JP', sans-serif; */
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
.label__new:after {
  font-family: Arial, Helvetica, "sans-serif";
}
.label__ranking-num {
  font-family: Arial, Helvetica, "sans-serif";
}
.rate__num {
  font-family: Arial, Helvetica, "sans-serif";
}
.footer-sidebar > aside > .textwidget > p {
  font-family: Arial, Helvetica, "sans-serif";
}

/* 02.2 リンク
================================*/
a, a:visited, a:link {
  text-decoration: underline;
}
a:hover {
  opacity: 0.5;
  transition: .3s;
}
.entry-meta a:hover {
  color: var(--color-gray-75);
}
.entry-content table a {
font-weight: 800;
}

/* 02.3 ボタン
================================*/
a.button-medium, a.button-small, a.popular-contents__read-more-button {
  display: block;
  background-color: #ff8800;
  box-shadow: #e7670e 0px 4px 0px 0px;
  color: var(--color-white);
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  position: relative;
  font-weight: bold;
}
a.button-more {
  display: block;
  background-color: var(--color-white);
  color: var(--color-key);
  text-align: center;
  text-decoration: none;
  border: solid 1px var(--color-key);
  border-radius: 25px;
  position: relative;
}
a.button-medium {
  width: 450px;
  font-size: 16px;
  margin: 0 auto;
  padding: 12px;
}
body.single a.button-medium:not(div.saikabu a.button-medium),
body.page a.button-medium:not(div.saikabu a.button-medium) {
    height: 80px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
  body.single a.button-medium:not(div.saikabu a.button-medium),
  body.page a.button-medium:not(div.saikabu a.button-medium) {
      height: 70px;
      font-size: 18px;
    display: flex!important;
  }
}
a.button-more {
  width: 480px;
  font-size: 16px;
  margin: 24px auto;
  padding: 12px;
}
a.button-small {
  width: 168px;
  font-size: 12px;
  margin: 0 auto;
  padding: 6px;
}
a.popular-contents__read-more-button {
  font-size: 12px;
  margin-top: 16px;
  padding: 10px;
}
a.button-medium:after, a.button-small:after, a.popular-contents__read-more-button:after {
  display: block;
  content: 'chevron_right';
  font-family: "Material Icons";
  position: absolute;
}
a.button-more:after {
  display: block;
  content: 'expand_more';
  font-family: "Material Icons";
  position: absolute;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
}
a.button-medium:after,
a.button-more:after {
  font-size: 24px;
  top: 6px;
  right: 16px;
}
body.single a.button-medium:not(div.saikabu a.button-medium):after,
body.page a.button-medium:not(div.saikabu a.button-medium):after {
    font-size: 50px;
    top: 3px;
    right: 1px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
  body.single a.button-medium:not(div.saikabu a.button-medium):after,
body.page a.button-medium:not(div.saikabu a.button-medium):after {
  font-size: 45px;
  top: 2px;
  right: -4px;
}
}
a.button-small:after {
  font-size: 15px;
  top: 5px;
  right: 16px;
}
a.popular-contents__read-more-button:after {
  font-size: 15px;
  top: 9px;
  right: 16px;
}
a.button-medium:hover, a.button-small:hover, a.popular-contents__read-more-button:hover {
  background: #ff8800;
  box-shadow: #e7670e 0px 2px 0px 0px;
  color: var(--color-white);
  opacity: 1;
}
a.button-medium:active, a.button-small:active, a.popular-contents__read-more-button:active {
  box-shadow: #e7670e 0px 0px 0px 0px;
  transform: translateY(5px);
  transition: 200ms;
}
a.button-more:hover {
  background: var(--color-key);
  color: var(--color-white);
  opacity: 1;
}
.company-score__inner.popular > a.button-small {
  width: 200px;
  font-size: 16px;
}
.company-score__inner.popular > a.button-small:after {
  font-size: 20px;
  top: 3px;
  right: 16px;
}

a.button-medium.jump_ver:after,
a.button-medium.up_arrow:after {
  content: none;
}
a.button-medium.jump_ver:before {
  /*  content: 'expand_more'; */
    content: none;
}
a.button-medium.up_arrow:before {
  /*  content: 'expand_less'; */
    content: none;
}
a.button-medium.jump_ver:before,
a.button-medium.up_arrow:before {
    display: block;
    font-family: "Material Icons";
    position: absolute;
    font-size: 24px;
    top: 6px;
    left: 45px;
}

@media screen and (max-width: 680px) {
 a.button-medium.jump_ver:before,
 a.button-medium.up_arrow:before {
      top: 1px;
    left: 20px;
    }
  }

/* テーブル内CTA用ボタンここから */

a.button-medium__ctatable {
  display: block !important;
  background-color: #ff8800!important;
  box-shadow: #e7670e 0px 4px 0px 0px;
  color: var(--color-white);
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  position: relative;
  width: 383px;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 12px;
  font-weight: bold !important;
}
a.button-medium__ctatable:after {
  display: block;
  content: 'chevron_right';
  font-family: "Material Icons";
  position: absolute;
  font-size: 24px;
  top: 6px;
  right: 16px;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
a.button-medium__ctatable:hover {
  box-shadow: #e7670e 0px 2px 0px 0px;
  color: var(--color-white);
  opacity: 1;
}
a.button-medium__ctatable:active{
  box-shadow: #e7670e 0px 0px 0px 0px;
  transform: translateY(5px);
  transition: 200ms;
}
.left_table {
  width: 36%;
  }
.right_table {
  width: 64%;
  }

@media screen and (max-width: 680px) {
  a.button-medium__ctatable {
      width: 100%;
      font-size: 13px;
      padding: 8px;
    }
  a.button-medium__ctatable:after {
      top: 1px;
    }
  .left_table {
      width: 30%;
    }
  .right_table {
      width: 70%;
    }
  }

/* ver2はランキングテーブル用 */
a.button-medium__ctatable_ver2 {
    display: flex !important;
    background-color: #ff8800 !important;
    box-shadow: #e7670e 0px 4px 0px 0px;
    color: var(--color-white);
    text-align: center;
    text-decoration: none;
    border-radius: 25px;
    position: relative;
    width: 300px;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    min-height: 52px;
    justify-content: center;
    align-items: center;
}
a.button-medium__ctatable_ver2.r_arrow {
	font-size: 13px;
}
a.button-medium__ctatable_ver2.r_arrow.b-font  {
	font-size: 15px;
}
a.button-medium__ctatable_ver2:after {
  display: block;
  content: 'chevron_right';
  font-family: "Material Icons";
  position: absolute;
  font-size: 24px;
  top: 9px;
  right: 15px;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
a.button-medium__ctatable_ver2:hover {
  background-color: #ff8800 !important;
  box-shadow: #e7670e 0px 2px 0px 0px;
  color: var(--color-white);
  opacity: 1;
}
a.button-medium__ctatable_ver2:active {
  box-shadow: #e7670e 0px 0px 0px 0px;
  transform: translateY(5px);
  transition: 200ms;
}
@media screen and (max-width: 680px) {
    a.button-medium__ctatable_ver2 {
        width: 100%;
        font-size: 15px;
        margin-bottom: 0px;
        padding: 8px 8px 8px 0px;
    }
  a.button-medium__ctatable_ver2:after {
      top: 9px;
      right: 0px;
    }
  }  
/* テーブル内CTA用ボタンここまで */

/* テーブル内CTA用ボタン【スクロール】用ここから */

a.button-medium__ctatable.jump_ver:after,
a.button-medium__ctatable.up_arrow:after {
  content: none;
}

a.button-medium__ctatable.jump_ver:before {
  /*  content: 'expand_more'; */
    content: none;
}
a.button-medium__ctatable.up_arrow:before {
  /*  content: 'expand_less'; */
    content: none;
}
a.button-medium__ctatable.jump_ver:before,
a.button-medium__ctatable.up_arrow:before {
    display: block;
    font-family: "Material Icons";
    position: absolute;
    font-size: 24px;
    top: 6px;
    left: 45px;
}

@media screen and (max-width: 680px) {
 a.button-medium__ctatable.jump_ver:before,
 a.button-medium__ctatable.up_arrow:before {
      top: 1px;
    left: 10px;
    }
  }

/* テーブル内CTA用ボタン【スクロール】用ここまで */

/* ボタン用ラベル */
a.label_free {
position: relative;
}
a.label_free:before {
content: "無料";
position: absolute;
top: 22%;
left: 19px;
background: #fff;
border-radius: 10px;
padding: 4px;
color: #ff8800;
font-size: 12px;
font-weight: bold;
}
a.button-medium.label_free:before {
    top: 33%;
}

@media screen and (max-width: 680px) {
	a.button-medium.label_free:before {
    top: 31%;
}
}
/* 02.4 非表示
================================*/
.sp-display {
  display: none !important;
}

/* =============================================
03. ヘッダー
============================================= */
.site-header {
  height: 82px;
  background-color: var(--color-white-95);
  box-shadow: 0px 3px 6px var(--color-bk-16);
  position: relative;    /*20230626 固定解除*/
  z-index: 99999;
  width: 100%;
}
.site-header a {
  display: block;
}
.site-branding {
    width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.site-title {
  width: 175px;
}
.site-title img {
  width: auto;
  margin: 16px 0;
}
.site-description {
  color: var(--color-gray-75);
  font-size: 11px;
  line-height: 1.3;
  align-self: center;
    margin-left: 20px;
}
.site-branding > .sp-display {
  display:none;
}

/* 03.1 検索窓
================================*/
div#search {
  width: 384px;
  display: flex;
  flex-flow: row-reverse;
  align-self: center;
}
div#search input#s {
  width: 320px;
  height: 41px;
  border-color: var(--color-gray-bb);
  border-radius: 4px 0 0 4px;
  border-right: none;
  position: relative;
}
div#search button#searchsubmit {
  padding: 4px 8px;
  border-radius: 0 4px 4px 0;
  border: 1px solid var(--color-gray-bb);
  border-left: none;
}

aside#search-2 {
  width: 384px;
  width: 100%;
  display: flex;
  flex-flow: row-reverse;
  align-self: center;
}
aside#search-2 input#s-2 {
  width: 253px;
  height: 41px;
  border-color: var(--color-gray-bb);
  border-radius: 4px 0 0 4px;
  border-right: none;
  position: relative;
}
aside#search-2 button#searchsubmit-2 {
  padding: 4px 8px;
  border-radius: 0 4px 4px 0;
  border: 1px solid var(--color-gray-bb);
  border-left: none;
}
aside#search-2 button#searchsubmit-2 > .material-icons {
  position: relative;
  top: 4px;
}
/***********************************
* SP検索フォーム
***********************************/
.sp-search {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    cursor: pointer;
}
.formbox {
  width: 100%;
  height: 50px;
  position: relative;
  top: calc(50vh - 75px);
}
.formBox input {
  width: 90%;
}
.formbox button.search-box__btn.spSearchBtn {
    position: absolute;
}
.closeMenu img {
  position: relative;
  left: calc(100% - 45px);
  top: 20px;
}
.closeMenu {
    height: 50px;
    margin-bottom: 20px;
}
input.search-box__text-field.spSearchInput {
  font-size: 16px;
  width: calc(100% - 60px);
  background-color: #fff;
  margin-left: 10px;
  height: 52px;
  border-radius: 4px 0 0 4px;
  border: none;
}
input.search-box__text-field.spSearchInput:focus {
  background: var(--color-white);
}
.spSearch_item .searchform__submit {
  margin-right: 10px;
  border-radius: 0 4px 4px 0;
  padding: 0 20px;
}
.search-box__text-field {
  font-size: 16px;
  outline: 0;
  width: 100%;
  height: 40px;
  line-height: 38px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 1px solid var(--color-black_87);
  border-right: 0;
  background: var(--color-white);
  border-radius: 2px 0 0 2px;
}
.search-box__btn {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 0 2px 2px 0;
  background: var(--color-border-midium);
  box-sizing: border-box;
  border: 1px solid var(--color-black_87);
  cursor: pointer;
  transition-duration: 250ms;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  font-size: 15px;
 /* font-weight: 100; */
}
input::placeholder {
  color: var(--color-gray-bb);
}
/* IE */
input:-ms-input-placeholder {
  color: var(--color-gray-bb);
}
/* Edge */
input::-ms-input-placeholder {
  color: var(--color-gray-bb);
}
:focus {
  outline: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button-primary, a.button-primary {
  color: var(--color-text);
  background: var(--color-white);
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button-primary:hover, .button-primary:focus, a.button-primary:hover, a.button-primary:focus {
  color: var(--color-gray-bb);
  background: var(--color-white);
}
button#searchsubmit > .material-icons {
  position: relative;
  top: 4px;
}
.main-navigation {
  display: none;
}

/* =============================================
04. ページレイアウト
============================================= */
.site-content {
  width: 1140px;
  margin: 0 auto;
  padding: 64px 0;
  position: relative;
}
#primary {
  width: 800px;
  float: left;
  display: block;
}
#secondary {
  float: right;
  width: 316px;
}

/* =============================================
05. TOPページ メインコンテンツ
============================================= */
/* 05.1 FV
================================*/
.main-visual {
  width: 100%;
  background: var(--color-key-light);
  /*margin-top: 70px; ヘッダー固定解除による変更*/
}
.main-visual__inner {
  width: 1140px;
  margin: 0 auto;
}
.main-visual__inner a {
display: block;
text-decoration: none;
}

/* 05.2 タイトル装飾
================================*/
.ttl {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  border-bottom: solid 3px var(--color-key-30);
  margin-bottom: 24px;
  padding-top: 0;
  position: relative;
}
.ttl:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  width: 72px;
  border-bottom: solid 3px var(--color-key);
}

/* 05.3 新着記事・人気記事ランキング
================================*/
.new-article, .ranking-article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.new-article a.link-article {
  text-decoration: none;
}
.ranking-article a {
  text-decoration: none;
}
.new-article article, .ranking-article article {
  width: calc((100% - 32px) / 3);
  background: var(--color-white);
  margin-right: initial;
  margin-bottom: 24px;
}
.new-article article .entry-header, .ranking-article article .entry-header {
  margin-top: 0;
}
.new-article a, .ranking-article a {
  display: block;
}
.new-article article img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.new-article .article__inner, .ranking-article .article__inner  {
  padding: 16px;
}
.ranking-article img {
    object-fit: cover;
}
.new-article .category-tag, .ranking-article .category-tag {
  color: var(--color-white);
  font-size: 11px;
  line-height: 1;
  background: var(--color-key);
  padding: 4px 8px;
  width: fit-content;
}
.new-article .entry-title__inner, .ranking-article .entry-title__inner {
  color: var(--color-text);
  width: 100%;
  height: 66px;
  overflow: hidden;
  margin: 16px 0;
}
.ranking-article .article__inner .entry-title__inner {
  margin: 0;
  }
.new-article article .entry-title, .ranking-article article .entry-title {
  width: 100%;
  margin-top: initial;
  padding-top: initial;
  margin-bottom: initial;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.new-article .entry-meta, .ranking-article .entry-meta {
  width: 100%;
  color: var(--color-gray-75);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  padding: 0 0 16px;
}
.ranking-article .category-tag {
  background: #fff;
  display: none;
} 
.label__new:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
.label__new:after {
  display: block;
  content: "NEW";
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .5px;
  background: var(--color-pink);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 101;
  padding-top: 11px;
}
.label__gold:after, .label__silver:after, .label__bronze:after {
  display: inline-block;
  content: "";
  background-size: contain;
  width: 45px;
  height: 31px;
  position: absolute;
  top: -10px;
  right: -3px;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .4));
}
.label__gold:after {
  background-image: url("https://www.correc.co.jp/esim/design/img/ranking-gold.png");
}
.label__silver:after {
  background-image: url("https://www.correc.co.jp/esim/design/img/ranking-silver.png");
}
.label__bronze:after {
  background-image: url("https://www.correc.co.jp/esim/design/img/ranking-bronze.png");
}
.label__ranking-num {
  color: var(--color-key);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: var(--color-white);
  border: 1px solid var(--color-key);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  top: -10px;
  right: -3px;
  padding-top: 2px;
  padding-right: 1px;
}

@media screen and (max-width: 680px) {
.label__gold:after {
    background-image: url(https://www.correc.co.jp/esim/design/img/ranking-gold-SP.png);
    background-repeat: no-repeat;
}

.label__silver:after {
    background-image: url(https://www.correc.co.jp/esim/design/img/ranking-silver-SP.png);
    background-repeat: no-repeat;
}

.label__bronze:after {
    background-image: url(https://www.correc.co.jp/esim/design/img/ranking-bronze-SP.png);
    background-repeat: no-repeat;
}

.label__ranking-num:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    left: -2px;
    margin: auto;
    box-sizing: border-box;
    border-style: solid;
    border-width: 39px 39px 0 0;
    border-color: var(--color-key) transparent;
    z-index: -1;
} 

.label__ranking-num:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    left: -1px;
    margin: auto;
    box-sizing: border-box;
    border-style: solid;
    border-width: 36px 36px 0 0;
    border-color: #fff transparent;
    z-index: -1;
}

.label__ranking-num {
    color: var(--color-key);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    background: transparent;
    border: transparent;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 170px;
    right: 16px;
    padding-right: 5px;
    z-index: 0;
}
}

/* 05.3-1 固定ページ用殿堂入り記事
================================*/
.dendo-article__kotei {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dendo-article__kotei article {
  width: calc(798px / 3);
  background: var(--color-white);
  margin-right: initial;
  margin-bottom: 24px;
}
.dendo-article__kotei article .entry-header {
  margin-top: 0;
}
.dendo-article__kotei a {
  display: block;
}
.dendo-article__kotei article img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.dendo-article__kotei .article__inner {
  padding: 16px;
}
.dendo-article__kotei .category-tag {
  color: var(--color-white);
  font-size: 12px;
  line-height: 1;
  background: var(--color-key);
  padding: 4px 8px;
  width: fit-content;
}
.dendo-article__kotei .entry-title__inner {
  color: var(--color-text);
  width: 100%;
  height: 66px;
  overflow: hidden;
  margin: 16px 0;
}
.dendo-article__kotei article .entry-title {
  width: 100%;
  margin-top: initial;
  padding-top: initial;
  margin-bottom: initial;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.dendo-article__kotei .entry-meta {
  width: 100%;
  color: var(--color-gray-75);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  padding: 0 0 16px;
}


/* 05.4 光回線業者の評判と口コミ
================================*/
.review {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.company-score a {
  text-decoration: none;
}
.review .company-score {
  width: calc(770px / 4);
  background: var(--color-white);
  margin-bottom: 24px;
}
/************************************
.post-2592 .review .company-score {
  width: calc(800px / 4);
  background: var(--color-white);
  margin-bottom: 24px;
  padding-bottom: 10px;
}
*************************************/
.review .company-score__link {
  display: block;
  border: 4px solid var(--color-white);
}
.review .company-score__link:hover {
  opacity: initial;
  border: 4px solid var(--color-key);
}
.review .company-logo {
  width: 100%;
  height: 121px;
}
.review .rate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 24px;
}
.review .rate img {
    width: 75%;
}
.rate__star, .rate__num {
  color: var(--color-star);
}
.review  .rate__num {
  font-size: 16px;
  font-weight: 600;
}

/* 05.5 編集者一覧
================================*/
.editor {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.editor__inner {
  margin-bottom: 24px;
}
.editor__inner a {
  color: var(--color-text-link);
  display: block;
  text-decoration: none;
}
.editor__inner img {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  border: 5px solid var(--color-white);
}
.editor__inner p {
  text-align: center;
}

/* 05.6 ボタンエリア
================================*/
.button-area {
  margin: 8px auto 64px;
}
@media screen and (max-width: 680px) {
.button-area {
  margin: 8px auto 32px;
  width: 100%!important;
}
}
/* =============================================
06. サイドコンテンツ
============================================= */
#secondary {
  background: var(--color-white);
}
.widget-area .sidebar-primary .widget {
  background: initial !important;
  margin: 19px auto;
  padding: 0 10px;
}
#secondary a {
  display: block;
}

/* 06.1 タイトル装飾
================================*/
.widget-area .sidebar-primary .widget-title {
    font-weight: bold;
    padding: 0 5em!important;
    width: fit-content;
    margin: 0 auto!important;
    text-align: center!important;
    position: relative!important;
    display: block!important;
    font-size: 15px;
    color: var(--color-gray-66);
    line-height: initial;
    margin-bottom: 20px!important;
}

.widget-area .sidebar-primary .title-01,
.widget-area .sidebar-primary .title-02,
.widget-area .sidebar-primary .title-03,
.widget-area .sidebar-primary .title-04 {
  position: relative;
  display: inline-block;
}
.widget-area .sidebar-primary .title-01 {
  padding: 0 100px;
}
.widget-area .sidebar-primary .title-02 {
  padding: 0 93px;
  width: 100%;
  text-align: center;
}
.widget-area .sidebar-primary .title-03 {
  padding: 0 80px;
  width: 100%;
  text-align: center;
}
.widget-area .sidebar-primary .title-04 {
  padding: 0 123px;
}
.widget-area .sidebar-primary .title-01:before,
.widget-area .sidebar-primary .title-01:after,
.widget-area .sidebar-primary .title-02:before,
.widget-area .sidebar-primary .title-02:after,
.widget-area .sidebar-primary .title-03:before,
.widget-area .sidebar-primary .title-03:after,
.widget-area .sidebar-primary .title-04:before,
.widget-area .sidebar-primary .title-04:after,
.widget-area .widget-title:before,
.widget-area .widget-title:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  height: 3px;
  background-color: var(--color-key-30);
}
.widget-area .sidebar-primary .title-01:before, .widget-area .sidebar-primary .title-01:after {
  width: 90px;
}
.widget-area .sidebar-primary .title-02:before, .widget-area .sidebar-primary .title-02:after {
  width: 89px;
}
.widget-area .sidebar-primary .title-03:before, .widget-area .sidebar-primary .title-03:after {
  width: 61px;
}
.widget-area .sidebar-primary .title-04:before, .widget-area .sidebar-primary .title-04:after {
  width: 110px;
}
.widget-area .widget-title:before {
  left: 0;
}
.widget-area .widget-title:after {
  right: 0;
}
.widget-area .sidebar-primary .widget-title:before, .widget-area .sidebar-primary .widget-title:after {
    content: '';
    background: var(--color-key-30);
    width: 25%;
    height: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
/* 06.2 編集者紹介
================================*/
.editor-information {
  background-color: #fff;
  color: var(--color-text);
  width: 100%;
  height: initial;
  padding: 0;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.editor-information__people {
  float: initial;
  clear: initial;
  width: 58px;
  margin-top: 0;
}
.editor-information__people img {
  float: initial;
  border-radius: 50%;
}
.editor-information__name {
  text-align: center;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
}
.editor-information__name a {
    color: var(--color-text) !important;
    text-decoration: none;
}
.editor-information__name a:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(/esim/wp-content/uploads/2021/07/link-icon.png);
    background-size: contain;
    margin-left: 5px;
}
.editor-information__contents {
  width: calc(100% - 64px);
  font-size: 11px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

/* 06.3 人気記事一覧
================================*/
.popular-contents {
  width: 100%;
  color: var(--color-text);
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.popular-contents a {
  display: flex !important;
}
.popular-contents__img {
  position: relative;
  display: inline;
  float: left;
  margin-right: 5px;
}
.popular-contents img {
  width: 80px;
  height: 48px;
  float: initial;
  object-fit: cover;
}
.popular-contents__ranking-gold, .popular-contents__ranking-silver, .popular-contents__ranking-bronze {
  width: 20px;
  height: 20px;
  color: var(--color-white);
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  position: absolute;
  top: 0;
  padding-top: 2px;
  display: none;
}
.popular-contents__ranking-gold {
  background: var(--color-gold);
}
.popular-contents__ranking-silver {
  background: var(--color-silver);
}
.popular-contents__ranking-bronze {
  background: var(--color-bronze);
}
.popular-contents__ranking-num {
  width: 20px;
  height: 20px;
  color: var(--color-key);
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  position: absolute;
  top: 0;
  padding-top: 2px;
  background: var(--color-white);
  border: 1px solid var(--color-key);
  display: none;
}
.popular-contents__ttl {
  font-size: 12px;
  line-height: 1.4;
  width: calc(100% - 65px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: var(--color-gray-66);
}

/* 06.4 光回線業者一覧
================================*/
.hikaritrader-contents {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -16px;
}
.hikaritrader-contents__article {
  width: 95px;
  margin-bottom: 16px;
}
.hikaritrader-contents__article a {
  display: flex!important;
  flex-direction: column;
  align-items: center;
}
.hikaritrader-contents__article img {
  border: 1px solid var(--color-gray-ee);
  border-radius: 4px;
}
.hikaritrader-contents__article span {
  color: var(--color-text-link);
  font-size: 11px;
  margin-top: 4px;
}

/* =============================================
07. フッター
============================================= */
footer.site-footer {
  max-width: initial;
  margin: initial;
  background: var(--color-white);
}
footer.site-footer .widget-area {
  float: initial;
  margin-bottom: initial;
  width: 1140px;
  margin: 0 auto;
}
footer.site-footer .widget-area .footer-sidebar {
  margin-left: initial;
}
footer.site-footer .widget-area .widget {
  padding: 0;
  margin: 0;
  float: initial;
  margin-left: initial;
  width: 100%;
}
.footer-sidebar > aside > .textwidget {
  width: 1140px;
  display: flex;
  flex-flow: wrap;
    margin-top: 25px;
}
.footer-information {
  width: 266px;
}
.footer-information__logo {
  width: 165px;
  height: auto;
}
.footer-information__text {
  color: var(--color-gray-75) !important;
  font-size: 13px;
  display: inline-block;
  text-align: justify;
}
.footer-information__no1 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    margin: 10px 0 15px;
}
.footer-information__no1 img {
    width: 30%;
    display: inline-block;
}
.footer-information__no1 span {
    font-size: 10px;
    line-height: 12px;
    display: inline-block;
    margin-top: 5px;
}
.footer-popularwords {
  width: calc(1140px - 290px);
}
.footer-popularwords a {
  text-decoration: none;
}
.footer-popularwords > p {
  margin-bottom: 16px;
}
.footer-popularwords .footer-popularwords__ttl {
  color: var(--color-text) !important;
  font-size: 16px;
  margin-bottom: 16px;
}
.footer-popularwords ul {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 8px;
}
.footer-popularwords ul li {
  margin: 0 4px 8px 0;
}
.footer-popularwords ul li a {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: var(--color-key) !important;
  padding: 9px 8px 7px 8px;
  border: 1px solid var(--color-key);
  border-radius: 4px;
  white-space: nowrap;
}
.footer-popularwords ul li a:hover {
  color: var(--color-white) !important;
  background: var(--color-key);
  opacity: 1;
}
.footer-popularwords > p > a {
  color: var(--color-text) !important;
  font-size: 16px;
  text-align: right;
  display: inline-block;
  float: right;
  position: relative;
  left: -28px;
}
.footer-popularwords > p > a > .material-icons {
  font-size: 24px;
  margin-left: 4px;
  position: absolute;
}
.footer-Annotation span{
  font-size: 10pt;
}
.footer-Annotation.pc-display a,.Annotation_box a {
  color: #67a1c3;
}
.Annotation_box.textbox-wrap.sp-display p {
  font-size: 13px;
  color: var(--color-gray-75);
}
.footer-ohtermenu {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 15px auto;
  flex-wrap: wrap;
  flex-direction: row;
}
.footer-ohtermenu a {
  text-decoration: none;
}
.footer-ohtermenu > a {
  color: var(--color-gray-75) !important;
  font-size: 12px;
  margin: 0 30px;
}
.footer-sidebar > aside > .textwidget > p {
  width: 100%;
  color: var(--color-gray-75) !important;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
    margin-bottom: 10px;
}

/***目次へ戻るボタンここから***/
#return_to_toc {
    z-index:2;
    position: fixed;
    right: 10px;
    bottom: 20px;
    font-size: 1.6rem;
    line-height: 1.2rem;
    background: rgba(160,160,160,.70);
    color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px -6px rgb(0 0 0 / 50%), 0 3px 10px -4px rgb(0 0 0 / 20%);
}
a#return_to_toc {
    text-decoration: none;
}
#return_to_toc:hover {
    opacity: 1;
}

@media screen and (max-width: 680px) {
#return_to_toc {
    font-size: 1.1rem;
    padding: 13px;
  }
}
/***目次へ戻るボタンここまで***/

/* =============================================
08. その他記事
============================================= */
/* 08.1 殿堂入り記事
================================*/
.hall-of-fame {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hall-of-fame {
  margin-bottom: 40px;
}
.hall-of-fame article {
  width: calc(770px / 3);
  background: var(--color-white);
  margin-right: initial;
  margin-bottom: 24px;
}
.hall-of-fame a {
  display: block;
  text-decoration: none;
}
.hall-of-fame .article__inner {
  padding: 16px;
}
.label__ribon:after {
  display: block;
  content: "";
  background-size: contain;
  width: 72px;
  height: 72px;
  position: absolute;
  top: -2px;
  left: -2px;
  background-image: url("https://www.correc.co.jp/esim/design/img/ribbon.png");
  background-repeat: no-repeat;
}
.hall-of-fame .entry-title__inner {
  color: var(--color-text);
  width: 100%;
  height: 66px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}
.hall-of-fame article .entry-title {
  width: 100%;
  margin-top: initial;
  padding-top: initial;
  margin-bottom: initial;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 08.2 関連記事・新着記事
================================*/
.arrival-article a,
.related-article a {
  text-decoration: none;
}
.related-article article,
.arrival-article article {
  margin-bottom: 24px;
}
.related-article article a,
.arrival-article article a {
  display: block;
}
.related-article .entry-header,
.arrival-article .entry-header{
  display: flex;
  height: 214px;
  margin-top: 0;
}
.related-article article img,
.arrival-article article img{
  width: 300px;
  height: 214px;
  object-fit: contain;
  background: #fff;
  padding-left: 24px;
}
.related-article .article__inner, .arrival-article .article__inner {
  background: var(--color-white);
  width: calc(100% - 290px);
  padding: 15px 24px;
}
.related-article .entry-title__inner, .arrival-article .entry-title__inner{
  color: var(--color-text);
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.related-article article .entry-title, .arrival-article article .entry-title {
  width: 100%;
  margin-top: initial;
  margin-bottom: 8px;
  padding-top: initial;
  font-size: 17px;
  line-height: 1.4;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 45px;
}
.related-article .lead-text, .arrival-article .lead-text {
  font-size: 15px;
  font-weight: 100;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin-bottom: 16px;
}
.related-article .entry-meta,
.arrival-article .entry-meta {
  width: 100%;
  color: var(--color-gray-75);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  padding: 0;
}


.arrival-article .article__inner, .related-article .article__inner {
  padding: 24px 24px 16px;
}
.related-article .lead-text, .arrival-article .lead-text {
  font-size: 14px;
  font-weight: 100;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.related-article .lead-text {
  margin-bottom: 16px;
  /*  margin-top: 14px; */
}
.arrival-article .lead-text, .related-article .lead-text {
  margin-bottom: 8px;
}
.arrival-article .category-tag, .related-article .category-tag {
  color: var(--color-white);
  font-size: 12px;
  line-height: 1;
  background: var(--color-key);
  padding: 4px 8px;
}
.arrival-article .entry-meta, .related-article .entry-meta {
  position: relative;
  top: -9px;
}

.related-article .lead-text, .arrival-article .lead-text {
  /*height: 100px;*/
}

/* 08.3 人気記事
================================*/

.ninki-article article {
    background: #fff;
}

.ninki-article a {
     text-decoration: none;
}

.ninki-article .entry-header {
  display: flex;
  margin-bottom:16px;
}
.ninki-article img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 230px;
 /*  height: 100px; */
  object-fit: cover;
}
.ninki-article .article__inner {
  width: 100%;
  background: var(--color-white);
  padding: 24px;
  display: flex;
  align-items: center;
}
.ninki-article .entry-title__inner {
  color: var(--color-text);
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.ninki-article .entry-title__inner .entry-title {
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color-text);
}
.ninki-article .entry-header a {
    display: flex;
}

.ninki-article .entry-header p {
    display: none;
}

/* 08.4 人気記事 1/2サイズ
================================*/
.ninki-article-half {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 48px;
}
.ninki-article-half a {
  text-decoration: none;
}
.ninki-article-half article {
  width: calc(50% - 8px);
  height: 122px;
  margin-bottom: 16px;
}
.ninki-article-half .entry-header {
  display: flex;
  margin-top: 0;
  margin-bottom:16px;
}
.ninki-article-half img {
  width: 190px !important;
  height: 122px;
  object-fit: contain;
  background: #fff;
}
.ninki-article-half .article__inner {
  width: calc(100% - 154px);
  background: var(--color-white);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ninki-article-half .entry-title__inner {
  width: 100%;
  height: 66px;
  color: var(--color-text);
  overflow: hidden;
  margin: 0 auto 16px;
}
.ninki-article-half .entry-title__inner .entry-title {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ninki-article-half .entry-meta {
  width: 100%;
  color: var(--color-gray-75);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  padding: 0 0 0;
}

/* 08.4-1 人気記事 1/2サイズ 固定ページ用
================================*/
.ninki-article-half__kotei {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 48px;
}
.ninki-article-half__kotei article {
  width: calc(50% - 8px);
  height: 122px;
  margin-bottom: 16px;
}
.ninki-article-half__kotei .entry-header {
  display: flex;
  margin-top: 0;
  margin-bottom:16px;
}
.ninki-article-half__kotei img {
  width: 154px;
  height: 122px;
  object-fit: cover;
}
.ninki-article-half__kotei .article__inner {
  width: calc(100% - 154px);
  background: var(--color-white);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ninki-article-half__kotei .entry-title__inner {
  width: 100%;
  height: 66px;
  color: var(--color-text);
  overflow: hidden;
  margin: 0px;
}
.ninki-article-half__kotei .entry-title__inner .entry-title {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ninki-article-half__kotei .entry-meta {
  width: 100%;
  color: var(--color-gray-75);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  padding: 0 0 0;
}

/* 08.5 同じカテゴリーの記事
================================*/
.same-category-article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 25px;
}
.same-category-article article {
  width: calc(780px / 3);
  background: var(--color-white);
  margin-right: initial;
  margin-bottom: 24px;
}
.same-category-article a {
  display: block;
  text-decoration: none;
}
.same-category-article .entry-header {
  margin-top: 0;
}
.same-category-article article img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.same-category-article .article__inner {
  padding: 16px;
}
.same-category-article .entry-title__inner {
  width: 100%;
  height: 66px;
  color: var(--color-text);
  overflow: hidden;
  margin: 0 0 16px;
}
.same-category-article article .entry-title {
  width: 100%;
  margin-top: initial;
  padding-top: initial;
  margin-bottom: initial;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.same-category-article .entry-meta {
  width: 100%;
  color: var(--color-gray-75);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  padding: 0 0 16px;
}

/* =============================================
09. 光回線一覧
============================================= */
/* 09.1 人気の光回線
================================*/
.review.popular {
  margin-bottom: 40px;
}
.company-score.popular {
  width: calc(790px / 2);
  background: var(--color-white);
  border: 4px solid var(--color-key-30);
  margin-bottom: 24px;
  position: relative;
}
.label__recommend:before {
  display: block;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 96px;
  height: 96px;
  position: absolute;
  top: -7px;
  left: -7px;
  background-image: url("https://www.correc.co.jp/esim/design/img/ribbon-recommend.png");
}
.company-score__inner.popular {
  padding: 0 0 24px;
}
.company-logo.popular {
  width: 100%;
  height: 160px;
}
.company-logo.popular img {
  width: 100%;
  height: 160px;
  object-fit: contain;
}
.rate.popular {
  justify-content: center;
  padding: 0 10px 16px;
}
.rate.popular > .rate__star {
  width: 190px;
  margin-right: 24px;
}
.rate.popular > .rate__star > .material-icons {
  font-size: 32px;
}
.rate.popular > .rate__num {
  font-size: 24px;
}

/* 09.2 当サイトで知れる他の光回線
================================*/
.rate.rate-brand {
  padding: 0 10px 9px;
}

/* =============================================
10. おすすめの光回線紹介
============================================= */
.recommend-company-area {
  margin-bottom: 56px;
}
.recommend-company {
  width: 100%;
  background: var(--color-white);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.recommend-company__logo {
  width: 200px;
}
.recommend-company__text {
  width: calc(100% - 398px);
  padding: 24px;
}
.recommend-company__text p {
  margin-bottom: 0px !important;
  padding: 0 !important;
}
.recommend-company__link {
  width: 198px;
}
.recommend-company__link a {
  display: block;
  width: 180px;
  background: #ef930a;
  color: var(--color-white);
  text-align: center;
  border-radius: 10px;
  margin-right: 24px;
  padding: 8px;
  box-shadow: 0px 4px 0px #b56f06;
  font-weight: bold;
}
.recommend-company__link a:hover {
  background: #d68711;
  color: var(--color-white);
  box-shadow: 0px 4px 0px #d68711;
  opacity: 1;
}

/* =============================================
11. ページネーション・リンクエリア
============================================= */
.pagenation-link-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagenation-link-area a {
  text-decoration: none;
}
.p-pager {
/*  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;*/
  display: flex;
/*  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;*/
  flex-wrap: wrap;
  text-align: center;
}
.p-pager__item {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  font-family: Arial, Helvetica, "sans-serif";
  margin-right: 8px;
  vertical-align: text-bottom;
}
.p-headline, .p-pagetop a, .p-page-links a:hover, .p-page-links > span, .p-pager__item a:hover, .p-pager__item .current, .p-entry__next-page__link:hover, .p-widget .searchform::after, .p-widget-search .p-widget-search__submit, .p-widget-categories a:hover .count, .p-sidebar .p-widget__title, .c-comment__form-submit:hover, .c-comment__password-protected, .c-pw__btn--register, .c-pw__btn, .p-index-tab__item.is-active, .p-ranking-tab__item.is-active {
  background-color: var(--color-key);
}
.p-page-links a:hover, .p-page-links > span, .p-pager__item a:hover, .p-pager__item .current, .p-index-tab__item.is-active, .p-index-tab__item:hover + .p-index-tab__item.is-active, .p-ranking-tab__item.is-active, .p-ranking-tab__item:hover + .p-ranking-tab__item.is-active {
  border-color: var(--color-key);
}
.p-pager__item a:hover, .p-pager__item .current {
  background: var(--color-key);
  color: var(--color-white);
  opacity: 1;
}
.p-pager__item a, .p-pager__item span {
  background: var(--color-white);
  color: var(--color-key);
  border: 1px solid var(--color-key);
  display: inline-block;
  line-height: 32px;
  text-align: center;
  min-width: 32px;
  height: 32px;
  padding: 0 4px;
}
.p-pager__item a.back:after {
  display: block;
  content: 'chevron_left';
  color: var(--color-gray-key);
  font-family: "Material Icons";
  font-size: 20px;
  position: relative;
  top: 0;
  right: 0;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
}
.p-pager__item a.next:after {
  display: block;
  content: 'chevron_right';
  color: var(--color-gray-key);
  font-family: "Material Icons";
  font-size: 20px;
  position: relative;
  top: 0;
  right: 0;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
}
.text-link {
  color: var(--color-text) !important;
  font-size: 16px;
  text-align: right;
  display: inline-block;
  float: right;
  position: relative;
  left: -28px;
}
.text-link .material-icons {
  font-size: 24px;
  margin-left: 4px;
  position: absolute;
}

/* =============================================
12. パンくず
============================================= */
.breadcrumbs__outer {
    width: 100%;
    min-width: 100%;
    background: var(--color-gray-f2);
    /*margin-top: 74px; ヘッダー固定解除による変更*/
}
.breadcrumbs {
  width: 1140px;
  margin: 0 auto;
  color: var(--color-gray-75);
  font-size: 12px;
  padding: 15px 0;
  white-space: nowrap;
  overflow-x: hidden;
}
.breadcrumbs a {
  text-decoration: none;
}
.breadcrumbs .home:before{
  display: inline-block;
  content: 'home';
  color: var(--color-gray-key);
  font-family: "Material Icons";
  font-size: 16px;
  line-height: 1;
  position: relative;
  top: 4px;
  right: 0;
  margin-right: 4px;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
}

/* =============================================
13. タグ一覧

============================================= */
.tag_items ul {
  list-style: none;
  margin-left: 0;
  display: flex;
  flex-flow: wrap;
}
.tag_items ul li {
  margin: 0 8px 8px 0;
}
.tag_items ul li a {
  display: block;
  background: var(--color-white);
  color: var(--color-key) !important;
  font-size: 15px;
  line-height: 1;
  border: 1px solid var(--color-key);
  border-radius: 4px;
  padding: 16px;
  white-space: nowrap;
  text-decoration: none;
}
.tag_items ul li a:hover {
  color: var(--color-white) !important;
  background: var(--color-key);
  opacity: 1;
}

/* =============================================
14. 編集者一覧
============================================= */
.editor-introduce {
  background: var(--color-white);
  border: 1px solid var(--color-gray-ee);
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}
.editor-introduce__inner {
  width: 100%;
  display: flex;
}
.editor-introduce__photo {
  width: 92px;
  height: 92px;
  margin-right: 16px;
}
.editor-introduce__photo > img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.editor-introduce__info {
  width: calc(100% - 92px);
}
.editor-introduce__name {
  font-size: 20px;
  margin-bottom: 16px;
}
.editor-introduce__name:before {
  display: inline-block;
  font-weight: normal;
  font-family: "Material Icons";
  content: 'create';
  font-size: 24px;
  line-height: 1;
  margin-right: 8px;
  position: relative;
  top: 4px;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
}
.editor-introduce__text {
  font-size: 15px;
  font-weight: 400;
}
.about-editor {
  font-weight: 400;
  padding: 0 24px;
}

/* =============================================
15. 会社概要
============================================= */
.company p {
  font-weight: 400;
  padding: 0 24px;
  margin-bottom: 24px;
}
.company table {
  width: calc(100% - 48px);
  margin: 0 auto 24px;
  padding: 0 24px;
}
.company table th {
  background: var(--color-gray-f2);
  text-align: center;
}
.company table td {
  background: var(--color-white);
}
.company table td, .company table th {
  font-weight: 400 !important;
  padding: 16px;
  border: 1px solid var(--color-gray-ee);
}
.company ul {
  width: calc(100% - 48px);
  margin: 0 auto 24px;
  padding-left: 24px;
}
.company .company-list {
  list-style: disc !important;
  width: calc(100% - 48px);
  margin: 0 auto 24px;
  padding-left: 24px !important;
}
.company .company-list > li > a {
  display: inline-block;
}

/* =============================================
16. 検索結果なし・404ページ
============================================= */
.error-message {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 32px;
}

/* =============================================
17. 記事内バナーエリア
============================================= */
.banner-area {
  width: calc(100% - 48px);
  margin: 0 auto 64px;
}
.banner-area a {
  display: block;
}
.banner-area a > img {
  border: 4px solid #6dcfc0;
}

/* =============================================
18. 見出しまわり
============================================= */

h1.entry-title {
    font-size: 32px!important ;
    font-weight: bold !important;
    line-height: 1.5;
    margin-bottom: 15px !important;
    width: initial;
    margin-top: 0px !important;
}

@media screen and (max-width: 680px) {
h1.entry-title {
  font-size: 16px!important;
  text-align: justify;
  margin-bottom: 5px !important;
  }
}

.title__page {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 24px;
  padding-top: 0;
  line-height: 1.5;
}
.title__sub {
  margin-bottom: 64px;
}
.article-ttl {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  padding: 15px 15px 15px 19px;
  background: var(--color-key-light);
  border-left: solid 5px var(--color-key);
  margin-bottom: 24px;
}
.article-ttl-sub {
  width: calc(100% - 48px);
  color: var(--color-key-dark);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  border-bottom: solid 5px var(--color-key-30);
  padding-top: initial;
  padding-bottom: 4px;
  margin: 0 auto 24px;
}

.entry-content h2.imageh2 {
  background: initial;
  font-size: initial;
  border: initial;
  box-shadow: initial;
  margin: initial;
  padding: 0 0 5px 0;
}

/* 19.1 目次
================================*/
.entry-content #toc_container {
  background: var(--color-white);
  border: 1px solid var(--color-gray-ee);
  border-radius: 4px;
  padding: 16px;
  margin-bottom: initial;
  display: table;
  font-size: 15px;
  width: calc(100% - 128px);
  margin: 0 auto 24px;
}
.entry-content #toc_container p.toc_title {
  font-size: 18px;
  font-weight: 400;
}
.entry-content #toc_container span.toc_toggle {
  display: none;
}
.entry-content #toc_container p.toc_title + ul.toc_list {
  margin-top: initial;
}
.entry-content #toc_container p.toc_title + ul.toc_list > li {
  /*display: flex;*/
  align-items: center;
  padding: 0 10px;
  padding-bottom: 13px;
  margin-right: 10px;
}
/* リスト共通スタイル */
#toc_container ul.toc_list li {
  position: relative;
  padding: 0!important;
  margin: 0;
  margin-right: 0px!important;
  }
  /* 目次リンク共通スタイル */
#toc_container ul.toc_list li a {
  position: relative;
  transition: all .3s ease;
  margin-left: -2px;
  }
  /* 親の目次 */
#toc_container ul.toc_list > li {
  margin-bottom: 10px;
  counter-increment: title;
  }
  #toc_container ul.toc_list > li:before {
  position: absolute;
  top: 1px;
  left: 0;
  content: counter(title);
  color: #117bb8;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  }
  #toc_container ul.toc_list > li > a {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold!important;
    /* padding-left: 5px; */
    display: inline-block;
    margin-left: 26px;
    }
    /* 子の目次 */
    #toc_container ul ul{
    margin-left: 0!important;
    }
    #toc_container ul.toc_list > li ul li {
    list-style-type: disc;
    line-height: 1.5;
    font-size: 12px;
    color: #117bb8;
    margin-bottom: 8px;
    margin-left: 27px;
    }
    #toc_container ul.toc_list > li ul li a {
    padding: 0;
    }
    span.toc_number.toc_depth_2 {
    display: none;
    }
    span.toc_number.toc_depth_1 {
    margin-right: 5px;
    }
.entry-content #toc_container p.toc_title + ul.toc_list > li > a:hover {
  text-decoration: none;
}
/* 20220825追加　SP版のみ文字サイズ変更 */
@media screen and (max-width: 680px) {
  .entry-content #toc_container a{
  font-size: 14px;
  }
  .entry-content #toc_container a {
    font-size: 12px;
    }
    .entry-content #toc_container {
    padding: 15px;
    width: 100%;
    margin: 0 auto 16px;
    }
  }

/* 19.2 ボックス
================================*/
.entry-content .textBox {
  width: calc(100% - 48px);
  background: initial;
  position: relative;
  border: initial;
  margin: 0 auto 24px;
  padding: initial;
}
.entry-content .textBox__contents:after {
  display: none;
}
.entry-content .textBox__title {
  width: 100%;
  background: #3ABDCC;
  color: var(--color-white);
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  border: none;
  border-radius: 4px 4px 0 0;
  padding: 16px 15px;
  margin-bottom: initial;
  position: relative;
  top: 2px;
  line-height: 1.5;
}
.entry-content .textBox__contents {
  background: var(--color-white);
  border: 1px solid var(--color-gray-ee);
  border-radius: 4px;
  padding: 16px 24px;
  line-height: 2em;
  margin-bottom: 24px;
}
.entry-content .textBox__contents ul {
  width: 100%;
  color: #0000008a;
  font-weight: 700;
  font-size: 14px;
  padding-left: 0px !important;
  margin: 0 auto;
  list-style: none;
  padding-right: 0px;
}
.entry-content .textBox__contents ul li {
  margin-bottom: 4px;
}
.entry-content .textBox__contents ul li:last-child {
  margin-bottom: 0;
}

.entry-content .textBox__contents ol {
    list-style: none;
	padding-left: 0px;
	margin-bottom: 0px !important;
	font-weight: 700;
	padding-right: 0px;
}


.entry-content .textBox__contents ol li {
  margin-bottom: 4px;
}
.entry-content .textBox__contents ol li:last-child {
  margin-bottom: 0;
}

.entry-content .textBox__contents p {
    padding-left: 0;
    padding-right: 0;
}

.entry-content .textBox__contents p:last-child {
    margin-bottom: 0;
}

/* 19.3 星
================================*/
.entry-content .rate {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto 16px;
}
.entry-content .rate > .rate__star > .material-icons {
  /* font-size: 32px; */
}

/* 19.4 トグル
================================*/
.entry-content .arconix-toggle-wrap {
  width: calc(100% - 48px);
  color: var(--color-text);
  padding: 16px;
  border-radius: 4px;
  border: solid 1px #d6e9e4;
  margin: 0 auto 24px;
  background-color: #fff;
}
.entry-content .arconix-toggle-title {
    font-size: 15px;
}
.entry-content .fa-plus-square:before,
.entry-content .fa-minus-square:before {
  display: inline-block;
  font-weight: normal;
  font-family: "Material Icons";
  content: 'add_circle';
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  color: var(--color-key);
  position: relative;
  top: -1px;
  vertical-align: middle;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
}
.entry-content .fa-plus-square:before {
  content: 'add_circle';
}
.entry-content .fa-minus-square:before {
  content: 'remove_circle';
}
.arconix-toggle-content {
  margin-left: 0px;
  padding: 15px 0px;
  font-size: 15px;
  text-align: justify;
}
.arconix-toggle-content p { 
padding: 0 !important;  
}

.eye_catch_area img {
  max-height: 100%;
  object-fit: cover;  
  width: 800px;
  height: 400px;
}

/* 19.5 口コミ・評価表
================================*/
.entry-content .surveyBox {
  width: calc(100% - 48px);
  margin: 0 auto 24px;
  background: var(--color-white);
  border: solid 1px var(--color-gray-ee);
  border-radius: 4px;
  padding: 24px 24px 8px;
}
.entry-content .surveyBox__information-inner {
  width: 100%;
  display: flex;
  margin-bottom: 24px;
}
.entry-content .surveyBox__information {
  float: initial;
  width: 48px;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-right: 16px;
}
.entry-content img.surveyBox__information--people {
  width: initial;
  display: block;
  border-radius: 50%;
  margin-left: initial;
}
.entry-content span.surveyBox__information--age {
  display: initial;
  font-size: 11px;
  margin-left: initial;
}
.entry-content .surveyBox__information--reazon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: initial;
  width: calc(100% - 64px);
}
.entry-content span.surveyBox__information--reazonttl {
  background: var(--color-key-dark);
  display: inline-block;
  padding: 2px 8px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  width: 100px;
}
.entry-content span.surveyBox__information--reazon-contents {
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-top: 4px;
}
.entry-content .surveyBox__assessment {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.entry-content .surveyBox__list-layout {
  float: initial;
  width: calc(100% / 2);
  margin-left: initial;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.entry-content span.surveyBox__list-layout-ttl {
  display: inline-block;
  width: 144px;
  background: var(--color-gray-f2);
  padding: 8px 16px;
  font-weight: 400;
  margin: 0 16px 0 0;
}
.entry-content .surveyBox__list-layout > .rate {
  margin: initial;
}
.entry-content .surveyBox__list-layout > .rate .material-icons {
  font-size: 24px;
}
.entry-content .surveyBox__Impression {
  padding: initial;
  display: initial;
}
.entry-content span.surveyBox__goodImpression--ttl, .entry-content span.surveyBox__badImpression--ttl {
  font-size: 16px;
  font-weight: 400;
  padding: initial;
  display: initial;
  border-radius: initial;
}
.entry-content span.surveyBox__goodImpression--ttl:before, .entry-content span.surveyBox__badImpression--ttl:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: initial;
  position: relative;
  top: 3px;
}
.entry-content span.surveyBox__goodImpression--ttl:before {
  content: url("https://www.correc.co.jp/esim/design/img/good.svg");
}
.entry-content span.surveyBox__badImpression--ttl:before {
  content: url("https://www.correc.co.jp/esim/design/img/bad.svg");
}
.entry-content .surveyBox__Impression--contents {
  font-size: 15px;
  margin: 16px 0;
}
.entry-content .surveyBox p {
  margin-bottom: 0;
}
.entry-content .surveyBox__good-Impression {
  display: block;
  margin-top: initial;
}
.entry-content .surveyBox__bad-Impression {
  margin-top: initial;
}
.entry-content .surveyBox__information p {
  display: none;
}
.entry-content dd.surveyBox__star {
  margin: 0;
}
.entry-content img.surveyBox__list-layout-img {
  width: 130px;
  margin-left: 10px;
}
.entry-content span.surveyBox__score {
  display: block;
  margin-left: 10px;
  font-weight: bold;
  color: #febe00;
}
.surveyBoxNew {
  width: calc(100% - 48px);
  margin: 0 auto 33px;
  background: var(--color-white);
  border: solid 1px var(--color-gray-ee);
  border-radius: 4px;
  padding: 12px 24px 0px 24px;
}
.surveyBoxNew__information-inner {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
  align-items: flex-start;
}
.surveyBoxNew__information {
  float: initial;
  width: 48px;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-right: 16px;
}
.surveyBoxNew__information-people {
  display: block;
  border-radius: 50%;
}
.surveyBoxNew__information-reazon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 152px);
  margin-right: 16px;
}
.surveyBoxNew__information-reazon-contents {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  display: block;
  margin-top: 2px;
}
.surveyBoxNew__information-age {
  font-size: 11px;
}
.surveyBoxNew__information-score-num {
  width: 120px;
  color: #F16161;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}
.surveyBoxNew__information-score-large {
  font-size: 24px;
}
.surveyBoxNew__data {
  display: flex;
  flex-wrap: wrap;
margin-bottom: 0px;
}
.surveyBoxNew__data-list:first-child {
 width: 29%;
}
.surveyBoxNew__data-list:nth-child(2) {
 width: 21%;
}
.surveyBoxNew__data .surveyBoxNew__data-list:nth-child(3) {
 margin-right: 24px;
}
.surveyBoxNew__data-list {
  font-size: 16px;
 /* margin-right: 24px; */
  padding-bottom: 8px;
}
.surveyBoxNew__list-layout .rate {
  margin: 0 auto;
  margin-top: 5px;
}

.surveyBoxNew__list-layout .rate > img {
    width: calc(100% / 1.2);
}
.surveyBoxNew__data-list-ttl {
  color: var(--color-key-dark);
  font-size: 14px;
  line-height: 1;
  padding: 4px 8px;
  border: 1px solid var(--color-key-dark);
  border-radius: 4px;
  margin-right: 8px;
  display: inline-block;
  font-weight: bold;
  float: left;
}
span.surveyBoxNew__data-list-detail {
    float: left;
	margin-top: 1px;
}
.surveyBoxNew__assessment {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.surveyBoxNew__list-layout {
  float: initial;
  width: calc(100% / 2);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.surveyBoxNew__list-layout-ttl {
  display: inline-block;
  width: 200px;
  background: var(--color-gray-f2);
  padding: 8px 16px;
  font-weight: bold;
  margin: 0;
}
.surveyBoxNew__list-layout-img {
  width: 136px;
}
.surveyBoxNew__list-layout .rate__star {
    color: #FFBE00;
}
.surveyBoxNew__goodImpression-ttl, .surveyBoxNew__badImpression-ttl {
  font-size: 16px;
  font-weight: bold;
}
.surveyBoxNew__goodImpression-ttl:before,
.surveyBoxNew__badImpression-ttl:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  position: relative;
  top: 3px;
}
.surveyBoxNew__goodImpression-ttl:before {
  content: url("/esim/wp-content/uploads/2021/02/good.png");
}
.surveyBoxNew__badImpression-ttl:before {
  content: url("/esim/wp-content/uploads/2021/02/bad.png");
}
.surveyBoxNew__Impression-contents {
font-size: 15px;
margin-bottom: 15px;
margin-top: 0px;
text-align: justify;
}
.surveyBoxNew__posted-date-inner {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.surveyBoxNew__posted-date {
  width: fit-content;
  color: var(--color-gray-bb);
  font-size: 12px;
  line-height: 1;
  border: 1px solid var(--color-gray-bb);
  border-radius: 40px;
  padding: 6px 8px;  
  display: none;
}　

/* 19.6 口コミボックス
================================*/
.entry-content .kutikomiBox {
  width: calc(100% - 48px);
  position: relative;
  background: var(--color-white);
  border: 4px solid var(--color-key-30);
  border-radius: 4px;
  margin: 0 auto 24px;
  padding: 16px;
}
.entry-content .kutikomiBox:after {
  display: none;
}
.entry-content img.kutikomiBox__iconstyle {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: initial;
  margin: 0px 16px 0 0;
}
.entry-content .kutikomiBox__content {
  color: var(--color-gray-66);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
  overflow: initial;
  display: flex;
  align-items: center;
}

/* 19.7 この記事を書いた人
================================*/
.entry-content .saboxplugin-wrap {
    margin-top: 48px;
    margin-bottom: 30px;
	background: #ffffff;
    width: 65%;
    position: relative;
}
.entry-content .sab-edit-settings {
  display: none;
}
.entry-content .saboxplugin-wrap .saboxplugin-desc p {
  margin: 34px 0 12px;
  padding-right: 0px;
}
span.saboxplugin-wrap__name {
    display: block;
    margin: 10px 10px 4px 0px;
    font-weight: bold;
	font-size: 15px;
}

.editors-box {
  width: calc(100% - 128px);
  background: var(--color-white);
  border: 3px solid var(--color-key-light);
  border-radius: 4px;
  padding: 32px 24px 24px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 24px;
  position: relative;  
}
.editors-box:before {
  content: 'この記事を書いた人';
  background: var(--color-key-light);
  font-size: 15px;
  padding: 10px 16px;
  border-radius: 30px; 
  position: absolute;
  top: -25px;
  left: 20px;
}
.editors-box.eng:before {
  content: 'written by';
}
	.editors-box:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 40px;
  border: 15px solid transparent;
  border-top: 15px solid var(--color-key-light);   
}
.editors-box__info {
  width: 100%;
  display: flex;
}
.editors-box__photo {
  width: 64px;
  height: 64px;
  display: block;
  content: '';
  border-radius: 50%;
  margin-right: 16px;
}
.editors-box__photo.sanpei {
  background: url('https://hikari.esim.jp/wp-content/uploads/2020/09/sanpei.jpeg');
  background-size: cover;
}
.editors-box__photo.fujimoto {
  background: url('https://www.correc.co.jp/esim/wp-content/uploads/2022/05/fujimoto.jpg');
  background-size: cover;
}
.editors-box__photo.yamada {
  background: url('https://www.correc.co.jp/esim/wp-content/uploads/2022/05/tamura_icon.jpg');
  background-size: cover;
}
.editors-box__photo.ishida {
  background: url('https://www.correc.co.jp/esim/wp-content/uploads/2022/07/nishikubo.jpg');
  background-size: cover;
}
.editors-box__photo.sayama {
  background: url('https://hikari.esim.jp/wp-content/uploads/2020/09/sayama.jpeg');
  background-size: cover;
}
.editors-box__photo.murano {
  background: url('https://www.correc.co.jp/esim/wp-content/uploads/2025/07/小林.jpg');
  background-size: cover;
}
.editors-box__photo.ikeda {
  background: url('https://www.correc.co.jp/esim/wp-content/uploads/2022/05/ikeda.jpg');
  background-size: cover;
}
.editors-box__photo.kakimoto {
  background: url('https://www.correc.co.jp/esim/wp-content/uploads/2025/07/斎藤.jpg');
  background-size: cover;
}
.editors-box__description {
  width: calc(100% - 80px);
}
.editors-box__name {
  font-size: 15px;
  font-weight: 700;
}
.editors-box__txt {
  font-size: 14px;
  margin-bottom: 0!important;
  padding: 0!important;
}
a.editor-box__name_link {
    display: inline;
    color: var(--color-text);
    text-decoration: none;
}
a.editor-box__name_link:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(/esim/wp-content/uploads/2021/07/link-icon.png);
    background-size: contain;
    margin-left: 5px;
}

/* =============================================
20. メディアクエリ
============================================= */
/*default*/
@media screen and (max-width: 1200px) {
  #page {
    width: 1140px;
  }
}

/*追加 タブレット縦*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .site-branding {
    width: 1008px;
  }
  .main-visual__inner {
    width: 1008px;
  }
  .breadcrumbs {
    width: 1008px;
  }
  #page {
    width: 1008px;
  }
  .site-content {
    width: 1008px;
  }
  #primary {
    width: calc(1008px - 286px);
  }
  #secondary {
    width: 270px;
  }
  .widget-area .sidebar-primary .title-01 {
    padding: 0 77px;
  } 
  .widget-area .sidebar-primary .title-02 {
    padding: 0 70px;
  }
  .widget-area .sidebar-primary .title-03 {
    padding: 0 50px;
  }  
  .widget-area .sidebar-primary .title-01:before, .widget-area .sidebar-primary .title-01:after {
    width: 67px;
  }
  .widget-area .sidebar-primary .title-02:before, .widget-area .sidebar-primary .title-02:after {
    width: 62px;
  }
  .widget-area .sidebar-primary .title-03:before, .widget-area .sidebar-primary .title-03:after {
    width: 43px;
  }
  .hikaritrader-contents__article {
    width: 78px;
    margin-bottom: 16px;
  }
  aside#search-2 input#s-2 {
    width: 210px;
    height: 40px;
    border-color: var(--color-gray-bb);
    border-radius: 4px 0 0 4px;
    border-right: none;
    position: relative;
  }

  .eye_catch_area img {
      min-width: 100%;
  }
  .editors-speech-bubble {
    display: flex;
  }
  .editors-speech-bubble__information img {
    width: 56px;
    height: 56px;
}
  .new-article article, .ranking-article article, .hall-of-fame article, .same-category-article article {
    width: calc((100% - 32px) / 3);
  }
  .label__gold:after, .label__silver:after, .label__bronze:after {
    top: 153px;
  }
  .label__ranking-num {
    top: 153px;
  }
  .review .company-score {
    width: calc(698px / 4);
    background: var(--color-white);
  }
  .company-score.popular {
    width: calc(100% / 2 - 12px);
  }
  .review .rate {
    padding: 0 4px 24px;
  }
  .rate.rate-brand {
    padding: 0 4px 10px;
  }
  .rate__num {
    font-size: 14px;
  }
  .label__gold:after, .label__silver:after, .label__bronze:after {
    display: inline-block;
    content: "";
    background-size: contain;
    width: 45px;
    height: 31px;
    position: absolute;
    top: -10px;
    right: -3px;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.4));
  }

  .editor__inner {
    width: calc(682px / 6);
  }
  .editor__inner img {
    width: 100%;
    height: auto;
  }
  footer.site-footer .widget-area {
    width: 1008px;
  }
  .footer-sidebar > aside > .textwidget {
    width: 1008px;
  }
  .footer-popularwords {
    width: calc(1008px - 290px);
  }
}

/*追加 タブレット横*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
  .site-branding {
    width: 1008px;
  }
  .main-visual__inner {
    width: 1008px;
  }
  .breadcrumbs {
    width: 1008px;
  }
  #page {
    width: 1008px;
  }
  .site-content {
    width: 1008px;
  }
  #primary {
    width: calc(1008px - 286px);
  }
  #secondary {
    width: 270px;
  }
  .widget-area .sidebar-primary .title-01 {
    padding: 0 77px;
  } 
  .widget-area .sidebar-primary .title-02 {
    padding: 0 70px;
  }
  .widget-area .sidebar-primary .title-03 {
    padding: 0 50px;
  }  
  .widget-area .sidebar-primary .title-01:before, .widget-area .sidebar-primary .title-01:after {
    width: 67px;
  }
  .widget-area .sidebar-primary .title-02:before, .widget-area .sidebar-primary .title-02:after {
    width: 62px;
  }
  .widget-area .sidebar-primary .title-03:before, .widget-area .sidebar-primary .title-03:after {
    width: 43px;
  }
  .hikaritrader-contents__article {
    width: 78px;
    margin-bottom: 16px;
  }
  aside#search-2 input#s-2 {
    width: 210px;
    height: 40px;
    border-color: var(--color-gray-bb);
    border-radius: 4px 0 0 4px;
    border-right: none;
    position: relative;
  }
  .eye_catch_area img {
      min-width: 100%;
  }
  .editors-speech-bubble {
    display: flex;
  }
  .new-article article, .ranking-article article, .hall-of-fame article, .same-category-article article {
    width: calc((100% - 32px) / 3);
  }
  .label__gold:after, .label__silver:after, .label__bronze:after {
    top: 153px;
  }
  .label__ranking-num {
    top: 153px;
  }
  .review .company-score {
    width: calc(698px / 4);
    background: var(--color-white);
  }
  .company-score.popular {
    width: calc(100% / 2 - 12px);
  }
  .review .rate {
    padding: 0 4px 24px;
  }
  .rate.rate-brand {
    padding: 0 4px 10px;
  }
  .rate__num {
    font-size: 14px;
  }
  .label__gold:after, .label__silver:after, .label__bronze:after {
    display: inline-block;
    content: "";
    background-size: contain;
    width: 45px;
    height: 31px;
    position: absolute;
    top: -10px;
    right: -3px;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.4));
  }
  .editor__inner {
    width: calc(682px / 6);
  }
  .editor__inner img {
    width: 100%;
    height: auto;
  }
  footer.site-footer .widget-area {
    width: 1008px;
  }
  .footer-sidebar > aside > .textwidget {
    width: 1008px;
  }
  .footer-popularwords {
    width: calc(1008px - 290px);
  }
}

/*default*/
@media screen and (max-width: 992px) {
  .site-branding {
    width: 1008px;
  }
  .main-visual__inner {
    width: 1008px;
  }
  .breadcrumbs {
    width: 1008px;
  }
  #page {
    width: 1008px;
  }
  .site-content {
    width: 1008px;
  }
  #primary {
    width: calc(1008px - 286px);
  }
  #secondary {
    width: 270px;
  }
  /* Mobile Menu */
  div.semicolon-navigation ul, ul.semicolon-navigation {
    display: none;
  }
  .main-navigation {
    margin-bottom: 0px;
  }
  .main-navigation .menu-toggle {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 52px;
    width: 56px;
    height: 56px;
    font-weight: 400;
    border-top: none;
    margin: 0;
    padding: 0;
  }
  .main-navigation .menu-toggle:before {
    display: inline-block;
    font-weight: normal;
    font-family: "Material Icons";
    content: 'menu';
    font-size: 24px;
    line-height: 56px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    color: var(--color-gray-75);
	/* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
  }
  .main-navigation.toggled .menu-toggle:before {
    display: inline-block;
    font-weight: 400;
    font-family: "Material Icons";
    content: 'close';
    font-size: 24px;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    color: var(--color-gray-75);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
        padding: 0 !important;
  }
  .main-navigation.toggled .menu-toggle {
    position: relative;
        top: -2.5em;
        left: 0.8em;
  }
.main-navigation.toggled .menu-toggle:hover {
  opacity: 1;
}
  .main-navigation.toggled .current_page_item a, .main-navigation.toggled .current-menu-item a, .main-navigation.toggled .current-post-ancestor a, .main-navigation.toggled .current-menu-ancestor a, .main-navigation.toggled .current-menu-parent a, .main-navigation.toggled .current-post-parent a {
    border-top-color: transparent;
  }
  .semicolon-navigation a {
    text-decoration: none;
  }
  .main-navigation.toggled div.semicolon-navigation ul, .main-navigation.toggled ul.semicolon-navigation {
    display: block;
    border-bottom: none;
    width: 100vw;
    height: calc(100vh - 56px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 130px;
    border-top: 1px solid var(--color-gray-bb);
        margin-top: -66px;
  }
  .main-navigation.toggled div.semicolon-navigation ul li, .main-navigation.toggled ul.semicolon-navigation li {
    background: var(--color-white);
    display: block;
    float: none;
    clear: left;
    border-bottom: 1px solid var(--color-gray-bb);
  }
  .main-navigation.toggled div.semicolon-navigation ul li a, .main-navigation.toggled ul.semicolon-navigation li a {
    background: var(--color-white);
    width: calc(100% - 16px);
    height: 40px;
    color: #117bb8;
    font-size: 14px;
    padding: 0;
    margin: 0 auto;
    border-top: 0;
    position: relative;
        padding-left: 15px;
  }

.main-navigation.toggled div.semicolon-navigation ul li a:after {
  color: #117bb8;
  font-size: 24px;
  display: block;
  content: 'chevron_right';
  font-family: "Material Icons";
  position: absolute;
  top: 0;
  right: 0;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-search {
  width: calc(100% - 16px);
  margin: 0 auto 8px;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-search .spSearch_item {
  width: 100%;
  display: flex;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-search input.search-box__text-field.spSearchInput {
  width: calc(100% - 40px);
  height: 40px;
  font-size: 14px;
  margin-left: 0;
  border-radius: 4px 0 0 4px;
  border: none;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-search .spSearch_item .searchform__submit {
  margin-right: 0;
  padding: 0 8px;
  border-radius: 0 4px 4px 0;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-banner a {
  background: var(--color-white);
  width: calc(100% - 16px);
  height: auto;
  color: #117bb8;
  font-size: 14px;
  margin: 0 auto 8px;
  position: relative;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-banner a span {
  display: inline-block;
  width: 100%;
  position: relative;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-banner a span:after {
  color: #117bb8;
  font-size: 24px;
  display: block;
  content: 'chevron_right';
  font-family: "Material Icons";
  position: absolute;
  top: 0;
  right: 0;
}  
.main-navigation.toggled div.semicolon-navigation ul li.page_item-banner a:after {
  display: none;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-ttl {
  background: var(--color-gray-66);
  width: 100%;
  height: 40px;
  color: var(--color-white);
  font-size: 14px;
  padding: 0 8px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-navigation.toggled div.semicolon-navigation ul li.page_item-brand {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background: var(--color-white);
  width: calc(100% - 16px);
  margin: 0 auto 8px;
  padding: 8px 0 8px 8px;
  border-radius: 4px;    
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-brand .page_item-brand-img  {
  background: var(--color-white);
  width: 158px;
  height: 96px;
  padding: 8px;
  border: 2px solid var(--color-key-30);
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-brand .page_item-brand-article {
  width: calc(100% - 166px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-brand .page_item-brand-article a {
  width: 100%;
  margin: 0 0 8px 0;
}
.main-navigation.toggled div.semicolon-navigation ul li.page_item-brand .page_item-brand-article a:last-child {
  margin: 0;
}
  .main-navigation.toggled .menu-toggle {
    border-bottom: none;
  }
  ul.semicolon-social {
    position: absolute;
    top: 0;
    right: 0;
  }
  ul.semicolon-social li a {
    line-height: 60px;
  }

}

/*default*/
@media screen and (max-width: 680px) {
  .pc-display {
    display: none !important;
  }
  .sp-display {
    display: block !important;
  }

  .site-description {
    display: none;
  }

  div#search, aside#search-2 {
    display: none;
  }

  body {
    padding: 0;
  }

.site-header {
    height: 90px;
    position: relative;
    width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
	.site-header a {
    display: inline-block;
}
  .site-branding {
    position: relative;
  }
  .site-branding > .sp-display {
    display: block;
    padding: 12px 16px;
  }
  .site-branding > .sp-display > .material-icons {
    position: relative;
    top: 3px;
  }
  .main-navigation {
    display: block;
    z-index: 999;
  }
  .main-navigation.toggled {
    display: block;
    position: fixed;
    top: 56px;
    left: 0;
    z-index: 1001;
        height: 100%;
  }
  .fixed_main_background{
    position:fixed;
  }
  .main-navigation {
    /*margin-top: 36px;*/
    margin-top: 0;
    border-top: none;
  }
  .main-navigation.toggled {
    margin-top: 0;
  }
  nav.main-navigation.toggled {
    background: var(--color-white);
  }
  .site-title {
        width: 100%;
        height: auto;
    margin: 0 auto;
  }
  .site-title img {
        width: 200px;
        height: auto;
  }
  a.button-medium {
    width: calc(100% - 16px);
    font-size: 16px;
    margin: 0 auto;
    padding: 8px;
  }
  a.button-medium:after, a.button-more:after {
    top: 2px;
  }
  a.button-more {
    width: calc(100% - 16px);
    font-size: 16px;
    margin: 24px auto;
    padding: 7px;
  }
  a.button-small {
    width: 160px;
    padding: 7px;
  }
  .main-visual {
    width: 100%;
    background: var(--color-key-light);
    /*margin-top: 90px; ヘッダー固定解除による変更*/
}
  .main-visual__inner {
    width: 100%;
  }

  .site-content {
    width: 100%;
    padding: 32px 0;
  }
  #page {
    width: calc(100% - 16px);
    margin: 0 auto;
  }

  .ttl {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .hall-of-fame {
    margin-bottom: 24px;
  }
  .arrival-article {
    margin-bottom: 32px;
  }
  .new-article article, .ranking-article article, .hall-of-fame article, .related-article article, .arrival-article article, .ninki-article-half article, .same-category-article article {
    margin-bottom: 8px;
  }
  .new-article article {
    width: calc(50% - 8px / 2);
  }
  .ranking-article article, .hall-of-fame article, .related-article article, .arrival-article article, .ninki-article-half article, .same-category-article article {
    width: 100%;
  }
  .related-article article, .arrival-article article, .ninki-article-half article, .same-category-article article {
    height: 97px;
  }


  .arrival-article article {
    height: 108px;
    margin-bottom: 16px !important;
  }


  .hall-of-fame article {
    height: 117px;
    margin-bottom: 7px !important;
  }
  .ranking-article img {
    width: 167px !important;
    height: 117px !important;
    object-fit: contain;
    margin-left: 8px;
  }
   .ninki-article-half img, .same-category-article img {
    width: 167px !important;
    height: 100px !important;
    object-fit: contain;
	background: #fff;
  padding-left: 8px !important;
  }

  .related-article img {
    width: 167px !important;
    height: 117px !important;
    object-fit: contain;
  background: #fff;
  padding-left: 8px !important;
  }

  .arrival-article img {
    width: 167px !important;
    height: 117px !important;
    object-fit: contain !important;
	  background: #fff;
    padding-left: 8px !important;
  }

  .arrival-article .category-tag {
    position: relative;
    top: 4px;
    padding: 2px 4px;
    font-size: 11px;
}
  a.button-medium {
      width: calc(100% - 16px);
      font-size: 16px;
      margin: 0 auto;
      padding: 8px;
  }

  .hall-of-fame img {
    width: 207px;
    height: 117px;
    object-fit: contain;
    background: #fff;
    margin-left: 7px;
  }
  .ranking-article header.entry-header, .hall-of-fame header.entry-header, .related-article header.entry-header, .arrival-article header.entry-header, .ninki-article-half header.entry-header, .same-category-article header.entry-header {
    display: flex;
  }
  .related-article header.entry-header, .arrival-article header.entry-header, .ninki-article-half header.entry-header, .same-category-article header.entry-header {
    height: 90px;
  }
  .ranking-article .article__inner, .hall-of-fame .article__inner, .related-article .article__inner, .arrival-article .article__inner, .ninki-article-half .article__inner, .same-category-article .article__inner {
    width: calc(100% - 120px);
    background: #fff; /* 同じカテゴリの記事のスマホの見た目調整用 */
  }
  .ninki-article-half .article__inner, .same-category-article .article__inner {
    height: 100px;
  }

  .related-article .article__inner, .arrival-article .article__inner, .hall-of-fame .article__inner {
    height: 117px;
  }

  .ranking-article article .entry-title, .hall-of-fame article .entry-title, .related-article article .entry-title, .arrival-article article .entry-title, .ninki-article-half article .entry-title, .same-category-article article .entry-title {
    width: auto;
  }
  .ranking-article .entry-meta, .hall-of-fame .entry-meta, .related-article .entry-meta, .ninki-article-half .entry-meta, .same-category-article .entry-meta {
    padding: 0;
  }
  .arrival-article .entry-meta {
    padding: 0;
    top: -6px;
  }
  .related-article article .entry-title, .arrival-article article .entry-title, .ninki-article-half article .entry-title,.same-category-article article .entry-title {
    width: 100%;
    margin-top: initial;
    padding-top: initial;
    margin-bottom: initial;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .arrival-article .entry-title {
    height: 63px;
    margin-bottom: 4px!important;
  }

  .ninki-article .entry-header {
    display: flex;
    margin-bottom: 0;
  }
  .ninki-article img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 167px;
    height: 117px;
    object-fit: contain;
    background: #fff;
    margin-left: 8px;
  }
  .ninki-article .article__inner {
    height: 117px;
  }
  .ninki-article .entry-title__inner {
    margin: 0;
  }
  .ninki-article .entry-title__inner .entry-title {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .ninki-article-half .entry-header, .same-category-article .entry-header{
    margin-bottom: 0;
  }
  .ninki-article-half .entry-title__inner, .same-category-article .entry-title__inner {
      margin: 0 auto;
  }
  .ninki-article-half {
    margin-bottom: 24px;
  }

  .category-tag {
    font-size: 8px;
  }
  .new-article .entry-title__inner, .ranking-article .entry-title__inner {
    margin: 8px auto 0;
  }

  .label__gold:after, .label__silver:after, .label__bronze:after {
    top: 0px;
    left: 0px;
  }
  .label__ranking-num {
    top: 8px;
    left: 8px;
  }
  .label__new:after {
    font-size: 8px;
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    padding-top: 8px;
  }
  .label__ribon:after {
    width: 48px;
    height: 48px;
  }
  .label__recommend:before {
    width: 48px;
    height: 48px;
  }
  .article__inner {
    padding: 11px 8px 6px 8px !important;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  .ninki-article .article__inner {
    padding: 17px 8px 6px 8px !important;
  }
  .hall-of-fame .article__inner {
    padding: 18px 8px 6px 8px !important;
  }
  .related-article .article__inner {
    padding: 13px 8px 0px 8px !important;
  }
  .arrival-article .article__inner {
  padding: 12px 6px 6px 8px !important;
  }
  .review {
    flex-flow: column;
  }
  .review .company-score {
    width: 100%;
    margin-bottom: 8px;
	padding-bottom: 0px;
  }

  .company-score.popular {
    width: 100%;
    margin-bottom: 8px;
  }

  .company-score__link {
    display: flex !important;
  }
  .company-score__inner {
    display: flex !important;
    padding: 0;
  }
  .company-score__inner.popular {
    padding: 0;
  }
  .sp-colum {
    width: 65%;
    height: auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
  }
  .review .company-score .company-logo {
    width: 35%;
    display: flex;
    align-items: center;
    height: initial;
	margin-left: 10%;
  }
  .review .company-score .company-logo img {
    height: initial;
  }
  .review .company-logo .company-logo {
    width: 35%;
    height: auto;
  }
  .review .rate {
    width: 65%;
    padding: 8px;
    display: flex;
    justify-content: space-around;
  }
  .review .rate img {
    width: 60%;
  }
  .rate.popular {
    justify-content: space-around;
  }
  .rate.popular > .rate__star {
    width: initial;
    margin-right: initial;
  }
  .rate.popular > .rate__star > .material-icons {
    font-size: 24px;
  }
  .rate.popular > .rate__num {
    font-size: 16px;
  }
  .rate.popular > .rate__num:after {
    display: none;
  }
  .rate.popular, .rate.rate-brand {
    width: 100%;
    padding: 0 0 10px;
  }
  .rate__num {
    font-size: 16px;
    position: relative;
  }
  .rate__num:after {
    display: block;
    content: 'chevron_right';
    color: var(--color-gray-bb);
    font-family: "Material Icons";
    font-size: 24px;
    position: absolute;
    top: -7px;
    right: -36px;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
  }
  .rate.rate-brand > .rate__num:after {
    display: none;
  }

  .entry-meta {
    padding: 0 0 8px;
  }

  .editor {
    flex-flow: wrap;
  }
  .editor__inner {
    width: calc(100% / 3 - 8px);
  }

  #secondary {
    display: none;
  }
  #primary {
    width: 100%;
  }
  .grid article h1.entry-title {
    font-size: 20px!important;
    line-height: 1.5!important;
    width: 100%!important;
    height: auto!important;
    letter-spacing: -0.01em;
  }
  h1, h2, h3, .site-title, .grid .page-title, .grid article .entry-title, .js.grid article.semicolon-featured .entry-title, .related-content .related-content-title, .related-content article .entry-title, .single .author h3, .widget-area .widget-title, .comments-title, .comment-meta .comment-author, #respond #reply-title {
    font-size: 24px;
    line-height: 36px;
  }
  h2, h3, .site-title, .grid .page-title, .js.grid article.semicolon-featured .entry-title, .related-content .related-content-title, .related-content article .entry-title, .single .author h3, .widget-area .widget-title, .comments-title, .comment-meta .comment-author, #respond #reply-title {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  h3 {
    font-size: 16px;
    line-height: 23px;
    padding-top: 15px;
  }
  .js.grid article.semicolon-featured .entry-title {
    font-size: 24px;
    line-height: 36px;
  }
  footer.site-footer .widget-area {
    width: 100%;
  }
  .footer-sidebar > aside > .textwidget {
    width: 100%;
    margin: 32px auto 16px;
  }
  .footer-information {
        width:90% !important;
        margin: 0 auto !important;
        margin-bottom: 2em !important;
        float: initial !important;
        flex-direction: column !important;
  }
  img.footer-information__logo {
      width: 250px;
  }
  .footer-information__logo {
        width: 60%;
        margin: 0 auto 15px!important;
  }
  .footer-popularwords {
    width: calc(100% - 16px);
    margin: 0 auto 32px;
  }
  .footer-sidebar > aside > .textwidget > p {
    margin: 0 auto;
  }
  .footer-ohtermenu {
    justify-content: initial;
    flex-flow: wrap;
    font-size: 0;
    margin: 0 auto 16px;
  }
  .footer-ohtermenu > a {
    width: 100%;
    padding: 8px;
    border-top: 1px solid var(--color-gray-ee);
    margin: initial;
    position: relative;
  }
  .footer-ohtermenu > a:last-child {
    border-bottom: 1px solid var(--color-gray-ee);
  }
  .footer-ohtermenu > a:after {
    display: block;
    content: 'chevron_right';
    color: var(--color-gray-bb);
    font-family: "Material Icons";
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 8px;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
  }
  .breadcrumbs__outer {
    width: 100%;
    min-width: 100%;
  }
  .breadcrumbs {
    width: calc(100% - 16px);
    margin: 0 auto;
    font-size: 10px;
    padding: 7px 0;
  }
  .title__page {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .title__sub {
    margin-bottom: 32px;
  }
  .article-ttl {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 15px 15px 15px 11px;
    background: var(--color-key-light);
    border-left: solid 5px var(--color-key);
    margin-bottom: 16px;
  }
  .article-ttl-sub {
    width: calc(100% - 32px);
    font-size: 18px;
    padding-top: initial;
    padding-bottom: 2px;
    margin: 0 auto 16px;
  }

  .editor-introduce {
    padding: 16px;
    margin-bottom: 16px;
  }
  .editor-introduce__photo {
    width: 64px;
    height: 64px;
    margin-right: 8px;
  }
  .editor-introduce__info {
    width: calc(100% - 64px);
  }
  .editor-introduce__name {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .editor-introduce__name:before {
    font-size: 16px;
    top: 2px;
  }
  .editor-introduce__text {
    font-size: 14px;
  }
  .about-editor {
    font-size: 16px;
    padding: 0 16px;
  }

  .tag_items ul li a {
    font-size: 16px;
  }
  .pagenation-link-area {
    display: flex;
    flex-flow: column;
    justify-content: initial;
    align-items: center;
  }
  .p-pager {
    margin: 24px auto 32px;
  }
  .p-pager__item:last-child {
    margin-right: 0;
  }
  .error-message {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .eye_catch_area {
    margin-bottom: 16px;
  }

  .company p {
    font-weight: 400;
    padding: 0 16px;
    margin-bottom: 16px;
  }
  .company table {
    width: calc(100% - 32px);
    margin: 0 auto 16px;
  }
  .company table td, .company table th {
    padding: 10px;
  }
  .company .company-list {
    width: calc(100% - 32px);
    margin: 0 auto 16px;
    padding-left: 16px !important;
  }

  .entry-content .textBox {
    width: calc(100% - 32px);
    margin: 0 auto 16px;
  }
  .entry-content .textBox__contents {
    padding: 16px 10px;
  }
  .entry-content p {
    padding: 0 16px;
    margin-bottom: 16px;
  }
  .entry-content #toc_container {
    padding: 16px 10px;
    width: calc(100% - 0px);
    margin: 0 auto 16px;
  }
  .entry-content #toc_container p.toc_title {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .entry-content #toc_container p.toc_title + ul.toc_list > li > a:before {
    padding-left: 0px;
    left: 10px;
	position: absolute;
  }
  .entry-content h2 {
    font-size: 21px !important;
    padding: 9px 7px 9px 7px;
    margin-bottom: 16px;
  }
  .entry-content h3 {
    font-size: 19px !important;
    padding: 12px 4px 12px 4px !important;
  }
  .entry-content h4 {
    font-size: 18px !important;
  }
  .entry-content table {
    width: calc(100% - 32px);
    margin: 0 auto 16px;
  }
  .entry-content table td, .entry-content table th {
    padding: 10px;
  }
  .entry-content .rate {
    margin: 0 auto;
  }
  .entry-content .rate > .rate__star > .material-icons {
    font-size: 24px;
  }
  .entry-content .arconix-toggle-wrap {
    width: calc(100% - 0px);
    padding: 10px;
    margin: 0 auto 16px;
  }
  .entry-content .surveyBox {
    width: calc(100% - 0px);
    margin: 0 auto 16px;
    padding: 16px 16px 0;
  }
  .entry-content .surveyBox__information-inner {
    margin-bottom: 16px;
  }
  .entry-content .surveyBox__list-layout {
    width: 100%;
  }
  .entry-content .surveyBox__assessment {
    margin-bottom: 16px;
  }
  .entry-content .surveyBox__Impression--contents {
    font-size: 14px;
    margin: 8px 0 16px;
  }
  .entry-content span.surveyBox__information--reazon-contents {
    font-size: 18px;
  }
  .entry-content .kutikomiBox {
    width: calc(100% - 32px);
    margin: 0 auto 16px;
    padding: 10px;
  }
  .entry-content {
    margin-bottom: 32px;
  }

  .entry-content .saboxplugin-wrap {
    margin-top: 40px;
    margin-bottom: 32px;
	width: 100%;
  }
  .saboxplugin-wrap::before {
    padding: 8px 16px;
    border-radius: 30px;
    position: absolute;
    top: -20px;
    left: 8px;
    font-size: 14px;
  }
  .saboxplugin-wrap .saboxplugin-gravatar {
    padding: 10px 8px 0px 0px !important;
  }
  .saboxplugin-wrap img {
    margin-left: 10px;
    margin-top: 20px;
  }
  .saboxplugin-wrap .saboxplugin-desc {
    margin: 0 16px;
  }
  .entry-content .saboxplugin-wrap .saboxplugin-desc p {
    margin: 24px 0 16px;
    padding: 0;
  }
  .saboxplugin-wrap::after {
    position: absolute;
    top: 7px;
    left: 32px;
  }

  .banner-area {
    width: calc(100% - 32px);
    margin: 0 auto 15px;
  }

  .recommend-company-area {
    margin-bottom: 32px;
  }
  .recommend-company {
    width: 100%;
    flex-wrap: wrap;
  }
  .recommend-company__logo {
    width: 50%;
    flex-wrap: wrap;
    order: 1;
  }
  .recommend-company__text {
    width: 100%;
    padding: 0px 16px 16px;
    order: 3;
  }
  .recommend-company__link {
    width: 50%;
    order: 2;
    padding-right: 16px;
  }
  .recommend-company__link a {
    width: 100%;
    margin-right: initial;
  }

  .content-editor {
    margin-bottom: 32px;
  }
  .content-editor .editor-information {
    background-color: initial;
  }
  .content-editor .editor-information__people {
    width: 64px;
  }
  .content-editor .editor-information__contents {
    width: calc(100% - 72px);
    font-size: 12px;
  }
  .content-editor .editor-information__name {
    font-size: 14px;
  }
  .eye_catch_area img {
    min-width: 100%;
    max-height: 100%;
    width: 374px;
    height: 187px;
  }  
.surveyBoxNew {
    width: calc(100% - 0px);
    margin: 0 auto 22px;
    padding: 16px 16px 0px 16px;
  }
.surveyBoxNew__information-inner {
    margin-bottom: 8px;
  }
.surveyBoxNew__information-reazon {
    width: calc(100% - 64px);
    margin-right: 0;
  }
.surveyBoxNew__information-reazon-contents {
    font-size: 16px;
    margin-top: 4px;
  }
.surveyBoxNew__information-sp-display {
    margin-bottom: 10px;
  }
.surveyBoxNew__information-sp-display-inner {
    display: flex;
    justify-content: space-between;
 /*   align-items: baseline;  */
	margin-top: -8px;
  }
.surveyBoxNew__information-age {
    font-size: 12px;
	text-align: center;
  }
.surveyBoxNew__information-score-num {
    width: initial;
	margin-top: 12px;
  }
.surveyBoxNew__information-score-large {
    font-size: 18px;
  } 
.surveyBoxNew__data {
    margin-bottom: 8px;
  }
.surveyBoxNew__data-list:nth-child(1),
.surveyBoxNew__data-list:nth-child(2),
.surveyBoxNew__data-list:nth-child(3) {
    width: calc(100% / 2);
  } 
.surveyBoxNew__data-list {
    font-size: 12px;
    margin-right: 0px;
  }
.surveyBoxNew__data-list-ttl.contract,
.surveyBoxNew__data-list-ttl.users {
    width: 75px;
  }
.surveyBoxNew__data-list-ttl.building-type,
.surveyBoxNew__data-list-ttl.discount {
    width: 75px;
  }
.surveyBoxNew__data .surveyBoxNew__data-list:first-child,.surveyBoxNew__data .surveyBoxNew__data-list:nth-child(2),.surveyBoxNew__data .surveyBoxNew__data-list:nth-child(3) {
 margin-right: initial;
}
.surveyBoxNew__data-list-ttl {
    font-size: 11px;
    text-align: center;  
    margin-right: 6px;
	font-weight: bold;
  }
span.surveyBoxNew__data-list-detail {
    float: left;
	margin-top: 2px;
}
.surveyBoxNew__assessment {
    margin-bottom: 8px;
  }
.surveyBoxNew__list-layout {
    width: 100%;
    height: auto;
  }
.surveyBoxNew__list-layout-ttl {
    width: calc(100% / 2);
    font-size: 13px;
	font-weight: bold;
  height: auto;
  }
.surveyBoxNew__list-layout-img {
    width: 130px;
  }
.surveyBoxNew__Impression-contents {
    font-size: 14px;
    margin: 0px 0 13px;
}
.surveyBoxNew__list-layout .rate {
    width: calc(100% / 2) !important;
    height: auto;
}
.surveyBoxNew__list-layout .rate > img {
   /* width: calc(100% / 1.1); */
    height: 24px;
}

.surveyBoxNew__list-layout .rate__star {
    margin-top: 4px !important;
}

  .editors-box {
    width: 100%;
    padding: 24px 16px 16px;
    margin-top: 50px;
    margin-bottom: 10px;  
  }
  .editors-box:before {
    font-size: 14px;
    padding: 8px 16px;
    left: 8px;
  }
  .editors-box:after {
    top: 3px;
    left: 32px;
  }  
  .editors-box__photo {
    width: 64px;
    height: 64px;
    display: block;
    content: '';
    border-radius: 50%;
    margin-right: 8px;
  }
  .editors-box__description {
    width: calc(100% - 72px);
  }  
}

@media screen and (max-width: 479px) {
  body {
    padding: 0;
    margin-top: -24px !important;
  }
  #page {
    width: calc(100% - 16px);
    margin: 0 auto;
  }
  #search_btn {
    z-index: 1000;
  }
  .main-navigation {
        margin-top: 0;
        position: absolute;
        left: 0px;
        border-top: none;
        float: initial;
        width: auto;
    z-index: 99999;
  }
  .main-navigation.toggled {
    display: block;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 1001;
  }
  .related-content article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .grid article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 11px;
  }

  .related-article article {
    margin-bottom: 27px;
  }

  .grid article .post-thumbnail, .related-content article .post-thumbnail {
    width: 88px;
    height: 88px;
    position: absolute;
    margin-left: -90px;
  }
  .grid article .post-thumbnail span, .related-content article .post-thumbnail span {
    margin-left: -464px;
  }
  .grid article .entry-header, .related-content article .entry-header {
    padding-left: 0;
    min-height: initial;
  }
  .grid article .entry-title, .related-content article .entry-title {
    width: 100% !important;
    height: 63px;
  }
  .grid article.semicolon-featured {
    width: 100% !important;
  }
  .grid article.semicolon-featured .entry-header {
    padding: 0;
    min-height: auto;
  }
  .grid article.semicolon-featured .post-thumbnail {
    position: static;
    width: 100% !important;
    height: 210px !important;
    max-width: 360px !important;
    margin-left: 0;
  }
  .grid article.semicolon-featured .post-thumbnail span {
    margin-left: -320px;
  }

  .arrival-article .entry-title {
    margin-bottom: 4px!important;
  }


  .site-content {
    width: 100%;
    padding: 32px 0;
  }
  .ttl {
    font-size: 17px !important;
    margin-bottom: 16px;
  }
  .new-article article, .ranking-article article {
    margin-bottom: 8px;
  }
  .new-article article {
    width: calc(50% - 8px / 2);
  }
  .ranking-article article {
    width: 100%;
  }
  .ranking-article img {
    width: 120px;
    min-height: 106px;
    height: 143px;
    object-fit: contain;
  }
  .ranking-article header.entry-header {
    display: flex;
  }
  .ranking-article .article__inner {
    width: calc(100% - 120px);
  }
  .ranking-article article .entry-title {
    width: auto;
  }
  .ranking-article .entry-meta {
    padding: 0;
  }
  .label__gold:after, .label__silver:after, .label__bronze:after {
    top: -1px;
    left: 0px;
    width: 38px;
    height: 38px;
    filter: none;
}
  .label__ranking-num {
    top: 0px;
    left: 2px;
  }
  .label__new:after {
    font-size: 8px;
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    padding-top: 8px;
  }
  .article__inner {
    padding: 8px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  .category-tag {
    font-size: 8px;
  }
  .ranking-article .category-tag {
    display: none;
  }  
.dendo-article__kotei article {
    margin-bottom: 8px;
    width: calc(50% - 8px / 2);
  }
.dendo-article__kotei .entry-title__inner {
    margin: 8px auto;
}
.dendo-article__kotei .entry-meta {
    padding: 0 0 8px;
}
  .review {
    flex-flow: column;
  }
  .company-score {
    width: 100%;
    margin-bottom: 8px;
  }
  .company-score__link {
    display: flex !important;
  }
  .company-logo {
    width: 35%;
    height: auto;
  }

  .rate {
    width: 65%;
    padding: 8px 24px 8px 8px;
    display: flex;
    justify-content: space-around;
  }
  .rate.rate-brand {
    width: 100%;
  }
  .rate__num {
    font-size: 16px;
    position: relative;
  }
  .rate__num:after {
    display: block;
    content: 'chevron_right';
    color: var(--color-gray-bb);
    font-family: "Material Icons";
    font-size: 20px;
    position: absolute;
    top: -4px;
    right: -30px;
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
     /* Support for Safari and Chrome. */
     text-rendering: optimizeLegibility;

     /* Support for Firefox. */
     -moz-osx-font-smoothing: grayscale;

     /* Support for IE. */
     font-feature-settings: 'liga';
  }

  .review .rate {
    justify-content: center;
    align-content: center;
  }
  .review .rate .rate__star .material-icons {
    font-size: 20px;
  }
  .review .rate__num {
    padding-left: 8px;
  }

  .entry-meta {
    padding: 0 0 8px;
  }

.new-article .entry-title__inner, .ranking-article .entry-title__inner {
    margin: 8px auto!important;
}
.new-article .entry-meta, .ranking-article .entry-meta {
    padding: 0 0 8px!important;
}

  .editor {
    flex-flow: wrap;
  }
  .editor__inner {
    width: calc(100% / 3 - 8px);
  }

  #secondary {
    display: none;
  }
  #primary {
    width: 100%;
  }
  h1, h2, h3, .site-title, .grid .page-title, .grid article .entry-title, .js.grid article.semicolon-featured .entry-title, .related-content .related-content-title, .related-content article .entry-title, .single .author h3, .widget-area .widget-title, .comments-title, .comment-meta .comment-author, #respond #reply-title {
    font-size: 24px;
    line-height: 36px;
  }
  div.entry-title {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  h3 {
    font-size: 16px;
    line-height: 23px;
    padding-top: 15px;
  }
  .site-title {
    font-size: 24px;
    line-height: 36px;
	z-index: 1000;
  }
  .js.grid article.semicolon-featured .entry-title {
    font-size: 24px;
    line-height: 36px;
  }
  .breadcrumbs__outer {
    width: 100%;
    min-width: 100%;
    /*margin-top: 79px; ヘッダー固定解除*/
}
  .breadcrumbs {
    width: calc(100% - 16px);
    margin: 0 auto;
    font-size: 10px;
    padding: 7px 0;
    white-space: nowrap;
    overflow-x: auto;
  }

  .entry-content ul {
    width: 100%;
  }
  .entry-content .rate {
    width: 100%;
  }
  .saboxplugin-wrap .saboxplugin-gravatar {
    float: left!important;
    text-align: left!important;
  }
  .entry-content .saboxplugin-wrap .saboxplugin-desc p {
    margin: 0px 0 16px;
    padding: 0;
    text-align: left;
	float: left;
	width: 255px;
  }
  .recommend-company__text p {
    font-size: 15px;
    text-align: justify;
}
}


/* =============================================
21. 石塚追加分
============================================= */


@media screen and (min-width:400px) and ( max-width:414px) {
.entry-content .saboxplugin-wrap .saboxplugin-desc p {
    margin: 0px 0 16px;
    padding: 0;
    text-align: left;
    float: left;
    width: 80%;
}
}

/* サイトマップの見た目調整 */

.post-12843 a {
    font-weight: bold;
}

.post-12843 li.post-item a {
    font-weight: 400;
    margin-bottom: 10px;
}

.page_item a {
    font-weight: 400;
    margin-bottom: 10px;
}


/* タイトル下コンテンツ【最終更新日・タグ・SNSボタン】 */

/* 投稿ページ用ここから */

.addtoany_shortcode {
    float: right;
    margin-top: 22px;
}

.title-tag_content {
    margin-top: 5px;
}

a.title-tag {
    display: inline-block;
    padding: 2px 9px;
    border: 1px solid var(--color-key);
    margin-right: 11px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: var(--color-key);
    background: #fff;
    font-size: 14px;
    text-decoration: none;
}

.last-updated {
    font-size: 14px;
}

@media screen and (max-width: 479px) {

.title-tag_content {
    margin-top: 5px;
    margin-bottom: 15px;
}

.addtoany_shortcode {
    margin-top: -5px;    
    width: 76px;
    height: 33px;
}

.last-updated {
    font-size: 12px;
}
a.title-tag {
    margin-right: 5px;
    margin-bottom: 5px;
}
.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
    height: 27px !important;
    line-height: 32px;
    width: 27px !important;
    margin-left: 3px;
}
}

/* 固定ページ用ここから */

.page .title-tag_content {
    margin-top: -45px;
    position: relative;
    top: -423px;
}

.page .addtoany_shortcode {
    float: right;
    margin-top: 22px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}


@media screen and (max-width: 479px) {
.page .title-tag_content {
    position: relative;
    top: -225px;
    margin-top: -32px;
}
}
@media screen and (max-width: 400px){
  .page .title-tag_content {
  position: relative;
  top: -211px;
  margin-top: -32px;
  }
}
@media screen and (max-width: 350px){
  .page .title-tag_content {
  position: relative;
  top: -190px;
  }
}
.page .addtoany_shortcode {
    margin-top: -83px;
}
.page .last-updated {
    font-size: 12px;
    display: block;
    margin-bottom: 54px;
    margin-top: 12px;
}



/* 固定ページ用ここまで */

/* 簡易版口コミボックスここから */
.entry-content .simple-surveyBox {
    width: calc(100% - 48px);
    margin: 0 auto 24px;
    background: var(--color-white);
    border: 1px solid var(--color-gray-ee);
    border-radius: 4px;
    padding: 24px 24px 8px;
}

.simple-surveyBox__goodman:before {
    content: '';
    display: inline-block;
    background-image: url(https://www.correc.co.jp/esim/wp-content/uploads/2020/07/kutikomi-man.png);
    background-size: contain;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.simple-surveyBox__badman:before {
    content: '';
    display: inline-block;
    background-image: url(https://www.correc.co.jp/esim/wp-content/uploads/2020/07/kutikomi-man-2.png);
    background-size: contain;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.simple-surveyBox__goodwoman:before {
    content: '';
    display: inline-block;
    background-image: url(https://www.correc.co.jp/esim/wp-content/uploads/2020/07/kutikomi-woman.png);
    background-size: contain;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.simple-surveyBox__badwoman:before {
    content: '';
    display: inline-block;
    background-image: url(https://www.correc.co.jp/esim/wp-content/uploads/2020/07/kutikomi-woman-2.png);
    background-size: contain;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.simple-surveyBox__ttl {
    display: inline-block;
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    top: -21px;
}

.simple-surveyBox__goodman span, .simple-surveyBox__badman span, .simple-surveyBox__goodwoman span, .simple-surveyBox__badwoman span {
    display: block;
    font-size: 11px;
    margin-top: -5px;
}

.simple-surveyBox__goodman, .simple-surveyBox__badman, .simple-surveyBox__goodwoman, .simple-surveyBox__badwoman {
    display: inline-block;
}

.simple-surveyBox__head {
    margin-bottom: 15px;
}

.simple-surveyBox__contents {
    font-size: 15px;
    margin: 16px 0;
}

@media screen and (max-width: 680px) {
.entry-content .simple-surveyBox {
  width: calc(100% - 0px);
  margin: 0 auto 16px;
  padding: 16px 16px 0px;
}

.simple-surveyBox__ttl {
  font-size: 18px;
}

.simple-surveyBox__contents {
  font-size: 14px;
}
}


/* 簡易版口コミボックスここまで */


/* 固定つき横スクロールボタンここから */

.scroll-table {
  display: block;
  overflow-x: scroll;
  /* white-space: nowrap;　*/
  border-collapse: collapse;
  border-left: solid 1px #ccc;
  margin-bottom: 24px;
  overscroll-behavior-x: none;
}

.scroll-table table {
width: 100%;
border-spacing: 0;
max-width: 100%;
table-layout: fixed;
margin-bottom: 0 !important;
}

.scroll-table table tbody {
table-layout: fixed;
}

.scroll-table.th,td {
/* background-clip: padding-box; */
/* word-break : break-all; */
/* overflow-wrap : break-word; */
word-wrap: break-word;
}


.fixed01 {
position: sticky;
left: 0;
z-index: 1;
border-left: none !important;
}

.fixed01:first-child {
left: 0;
border-top: 1px solid var(--color-gray-bb);
}

.fixed01::before {
content: '';
position: absolute;
top : 0;
right: -1px;
width: 100%;
height: 100%;
border-right: 1px solid #bbb;
}

.fixed02{
    position: sticky;
    z-index: 1;
    border-right: solid 1px;
    border-left: solid 1px;
}

.fixed02:nth-child(2):before, .fixed02:nth-child(2):before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #bbb;
}

.scrollbar_add {
  width: 100%;
  height: 40px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.scrollbar_add .inner {
  height: 1px;
}

.scroll-table a{
  position: relative;
}

/* 固定つき横スクロールボタンここまで */


/* 緑ボタンの上にフキダシ追加 */
.button-fukidashi {
  text-align: center;
  font-size: 14px;
}

/* テーブル内CTAボタン上のフキダシ調整 */
@media screen and (min-width: 641px) {
  .greenbutton-box {
    float: left;
  }
}


/* テーブル内CTAボタンのpタグ調整 */
table .greenbutton-box{
  margin-top: -18px;    
  margin-bottom: -24px;
}

/* TOP新着記事一覧のスタイル調整 */
.new-article .entry-meta{
  width: auto;
  padding: 13px 0 0 0px;
  float: right!important;
}

.new-article .entry-title__inner{
  margin: 0 0 8px 0;
}

/* 表示切替タブ */
.kirikae-tab {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 0px!important;
  padding: 0px!important;
}
  li.table-tablist {
  font-size: 13px!important;
  font-weight: bold;
  width: 25%;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-bottom: 0!important;
  line-height: normal!important;
  border-bottom: 1px solid var(--color-key-dark);
  font-size: 11px;
  background: #bbb;
  border-radius: 5px 5px 0 0;
  border-right: 2px solid #999;
}
.kirikae-tab li a {
  color: #fff;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: ease .2s opacity;
  transition: ease .2s opacity;
  text-decoration: none;
}
.kirikae-tab li a:hover {
  opacity: 1!important;
}
.kirikae-tab li.selected{
  background: var(--color-key);
}
.tab-content.data2,.tab-content.data3,.tab-content.data4,.tab-content.data5,.tab-content.data6,.tab-content.data7,.tab-content.data8,.tab-content.data9,.tab-content.data10{
      display:none;
} 
/* 新規表示切替タブ */
.tabMenu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 0px!important;
  padding: 0px!important;
  }
  .tabMenu li {
  font-size: 13px!important;
  font-weight: bold;
  width: 25%;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-bottom: 0!important;
  line-height: normal!important;
  border-bottom: 1px solid var(--color-key-dark);
  font-size: 11px;
  background: #bbb;
  border-radius: 5px 5px 0 0;
  border-right: 2px solid #999;
  }
  .tabMenu a {
  color: #fff;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: ease .2s opacity;
  transition: ease .2s opacity;
  text-decoration: none;
  }
.tabMenu li a:hover {
  opacity: 1!important;
  }
  .tabMenu li.active{
  background: var(--color-key);
  }
  .tabContent{
  display:none;
  }
  .tabContent.active{
  display:block;
  }
  .tabContent{
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
/* 記事中おすすめ人気記事BOX(アイキャッチ付き) */
.kijinaka-popularbox{
  width: calc(100% - 128px);
  margin: 0 auto;
  display: block;
  background-color: var(--color-white);
  padding: 29px 13px 13px 13px;
  border-radius: 4px;
  border: 1px solid var(--color-key);
  margin-bottom: 20px;
  position: relative;
  }
  .kijinaka-popularbox p{
    display:none;
    }
    .kijinaka-popularbox a {
      border-bottom: 1px solid var(--color-gray-ee);
      margin: 8px auto;
  }
  .kijinaka-popularbox a:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}
  .kijinaka-popularbox-ttl {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
  padding: 0 9px;
  background-color: var(--color-key);
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  line-height: 29px;
  vertical-align: middle;
  color: #FFFFFF;
}
.kijinaka-popularcontents {
  width: 100%;
  background: var(--color-white);
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 15px;
  position: relative;
  border-bottom: 1px solid var(--color-gray-ee);
  margin: 15px auto;
  padding-bottom: 15px;
}
.kijinaka-popularcontents:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 8px;
}

.kijinaka-popularcontents a {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.articleimage-kijinaka {
  width: 200px;
  margin-right: 10px;
}
.articletitle__wrap {
  width: calc(100% - 200px);
  display: flex;
  flex-direction: column;
}
.articletitle__kijinaka{
  width: 100%;
  color: #117bb8;
  font-size: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  border: none;
  margin: 0;
  font-weight: bold;
  margin-bottom: 8px;
}
.kijinaka-btn {
  width: fit-content;
  color: var(--color-key);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  border: 1px solid var(--color-key);
  border-radius: 20px;
  padding: 6px 28px 6px 16px;
  position: relative;
  display: flex;
  align-self: flex-end;  
}
.kijinaka-btn:after {
  display: block;
  content: 'chevron_right';
  font-family: "Material Icons";
  font-size: 16px;
  position: absolute; 
  top: 5px;
  right: 8px;
}
@media screen and (max-width: 479px){
  .articletitle__wrap {
    width: calc(100% - 136px);  
  }
    .articleimage-kijinaka {
      width: 136px;
    margin-right: 8px
    }
    .kijinaka-btn {
      font-size: 12px;
      border: none;
      padding: 0 16px 0 0;
      margin-top: 7px;
    }
    .kijinaka-btn:after {
      font-size: 14px;
      position: absolute; 
      top: 0;
      right: 0;
    }
    .kijinaka-popularbox{
      padding: 25px 9px 9px 9px;
      width:100%; 
    }
    .articletitle__kijinaka {
      font-size:12px!important;
      font-weight: bold;
      height: 50px;
      margin: 0;
    }
    img.popular_image_kijinaka{
      width: 133px;
      height: 66px;
    }
  }

/* 固定ページランキング記事用ここから */

.ranking-box {
    border: solid 2px var(--color-key-30);
    padding: 15px;
    background: #fff;
    width: 90%;
    margin: 0 auto 17px;
    position:relative;
}
.ranking-box_company {
    width: 45%;
    padding-top: initial;
    display: flex;
    align-items: center;
    height: 140px;
}
.ranking-box_company img {
    width: 80%;
    margin: 0 auto;
}
.ranking-box_company a {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
}
.ranking-box_intro {
    display: flex;
    margin-bottom: 15px;
}
.ranking-box_recommend {
    /* border: 1px solid; */
    padding: 10px 15px;
    /* border-radius: 5px; */
}
.ranking-box_value {
    width: 50%;
    margin-top: -25px;
}
.ranking-box_value .kodate, .ranking-box_value .apartment {
    margin-bottom: 5px;
    display: inline;
}
span.ranking-box_value_ttl {
    background: #ededed;
    padding: 5px 5px;
    margin-right: 4px;
    font-weight: bold;
    width: 20%;
    font-size: 11px;
}
span.ranking-box_value_money {
    font-size: 13px;
    margin-right: 25px;
}
.ranking-box_service {
    margin: 20px 0 30px;
}
.ranking-box_cta {
    text-align: center;
    display: flex;
    margin-top: 15px;
    justify-content: space-around;
    align-items: baseline;
    flex-direction: row;
}
.ranking-box_cta a {
    width: 48%;
    text-align: center;
    padding: 5px 73px 5px 112px;
    text-decoration: none;
}
a.ranking-box_detail {
    background: var(--color-key);
    box-shadow: #1ea524 0px 4px 0px 0px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height: 55px;
}
a.ranking-box_official {
    background: #FFB148;
    box-shadow: #dd881b 0px 4px 0px 0px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
a.ranking-box_detail:hover{
  color: #ffffff;
  opacity: 1;
  box-shadow: #1ea524 0px 2px 0px 0px;
}
a.ranking-box_official:hover {
  color: #ffffff;  
  opacity: 1;
  box-shadow: #dd881b 0px 2px 0px 0px;
}
a.ranking-box_detail:active {
  box-shadow: #1ea524 0px 0px 0px 0px;
  transform: translateY(5px);
  transition: 200ms;
}
a.ranking-box_official:active{
  box-shadow: #dd881b 0px 0px 0px 0px;
  transform: translateY(5px);
  transition: 200ms;
}
a.ranking-box_detail::after, a.ranking-box_official::after {
    display: inline-block;
    content: 'chevron_right';
    font-family: "Material Icons";
    position: relative;
    font-size: 30px;
    top: 0px;
    left: 90px;
}
/* 20220930追加-nonearrowクラスで矢印ナシ */
a.ranking-box_detail.nonearrow::after, a.ranking-box_official.nonearrow::after{
  display:none;
  }
/* 20220930追加-downarrowクラスで矢印したむき */
  a.ranking-box_detail.downarrow::after, a.ranking-box_official.downarrow::after {
    transform: rotate(90deg);
}
/* 20220930追加-uparrowクラスで矢印うえむき */
a.ranking-box_detail.uparrow::after, a.ranking-box_official.uparrow::after {
  transform: rotate(-90deg);
}
@media screen and (max-width: 480px) {
.ranking-box {
    width: 100%;
    padding: 15px 5px;
}
.ranking-box_intro {
    display: block;
}
.ranking-box_company {
    width: 50%;
    padding-top: 15px;
    float: left;
    height: 75px;
}
.ranking-box_recommend {
    padding: 10px 0px;
    margin: 70px 10px 0;
    font-size: 14px;
}
.ranking-box_value {
    width: 50%;
    float: left;
    margin-top: 0;
}
.ranking-box_value .kodate, .ranking-box_value .apartment {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
span.ranking-box_value_money {
    font-size: 12px;
    margin-right: 0;
}
span.ranking-box_value_ttl {
    font-size: 13px;
    padding: 4px 5px;
    display: inline-block;
    width: 50%;
}
.ranking-box_service {
    margin: 0;
}
a.ranking-box_detail {
    margin-bottom: 10px;
}
.ranking-box_cta a {
    padding: 5px 0px 5px 30px;
}
a.ranking-box_detail::after, a.ranking-box_official::after {
    left: 15px;
}
}
/* 20221101追加-順位付きランキングボックス */
.ranking-box_wrap .ranking-box:before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 3.5em solid transparent;
  position: absolute;
  z-index: 100;
  }
  .ranking-box_wrap .ranking-box.rt1:before {
  border-left: 3.5em solid var(--color-gold);
  }
  .ranking-box_wrap .ranking-box.rt2:before {
  border-left: 3.5em solid var(--color-silver);
  }
  .ranking-box_wrap .ranking-box.rt3:before {
  border-left: 3.5em solid var(--color-bronze);
  }
  .ranking-box_wrap .ranking-box.rt4-10:before{
      border-left: 3.5em solid #76a0d3;
  }
.ranking-box_wrap {
  counter-reset: rank;
}
.ranking-box_wrap .ranking-box:after {
  counter-increment: rank;
  content: counters(rank," ");
}
  .ranking-box_wrap .ranking-box::after {
  display: block;
  top: 4px;
  color: #fff;
  left: 7px;
  position: absolute;
  z-index: 101;
  font-size: 1.1em;
  font-weight: bold;
  }

/* 固定ページランキング記事用ここまで */

/* リストstyle緊急非表示 */
li.widget_text {
    list-style: none;
}

/* リキャプチャのロゴ非表示 */
.grecaptcha-badge {
  visibility: hidden;
}

/* アフィの画像改行させない処理 */
a.ad_img_handle + img,
a.ad_img_handle img {
    display: inline-block;
}

/* aタグのブロック要素解除 */
a.unique-textlink {
    display: inline;
}

/* スクロールテーブルとランキング共存用 */
.rank-scrl__icon {
    position: absolute;
    width: 3.5em;
    height: 3.5em;
    top: -1px;
    left: 0;
    z-index: 1;
}
/*　スクロールする切り替えタブ */
.scroll-tab{    
  overflow-x: scroll;
}


/* STEP表示用 */
ul.flow-wrap {
    background: #fff;
    padding: 30px 10px 10px !important;
    border-radius: 10px;
    border: solid 1px var(--color-key);
}
.flow-wrap div.step-step {
    font-weight: bold;
    color: var(--color-key);
    font-size: 15px;
    padding-left: 0;
    margin-bottom: 24px;
}
.flow-wrap .step-midasi {
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 5px 0;
    color: #333;
}
.flow-wrap .step {
    font-weight: bold;
    border-bottom: solid 2px #e5e5e5;
    margin-bottom: 15px;
}
.flow-wrap .box:last-child .step {
    border-bottom: 0;
    margin-bottom: 0;
}
.flow-wrap .box {
    padding: 0 0 16px 26px;
}
.flow-wrap .box {
    padding: 0 0 20px 26px;
    margin: 0;
    position: relative;
}
.flow-wrap .box:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: var(--color-key);
    border: solid 3px #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    box-shadow: 0 0 0 2px var(--color-key);
}
.flow-wrap .box:not(:last-child):after {
    content: "";
    display: block;
    height: calc(100% - 27px);
    border-left: dotted 4px var(--color-key);
    position: absolute;
    top: 24px;
    left: 9px;
}
/*
.flow-wrap div:last-of-type {
    border-bottom: solid 2px #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 10px;
} */
.flow-wrap .step-midasi {
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
}
.flow-wrap div.step-text {
    padding-bottom: 10px;
    margin: 0;
    font-weight: normal;
    color: #333;
    font-size: 0.9em;
}
.flow-wrap div.step-text a {
    display: inline-block;
}
.flow-wrap div.step-text img {
    border: solid 1px;
}

/* おすすめの回線説明テーブル用 */

.contents-of-choice {
      width: 90%;
    margin: 0 auto;
  }  
  img.contents-of-choice__img {
     width: 60%;
}
img.contents-of-choice__logo {
     width: 40%;
     object-fit: contain;
}
.contents-of-choice__table {
     border: 1px solid var(--color-key-dark);
     padding: 2px 5px;
     background: #fff;
     margin-bottom: 5px;
     border-radius: 5px;
     display: flex;
  }
.hitori-or-telework {
    width: 60%;
}
.contents-of-choice__img.twin {
   width: 100%;
  }
  .osusume6syatext {
   display: flex;
   align-items: center;
   text-align: center;
   font-weight: bold;
   width: 40%;
   font-size: 19px;
  }
@media screen and (max-width: 680px) {
.contents-of-choice {
      width: 100%;
  }
  .osusume6syatext {
   font-size: 14px;
  }
}


/* /brandコンテンツの記事挿入用 */
 .brand-contents_all .company-score {
    position: relative;
    z-index: 1;
}
 .brand-contents_all .company-score a:not(.button-small) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}
 .brand-contents_all .sp-colum .rate img {
    width: 85%;
    margin: 0 auto;
   display: block;
}
  @media screen and (max-width: 680px) {
 .brand-contents_all .sp-colum .rate img {
    width: 90%;
}
}

/* 監修者BOX */
.supervisor-box {
  width: calc(100% - 128px);
  background: var(--color-white);
  border: 3px solid #e1e1e1;
  margin: 0 auto;
  margin-bottom: 24px;
  position: relative;
  }
  .supervisor-box__title {
  padding: 14px 30px;
  border-bottom: 1px solid #ccc;
  font-weight: 700;
  }
  .supervisor-box__info {
  width: 100%;
  display: flex;
  padding: 20px;
  }
  .supervisor-box__titleinfo {
  display: flex;
  align-items: center;
  }
  .supervisor_name {
  font-size: 18px;
  line-height: 5px;
  font-weight: bold;
  padding-bottom: 10px;
      margin-top: 10px;
    color: var(--color-text);
  }
    .supervisor-box__description {
  width: calc(100% - 150px);
  padding-left: 20px;
  }
   .supervisor_description {
  color: #808080;
  font-size: 14px;
  line-height: 26px;
  padding-top: 5px;
  padding-bottom: 10px;
  }
  .supervisor-box__photo .img_area {
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  background-size: cover;
  border-radius: 90px;
  }
  .supervisor_description_link {
  display: block;
  }
  .supervisor_description p {
  display: none;
  }
  ul.supervisor_description_list {
  margin-bottom: 0px!important;
  padding: 0px!important;
  }
  .supervisor_description_list a {
  display: inline!important;
  }
  @media screen and (max-width: 992px) {
  .supervisor-box{
      width: 100%;
  }
  .supervisor-box__title{
          padding: 14px 0px;
      text-align: center;
  }
  .supervisor-box__info{
      flex-wrap: wrap;
      align-items: center;
      justify-content: left;
      padding-bottom: 3px;
  }
  .supervisor-box__photo{
  height:130px;
  }
  .supervisor-box__photo .img_area{
      margin: 0 auto;
      width: 130px;
  height: 130px;
  }
  .supervisor-box__description{
      width: 100%;
      padding-left: 0px;
      padding-top: 10px;
  }
  .supervisor_name{
      text-align: center;
        margin-left: 10px;
  }
  .supervisor_border {
  margin-top: 6px;
  border-top: 1px solid #CCCCCC;
  }
  .supervisor_description{
  font-size:12px;
  }
  }


/* おすすめ光回線紹介コンテンツ亜種 */
.ranking-box.subspecies .ranking-box_ttl {
position: relative;
margin-bottom: 20px;
font-size: 17px;
font-weight: bold;
margin-left: 9px;
}
.ranking-box.subspecies .ranking-box_ttl:after {
position: absolute;
content: '';
bottom: -3px;
left: 0px;
width: 97%;
border-bottom: solid 3px var(--color-key-30);
}
.ranking-box.subspecies .ranking-box_company {
    width: 50%;
    padding: 0;
    float: none;
    display: flex;
    align-items: center;
    height: auto;
}
.ranking-box.subspecies .ranking-box_company img {
    width: 95%
}
.ranking-box.subspecies .ranking-box_recommend {
    width: 65%
} 
.ranking-box.subspecies .ranking-box_recommend_ttl {
    color: #ff0000;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 15px;
}
.ranking-box.subspecies .ranking-box_recommend .sp-display {
    margin-bottom: 10px;
    margin-top: 80px;
}
.ranking-box.subspecies .ranking-box_recommend.sp-display span {
    display: inline-block;
    margin-bottom: 5px;
}
.ranking-box.subspecies .button-fukidashi {
  margin-top: 10px;
}
.ranking-box.subspecies .button-fukidashi span {
  color: #ff0000;
  font-weight: bold;
  font-size: 17px;
}
.ranking-box.subspecies .ranking-box_cta {
    margin-top: 0px;
}
.ranking-box.subspecies .ranking-box_cta a {
    width: 80%;
    padding: 10px;
    font-size: 15px;
}
.ranking-box.subspecies a.button-medium__ctatable {
  margin-top: 0px;
}
.ranking-box.subspecies a.button-medium__ctatable:after {
  top: 3px;
}
.ranking-box.subspecies .post-relation-contents {
    margin-top: 15px;
    margin-bottom: 5px;
    border: solid 2px #c5f3ca;
}
.ranking-box.subspecies span.linemarker__1 {
    color: #000000 !important;
}
.ranking-box.subspecies .ranking-box_intro {
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.ranking-box.subspecies .ranking-box_company {
    width: 100%;
}
.ranking-box.subspecies .ranking-box_recommend {
    width: 100%;
    margin-top: 5px;
}
.ranking-box.subspecies .button-fukidashi span {
  font-size: 14px;
}
.ranking-box.subspecies .ranking-box_cta a {
  width: 90%;
}
}

/* 横スクロールする口コミコンテンツ */
.scroll-wrap {
  width: 100%;
  overflow-x: scroll;
  overflow-scrolling: touch;
  padding: 0;
  margin: 0;
  }
.scroll-wrap.scroll-table {
  border: none;
  margin-bottom: 30px;
  }
.scroll-wrap .scroll-list {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  min-width: max-content;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  }
.scroll-wrap .scroll-list li {
  margin: 0 5px;
  list-style: none;
  }
.scroll-wrap ul.scroll-list {
  margin-bottom: 10px;
  padding: 0;
  }
.scroll-wrap img.aligncenter {
  width: 400px;
  }
.scroll-wrap .surveyBoxNew {
  width: 752px;
  margin: 0;
  }
.scroll-wrap .surveyBoxNew__information {
  margin-right: 10px;
  width: 60px;
  }
.scroll-wrap .surveyBoxNew__list-layout p {
  padding: 0;
  }
.scroll-wrap .surveyBoxNew__good-Impression p,
.scroll-wrap .surveyBoxNew__bad-Impression p {
  display: none;
  }
  @media screen and (max-width: 680px) {
.scroll-wrap img.aligncenter {
  width: 250px;
  }
.scroll-wrap .surveyBoxNew {
  width: 310px;
  padding: 15px 13px;
  }
.scroll-wrap .surveyBoxNew__data-list-ttl {
  margin-right: 3px;
  }
.scroll-wrap .surveyBoxNew__information-reazon {
  width: 100%;
  }
.scroll-wrap .surveyBoxNew__information-reazon-contents {
  margin-top: 0px;
  font-size: 14px;
  }
.scroll-wrap .surveyBoxNew__information-inner {
  margin-bottom: 10px;
  }
.scroll-wrap .surveyBoxNew__information-score-num {
  margin-top: 0;
  }
.scroll-wrap .surveyBoxNew__data-list-ttl.contract, .scroll-wrap .surveyBoxNew__data-list-ttl.users,
.scroll-wrap .surveyBoxNew__data-list-ttl.building-type, .scroll-wrap .surveyBoxNew__data-list-ttl.discount {
  width: 65px;
  }
.scroll-wrap .surveyBoxNew__list-layout .rate > img {
  height: auto;
  }
  }
/* 目次下バナー */  
  img.sp-display.bannerImage {
    margin: 0 auto;
}
/* フッターの固定バナー */  
.floating-banner {
  background: rgba(0,0,0,0.5);
  z-index: 103;
  position: fixed;
  left: 0;
  bottom: -1px;
  box-shadow: 0px 0px 7px #666666;
  -moz-box-shadow: 0px 0px 7px #666666;
  -webkit-box-shadow: 0px 0px 7px #666666;
  width: 100%;
}
.floating-banner img.pc-display {
  width: 800px;
  height: 98px;
  margin: 0 auto;
}
/* フッターの固定バナー 閉じるボタン*/  
.btn-close-circle{
  position: absolute;
  left: 7px;
  top: 7px;
  background: #efefef;
  width: 30px;
  height: 30px;
  padding:0;
  line-height: 29px;
  text-align: center;
  box-shadow: 0px 2px 3px #555555;
  -moz-box-shadow: 0px 2px 3px #555555;
  -webkit-box-shadow: 0px 2px 3px #555555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
@media screen and (max-width: 680px) {
.btn-close-circle{
      left:2px;
      top:-15px;
}
}
.btn-close-circle span{
  display: inline-block;
  vertical-align: middle;
  color: #333;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  width: 15px;
  height: 2px;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
}
.btn-close-circle span::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.floating-banner,
.f-navi-mokuji,
#btn-show-floating-banner,
#return_to_toc,
#show_to_toc {
  display: none;
}
/* 新アコーディオン */  
.acMenu {
  margin: 5px 0
  }
  .acMenu dt {
      border: 1px solid #333;
      color: #333;
      border-radius: 3px;
      margin: 0 0 10px;
      font-weight: bold;
      padding: 8px 35px 8px 10px;
      text-align: left;
      cursor: pointer;
      font-size: 14px;
      display: block;
      position: relative;
      box-sizing: border-box;
      box-shadow: 0 1px 0 1px #c7c7c7;
      line-height: 1.7;
  }
  .acMenu dt:before {
      content: ""!important;
      position: absolute;
      border: 0px;
      display: block;
      width: 12px;
      height: 12px;
      background: url(https://www.correc.co.jp/esim/wp-content/uploads/2022/04/2022y02m18d_1230453814.png) no-repeat center / contain;
      right: 20px;
      left: auto;
      top: 0;
      bottom: 0;
      margin: auto;
      border: 0px;
  }
  .acMenu-main-wrap .acMenu dt.active:before {
      content: "";
      position: absolute;
      border: 0px;
      display: block;
      width: 12px;
      height: 12px;
      background: url(https://www.correc.co.jp/esim/wp-content/uploads/2022/04/2022y02m18d_1232501783.png) no-repeat center / contain;
      right: 20px;
      left: auto;
      top: 0;
      bottom: 0;
      margin: auto;
      border: 0px;
      opacity: 0.5;
  }
  .acMenu dt:after {
  bottom: -7px;
  width: 98%;
  height: 1px
  }
  .acMenu dd {
  display: none;
  margin: 0 0 5px !important;
  box-sizing: border-box
  }
  .acMenu dt.active {
  background: #fff2b7;
  margin: 0 0 5px !important;
  box-shadow: 0 2px 0 0 #bbb;
  border-radius: 4px 4px 0 0;
  color: #444
  }
  .acMenu dt:after {
  bottom: -5px;
  width: 98%;
  height: 0
  }
  .acMenu .hyoubanbox04 dt{
  border: 0;
  border-radius: 0;
  text-align: left;
  cursor: auto;
  background: none;
  position: static;
  }
  .acMenu .hyoubanbox04 dt:before,.acMenu .hyoubanbox04 dt:after{
  display: none;
  }
  .acMenu .hyoubanbox04 dd{
  display: block;
  margin: 0 5px!important;
  }
  .acMenu-main-wrap .acMenu dt + dd {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
      background: #FFF;
      padding: 10px 10px 10px;
      margin: -10px 0 20px!important;
      box-shadow: none;
      border-radius: 0 0 3px 3px;
      color: #444;
      box-sizing: border-box;
  }
  .acMenu-main-wrap .acMenu dt.active + dd {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #FFF;
  padding: 10px;
  margin: 0 0 20px!important;
  box-shadow: none;
  border-radius: 0 0 3px 3px;
  color: #444;
  display: block!important;
  box-sizing: border-box;
  }
  .acMenu p {
    padding: 0!important;
}
.acMenu-main-wrap ul.flow-wrap {
  border: none!important;
  padding: 0px 10px!important;
  margin-bottom: 0px!important;
}
.acMenu-main-wrap .otf-wrap p {
  padding: 5px 10px;
}
.acMenu-main-wrap p.otf-midashi{
padding: 5px 10px!important;
}
.acMenu-main-wrap ul.otf-wrap__contents{
  padding: 10px;
}
.flow-wrap .editors-speech-bubble img {
border: none!important;
}
.flow-wrap .editors-speech-bubble__information {
margin-right: 23px;
}
.acMenu p:last-child {
  margin-bottom: 0;
}
div.acMenu-main-wrap.acMenu-Last {
  margin-bottom: 30px;
}
.qa_wrap .acMenu dd { /* Q&Aボックス内での競合を解消 */
  display: none;
}
/* 記事上テキストボックス内に入れた場合の余白調d整 */
@media screen and (max-width: 680px) {
  .entry-content .hikariku-text-box__wrap .acMenu-main-wrap{
      width:95%; 
      margin:0 auto;
  }
}

/* 解決できる疑問用テキストボックス */
.solutionTextBox {
  background: #f7f9f9;
  position: relative;
  margin: 10px 4px 20px;
  box-shadow: 0 0 0 4px var(--color-key);
  padding: 30px 20px 25px;
  border-radius: 10px;
}
.solutionTextBox__heading {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.solutionTextBox__headingText {
  background: #f7f9f9;
  color: var(--color-key);
  font-size: 16px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  max-width: 96%;
  font-weight: bold;
}
.solutionTextBox ul {
  margin-bottom: 0 !important;
}
.solutionTextBox li {
  position: relative;
  padding: 0 0 0 28px;
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
}
.solutionTextBox li:last-of-type {
  margin: 0;
}
.solutionTextBox li:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/esim/wp-content/uploads/2025/07/checkicon_blue.png) no-repeat center / contain;
  border: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
}
@media screen and (max-width: 680px) {
.solutionTextBox {
  box-shadow: 0 0 0 3px var(--color-key);
  margin: 10px 3px 20px;
  padding: 25px 10px 20px;
}
}
/* Q&Aコンテンツ */
.qa_wrap {
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 24px;
  }
  .qa_wrap dl{
  overflow: hidden;
  margin-bottom: 26px;
  }
  .qa_wrap dt,dd{
      padding: 5px 8px;
      box-sizing: border-box;
  }
  .qa_wrap dt{
      background: #ededed;
  border-bottom: solid 1px #cfcfcf;
  }
  .qa_wrap dd{
      border: solid 1px #ededed;
      background: var(--color-white);
      padding-bottom: 10px;
      font-size: 15px;
      display: flex;
  }
  .qa_wrap dt:before {
  content: "Q.";
  font-weight: bold;
  color: #4574ff;
  font-size: 24px;
  margin-right: 10px;
  }
  .qa_answer {
  margin: 10px 0 0 5px;  
  width: 100%;
}
  .qa_wrap .editors-speech-bubble__information {
      margin-right: 20px;
  }
  .qa_wrap p{
      padding: 0px!important;
  }
  span.answer_initial {
  margin-bottom: 0px;
  font-weight: bold;
  color: #ff7171;
  font-size: 24px;
}
.qa_wrap dd p {
  padding: 0;
}

/* ↑質問部分をh3に変更 */
.qa_wrap .qa_wrap_qa{
  overflow: hidden;
  margin-bottom: 26px;
  }
  .qa_wrap .qa_wrap_answer{
  border: solid 1px #ededed;
  background: var(--color-white);
  padding-bottom: 10px;
  font-size: 15px;
  display: flex;
  }
.entry-content .qa_wrap h3{
    background: #ededed;
    border-bottom: solid 1px #cfcfcf!important;
    width: initial!important;
    color: initial!important;
    margin: initial!important;
    border-left: initial!important;
    font-size: 16px!important;
    font-family: inherit!important;
    font-weight: 800!important;    
    padding: 5px 8px!important;
}
  .qa_wrap h3:before {
  content: "Q.";
  font-weight: bold;
  color: #4574ff;
  font-size: 24px;
  margin-right: 10px;
  }
  .qa_wrap h3, .qa_wrap .qa_wrap_answer{
  padding: 5px 8px;
  box-sizing: border-box;
  }
  @media screen and (max-width: 479px) {
    .qa_answer{
      width:90%;
      }
  }
/* 引用BOX */
blockquote.hikariku_quote {
  position: relative;
  padding: 10px 15px 10px 25px;
  box-sizing: border-box;
  font-style: italic;
  background: #f5f5f5;
  color: #777777;
  border-left: 4px solid var(--color-key-30);
  box-shadow: 0 2px 4px rgb(0 0 0 / 14%);   
  margin: 0 10px 24px 10px;
  }
  blockquote.hikariku_quote:before {
  display: inline-block;
  position: absolute;
  top: -19px;
  left: 48px;
  content: "\f10d";
  font-family: FontAwesome;
  color: var(--color-key-30);
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  }
  blockquote.hikariku_quote p {
  margin: 7px 0;
  line-height: 1.7;
  margin-bottom: 0px!important;   
  font-size: 15px;
  }
  blockquote.hikariku_quote cite {
  display: block;
  text-align: right;
  font-size: 0.9em;
}
/*引用段落*/
blockquote.small_quote:before,
blockquote.small_quote:after{
  content: none;
}
blockquote.small_quote p {
  text-align: right;
  font-size: 8pt!important;
}
table + blockquote.small_quote,
.tabMenu-wrap + blockquote.small_quote,
p + blockquote.small_quote{
  margin-top: -10px;
}
/* ランキングテーブル１ */
.ranking-table td a {
  text-align: center;
  }
  .ranking-table tr:hover th {
      background-color: #46d86d!important;
  }
  td.ranking-table, th.ranking-table{
      position: relative!important;
  }
  .ranking-table_ttl {
  display: inline-block;
  width: auto;
  text-align: center;
  margin: 0;
  padding: 7px 10px 5px 10px;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  border: none;
  font-weight: 700;
  margin-left: 64px;
  background:var(--color-key);
  color: #fff;
  }
  .ranking-table .ranking-table_ttl {
      background: var(--color-key);
      color: #FFF;
      font-size: 18px;
  }
  .entry-content table.ranking-table {
  width: calc(100% - 128px);
  }
  @media screen and (max-width: 479px) {
  .entry-content table.ranking-table {
  width: 100%;
  }
  }
  .entry-content .ranking-table th,
  .entry-content .ranking-table td {
      border: 1px solid var(--color-key);
      font-size: 14px;
      height: 150px;
  }
  th.ranking-table::before, td.ranking-table::before {
      content: "";
      top: 0;
      left: 0;
      border-bottom: 3.2em solid transparent;
      position: absolute;
      z-index: 100;
  }
  .ranking-table.rt1::before {
      border-left: 3.2em solid var(--color-gold);
  }
  .ranking-table.rt2::before {
      border-left: 3.2em solid #528bc0;
  }
  .ranking-table.rt3::before {
      border-left: 3.2em solid var(--color-bronze);
  }
  .ranking-table.rt4::before,
  .ranking-table.rt5::before,
  .ranking-table.rt6::before,
  .ranking-table.rt7::before,
  .ranking-table.rt8::before,
  .ranking-table.rt9::before,
  .ranking-table.rt10::before {
      border-left: 3.2em solid #cccccc;
  }
  .ranking-table::after {
      display: block;
      top: 2px;
      color: #fff;
      left: 10px;
      position: absolute;
      z-index: 101;
      font-size: 1.2em;
      font-weight: bold;
  }
  .ranking-table.rt1::after {
      content: "1";
  }
  .ranking-table.rt2::after {
      content: "2";
  }
  .ranking-table.rt3::after {
      content: "3";
  }
  .ranking-table.rt4::after {
      content: "4";
  }
  .ranking-table.rt5::after {
      content: "5";
  }
  .ranking-table.rt6::after {
      content: "6";
  }
  .ranking-table.rt7::after {
      content: "7";
  }
  .ranking-table.rt8::after {
      content: "8";
  }
  .ranking-table.rt9::after {
      content: "9";
  }
  .ranking-table.rt10::after {
      content: "10";
      left: 5px;
  }
  .ranking-table .scroll-table{
      width: calc(100% - 128px);
      margin: 0 auto;
  }
  @media screen and (max-width: 479px) {
      .scroll-table{
          width: 100%;
      }
      .ranking-table_ttl{
          margin-left: 0;
          font-size: 15px;
      }
  }
  /* ランキングテーブル２(10位以上) */
  .ranking-10over td a {
  text-align: center;
  }
  table.ranking-10over th {
      background-color: #46d86d!important;
  }
  .ranking-10over tr:hover th {
      background-color: #46d86d!important;
  }
  th.ranking-10over, td.ranking-10over {
      position: relative;
  }
  .entry-content .ranking-10over th,
  .entry-content .ranking-10over td {
      border: 1px solid #46d86d;
      font-size: 14px;
  }
  th.ranking-10over::before, td.ranking-10over::before {
      content: "";
      top: 0;
      left: 0;
      border-bottom: 2.5em solid transparent;
      position: absolute;
      z-index: 100;
  }
  .ranking-10over.rt1::before {
      border-left: 2.5em solid var(--color-gold);
  }
  .ranking-10over.rt2::before {
      border-left: 2.5em solid #528bc0;
  }
  .ranking-10over.rt3::before {
      border-left: 2.5em solid var(--color-bronze);
  }
  .ranking-10over.rt4::before,
  .ranking-10over.rt5::before,
  .ranking-10over.rt6::before,
  .ranking-10over.rt7::before,
  .ranking-10over.rt8::before,
  .ranking-10over.rt9::before,
  .ranking-10over.rt10::before,
  .ranking-10over.rt11::before,
  .ranking-10over.rt12::before,
  .ranking-10over.rt13::before,
  .ranking-10over.rt14::before,
  .ranking-10over.rt15::before {
      border-left: 2.5em solid #cccccc;
  }
  .ranking-10over::after {
      display: block;
      top: 0px;
      color: #fff;
      left: 4px;
      position: absolute;
      z-index: 101;
      font-size: 1em;
      font-weight: bold;
  }
  .ranking-10over.rt1::after {
      content: "1";
  }
  .ranking-10over.rt2::after {
      content: "2";
  }
  .ranking-10over.rt3::after {
      content: "3";
  }
  .ranking-10over.rt4::after {
      content: "4";
  }
  .ranking-10over.rt5::after {
      content: "5";
  }
  .ranking-10over.rt6::after {
      content: "6";
  }
  .ranking-10over.rt7::after {
      content: "7";
  }
  .ranking-10over.rt8::after {
      content: "8";
  }
  .ranking-10over.rt9::after {
      content: "9";
  }
  .ranking-10over.rt10::after {
      content: "10";
      left: 5px;
  }
  .ranking-10over.rt11::after {
      content: "11";
      left: 1px;
  }
  .ranking-10over.rt12::after {
      content: "12";
      left: 1px;
  }
  .ranking-10over.rt13::after {
      content: "13";
      left: 1px;
  }
  .ranking-10over.rt14::after {
      content: "14";
      left: 1px;
  }
  .ranking-10over.rt15::after {
      content: "15";
      left: 1px;
  }
  @media screen and (max-width: 479px) {
  table.ranking-10over {
  width: 100%;
  }
  th.ranking-10over::before, td.ranking-10over::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 2em solid transparent;
  position: absolute;
  z-index: 100;
  }
  .ranking-10over.rt1::before {
      border-left: 2em solid var(--color-gold);
  }
  .ranking-10over.rt2::before {
      border-left: 2em solid #528bc0;
  }
  .ranking-10over.rt3::before {
      border-left: 2em solid var(--color-bronze);
  }
  .ranking-10over.rt4::before,
  .ranking-10over.rt5::before,
  .ranking-10over.rt6::before,
  .ranking-10over.rt7::before,
  .ranking-10over.rt8::before,
  .ranking-10over.rt9::before,
  .ranking-10over.rt10::before,
  .ranking-10over.rt11::before,
  .ranking-10over.rt12::before,
  .ranking-10over.rt13::before,
  .ranking-10over.rt14::before,
  .ranking-10over.rt15::before {
      border-left: 2em solid #cccccc;
  }
  .ranking-10over::after {
  display: block;
  top: 0px;
  color: #fff;
  left: 4px;
  position: absolute;
  z-index: 101;
  font-size: 0.8em;
  font-weight: bold;
}
}
  /* ランキングテーブル包括化 */
.ranking-table_wrap {
  width: calc(100% - 128px);
  margin: 0 auto 24px;
}
.ranking-table_wrap .ranking-table_ttl {
  margin-left: initial;
}
.ranking-table_wrap .ranking-table {
  width: calc(100% - 0px)!important;
  margin: 0 auto 8px;
}
.ranking-table_wrap td.ranking-table {
    width: auto !important;
}
@media screen and (max-width: 680px) {	
.ranking-table_wrap .ranking-table {
width:auto!important;
	}
.ranking-table_wrap {
  width:100%;
}
}
  /* スクロールヒント非表示 */
.hint-none .scroll-hint-icon-wrap span.scroll-hint-icon {
  display: none;
}
.scroll-hint-icon-wrap{
  z-index: 50;
}

  /* 緑テキストボックステスト */
  .otf-wrapTest {
    padding: 0px;
    margin: 35px 0 0;
    box-sizing: border-box;
    position: relative;
}
.otf-wrapTest .otf-midashiTest {
    background: #c9d3ff;
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 5px 10px;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    border: none;
    font-weight: bold;
    position: absolute;
    top: -15px;
}
ol.otf-wrap__contentsTest, ul.otf-wrap__contentsTest {
    background: #fff;
    border: 2px solid var(--color-key-30);
    padding: 25px 10px 25px 10px !important;
    border-radius: 0 4px;
}
.otf-wrapTest p {
    display: block;
    border: 2px solid var(--color-key-30);
    border-radius: 0 4px 4px;
    background: #fff;
    font-size: 14px;
}
.otf-wrapTest p:last-child {
  padding: 25px 10px 25px 10px!important;
}
p.otf-midashiTest {
  padding: 5px 15px !important;
}
  /* タイトルなしテキストボックス */
  .textbox-wrap {
    padding: 0px;
    margin: 20px 0;
    box-sizing: border-box;
    position: relative;
}
.textbox-wrap p {
    display: block;
    border: 2px solid var(--color-key-30);
    border-radius: 0 4px 4px;
    background: #fff;
    font-size: 14px;
}
ol.textbox_contents, ul.textbox_contents, .textbox-wrap p{
    background: #fff;
    border: 2px solid var(--color-key-30);
    padding:15px 10px!important;
    border-radius: 0 4px;
}
  /* タイトルありテキストボックス */
.text-box_midashiari_wrap {
  padding: 0px;
  margin: 35px 0 25px 0;
  box-sizing: border-box;
  position: relative;
  }
  .text-box_midashiari_wrap .text-box_midashiari {
  background: #b6c3ff;
  display: inline-block;
  width: auto;
  text-align: center;
  margin: 0;
  padding: 5px 10px;
  border-radius: 5px 5px 5px 5px;
  font-size: 14px;
  border: none;
  font-weight: bold;
  position: absolute;
  top: -15px;
  }
  ol.text-box_midashiari_content, ul.text-box_midashiari_content {
  background: #fff;
  border: 2px solid #b6c3ff;
  padding: 25px 10px 15px 10px !important;
  border-radius: 0 4px;
  }
  .text-box_midashiari_wrap p {
  display: block;
  border: 2px solid var(--color-key-30);
  border-radius: 0 4px 4px;
  background: #fff;
  font-size: 14px;
  }
  .text-box_midashiari_wrap p:last-child {
  padding: 25px 10px 15px 10px!important;
  }
  p.text-box_midashiari {
  padding: 5px 15px !important;
  }


  /* --見出し調整テスト */
 @media screen and (max-width: 680px) {
.grid article#post-82314 h1.entry-title {
    font-size: 20px!important;
    line-height: 1.5!important;
    width: 100%!important;
    height: auto!important;
    letter-spacing: -0.01em;
}
.postid-82314 .addtoany_shortcode {
    margin-top: -5px;
}
}
  /* h2,h3クラスをdivに変更 */
.h2_contents{
  font-size: 24px;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.5;
  padding: 9px 7px 9px 7px;
  background: var(--color-key);
  margin: 30px 5px 19px 5px;
  color: var(--color-white);
  border: solid 1px white;
  box-shadow: 0px 0px 0px 5px var(--color-key);
}
.h3_contents{
  width: 100%;
  background: #E1F5E6;
  color: var(--color-key-dark);
  font-size: 22px;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif !important;  
  font-weight: 400!important;
  line-height: 1.5;
  border-bottom: none;
  padding: 12px 10px 12px 10px; 
  margin: 24px 0px 14px 0;
  border-left: solid 6px rgb(58 204 97 / 51%);
}
@media screen and (max-width: 680px) {
.h2_contents{
  font-size: 19px !important;
  padding: 9px 7px 9px 7px;
  margin-bottom: 16px;
}
.h3_contents{
  font-size: 18px !important;
  padding: 12px 6px 12px 6px !important;
}
}

/* =============================================
22. ヒカリク新規デザインボックス
============================================= */
.hikariku-text-box p {
  width: 100%;
  padding: 0!important;
}
.hikariku-text-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 24px;
}
.hikariku-text-box.with-heading {
  position: relative;
}
/*大見出し*/
.hikariku-text-box__headline {
  width: fit-content;
  max-width: 100%;
  background: var(--color-key);
  color: var(--color-white);
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  border: 2px solid var(--color-white);
  border-radius: 4px;
  box-shadow: 4px 4px 0 var(--color-key-dark);
  padding: 10px 32px;
  position: relative;
  z-index: 2;
}
.hikariku-text-box__wrap {
  width: 100%;
  background: var(--color-white);
  border: 3px solid var(--color-key);
  border-radius: 10px; 
}
.hikariku-text-box.with-heading > .hikariku-text-box__wrap {
  padding: 52px 32px 32px;
  margin-top: -28px;
  position: relative;
  z-index: 1;
}
.hikariku-text-box.no-heading > .hikariku-text-box__wrap {
  padding: 32px;
  margin-top: 0;
  position: relative;
  z-index: 1;
}
/*小見出し*/
.hikariku-text-box__sub-headding {
  width: fit-content;
  max-width: 100%;
  background: #C5E6DD;
  color: var(--color-text);
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid var(--color-white);
  border-radius: 50px;
  box-shadow: 3px 3px 0 #AFCCC4;
  padding: 8px 24px;
  margin: 0 auto;
  position: relative;
  z-index: 2; 
  font-weight: 800;
}
.hikariku-text-box__sub-headding-wrap {
  background: #FCFCFC;
  width: 100%;
  border: 2px solid #C5E6DD;
  border-radius: 10px;
  padding: 46px 24px 24px;
  margin: -22px auto 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.hikariku-text-box__link {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.hikariku-text-box__link a {
  font-size: 14px;
  margin-right: 8px;
}
.hikariku-text-box .check-mark,
.hikariku-text-box .ul-list {
  width: 100%!important;
  padding: 0!important;
}
/*チェックマークリスト*/
.hikariku-text-box .check-mark li {
  position: relative;
  padding: 0 0 0 30px;
  margin: 0 0 15px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;  
  font-weight: 800;
}
.hikariku-text-box .check-mark li:last-child {
  margin: 0 0 0 0;
}
.hikariku-text-box .check-mark li:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/esim/wp-content/uploads/2022/05/check-icon.png) no-repeat center / contain;
  border: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px;  
}
/*ulリスト*/
.hikariku-text-box .ul-list {
  list-style: disc;
  list-style-position: inside;
}
.hikariku-text-box .ul-list li {
  position: relative;
  margin: 0 0 15px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;  
}
.hikariku-text-box .ul-list li:last-child {
  margin: 0 0 0 0;
}
.hikariku-text-box__wrap p:last-child {
  margin-bottom: 0!important;
}
@media screen and (max-width: 680px) {
  .hikariku-text-box p {
    width: calc(100% - 20px);
    margin: 0 auto 16px!important;
    font-size: 14px;
  }
  .hikariku-text-box table {
    margin: 0 auto 16px!important;
  }
  .hikariku-text-box {
    margin: 0 auto 16px;
  }
  /*大見出し*/
  .hikariku-text-box__headline {
    width: fit-content;
    max-width: calc(100% - 20px);
    font-size: 17px;
    box-shadow: 3px 3px 0 var(--color-key-dark);
    padding: 8px 10px;
  }
  .hikariku-text-box__wrap {
    border: 2px solid var(--color-key);
  }
  .hikariku-text-box.with-heading > .hikariku-text-box__wrap {
    padding: 44px 0 16px;
  }
  .hikariku-text-box.no-heading > .hikariku-text-box__wrap {
    padding: 16px 0 16px;
  }
  /*小見出し*/
  .hikariku-text-box__sub-headding {
    max-width: calc(100% - 20px);
    font-size: 15px;
    box-shadow: 2px 2px 0 #afccc4;
    padding: 8px 16px;
  }
  .hikariku-text-box__sub-headding-wrap {
    background: #F3F5F5;
    border: none;
    border-radius: 0;
    padding: 40px 10px 16px;
    margin: -20px auto 10px;
  } 
  .hikariku-text-box__sub-headding-wrap > p {
    width: 100%;
  }
  .hikariku-text-box__link a {
    margin-right: 16px;
  } 
  .hikariku-text-box .check-mark,
  .hikariku-text-box .ul-list {
    margin-bottom: 16px!important;
  }
  /*チェックマークリスト*/
  .hikariku-text-box .check-mark li {
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 10px 0; 
    font-size: 14px; 
  }
  /*ulリスト*/
  .hikariku-text-box .ul-list li {
    position: relative;
    margin: 0 0 10px 0;  
  }
}
/*基本情報用の小テーブル*/
.entry-content table.change_rowheight td, .entry-content table.change_rowheight th {
  padding:5px 14px;
}
@media screen and (max-width: 680px) {
.entry-content table.change_rowheight td, .entry-content table.change_rowheight th {
  padding: 3px 6px;
}
}

/* 足し算テーブル */
div.combination-box {
  padding-bottom: 10px;
}
dl.combination-box_first,
dl.combination-box_second {
border: 2px solid var(--color-key-30);
background: #fff;
padding-bottom: 10px;
border-radius: 4px;
}
dl.combination-box_first dd,
dl.combination-box_second dd {
  font-size: 16px;
}
dt.combination-box_ttl {
padding: 6px;
background: #c4f0cf;
font-size: 14px;
margin-bottom: 10px;
}
p.combination-box_add {
text-align: center !important;
font-size: 50px;
margin-top: -15px;
margin-bottom: -15px !important;
color: #0e872f;
}
/* =============================================
23. 目次表示ボタン(SPのみ)
============================================= */
@media screen and (max-width: 680px){
  a.f-navi-mokuji {
    z-index: 2;
    position: fixed;
    right: 10px;
    bottom: 20px;
    font-size: 12px;
    line-height: 1.2rem;
    background: rgba(160,160,160,.70);
    color: #ffffff;
    padding: 14px;
    border-radius: 10px;
    box-shadow: 0 2px 10px -6px rgb(0 0 0 / 50%), 0 3px 10px -4px rgb(0 0 0 / 20%);
  }
  .f-navi-mokuji_modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: calc(infinity);
    background: rgba(0,0,0,.8);
    overflow: scroll;
  }
  .mokuzi_contents {
    background: #fff;
    box-sizing: border-box;
    width: 95%;
    padding: 40px 10px 10px;
    margin: 70px auto 0px auto;
    border: 2px solid #ccc;
  }
  .mokuzi_contents a {
    display: block;
    list-style: none;
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 1.7;
    position: relative;
    padding: 0px 0 0 14px;
    color: #117bb8;
  }
  .mokuzi_contents a:before {
  content: "▼";
    position: absolute;
    left: 0;
  }
  .f-navi-mokuji_modal span#modal_close {
    position: absolute;
    color: #333;
    background: #e2e2e2;
    top: 84px;
    right: 30px;
    z-index: 105;
    margin: 0;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 5px;
  }
  }
  /* 固定ヘッダの高さ分スクロール位置を調整 */
html {
  scroll-padding-top: 90px; 
}

/*-------------------------------------------------------
タブレット対応用
-------------------------------------------------------*/
@media (min-width: 680px) and (max-width: 1140px) {
  .main-visual__inner{
  width: 100%;
  }
  .slick-slide{
  max-width: calc(100vw - 148px);
  }
  .slider-content-title{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }
  .site-description{
  width: calc(100% - 440px);
  }
  .site-branding,.breadcrumbs,#page {
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  }
  .site-content,footer.site-footer .widget-area,.footer-sidebar > aside > .textwidget{
  width: auto;
  }
  #primary{
  width: calc(100% - 332px);
  }
  footer.site-footer{
  padding-left: 10px;
  padding-right: 10px;
  }
  .footer-popularwords{
  width: calc(100% - 290px);
  }
  .footer-ohtermenu{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }
  .footer-ohtermenu > a{
  margin-bottom: 8px;
  }
  .same-category-article article{
  width: calc((100% / 3) - 10px);
  }
  .review .company-score{
  width: calc((100% / 4) - 6px);
  }
  a.button-small{
  max-width: calc(100% - 10px);
  }
  }
  
  @media (min-width: 680px) and (max-width: 1024px) {
  #primary{
  width: calc(100% - 286px);
  }
  .widget-area .sidebar-primary .title-04:before, .widget-area .sidebar-primary .title-04:after {
  width: 80px;
  }
  .widget-area .sidebar-primary .title-04 {
  padding: 0 100px;
  white-space: nowrap;
  }
  .ninki-article-half img{
  width: 50%!important;
  }
  .ninki-article-half .article__inner{
  width: 50%;
  }
  .same-category-article article{
  width: calc((100% / 3) - 6px);
  }
  .review .company-logo{
  height: 100px;
  }
  }
  
  @media (min-width: 680px) and (max-width: 900px) {
  .review .company-logo{
  height: 80px;
  }
  .entry-content table.ranking-table {
  width: calc(100% - 48px);
  }
  .ranking-table_ttl{
  margin-left: 24px;
  }
  }
  
  @media (min-width: 680px) and (max-width: 800px) {
  #primary{
  width: auto;
  float: none;
  }
  #secondary{
  width: auto;
  margin: 0 auto;
  float: none;
  }
  .widget-area .sidebar-primary{
  padding-top: 10px;
  padding-bottom: 10px;
  }
  .widget-area .sidebar-primary .title-04,.widget-area .sidebar-primary .title-01,.widget-area .sidebar-primary .title-02,.widget-area .sidebar-primary .title-03{
  padding: 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  }
  .widget-area .sidebar-primary .title-04:before, .widget-area .sidebar-primary .title-04:after,.widget-area .sidebar-primary .title-01:before, .widget-area .sidebar-primary .title-01:after,.widget-area .sidebar-primary .title-02:before, .widget-area .sidebar-primary .title-02:after,.widget-area .sidebar-primary .title-03:before, .widget-area .sidebar-primary .title-03:after{
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  position: static;
  }
  .widget-area .sidebar-primary .title-04:before,.widget-area .sidebar-primary .title-01:before,.widget-area .sidebar-primary .title-02:before,.widget-area .sidebar-primary .title-03:before{
  margin-right: 30px;
  }
  .widget-area .sidebar-primary .title-04:after,.widget-area .sidebar-primary .title-01:after,.widget-area .sidebar-primary .title-02:after, .widget-area .sidebar-primary .title-03:after{
  margin-left: 30px;
  }
  #text-18 aside#text-4 > div:last-of-type{
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  }
  #text-18 aside#text-4 > div:last-of-type img{
  margin-left: 40px;
  margin-right: 40px;
  }
  aside#search-2 form{
  width: 100%;
  }
  aside#search-2 div[style="display: flex;"]{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  }
  aside#search-2 input#s-2{
  width: 600px;
  }
  aside#text-3 a img{
  margin-left: auto;
  margin-right: auto;
  width: 744px;
  }
  .hikaritrader-contents{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  .hikaritrader-contents__article{
  margin-left: 4px;
  margin-right: 4px;
  }
  #secondary a.popular-contents__read-more-button {
  width: 450px;
  margin: 20px auto 40px;
  padding: 12px;
  }
  .review .company-score{
  width: calc((100% / 6) - 8px);
  }
  .review .company-logo{
  height: 68px;
  }
  .entry-content table.ranking-table {
  width: calc(100% - 128px);
  }
  .ranking-table_ttl{
  margin-left: 64px;
  }
  }
  /* =============================================
24. 記事上ランキングCTABOX
============================================= */
.ranking-box.kijiue p:empty {
  display: none;
}
.ranking-box_maincontents {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 15px;
  }
  .ranking-box_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  }
  .ranking-box.kijiue .ranking-box_company {
  height: 90px;
  width: 100%;
  padding-top: 0px;  
  }
  .ranking-box.kijiue .ranking-box_value {
  width: 100%;
  margin-top:0;
  text-align: center;
  font-size: 13px;
  }
  .ranking-box.kijiue span.ranking-box_value_ttl{
    background: #ededed;
    padding: 3px;
    margin-right: 3px;
    font-weight: bold;
    width: 18%;
    font-size: 11px;
    display: inline-block;    
    text-align: center;
  }
  .ranking-box.kijiue span.ranking-box_value_money{
      font-size: 12px;
      margin-right: 0px;
      display: inline-block;
  }
  .ranking-box_right {
  width: 50%;
  }
  .ranking-box.kijiue .ranking-box_value .kodate,.ranking-box.kijiue .ranking-box_value .apartment{
  display: block;
  }
  .ranking-box.kijiue .ranking-box_ttl {
  border-bottom: solid 5px #d8f5d6;
  width: 92%;
  font-size: 19px;
  font-weight: 800;
  margin-left: 17px;
  }
  .ranking-box.kijiue p:empty {
  display: none;
  }
  .entry-content .ranking-box.kijiue .ranking-box_value p {
  display: inline;  
  padding: 0!important;
  }
  p.strike {
  text-decoration: line-through;
  padding: 0;
  margin-bottom: 0;
  word-break: initial;
  overflow-wrap: initial;
  text-align: initial;
  }
  span.ranking-box_value_off {
  padding-left: 16px;
  color: red;
  font-weight: 800;
  }
  .ranking-box.kijiue .ranking-box_cta a {
  padding: 10px;
  width: 80%;
  display: block!important;
  }
  .ranking-box.kijiue .button-fukidashi span {
  color: #ff0000;
  font-weight: bold;
  font-size: 17px;
  }
  .ranking-box.kijiue .ranking-box_cta {
  margin-top: 0px;
  }
  .ranking-box.kijiue .button-medium__ctatable{
  margin-top: 0px;
  }
  @media screen and (max-width: 1143px) {
  .ranking-box.kijiue .ranking-box_maincontents{
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  }
  .ranking-box.kijiue .ranking-box_left{
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  }
  .ranking-box.kijiue .ranking-box_right {
  width: 85%;
  margin: 6px auto;
  font-size: 15px;
  }
  .ranking-box.kijiue .ranking-box_cta a{
  font-size: 15px;
  padding: 9px 35px;
  }
  .ranking-box.kijiue .ranking-box_cta{
  margin-bottom: 0px;
  }
  .ranking-box.kijiue .ranking-box_cta a {
  width: 90%;
  }
}
/*-------------------------------------------------------
おすすめユーザーBOX
-------------------------------------------------------*/
.osusume-user_box {
  box-shadow: 0 0 0 4px #ff8c2a;
  position: relative;
  padding: 30px 20px 25px;
  border-radius: 10px;
  margin: 30px auto;
  background: var(--color-bg);
  width: calc(100% - 128px);
  }
  .osusume-user_box .midasi {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }
  .osusume-user_box .midasi p {
  background: var(--color-bg);
  font-size: 16px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  max-width: 96%;
  color: #ff5e00;
  font-weight: bold;
  }
  .entry-content .osusume-user_box ul {
  list-style: none;
  padding: 0;
  }
  .osusume-user_box li {
  position: relative;
  padding: 0 0 0 30px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  }
  .osusume-user_box li:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
  border: 5px solid #ff8c2a;
  background: #ffcc97;
  }
  .osusume-user_box a {
  display: inline-block;
  }
  .kensyou-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 25px 0 8px;
  }
  .kensyou-wrap .midasi-kensyou img {
  display: inline-block;
  margin: -15px 3px 0 0;
  width: 100px;
  vertical-align: middle;
  }
  .kensyou-wrap:before, .kensyou-wrap:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 2px;
  background: #ff8c2a;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  }
  .kensyou-wrap .midasi-kensyou {
  max-width: 90%;
  font-size: 18px;
  font-weight: bold;
  color: #ff8c2a;
  margin: 0 10px;
  }
  img.kenshou_vod {
  margin: 0 auto;
  }
  .entry-content .osusume-user_box p {
  margin: 0;
  }
  @media screen and (max-width: 1143px) {
    .osusume-user_box {
      width: 95%;
      padding: 25px 10px 20px;
    }
    .kensyou-wrap .midasi-kensyou {
      font-size: 15px;
      max-width: 94%;
  }
    .kensyou-wrap .midasi-kensyou img{
    width: 75px;
    }
  }
/*-------------------------------------------------------
スクロール＋固定比較テーブル
-------------------------------------------------------*/
.iconsize-60{
  width: 60px!important;
  height: 60px!important;
  object-fit: cover!important;
  }
  .entry-content a.btn-dl, a.btn-syousai, a.btn-dl + a.btn-syousai {
      margin-left: auto;
      margin-right: auto;
      max-width: 120px;
      text-align: center;
  }
  .entry-content a.btn-dl {
      padding: 0 8px;
      width: 100%;
      display: block;
      align-items: center;
      background: #e43260;
      box-sizing: border-box;
      color: #FFF;
      font-weight: bold;
      border-radius: 5px;
      box-shadow: 0 2px 0 0 #9c1034;
      font-size: 12px;
      line-height: 21px;
      margin: 0;
      text-align: center;
  }
  .entry-content a.btn-dl + a.btn-syousai {
      margin: 8px 0 0;
  }
  .entry-content a.btn-syousai {
      padding: 0 8px;
      text-decoration: none;
      width: 100%;
      display: block;
      background: #2751a3;
      box-sizing: border-box;
      color: #FFF;
      font-weight: bold;
      border-radius: 5px;
      box-shadow: 0 2px 0 0 #10357f;
      font-size: 12px;
      line-height: 21px;
      margin: 0;
      text-align: left;
  }
  table.hikakutable th, table.hikakutable td {
      padding: 8px;
      font-size: 13px;
  }
  .rankingRibbon tr:nth-child(n+2):nth-child(-n+21) th:first-of-type:before{
      content: "";
      top: 0;
      left: 0;
      position: absolute;
      z-index: 100;
      width: 40px;
      height: 40px;
      background-size: 100%;
      background-repeat: no-repeat;
  }
  .rankingRibbon tr:nth-of-type(2) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-1.png);
  }
  .rankingRibbon tr:nth-of-type(3) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-2.png);
  }
  .rankingRibbon tr:nth-of-type(4) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-3.png);
  }
  .rankingRibbon tr:nth-of-type(5) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-4.png);
  }
  .rankingRibbon tr:nth-of-type(6) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-5.png);
  }
  .rankingRibbon tr:nth-of-type(7) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-6.png);
  }
  .rankingRibbon tr:nth-of-type(8) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-7.png);
  }
  .rankingRibbon tr:nth-of-type(9) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-8.png);
  }
  .rankingRibbon tr:nth-of-type(10) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-9.png);
  }
  .rankingRibbon tr:nth-of-type(11) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-10.png);
  }
  .rankingRibbon tr:nth-of-type(12) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-11.png);
  }
  .rankingRibbon tr:nth-of-type(13) th:first-of-type:before {
      background: url(/esim/wp-content/uploads/2023/05/pr-osusume-12.png);
  }
  /*-------------------------------------------------------
  くらし＋UIの移植
  -------------------------------------------------------*/
  .hyouka-main-wrap .hyouka-main-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
div.entry-content .hyouka-main-wrap {
    position: relative;
    padding: 0;
    margin-bottom: 60px;
}
.hyouka-main-wrap .twitter-tweet {
  margin: 0 auto;
}
.hyouka-main-wrap .hyouka-h3-name {
    background: #000;
    background: repeating-linear-gradient(314deg, #518bcc, #518bcc 6px, #5a91ce 6px, #5a91ce 16px);
    color: #fff;
    border-radius: 0;
    position: relative;
    font-size: 20px;
    width: auto;
    margin-bottom: 20px;
    padding: 3px 10px 10px 0;
    border: 0;
}
.hyouka-main-wrap .h-main-name {
    background: none;
    margin: 0;
    padding: 0 0 0 72px;
    color: #FFF;
    line-height: normal;
    border: 0;
}
.hyouka-main-wrap:before {
    position: absolute;
    content: '';
    top: -5px;
    left: 9px;
    border-bottom: solid 8px #555;
    border-left: solid 6px transparent;
}
.hyouka-main-wrap.h-no1:before {
    border-bottom: solid 8px #927b35;
}
.hyouka-main-wrap .h-main-name:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    z-index: 3;
    bottom: auto;
    margin: 0;
    width: 38px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background: #777;
}
.hyouka-main-wrap.h-no1 .h-main-name:before {
    content: '1';
    background: #dbbd4f;
}
.hyouka-main-wrap .h-main-name .sub-text {
    display: block;
    font-size: 14px;
    line-height: normal;
    color: #e1f1ff;
    margin: 1px 0 0 0;
    font-weight: normal;
    padding: 0;
}
.text-no {
    display: none;
}
.hyouka-main-wrap .h-main-name:after {
    content: '';
    position: absolute;
    display: block;
    left: 15px;
    top: 33px;
    height: 0;
    width: 0;
    border-left: 19px solid #777;
    border-right: 19px solid #777;
    border-bottom: 10px solid transparent;
    z-index: 2;
}
.hyouka-main-wrap.h-no1 .h-main-name:after {
    border-color: #dbbd4f;
    border-bottom-color: transparent;
}
.hyouka-main-wrap .hyouka-main-icon {
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
}
.hyouka-main-wrap .hyouka-main-icon img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.hyouka-main-wrap .hyouka-main-head ul {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    box-sizing: border-box;
    padding-left: 20px;
    margin-bottom: 0;
}
.hyouka-main-wrap .hyouka-main-head li {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}
.hyouka-main-wrap .hyouka-main-head li:first-child {
    margin-bottom: 10px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
    color: #fba000;
    font-size: 32px;
    margin-left: 10px;
}
.hyouka-main-wrap .gachaBtn {
    margin: 0 auto;
    background: #ffd703;
    color: #000;
    font-size: 18px;
    border-radius: 6px;
    border: 2px solid #000;
    position: relative;
}
.hyouka-main-wrap .hyouka-main-head .gachaBtn {
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px 0 0;
    line-height: 46px;
    padding: 0;
}
.hyouka-main-wrap .hyouka-main-head .gachaBtn:hover, .hyouka-main-wrap .gachaBtn:hover {
  color: initial;
}
.hyouka-main-wrap .gachaBtn:before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: url(/esim/wp-content/uploads/2023/05/2021y05m20d_1203421412.png) no-repeat center / contain;
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hyouka-main-wrap .osusume-user_box {
  margin: 30px auto 20px;
  box-shadow: 0 0 0 4px #f8b500;  
  padding: 30px 20px 8px;
}
.hyouka-main-wrap .osusume-user_box .midasi p {
  color: #f8b500;
}
.hyouka-main-wrap .osusume-user_box li:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/esim/wp-content/uploads/2023/05/2021y05m20d_1610477881.png) no-repeat center / contain;
  border: 0;
}
.entry-content .hyouka-main-wrap .osusume-user_box ul {
  margin-bottom: 0;
}
.hyouka-main-wrap .hyouka-box-in {
  border: 0;
  width: auto;
  margin: 20px 2px;
  background: #fff;
  box-shadow: 0 0 0 1px #d3e1e5;
  border-radius: 5px;
  padding: 15px;
}
.hyouka-box-name {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 0;
}
.hyouka-box-name dt {
  margin-right: 10px;
  width: 35px;
}
.hyouka-box-name dt img {
  width: 35px;
}
.hyouka-box-name dd {
  font-size: 12px;
  color: #999;
}
.hyouka-good {
  margin: 15px 0 0;
}
.hyouka-good dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #555;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: 1.3;
}
.hyouka-good dt div:first-of-type {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #ff92be;
  background: url(/esim/wp-content/uploads/2023/05/icon-maru.png) no-repeat 0 center;
  background-size: 14px;
  padding-left: 20px;
  min-width: 64px;
}
.hyouka-good dt div:nth-of-type(2) {
  display: flex;
  align-items: center;
  padding-left: 1em;
  text-indent: -1em;
}
.hyouka-good dd {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  margin-top: 12px;
}
.hyouka-bad {
  margin: 15px 0 0;
}
.hyouka-bad dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #555;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.hyouka-bad dt div:first-of-type {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #4e6275;
  background: url(/esim/wp-content/uploads/2023/05/icon-batu.png) no-repeat 0 center;
  background-size: 14px;
  padding-left: 20px;
  min-width: 64px;
}
.hyouka-bad dt div:nth-of-type(2) {
  display: flex;
  align-items: center;
  padding-left: 1em;
  text-indent: -1em;
}
.hyouka-bad dd {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  margin-top: 12px;
}
.hyouka-main-wrap .hyouka-Btn {
  background: #e6eef2;
  padding: 30px 0;
  margin: 40px 0 0 0;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 18px 50px;
  text-align: left;
  line-height: 1.4;
  font-weight: bold;
}
.hyouka-main-wrap.h-no2 .h-main-name:before {
content: '2';
background: #c2c2c2;
}
.hyouka-main-wrap.h-no3 .h-main-name:before {
content: '3';
background: #9a6345;
}
.hyouka-main-wrap.h-no4 .h-main-name:before{
content: '4';
}
.hyouka-main-wrap.h-no5 .h-main-name:before{
content: '5';
}
.hyouka-main-wrap.h-no6 .h-main-name:before{
content: '6';
}
.hyouka-main-wrap.h-no7 .h-main-name:before{
content: '7';
}
.hyouka-main-wrap.h-no8 .h-main-name:before{
content: '8';
}
.hyouka-main-wrap.h-no9 .h-main-name:before{
content: '9';
}
.hyouka-main-wrap.h-no10 .h-main-name:before{
content: '10';
}
.hyouka-main-wrap.h-no11 .h-main-name:before{
content: '11';
}
.hyouka-main-wrap.h-no12 .h-main-name:before{
content: '12';
}
.hyouka-main-wrap.h-no1 .h-main-name:after{
border-color:#dbbd4f;
border-bottom-color: transparent;
}
.hyouka-main-wrap.h-no2 .h-main-name:after{
border-color:#c2c2c2;
border-bottom-color: transparent;
}
.hyouka-main-wrap.h-no3 .h-main-name:after{
border-color: #9a6345;
border-bottom-color: transparent;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
  div.entry-content .hyouka-main-wrap {
      margin-bottom: 40px;
      width: 100%;
  }
  div.entry-content .hyouka-main-wrap .hyouka-h3-name {
      width: 100%;
      margin: 0px;
      margin-bottom: 20px;
  }
  div.entry-content .hyouka-main-wrap .h-main-name {
      padding-left: 60px !important;
      font-size: 18px !important;
      margin-left: 0;
  }
  .hyouka-main-wrap:before {
      top: -5px;
      left: 6px;
  }
  .hyouka-main-wrap .h-main-name:before {
      width: 36px;
      height: 36px;
      line-height: 41px;
      left: 11px;
  }
  .hyouka-main-wrap .h-main-name:after {
      border-left: 18px solid #777;
      border-right: 18px solid #777;
      border-bottom: 8px solid transparent;
      left: 11px;
      top: 31px;
  }
  .hyouka-main-wrap .hyouka-main-icon {
      width: 90px;
      height: 90px;
      display: flex;
      align-items: center;
  }
  .hyouka-main-wrap .hyouka-main-head li {
      font-size: 16px;
  }
  .hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
      font-size: 22px;
      margin-left: 8px;
  }
  .hyouka-main-wrap .hyouka-main-head .gachaBtn {
      font-size: 16px;
      padding: 0 38px;
      line-height: 34px;
      width: 100%;
  }
  .hyouka-main-wrap .gachaBtn:before {
      width: 18px;
      right: 16px;
  }
  .hyouka-main-wrap .hyouka-Btn {
      padding: 20px 16px;
      margin-top: 30px;
      width: 100%;
  }
  .hyouka-main-wrap .hyouka-Btn .gachaBtn {
      width: 100%;
      padding: 10px 30px;
      font-size: 16px;
  }
  }
/* =============================================
25. ソート可能テーブル
============================================= */
th.sortable {
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
}
th.sortable:after {
  display: inline-block;
  content: "";
  background-image: url(/esim/wp-content/uploads/2023/06/icons8-ソート-48.png);
  width: 1.5em;
  height: 1.5em;
  background-size: contain;
  vertical-align: middle;
  margin-left: 5px;
  margin-bottom: 3px;
}
th.sortable.sort_selected-asc,th.sortable.sort_selected-desc{
  background:#c4e7d8!important;
}
th.sortable.sort_selected-desc:after {
  background-image: url(/esim/wp-content/uploads/2023/06/sort-selected_asc.png);
}
th.sortable.sort_selected-asc:after {
  background-image: url(/esim/wp-content/uploads/2023/06/sort-selected_desc.png);
}
th.sortable.sort_selected {
  background: #a7e2d2!important;
  transition: 1.1s;
}
.sort-table td {
  animation-name: fadeInAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.countdown-message {
  margin: 0 auto;
  text-align: center;
  font-size: 13px;
  margin-bottom: -10px;
  font-weight: 800;
  color: red;
  }
/* =============================================
26. PCサイド追尾CTA
============================================= */
.pc_followingCTA {
  width: auto;
  background: none;
  margin: 8px 0 0;
  border-radius: 0;
  box-shadow: 0 0 0 5px var(--color-key-30);
  padding: 8px 0 5px;
  background: #fff;
  transition: opacity 1s;
  }
  .pc_followingCTA_ttl {
    color: var(--color-key);
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 11px;
}
span.logo-wrap_text {
  font-weight: bold;
  color: #de4c4c;
  font-size: 13px;
}
  .pc_followingCTA .logo-wrap {
  text-align: center;
  margin-bottom: 12px;
  }
  .pc_followingCTA .logo-wrap img {
    width: 80%;
    margin: 0 auto;
  }
  body div.pc_followingCTA p {
    padding: 0 15px;
    font-size: 13px;
    margin-bottom: 0px;
    color: initial;
  }
  .pc_followingCTA .btn-wrap {
  background: #fffeec;
  margin: 0 3px;
  padding: 5px 7px 12px;
  margin-top: 5px;
  }
  .pc_followingCTA .btn-wrap .mc {
  display: block;
  width: max-content;
  margin: 0 auto 4px;
  color: #de4c4c;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  margin-bottom: 0;
}
  a.pc_followingCTA_button {
    text-decoration: none;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button {
  display: block;
  width: auto;
  margin: 0 auto;
  background: #fb7443;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0 9px;
  box-shadow: #dc440c 0px 4px 0px 0px;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button:hover {
    box-shadow: #dc440c 0px 2px 0px 0px;
    opacity: initial;
}
.pc_followingCTA .btn-wrap a.pc_followingCTA_button:active {
  box-shadow: none;
}
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button span {
  display: block;
  width: max-content;
  margin: 0 auto 5px;
  background: #f9ed02;
  border-radius: 30px;
  padding: 4px 16px 3px;
  color: #dc2c25;
  font-size: 13px;
  line-height: 1;
  }
  .pc_followingCTA.sticky {
    position: fixed;
    top: 75px;
    width: 296px;
}
.pc_followingCTA_ttl span {
  background:linear-gradient(transparent 60%, var(--color-key-30)60%);
}


/* =============================================
目立つテキストリンク
============================================= */
a.anchorlink_btn {
    display: flex !important;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 65%;
    justify-content: center;
    align-items: center;
    background: #2a9cff;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    border-radius: 10px;
    position: relative;
    padding: 15px 60px;
}
a.anchorlink_btn:hover {
    color: #fff;
}
a.anchorlink_btn:before {
    content: "";
    background: url(/esim/wp-content/uploads/2023/07/gold-crown.png) no-repeat center / 100% 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    left: 15px;
}
a.anchorlink_btn:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    right: 15px;
}
a.anchorlink_btn.u-arrow:after {
    background: url(/esim/wp-content/uploads/2023/07/white-arrow_up.png) no-repeat center / 100% 100%;
}
a.anchorlink_btn.d-arrow:after {
    background: url(/esim/wp-content/uploads/2023/07/white-arrow_down.png) no-repeat center / 100% 100%;
}

@media screen and (max-width: 680px) {
a.anchorlink_btn {
    width: 100%;
    padding: 10px 40px;
    font-size: 14px;
}
a.anchorlink_btn:before {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    left: 10px;
}
a.anchorlink_btn:after {
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    right: 10px;
}
}
/* =============================================
20230712.新ボタンCTA
============================================= */
.button-fukidashi.testcta_closingtext_20230711 {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 0.4em;
    margin-bottom: 8px;
}
span.testcta_point_20230711 {
    font-size: 120%;
    color: #f39335;
}
span.testcta_point_20230711:before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 25px 4px 0 4px;
    border-color: #f39335 transparent transparent transparent;
    transform: rotate(-30deg);
    margin: 0 0.5em 0 0;
}
span.testcta_point_20230711:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 25px 4px 0 4px;
    border-color: #f39335 transparent transparent transparent;
    transform: rotate(30deg);
    margin: 0 0 0 0.5em;
}
.flex-container_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    max-width: 400px;
    height: 55px;
    border-radius: 40px;
    overflow: hidden;
    border: 2px solid #d00e31;
    margin: 0 auto;
    background-color: #d00e31;
    box-shadow: 0 5px 0 0 #a5122d;
    transition: .4s;
}
.flex-container_button:hover {
	transform: translateY(4px);
	box-shadow: 0 0 0 #a5122d;
}
.flexitem {
    width: 100%;
    text-align: center;
}
.flexitem-a_button {
    width: 40%;
    background: #fff;
    padding: 20px;
    line-height: 0;
}
.flexitem.flexitem-b_button {
    width: 60%;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
}
span.flexitem-b_allow {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    color: #fff;
}
span.flexitem-b_allow:after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 46%;
    right: 0px;
    margin-top: -6px;
}
@media screen and (max-width:479px){
    .button-fukidashi.testcta_closingtext_20230711 {
    font-size: 80%;
}
.flexitem.flexitem-b_button{
  font-size: 14px;
}
}
/* =============================================
20230712.動く指アニメーション
============================================= */
a.r_arrow:before{
  content: "";
  background: url(/esim/wp-content/uploads/2023/07/cursol.png)no-repeat center / 100% 100%;
  width: 30px;
  height: 30px;
  color: #fff;
  display: inline-block;
  margin: 0 3px 0 0;
  top: 8px;
  left: 52px;
  position: absolute;
  animation: icon_rotate 0.64s linear infinite alternate;
}
a.button-medium__ctatable_ver2.r_arrow:before {
  top: 11px;
  left: 28px;
}
@media screen and (max-width: 479px) {
  a.r_arrow:before{        
  top: 4px;
  left: 10px;
  width: 27px;
  height: 27px;
  }
  a.button-medium__ctatable_ver2.r_arrow:before {
  top: 10px;
  left: 11px;
}
}
@keyframes icon_rotate {
0% {
transform: rotate(15deg);
}
100% {
transform: rotate(55deg);
}
}
/*-似てるイチオシアイコン(スクロールテーブル対応)-*/
.ichioshi {
  position: relative;
}
.ichioshi:before{
  content: "";
  position: absolute;
  left: -17px;
  top: -47px;
  background: url(/esim/wp-content/uploads/2024/01/無題309_20240116104802.png)no-repeat center / 100% 100%;
  width: 54px;
  height: 46px;
}
@media screen and (max-width: 479px) {
.ichioshi:before{
  left: -8px;
  top: -35px;
  width: 44px;
  height: 38px;
}
}
/* =============================================
画像に枠つけない
============================================= */
img.noborder {
  border: none!important;
}

/*------------------------------------------------------------
PRロゴ
-------------------------------------------------------------*/

span.label_pr {
  margin: 0;
  margin-left: 5px;
  display: inline-block;
  background: #bfbfbf;
  padding: 1px 4px 0px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}


/*-------------------------------------------------------
twitter中央寄せ
-------------------------------------------------------*/
.twitter-tweet {
  display: block!important;
  margin: 0 auto !important;
  width: 550px !important;
  margin-bottom: 20px !important;
  }
  .twitter-tweet iframe {
   width:550px!important;
  }
  
  @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
  .twitter-tweet {
  display:flex!important;
  width: 100% !important;
  }
  }
/**************************
ABテストサイズ調整用
***************************/
a.button-medium__ctatable.r_arrow {
  line-height: 28px !important;
}
a.button-medium__ctatable.r_arrow::before {
  top: 9px;
}
a.button-medium__ctatable.r_arrow::after {
  top: 11px;
}

@media screen and (max-width: 680px) {
a.button-medium__ctatable.r_arrow::before {
  top: 8px;
}
a.button-medium__ctatable.r_arrow::after {
  top: 8px;
}
}


/*-------------------------------------------------------
下線引けるspan
-------------------------------------------------------*/
span.underline-text {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}


/*-------------------------------------------------------
フッター東証・KTAAロゴ
-------------------------------------------------------*/
div.footer-information__tosyo,div.footer-information__ktaa {
  display: flex;
  align-items: center;
  margin: 10px 0 15px;
  line-height: normal;
}

div.footer-information__tosyo img,
div.footer-information__ktaa img {
  width: 70px;
  margin-right: 10px;
}

/*-------------------------------------------------------
ヒカコン修正用
-------------------------------------------------------*/
a.fv-btn-call,
a.btn-area,
a.btn-contact {
  text-decoration: none !important;
}


/*-------------------------------------------------------
光るボタン
-------------------------------------------------------*/
a.button-medium.shine {
  overflow: hidden;
}
a.button-medium.shine:before {
  content: '';
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  top: -100px;
  left: 0;
  background: #fff;
  animation: shine 3.5s ease-in-out infinite;
}

@keyframes shine {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
}
80% {
  transform: scale(0) rotate(45deg);
  opacity: 0.3;
}
84% {
  transform: scale(3) rotate(45deg);
  opacity: 1;
}
100% {
  transform: scale(30) rotate(45deg);
  opacity: 0;
}
}


/*-------------------------------------------------------
ABテスト用-でかいCTAボタン
-------------------------------------------------------*/
a.button-medium.large-test {
  border-radius: 50px;
  font-size: 20px;
  line-height: 1.6;
  padding: 8px;
}
a.button-medium.large-test::after {
  font-size: 50px;
  top: 1px;
}
span.button-medium_name {
  font-size: 19px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
  a.button-medium.large-test {
    border-radius: 50px;
    font-size: 17px;
    line-height: 1.6;
    padding: 7px;
  }
  a.button-medium.large-test::after {
    font-size: 43px;
    top: 2px;
  }
  span.button-medium_name {
    font-size: 17px;
  }
}



/*-------------------------------------------------------
ABテスト用-キャンペーン期限
-------------------------------------------------------*/
div.ranking-box_campaign {
  margin-top: 50px;
  text-align: center;
  border-top: 2px dotted var(--color-star);
}

div.ranking-box_campaign_ttl {
  background: #ffffff;
  display: inline-block;
  position: relative;
  top: -21px;
  border: 3px solid var(--color-star);
  padding: 5px 20px;
  border-radius: 10px;
  font-weight: bold;
  margin-bottom: -10px;
}
div.ranking-box_campaign_txt {
  text-align: left;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
  div.ranking-box_campaign_ttl {
    font-size: 14px;
  }
  div.ranking-box_campaign_txt {
    font-size: 14px;
  }
}


/*--------------------------------------------------------------
運営会社メディア一覧
-------------------------------------------------------------*/

.cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cop-company-medialist dl {
    text-align: center;
    width: 49%;
    margin: 0 0 20px 0;
    background: #FFF;
    border: 1px solid #ebebeb;
}

.cop-company-medialist dl dt {
    position: relative;
}

.cop-company-medialist dt a {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: underline;
}

.cop-company-medialist dl dt img {
    width: 80%;
    display: block !important;
    margin: 16px auto;
}

.cop-company-medialist dl dd {
    padding: 10px 14px 10px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
    min-height: 110px;
    line-height: 1.5;
    font-size: 13px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.cop-company .cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cop-company-medialist dl {
    width: 100%;
}

.cop-company .cop-company-medialist dl {
    text-align: center;
    margin: 0 0 20px 0;
    background: #FFF;
    border: 1px solid #ebebeb;
}

.cop-company .cop-company-medialist dt a {
    display: block;
}

.cop-company .cop-company-medialist dl dt img {
    width: 80%;
    display: block !important;
    margin: auto;
}

.cop-company .cop-company-medialist dl dd {
    padding: 10px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
}
}

/*--------------------------------------------------------------
運営会社ページのNo1ロゴ用
-------------------------------------------------------------*/
.company-kuchikomi {
  width: 90%;
  margin: 0 auto;
}
div.company-kuchikomi_img img {
  width: 30%;
}
.company-kuchikomi_img {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 10px 10px;
  margin: 0 auto 5px;
}
.company-kuchikomi p {
  font-size: 11px;
  line-height: 15px;
  text-align: right !important;
  width: 50%;
  margin-left: auto;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
  .company-kuchikomi {
      width: 100%;
  }
  .company-kuchikomi p {
      font-size: 9px;
      width: 100%;
  }
}

/*--------------------------------------------------------------
フッターに運営会社リンク
-------------------------------------------------------------*/
.footer-company_wrap {
    background-color: #b2b2b2;
    color: #fff;
    padding: 15px 0;
}
.footer-company {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.footer-company_list {
    display: flex;
    vertical-align: middle;
}
ul.footer-company_list li {
  margin-left: 30px;
}
ul.footer-company_list li a {
    text-decoration: none;
    color: #fff;
}
ul.footer-company_list li a:hover {
    color: #fff;
}
p.footer-company_copyright {
    font-size: 11px;
    text-align: center;
    margin-top: 15px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
	.footer-company{
        width: auto;
		height:auto;
    line-height: 45px;
    flex-direction: column;
    padding-right: 0px;
    align-items: center;
        padding-top: 25px;
	}
	.footer-company_logo {
    position: initial;
    margin: 0 auto;
}
	ul.footer-company_list {	
    flex-direction: column;
    align-items: center;
        margin: 15px 0;
	}
	ul.footer-company_list li {
    margin-left: 0px;
    line-height: 32px;
}
	p.sp-display.footer-company_copyright {
    font-size: 10px;
}
}

/*------------------------------------------------------------
モーダル
-------------------------------------------------------------*/
.popup-tuizyu.modal{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: calc(infinity);
display:none;
}
.modal #btn-close-popup-banner{
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
}
.modal #btn-close-popup-banner span{
display: block;
width: 36px;
height: 36px;
background: url(/esim/wp-content/uploads/2024/11/over-close.png) no-repeat center / contain;
position: absolute;
left: 50%;
top: 50%;
transform:translate(314px, -250px);
}
.modal-cont{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 700px;
z-index: calc(infinity);
}
.modal .btn-wrap a:hover{
opacity: 0.7;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
	.modal-cont {
    width: 300px;
}
.modal #btn-close-popup-banner span {
    width: 28px;
    height: 28px;
    transform: translate(120px, -171px);
}
}

/*------------------------------------------------------------
PCサイド広告
-------------------------------------------------------------*/
.side-banner {
    position: fixed;
}
.sidebanner_wrapper.pc-display.sticky .side-banner {
    top: 75px;
}
a.side-banner.left-banner {
    left: 2%;
}
a.side-banner.right-banner {
    right: 2%;
}

/**************************************************************
* ワンクリックでクリップボードに保存
**************************************************************/
span.copy-code-text {
    font-weight: bold;
    color: #3F51B5;
    background: linear-gradient(transparent 60%, #79c7ff66 60%);
    margin-right: 15px;
}
img.copy-code-button {
    display: inline;
    width: 15px;
    height: 15px;
    position: absolute;
    cursor: pointer;
    margin-left: -15px;
    border: none !important;
}
.copy-code-wrapper.copied .copy-code-text::after {
content: "コピーしました";
    position: absolute;
    top: -1em;
    left: 50%;
    transform: translateX(-50%);
    background: #333333ad;
    color: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    animation: fadePop 1.8s ease-out forwards;
    pointer-events: none;
    z-index: 10;
}
.copy-code-wrapper {
    position: relative;
    display: inline-block;
}
/* アニメーション定義 */
@keyframes fadePop {
    0% {
        opacity: 0;
        transform: translate(-50%, -10px);
    }
    20% {
        opacity: 1;
        transform: translate(-50%, -20px);
    }
    80% {
        opacity: 1;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -30px);
    }
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {	
.copy-code-wrapper {
    padding: 0 6px 0 0 !important;
}
	span.copy-code-text {
    margin-right: 10px;
}
img.copy-code-button {
    margin-left: -9px;
}
}

/*20250722_eSIM用TOP改修*/

/*TOPページカテゴリ一覧*/
.TOP_esim-area #search {
    text-align: center;
    margin: 15px auto;
}
.TOP_ArticleList_wrapper h2 {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.TOP_ArticleList_wrapper h2:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -3px;
    width: 40%;
    margin: 0 auto;
    border-bottom: solid 3px var(--color-key);
    text-align: center;
}
.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    margin-top: 24px;
}
a.category-card {
    position: relative;
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
    text-decoration: none;
}
.category-card:hover,
.category-card:hover, .TOP_ArticleList article:hover{
    transform: scale(1.03);
    transition: .3s;
}
span.category-card_label {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: var(--color-white);
    backdrop-filter: blur(1px);
}

/*TOPページ記事一覧*/
.TOP_ArticleList{
    margin-bottom: 40px;
}
.TOP_ArticleList.TOP_esim-brand,
.TOP_NewArticle.TOP_ArticleList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.TOP_ArticleList article {
    width: calc((100% - 32px) / 4);
    background: var(--color-white);
    margin-right: initial;
    margin-bottom: 24px;
}
.TOP_ArticleList a {
    text-decoration: none;
}
.TOP_esim-brand.TOP_ArticleList img, .TOP_NewArticle.TOP_ArticleList img {
    height: 120px!important;
	width:auto!important;
    object-fit: cover;
}
.TOP_ArticleList .article__inner {
    padding: 16px;
}
.TOP_ArticleList span.category-tag {
    color: var(--color-white);
    font-size: 11px;
    line-height: 1;
    background: var(--color-key);
    padding: 4px 8px;
    width: fit-content;
}
.TOP_ArticleList .entry-title__inner {
    color: var(--color-text);
    width: 100%;
    height: 55px;
    overflow: hidden;
    margin: 10px 0;
}
.TOP_ArticleList .article__inner .entry-title__inner .entry-title {
    width: 100%;
    margin-top: initial;
    padding-top: initial;
    margin-bottom: initial;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.TOP_ArticleList .entry-meta {
    width: 100%;
    color: var(--color-gray-75);
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    padding: 0 0 16px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {	
	.TOP_ArticleList article {
		width: calc((100% - 10px) / 2);
		margin-bottom: 15px;
	}
	.TOP_esim-brand.TOP_ArticleList img, .TOP_NewArticle.TOP_ArticleList img {
    height: 102px !important;
    width: auto!important;
}
	.TOP_ArticleList .article__inner .entry-title__inner .entry-title{	
		font-size: 13px !important;
		line-height: 1.5 !important;
	}
	.TOP_ArticleList .entry-meta{
        padding: 0 0 8px;
	}
}
/*TOPページ検索BOX*/
	.TOP_ArticleList .sp-search {
    display: block;
    position: initial;
    background: initial;
    height: initial;
}
	.TOP_ArticleList .sp-search .formbox {
    position: initial;
}
	.TOP_ArticleList .sp-search input {
    border: 1px solid var(--color-gray-bb);
}
	.TOP_ArticleList .sp-search button#searchsubmit {
    border: 1px solid var(--color-gray-bb) !important;
    border-left: none !important;
}

/*サイドバー*/
.widget-area .sidebar-primary a {
    color: var(--color-text);
    font-size: 13px;
    text-decoration: none;
}
ul#menu-side_category {
    background: initial !important;
    margin: 19px auto;
    padding: 0 10px;
    line-height: 1.8;
}
.menu-side_category-container ul {
    position: relative;
    padding: 0 1em 0.5em 2.3em !important;
}
.menu-side_category-container ul li {
    line-height: 2.2;
    font-weight: 800;
    display: flex;
    align-items: center;
}
.menu-side_category-container li:before {
    font-family: FontAwesome;
    content: "\f138";
    position: absolute;
    left: 1em;
    color: var(--color-key);
    margin-bottom: 3px;
}
ul#menu-side_category a:hover {
    color:var(--color-text);
}

/*フッター*/
.footer-information_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-information {
    float: left;
    display: inline-block;
    width: 40%;
    margin-right: 23px;
}
.footer-information a {
    display: inline !important;
    width: 15% !important;
    margin-right: 15px;
}
img.footer-information__logo{
    width: 100%;	
}
.footer-information__text {
        line-height: 1.6;
    }
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {	
.footer-information a {
    width: 250px !important;
    display: block !important;
    margin: 0 auto;
}
}