@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. 海外Wi-Fiリサーチ新規デザインボックス

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

/* =============================================
01. 色変数
============================================= */
:root {
--color-bg: #F7F9F9;
--color-white: #FFFFFF;
--color-white-95: rgba(255, 255, 255, .95);
--color-key: #ef5350;
--color-key-light: #ffe9e9;
--color-key-dark: #d72a27;
--color-key-30: rgb(237 72 72 / 30%);
--color-key2: #46a7f5;
--color-key2-dark: #208ce3;
--color-key2-light: #dbefff;
--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: var(--color-key2);
box-shadow:  var(--color-key2-dark) 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: var(--color-key2);
box-shadow: var(--color-key2-dark) 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: var(--color-key2-dark) 0px 0px 0px 0px;
transform: translateY(5px);
transition: 200ms;
}
a.button-more:hover {
background: var(--color-key2);
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: var(--color-key2) !important;
    box-shadow: var(--color-key2-dark) 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:var(--color-key2-dark) 0px 2px 0px 0px;
color: var(--color-white);
opacity: 1;
}
a.button-medium__ctatable:active{
box-shadow: var(--color-key2-dark) 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: var(--color-key2) !important;
    box-shadow: var(--color-key2-dark) 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:var(--color-key2-dark) 0px 2px 0px 0px;
color: var(--color-white);
opacity: 1;
}
a.button-medium__ctatable_ver2:active {
box-shadow: var(--color-key2-dark) 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: 72px;
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: space-between;
}
.site-title {
width: 145px;
}
.site-title img {
width: 136px;
height: 40px;
margin: 16px 0;
}
.site-description {
width: calc(1140px - 490px);
color: var(--color-gray-75);
font-size: 11px;
line-height: 1.3;
align-self: center;
margin-left: 15px;
}
.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://ieagent.jp/wifi/design/img/ranking-gold.png");
}
.label__silver:after {
background-image: url("https://ieagent.jp/wifi/design/img/ranking-silver.png");
}
.label__bronze:after {
background-image: url("https://ieagent.jp/wifi/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://ieagent.jp/wifi/design/img/ranking-gold-SP.png);
background-repeat: no-repeat;
}

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

.label__bronze:after {
background-image: url(https://ieagent.jp/wifi/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 {
color: var(--color-gray-66);
font-size: 15px;
font-weight: 400;
line-height: initial;
margin-top: 0;
padding-top: 0;
margin-bottom: 8px;
}
.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;
}

/* 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(/wifi/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;
justify-content: space-between;
margin-top: 30px;
}
.footer-information{
    width: 100%;
    float: initial;
    display: flex;
    align-items: flex-end;
}
.footer-information__logo {
width: 15%!important;
display: inline-block;
margin-right: 16px;
}
.footer-information__text {
color: var(--color-gray-75) !important;
font-size: 14px;
}
.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: 30px 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 40px;
}
.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://ieagent.jp/wifi/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://ieagent.jp/wifi/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://ieagent.jp/wifi/design/img/good.svg");
}
.entry-content span.surveyBox__badImpression--ttl:before {
content: url("https://ieagent.jp/wifi/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("/wifi/wp-content/uploads/2021/02/good.png");
}
.surveyBoxNew__badImpression-ttl:before {
content: url("/wifi/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.wifi.jp/wp-content/uploads/2020/09/sanpei.jpeg');
background-size: cover;
}
.editors-box__photo.fujimoto {
background: url('https://ieagent.jp/wifi/wp-content/uploads/2022/05/fujimoto.jpg');
background-size: cover;
}
.editors-box__photo.yamada {
background: url('https://ieagent.jp/wifi/wp-content/uploads/2022/05/tamura_icon.jpg');
background-size: cover;
}
.editors-box__photo.ishida {
background: url('https://ieagent.jp/wifi/wp-content/uploads/2022/07/nishikubo.jpg');
background-size: cover;
}
.editors-box__photo.sayama {
background: url('https://hikari.wifi.jp/wp-content/uploads/2020/09/sayama.jpeg');
background-size: cover;
}
.editors-box__photo.murano {
background: url('https://ieagent.jp/wifi/wp-content/uploads/2022/05/murano.jpg');
background-size: cover;
}
.editors-box__photo.ikeda {
background: url('https://ieagent.jp/wifi/wp-content/uploads/2022/05/ikeda.jpg');
background-size: cover;
}
.editors-box__photo.kakimoto {
background: url('https://ieagent.jp/wifi/wp-content/uploads/2021/09/yamada.png');
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(/wifi/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: 47px;
}
.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: 56px;
padding-left: 16px;
padding-right: 16px;
-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';
}
.main-navigation.toggled .menu-toggle {
position: relative;
top: -56px;
}
.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 {
margin-top: -56px;
}
.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);
}
.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;
}

.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: 56px;
background-color: var(--color-white-95);
box-shadow: 0px 3px 6px var(--color-bk-16);
position: relative;      /*ヘッダー固定解除*/
width: 100%;
}
.site-branding {
width: 100%;
height: 56px;
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;
position: absolute;
/*top: 24px;*/
top: 0;
left: 0;
z-index: 999;
}
.main-navigation.toggled {
display: block;
position: fixed;
top: 56px;
left: 0;
z-index: 1001;
}
.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: auto;
height: 56px;
margin: 0 auto;
padding-left: 56px;
}
.site-title img {
width: auto;
height: 34px;
margin: 11px 0;
}


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: calc(100% - 16px);
margin: 0 auto 32px;
}
img.footer-information__logo {
    width: 124px;
}
.footer-information__logo {
height: auto;
margin-bottom: initial;
margin: 0 auto 32px;
}
.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;
}

.site-header {
    margin-top: 24px;
}
.main-navigation {
display: block;
position: absolute;
/*top: 24px;*/
top: 0;
left: 0;
z-index: 999;
}
#search_btn {
z-index: 1000;
}
.main-navigation.toggled {
display: block;
position: fixed;
top: 56px;
left: 0;
z-index: 1001;
}
.main-navigation {
margin-top: 0;
border-top: none;
}

.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;
height: 56px;
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;
}
.footer-information__text {
padding-left: 15px;
padding-right: 15px;
}
}


/* =============================================
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://ieagent.jp/wifi/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://ieagent.jp/wifi/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://ieagent.jp/wifi/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://ieagent.jp/wifi/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://ieagent.jp/wifi/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://ieagent.jp/wifi/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(/wifi/wp-content/uploads/2025/10/check-icon_red.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.wifi_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.wifi_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.wifi_quote p {
margin: 7px 0;
line-height: 1.7;
margin-bottom: 0px!important;
font-size: 15px;
}
blockquote.wifi_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: #ffb0b0;
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: #ffb0b0;
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 var(--color-key-30);
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);
border-left: solid 5px #01a92e;
margin: 30px 5px 19px 5px;
color: var(--color-white);
border: solid 1px white;
box-shadow: 0px 0px 0px 5pxvar(--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. 海外Wi-Fiリサーチ新規デザインボックス
============================================= */
.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:#fba4a3;
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 #fba4a3;
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 #fba4a3;
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(/wifi/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 #4ABD69;
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(/wifi/wp-content/uploads/2023/05/pr-osusume-1.png);
}
.rankingRibbon tr:nth-of-type(3) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-2.png);
}
.rankingRibbon tr:nth-of-type(4) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-3.png);
}
.rankingRibbon tr:nth-of-type(5) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-4.png);
}
.rankingRibbon tr:nth-of-type(6) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-5.png);
}
.rankingRibbon tr:nth-of-type(7) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-6.png);
}
.rankingRibbon tr:nth-of-type(8) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-7.png);
}
.rankingRibbon tr:nth-of-type(9) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-8.png);
}
.rankingRibbon tr:nth-of-type(10) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-9.png);
}
.rankingRibbon tr:nth-of-type(11) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-10.png);
}
.rankingRibbon tr:nth-of-type(12) th:first-of-type:before {
    background: url(/wifi/wp-content/uploads/2023/05/pr-osusume-11.png);
}
.rankingRibbon tr:nth-of-type(13) th:first-of-type:before {
    background: url(/wifi/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(/wifi/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(/wifi/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(/wifi/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(/wifi/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(/wifi/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(/wifi/wp-content/uploads/2023/06/sort-selected_asc.png);
}
th.sortable.sort_selected-asc:after {
background-image: url(/wifi/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-key2-light);
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-key2-light) 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(/wifi/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(/wifi/wp-content/uploads/2023/07/white-arrow_up.png) no-repeat center / 100% 100%;
}
a.anchorlink_btn.d-arrow:after {
background: url(/wifi/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(/wifi/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(/wifi/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(/wifi/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;-text-box p 
    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;
}
}