@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*****以下、編集内容*****/

/************************************
**目次
************************************/

/**h3目次の変更**/
ol.is-style-index ol>li:before {
	border: none;
	padding: 0 0 0 0;
	color: #bbbbbf;
	content: "▶";
	font-size: 0.5rem;
	line-height: inherit;
	top: 4px;
}

.p-toc__list .p-toc__childList {
    padding-left: 0px;
}

/**h2目次の変更**/
ol.is-style-index>li:before {
    font-weight: 700;
    border: none;
	content: counters(toc,"-") ".";
	color: #bbbbbf;
}

/**表題の調整**/
.p-toc__ttl:before {
	display: none;
}
.p-toc.-capbox .p-toc__ttl {
	text-align: start;
	padding: 1.0em 0.5em 0.5em 1.5em;
	color: #71B349; /*「目次」の色*/
	background-color: transparent;
	font-weight: 700;
}
#main_content .p-toc {
	background-color: #F7F7F7;
}
.p-toc__ttl {
	color: #000000;
}

/**左縦線の調整**/
.p-toc.-capbox {
	border:solid #71B349;
	border-width:0 0 0 6px;
}

/************************************
**記事タイトル（h1）
************************************/

.c-postTitle__ttl {
	color: #000000;
	font-size: 20px;/**SPフォントサイズ**/
}

/**PCフォントサイズ**/
@media (min-width: 960px){
.c-postTitle__ttl {
    font-size: 26px;
	}}

/************************************
**記事見出し（h2、h3、h4）
************************************/

/**h2テキスト**/
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	font-weight: 700;/**あえてデフォの700から500に落として調整（白抜き文字がボールドで視認性・可読性が悪い）**/
}



/************************************
**カテゴリー左のアイコン削除
************************************/

/**TOP**/
.icon-folder:before {
	display: none;
}

/**記事タイトル下**/
.c-categoryList:before {
	display: none;
}

/**記事サイドバー**/
.widget_categories>ul>.cat-item>a:before, .wp-block-categories-list>li>a:before {
    content: "\e921";
}

/************************************
**記事タイトル下カテゴリーバッジ
************************************/

/**
.c-categoryList__link {
	opacity: 0.7;
}
**/

/************************************
**TOPカテゴリーバッジ
************************************/

.-type-list .c-postThumb__cat, .-type-list2 .c-postThumb__cat {
	opacity: 0.7;
}

.c-postThumb__cat {
	opacity: 0.7;
}

/************************************
**パンくずリスト
************************************/

/**HOMEアイコン削除**/
.icon-home:before {
    display: none;
}

/**記事タイトル表示**/
.single .p-breadcrumb__item:last-child > span.p-breadcrumb__text {
  display: block;
}

/**横スクロール設定**/
.p-breadcrumb__list {
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.p-breadcrumb__list::-webkit-scrollbar {
  display: none;
}

/************************************
**ヘッダーロゴ調整
************************************/

/**PC**/
.-series .l-header__logo .c-catchphrase {
    font-size: 20px;
    padding: 4px 4px 4px 10px;
    font-weight: 700;
    color: #71B349;
}

.c-catchphrase {
	border-left: 1px solid #c4c4c4;
}


/**SP**/
@media not all and (min-width: 960px){

.l-header__logo {
    display: flex;
}

.-img .c-headLogo__link {
display: block;
padding: 10px 6px 10px 0px;
}

.l-header__inner .c-catchphrase {
    display: block;
}

.-series .l-header__logo .c-catchphrase {
font-size: 14px;
padding: 0px 0px 0px 5px;
font-weight: bold;
color: #71B349;
border-left: 1px solid #c4c4c4;		
}

.c-catchphrase {
height: 14px;
margin-top: 20px
}
}

/************************************
**ブログカード
************************************/

[data-type=type1] .p-blogCard__inner:before {
	    border: 1px solid #a8a8a8;
}

.p-blogCard__caption:before {
	color: #a8a8a8;
}

.p-blogCard__title {
    color: var(--color_link);
}

.p-blogCard__caption {
	top: 0;
	left: 0;
	background-color: transparent;
}

.swell-block-postLink {
	background-color: #FFFFFF;	
}


/************************************
**記事本文領域
************************************/

.l-mainContent__inner>.post_content {
	margin: 0 0 4em 0;
}

/************************************
**PR表記（ステマ規制対応）
************************************/
.c-prNotation[data-style=big] {
	margin-top: 6px;
    margin-bottom: -15px;
    color: #A8A8A8;
	font-size: 0.7em;
	background: none;
	border: none;
	padding: 0;
}

.c-prNotation[data-style=big]>i {
	display: none;
}

/************************************
**記事下部のカスタムHTMLのバナーサイズ指定
************************************/

@media screen and (min-width: 960px){
.bn_kaiu_article_after {
    width: 50%;
	margin: 0 auto;
	}}

@media screen and (min-width: 600px) and (max-width: 959px){
.bn_kaiu_article_after {
    width: 50%;
	margin: 0 auto;
	}}

/************************************
**Kaiuのクリッカブルエフェクト調整
************************************/

/**記事上部**/
.bn_kaiu_article_top:hover{
  opacity: 0.6;
  cursor: pointer;
}

/**記事下部**/
.bn_kaiu_article_after:hover{
  opacity: 0.6;
  cursor: pointer;
}

/**目次上**/
.bn_kaiu_above-toc:hover{
  opacity: 0.6;
  cursor: pointer;
}

/**目次下**/
.bn_kaiu_below-toc:hover{
  opacity: 0.6;
  cursor: pointer;
}

/**h2終わり**/
[class^=bn_kaiu_before_h2]:hover{
  opacity: 0.6;
  cursor: pointer;
}

/**サイドバー**/
[class^=bn_kaiu_sidebar]:hover{
  opacity: 0.6;
  cursor: pointer;
}

/************************************
**ボックスメニューの調整
************************************/

.swell-block-box-menu__link {
  border-radius: 80px;
}

.swell-block-box-menu__link:hover {
  border-radius: 80px;
}

.swell-block-box-menu.is-style-fill .has-link:hover {
  border-radius: 80px;
}

.swell-block-box-menu__link::after{
    /* 擬似要素で矢印アイコンをつくる */
    content: '';
    border: 0;
    border-top: solid 2px #A8A8A8;
    border-right: solid 2px #A8A8A8;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}

.swell-block-box-menu[data-direction=horizontal] .swell-block-box-menu__figure {
    margin-right: 0.5em;
	color: #343434
}

.swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
    background: var(--the-icon-color);
    padding: 1em 2em 1em 1em;
}

.swell-block-box-menu__text{
	margin-top: -3px;
	font-weight: bold;
}

/************************************
**ウィジェット_KaiU設置箇所
************************************/
.widget-above-toc{
	margin-bottom: -40px;
}

.widget-below-toc{
	margin-bottom: -50px;
	margin-top: -30px;
}


/************************************
**ウィジェット_おすすめ記事
************************************/

.widget-sidebar-recommend-title{
	text-align: center;
	font-weight: 700;
	color: #343434;
}

.widget-top-recommend-title{
	text-align: center;
	font-weight: 700;
	color: #343434;
}

.widget-articleBottom-recommend-title{
	text-align: center;
	font-weight: 700;
	color: #343434;
}

/* PC_TOP_サイズ小さく */
@media screen and (min-width: 1024px) {
.widget-top-recommend-img img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

/* PC_関連記事上_サイズ小さく */
@media screen and (min-width: 1024px) {
.widget-articleBottom-recommend-img img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

/* TOP_クリッカブルエフェクト */
.widget-top-recommend-img img:hover{
  opacity: 0.6;
  cursor: pointer;
}

/* 関連記事上_クリッカブルエフェクト */
.widget-articleBottom-recommend-img img:hover{
  opacity: 0.6;
  cursor: pointer;
}

/* サイドバー_クリッカブルエフェクト */
.widget-sidebar-recommend-img img:hover{
  opacity: 0.6;
  cursor: pointer;
}

/************************************
**Amazonアソシエイトの画像リンクを自動的にセンタリングする（参考：https://hatebu-memo.scriptlife.jp/entry/2017/11/26/amazon-img-centering）
************************************/

img[src*="ws-fe.amazon-adsystem.com"] {
  display: block;
  margin: auto;
}

/************************************
**SWELLボタンの「キラッと」スタイルに立体スタイルを付与
************************************/
.is-style-btn_shiny a {
 box-shadow: 0 4px 0 var(--the-solid-shadow,var(--color_main_dark));
}

/************************************
**目次ボタン・TOPボタン
************************************/
@media not all and (min-width: 960px) {
.p-fixBtnWrap {
padding-bottom: 80px;
}}


/************************************
**フッター
************************************/

.l-footer .l-container {
    display: flex;
    flex-direction: column;
}

.copyright {
    order: 2;
}

.my-footer-link {
    order: 1;
	font-size: 12px;
}
/************************************
**メリデメ設定
************************************/
.swell-block-tab.merideme-tab .c-tabList__button[role="tab"],
.swell-block-tab.merideme-tab .swell-block-tab__nav li > a{
  padding:14px 28px !important;
  font-size:16px !important;
  font-weight:700 !important;
  background:#e5e7eb !important;
  color:#333 !important;
  border-radius:8px 8px 0 0 !important;
}

.swell-block-tab.merideme-tab ul.c-tabList > li.c-tabList__item:nth-of-type(1) > .c-tabList__button[role="tab"][aria-selected="true"],
.swell-block-tab.merideme-tab ul[role="tablist"] > li:nth-of-type(1) > [role="tab"][aria-selected="true"]{
  background:#16a34a !important; color:#fff !important;
}
.swell-block-tab.merideme-tab ul.c-tabList > li.c-tabList__item:nth-of-type(2) > .c-tabList__button[role="tab"][aria-selected="true"],
.swell-block-tab.merideme-tab ul[role="tablist"] > li:nth-of-type(2) > [role="tab"][aria-selected="true"]{
  background:#dc2626 !important; color:#fff !important;
}

.swell-block-tab.merideme-tab .swell-block-tab__nav > li:nth-child(1).is-active > a{
  background:#16a34a !important; color:#fff !important;
}
.swell-block-tab.merideme-tab .swell-block-tab__nav > li:nth-child(2).is-active > a{
  background:#dc2626 !important; color:#fff !important;
}

.swell-block-tab.merideme-tab .c-tabBody > *:nth-of-type(1)[aria-hidden="false"]{
  background:#e8f5ec !important; box-shadow:inset 6px 0 0 #86d39d !important; border-radius:10px !important;
}
.swell-block-tab.merideme-tab .c-tabBody > *:nth-of-type(2)[aria-hidden="false"]{
  background:#fdecec !important; box-shadow:inset 6px 0 0 #f2a5a5 !important; border-radius:10px !important;
}

.swell-block-tab.merideme-tab .c-tabList__button[role="tab"],
.swell-block-tab.merideme-tab .swell-block-tab__nav li a {
  font-size:18px !important;
  font-weight:800 !important;
  letter-spacing:0.5px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}

.swell-block-tab.merideme-tab .c-tabList__button[role="tab"] svg,
.swell-block-tab.merideme-tab .swell-block-tab__nav li a svg {
  width:1.2em !important;
  height:1.2em !important;
}

@media (min-width: 769px){
  .swell-block-tab.merideme-tab{ text-align:left !important; }

  .swell-block-tab.merideme-tab .swell-block-tab__navWrap{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .swell-block-tab.merideme-tab .swell-block-tab__nav,
  .swell-block-tab.merideme-tab ul.c-tabList[role="tablist"]{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    justify-content:space-between !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .swell-block-tab.merideme-tab .swell-block-tab__nav > li,
  .swell-block-tab.merideme-tab .c-tabList__item{
    flex:1 1 0 !important;
    margin:0 !important;
  }

  .swell-block-tab.merideme-tab .swell-block-tab__nav > li > a,
  .swell-block-tab.merideme-tab .c-tabList__button[role="tab"]{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
  }
}

/************************************
**アコーディオン（口コミ吹き出しブロック）設定
************************************/
.md-accReviews summary.swell-block-accordion__title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:16px 18px !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  background:#fff !important;
  line-height:1.4 !important;
  cursor:pointer !important;
}

.md-accReviews summary.swell-block-accordion__title::before{
  content:""; 
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  border-radius:50%;
  background:#fff url("https://www.netoff.co.jp/kaitori-navi/wp-content/uploads/2025/09/kuchikomi.png") no-repeat center center;
  background-size: 60% auto;
  border:2px solid #e5e7eb;
  box-shadow:0 2px 4px rgba(0,0,0,.06);
  flex-shrink:0;
  margin-right:8px;
}

.md-accReviews .swell-block-accordion__label{
  font-weight:600 !important;
  color:#0f172a !important;
}

.md-accReviews .c-balloon{
  display:flex;
  gap:12px;
  padding:14px;
  border:1px solid #f2f2f2;
  border-radius:12px;
  background:#f9fafb;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  max-width:100%;
  overflow:visible;
}

.md-accReviews .c-balloon__text{
  font-size:16px;
  line-height:1.9;
  padding:18px 20px;
  border-radius:12px;
  position:relative;
}

.md-accReviews .c-balloon__before{ transform:none; }
.md-accReviews .c-balloon__after{ display:none; }

.md-accReviews .c-balloon__iconImg{
  width:72px; height:72px; border-radius:50%;
  object-fit:cover; border:2px solid #e5e7eb; background:#fff;
}

@media (max-width:480px){
  .md-accReviews .c-balloon{ padding:16px; }
  .md-accReviews .c-balloon__iconImg{ width:60px; height:60px; }
  .md-accReviews .c-balloon__text{ font-size:15px; padding:16px; }
}
/************************************
**アコーディオン（基本情報）設定
************************************/
.md-basicInfoBox{
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  overflow:hidden;
  margin:20px 0;
}

.md-basicInfoBox .swell-block-accordion__label{
  font-weight:700;
  color:#0f172a;
}

.md-basicInfoBox summary.swell-block-accordion__title{
  background:#fff !important;
  border-bottom:1px solid #e5e7eb;
  border-radius:14px 14px 0 0;
  padding:14px 16px;
}

.md-basicInfoBox .swell-block-accordion__body{
  background:#fcfcfc;
  padding:12px;
  border-radius:0 0 14px 14px;
}
/************************************
**フッター直前テキスト
************************************/
#custom_html-2 p {
  font-size: 12px;
  color: #333;          /* 本文は濃いめで維持 */
  text-align: center;
}

#custom_html-2 p a {
  color: #666;          /* リンクだけ薄めのグレーにする */
  text-decoration: none;
}

#custom_html-2 p a:hover {
  color: #0f9d58;       /* ホバー時はアクセント色に */
}



/************************************
** netoff_gold_rate　のデザイン調整
************************************/
.gold-rate-box {
  font-size: 0.75em;
    --thead-color--bg: var(--color_gray);
	--thead-color--txt: var(--swl-text_color--black);
    --tbody-th-color--bg: var(--color_gray);
    --tbody-th-color--txt: var(--swl-text_color--black);
}

/************************************
**クラス no-border-table が付いたテーブルの枠を消す（全記事共通） 
************************************/

figure.wp-block-table.no-border-table table,
figure.wp-block-table.no-border-table th,
figure.wp-block-table.no-border-table td {
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
}