@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
*/

/* 余白 ---------------------------------------------------------------------------------------*/
#body_wrap:not(.blog,.archive,.single,.page-template-page-search) .l-content {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}


/* 文字調整 ---------------------------------------------------------------------------------------*/
.fs-24 {
    font-size: clamp(14px, 4.25vw, 24px) !important;
}
.fs-28 {
    font-size: clamp(14px, 4.25vw, 28px) !important;
}
.fs-32 {
    font-size: clamp(14px, 4.25vw, 32px) !important;
}
.fs-36 {
    font-size: clamp(16px, 4.5vw, 36px) !important;
}
.fs-40 {
    font-size: clamp(16px, 4.5vw, 40px) !important;
}
.fs-42 {
    font-size: clamp(20px, 5.5vw, 42px) !important;
}
.fs-56 {
    font-size: clamp(25px, 7vw, 56px) !important;
}

@media (max-width: 960px) {
    .sp-center {
        text-align: center !important;
    }
    .sp-left {
        text-align: left !important;
    }
}
/* ---------------------------------------------
   ヘッダー全体
--------------------------------------------- */
.l-header.-parallel-bottom .l-container {
    max-width: 1400px;
    padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
}
/* ---------------------------------------------
   ヘッダー内ロゴ部分
--------------------------------------------- */
.l-header__logo,
.l-fixHeader__logo {
    flex-direction: column-reverse;   /* ロゴとテキストの順序を逆にしてテキストを上に表示 */
    align-items: flex-start;           /* 左揃え */
    gap: 5px;                          /* テキストとロゴの間隔 */
    width: 40%!important;
    padding: 2px 10px;
    margin: 0 !important;
}

.l-fixHeader__inner{
	    padding: 2px 10px;
}

/* ロゴ画像 */
.l-header__logo .c-headLogo__img,
.l-fixHeader__logo .c-headLogo__img {
    width: 170px;
    height: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* ロゴ上のテキスト */
.l-header__logo-text,
.l-fixHeader__logo-text {
    font-size: 12px;
    color: #555;
    margin: 0;
    line-height: 1.2;
    white-space: normal;
}

/* FIXヘッダー用 catchphrase */
.l-fixHeader__logo .c-catchphrase,
.l-header__logo .c-catchphrase {
    margin: 0;
    font-size: 12px;
    color: #555;
}

/* スマホ対応 */
@media screen and (max-width: 767px) {
    .l-header__logo,
    .l-fixHeader__logo {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 3px;
    }

    .l-header__logo-text,
    .l-fixHeader__logo-text {
        font-size: 10px;
        margin: 0;
        line-height: 1.2;
    }

    .l-header__logo .c-headLogo__img,
    .l-fixHeader__logo .c-headLogo__img {
        width: 120px;
        height: auto;
    }
	
	.l-header__logo_{
		margin-left:15px;
	}
	
	.-img .c-headLogo__link{
		padding-top:0;
		text-align:center;
	}
	
	.l-header__logo {
    display: block!important;
}
	
}



/* コンテンツヘッダー ---------------------------------------------------------------------------------------*/
/*カスタム投稿用コンテンツヘッダー設定*/
.post-type-archive-news .l-topTitleArea {
    display: flex;
	align-items: center;
    width: 100%;
    min-height: 11em;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 1.5em 0;
}
.post-type-archive-news .l-topTitleArea .l-topTitleArea__body{
	color: #fff;
    position: relative;
    width: 100%;
    z-index: 3;
}
#top_title_area p.c-pageTitle{
    font-weight: bold;
}

/*レイアウト調整・アイコン追加等*/
.l-topTitleArea .l-topTitleArea__body {
    text-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

.l-topTitleArea .c-pageTitle {
    font-size: 2.25rem;
    letter-spacing: 0.1em;
    text-align: center;
}

.l-topTitleArea .c-pageTitle::before {
    content: "";
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    position: relative;
    top: 0.25em;
    right: 0.25em;
    background-image: url(/wp-content/uploads/2025/07/onez-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.l-topTitleArea .c-pageTitle_back {
    width: 70%;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.l-topTitleArea .c-pageTitle_back svg {
    width: 100%;
}

.l-topTitleArea .c-pageTitle__subTitle{
	display: none !important;
}

@media (min-width: 600px) {
    .l-topTitleArea,
	.post-type-archive-news .l-topTitleArea {
        min-height: 300px;
    }
}

@media (max-width: 600px) {
    .l-topTitleArea {
        min-height: 55vw;
    }
    .l-topTitleArea .c-pageTitle {
        font-size: 1.75rem;
        letter-spacing: 0.05em;
    }
	.l-topTitleArea .c-pageTitle_back {
		width: 80%;
	}
}

/* 一旦非表示 */
.l-topTitleArea,
.post-type-archive-news .l-topTitleArea{
	display: none;
}


/* フッター ---------------------------------------------------------------------------------------*/
.l-footer {
    border-bottom: 20px solid #111;
}

.l-footer .foot-menu {
    border-bottom: 1px solid var(--color_main);
    padding-bottom: 4em;
}

.l-footer .foot-menu .foot-info {
    display: flex;
	gap: 0;
}
.l-footer .foot-menu .foot-info .menu-shop-menu-container {
    flex: 1 0 60%;
}
.l-footer .foot-menu .foot-info .menu-dealer-menu-container {
    flex: 1 0 40%;
}


.l-footer .foot-menu ul {
    list-style: none;
    padding: 0;
}

.l-footer .foot-menu ul.menu>li>a {
    font-weight: bold;
}
.l-footer .foot-menu .no-link > a{
	pointer-events: none;
}

.l-footer .foot-menu ul#menu-footer-menu,
.l-footer .foot-menu ul#menu-shop-menu ul.sub-menu {
    display: flex;
    flex-flow: column wrap;
}

.l-footer .foot-menu ul#menu-footer-menu {
    height: 7rem;
}

.l-footer .foot-menu ul#menu-shop-menu ul.sub-menu,
.l-footer .foot-menu ul#menu-dealer-menu ul.sub-menu{
    height: 9rem;
    border-top: 1px solid #8C8C8C;
    padding-top: 10px;
    margin-top: 10px;
}

.l-footer .foot-logo img {/*縦横比維持のため横幅を固定値に*/
	max-width: 138px;
}

@media (min-width: 961px) {
    .l-footer .foot-menu ul#menu-shop-menu {
        /*width: 80%;*/
    }
}

@media (max-width: 1190px) {
    .l-footer br.sp_ {
        display: unset !important;
    }
}

@media (max-width: 600px) {
    .l-footer .foot-menu {
        padding-bottom: 2em;
    }	
	.l-footer .foot-menu .foot-info {
    	flex-direction: column;
	}
    .l-footer .foot-menu ul#menu-footer-menu {
        height: auto;
    }
}


/* 店舗情報 ---------------------------------------------------------------------------------------*/
@media (max-width: 960px) {
	.p-blogParts.post_content .swell-block-button.-size-l{
		max-width: 55vw;
	}
}
@media (max-width: 600px) {
	.p-blogParts.post_content iframe{
		height: 250px !important;
	}
}


/* 投稿リスト ---------------------------------------------------------------------------------------*/
/*テキスト型*/
.p-postList.-type-simple{
	border-top: none;
}
.p-postList.-type-simple .p-postList__body{
	padding: 0 1rem;
}
.p-postList.-type-simple .p-postList__meta{
	margin: 0 2rem 0.5em 0;
    align-items: center;
}
.p-postList.-type-simple .p-postList__meta .p-postList__times{
	padding: 0;
}

.p-postList.-type-simple .p-postList__title{
	font-weight: normal;
}

@media (min-width: 961px) {
	.p-postList.-type-simple .p-postList__body{
		display: flex;
	}
}

#sidebar .p-postList.-type-simple .p-postList__body{
	flex-direction: column;
}


/*カード型*/
.p-postList.-type-card .p-postList__body{
    display: flex;
    flex-direction: column;
}
.p-postList.-type-card .p-postList__body .p-postList__excerpt{
    order: 2;
}
.p-postList.-type-card .p-postList__body .p-postList__meta{
    order: 1;
}

.blog .p-postList.-type-card .p-postList__times{
	display: none;
}

#sidebar .p-postList.-type-card{
	padding: 0 1rem;
}
#sidebar .p-postList.-type-card .p-postList__excerpt{
	display: block;
}

/*カテゴリーラベル*/
.p-postList .p-postList__meta :before{
	display: none;
	margin-right: 0;
}

.p-postList .p-postList__meta .p-postList__cat{
    background: #3A5380;
    color: #fff;
    min-width: 5rem;
    padding: 4px 1rem;
	text-align: center;
    opacity: 1;
}
.p-postList .p-postList__meta .p-postList__times + .p-postList__cat{
	margin-left: 1rem;
}

/* メディアテキスト ---------------------------------------------------------------------------------------*/
@media (max-width: 960px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }
    .is-stacked-on-mobile.wp-block-media-text {
        --swl-mediatext--gap: 0;
        --swl-mediatext--offsetX: 0;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
		margin: 2rem auto 0 !important;
        grid-column: 1;
        grid-row: 2;
    }
}

/* ボタン ---------------------------------------------------------------------------------------*/
.is-style-btn_line.green_ a:hover {
    color: var(--color_main) !important;
}

.is-style-more_btn a {
    text-align: left;
    box-shadow: 0px 2px 1px -1px #dcdcdc;
    background: transparent;
    padding: 0.5em 3em 0.5em 1em;
}

.is-style-more_btn a:hover {
    background: var(--color_link);
}

/* 店舗一覧 ---------------------------------------------------------------------------------------*/
.shop-list .wp-block-group.is-row:not(.row-image){
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #111;
}


/* お問い合わせ reCAPTCHA ---------------------------------------------------------------------------------------*/
.grecaptcha-badge{
	z-index: 99;
	bottom: 120px !important;
}




/* ============================================
   ワンゼット ブログ機能（お役立ち情報）
   Added: 2026-05
   ============================================ */

/* SWELL標準のコンテンツ幅変数を使用 */

/* デフォルトのパンくず（ブログ系のみ非表示） */
.blog .l-breadcrumb,
.blog .p-breadcrumb,
.blog .c-breadcrumb:not(.onez-breadcrumb),
.page-id-1374 .l-breadcrumb,
.page-id-1374 .p-breadcrumb,
.page-id-1374 .c-breadcrumb:not(.onez-breadcrumb) {
  display: none !important;
}

/* === ブログ一覧 FV === */
.onez-fv { position: relative; }
.onez-fv .swell-block-fullWide__inner {
  padding-top: 56px !important;
  padding-bottom: 80px !important;
}
.onez-breadcrumb {
  position: absolute;
  top: 28px; left: 0; right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
  padding: 0 16px;
  font-size: 14px;
  color: #333;
  z-index: 5;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.onez-breadcrumb a { color: #333; text-decoration: none; }
.onez-breadcrumb a:hover { text-decoration: underline; }
.onez-breadcrumb .sep { margin: 0 8px; color: #999; }

/* === FV内に移動したカテゴリータブ === */
.onez-fv .p-postListTab {
  margin: 24px auto 0 !important;
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
  width: 100% !important;
  padding: 0 16px !important;
  background: transparent !important;
  border: none !important;
}
.onez-fv .c-tabList,
.onez-fv .p-postListTab .c-tabList {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  justify-content: flex-start !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.onez-fv .c-tabList__item,
.onez-fv .c-tabList li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  list-style: none !important;
  flex: 0 0 auto !important;
}
.onez-fv .c-tabList__button,
.onez-fv .c-tabList a,
.onez-fv .c-tabList button {
  width: 168px !important;
  height: 56px !important;
  border-radius: 16px !important;
  border: 1px solid #E50012 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  color: #E50012 !important;
  background: #fff !important;
  transition: all .2s !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.onez-fv .c-tabList__button:hover,
.onez-fv .c-tabList a:hover { opacity: .85 !important; }
.onez-fv .c-tabList__item.is-active .c-tabList__button,
.onez-fv .c-tabList__item.-current .c-tabList__button,
.onez-fv .c-tabList__button.is-active,
.onez-fv .c-tabList__button.-current,
.onez-fv .c-tabList__button[aria-selected="true"],
.onez-fv .c-tabList .-current {
  background: #E50012 !important;
  color: #fff !important;
}

/* === 人気記事 見出し === */
.onez-popular-heading {
  position: relative;
  font-weight: 700;
  font-size: 24px;
  margin: 28px auto 24px;
  text-align: left !important;
  border-left: none;
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
  width: 100%;
  box-sizing: border-box;
  padding: 0 16px 0 56px !important;
}
.onez-popular-heading::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url("https://komaki-test08.com/wp-content/uploads/2026/05/Crown.png") no-repeat center / contain;
}

/* === 記事一覧 見出し === */
.onez-list-heading {
  position: relative;
  padding: 0 16px 0 14px;
  border-left: 4px solid #E50012;
  font-weight: 700;
  font-size: 24px;
  text-align: left !important;
  margin: 1em auto 0.8em;
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
  width: 100%;
  box-sizing: border-box;
}

/* === 人気記事カード === */
.onez-popular-list {
  counter-reset: rank;
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.onez-popular-list ul.p-postList {
  display: grid !important;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3)) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.onez-popular-list ul.p-postList .p-postList__item {
  counter-increment: rank;
  position: relative !important;
  width: 100% !important;
  height: 264px !important;
  border-radius: 20px !important;
  background: #fff;
  box-shadow: 4px 6px 14px rgba(0,0,0,.12) !important;
  overflow: hidden !important;
  margin: 0 !important;
  list-style: none !important;
  display: block !important;
  padding: 0 !important;
}
.onez-popular-list .p-postList__item .p-postList__link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.onez-popular-list .p-postList__item .p-postList__thumb {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
  position: relative !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.onez-popular-list .p-postList__item .c-postThumb__figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.onez-popular-list .p-postList__item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.onez-popular-list .p-postList__item::before {
  content: counter(rank);
  position: absolute;
  top: 0; left: 0;
  z-index: 5;
  width: 36px; height: 36px;
  background: #E50012;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  pointer-events: none;
}
.onez-popular-list .p-postList__item .c-postThumb__cat {
  position: absolute !important;
  top: auto !important;
  bottom: -16px !important;
  left: 0 !important;
  right: auto !important;
  z-index: 4 !important;
  background: #fff !important;
  color: #E50012 !important;
  border: none !important;
  font-size: 12px !important;
  padding: 8px 16px 8px 12px !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  display: inline-block !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.onez-popular-list .p-postList__item .c-postThumb__cat::before,
.onez-popular-list .p-postList__item .icon-folder::before {
  display: none !important;
  content: none !important;
}
.onez-popular-list .p-postList__item .p-postList__body {
  padding: 24px 12px 12px !important;
  display: block !important;
}
.onez-popular-list .p-postList__item .p-postList__title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
  color: #222 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.onez-popular-list .p-postList__item .p-postList__meta,
.onez-popular-list .p-postList__item .p-postList__times,
.onez-popular-list .p-postList__item .c-postTimes,
.onez-popular-list .p-postList__item .c-postTimes__posted {
  font-size: 12px !important;
  color: #888 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.onez-popular-list .p-postList__item .c-postTimes__posted::before {
  display: none !important;
}

/* MOREリンクをボタン風に */
.blog .p-postListMore a,
.page-id-1374 .p-postListMore a {
  display: inline-block;
  padding: 12px 32px;
  background: #fff;
  border: 1px solid #E50012;
  color: #E50012 !important;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: all .2s;
}
.blog .p-postListMore a:hover,
.page-id-1374 .p-postListMore a:hover {
  background: #E50012;
  color: #fff !important;
}

/* === 個別投稿用 === */
.single-post .onez-h2 {
  position: relative;
  padding: 0.4em 0 0.6em 14px;
  margin-top: 2em;
  margin-bottom: 1em;
  border-left: 4px solid #e50012;
  border-bottom: 1px solid #e50012;
  font-weight: 700;
  background: transparent !important;
}
.single-post .onez-h2::before,
.single-post .onez-h2::after { display: none !important; }
.single-post .onez-h2 .onez-h2-num {
  color: #e50012;
  margin-right: 0.4em;
  font-weight: 700;
}
.single-post .onez-checkbox {
  border: 1px solid #ddd;
  border-left: 4px solid #e50012;
  padding: 1.5em 1.8em;
  margin: 1.6em 0;
  border-radius: 4px;
  background: #fff;
}
.single-post .onez-checkbox-ttl {
  margin-top: 0;
  margin-bottom: 0.8em;
  font-weight: 700;
}
.single-post .onez-checkbox-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5em 1.2em;
}
.single-post .onez-checkbox-list li {
  position: relative;
  padding-left: 1.6em;
}
.single-post .onez-checkbox-list li::before {
  content: "✓";
  position: absolute;
  left: 0.2em; top: 0;
  color: #e50012;
  font-weight: 700;
}
.single-post .onez-cta {
  background: #fdecec;
  padding: 1.8em 2em;
  border-radius: 8px;
  margin: 2.5em 0;
}
.single-post .onez-cta-ttl { margin: 0 !important; line-height: 1.6; }
.single-post .onez-cta .swell-block-button { margin: 0.4em 0 !important; text-align: center; }
.single-post .onez-cta .swell-block-button .swell-block-button__link { width: 100%; max-width: 320px; }
.single-post .onez-cta-btn.is-style-btn_normal .swell-block-button__link {
  background: #E50012;
  color: #fff;
  border: 1px solid #e50012;
}
.single-post .onez-cta-btn.is-style-btn_line .swell-block-button__link {
  background: #fff;
  color: #e50012;
  border: 1px solid #e50012;
}
.single-post .onez-related-ttl {
  position: relative;
  padding-left: 14px;
  border-left: 4px solid #e50012;
  font-weight: 700;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
.single-post .onez-back-btn { text-align: center; margin: 2em auto !important; }
.single-post .onez-back-btn .swell-block-button__link {
  max-width: 320px;
  width: 100%;
  border-color: #e50012;
  color: #e50012;
}

/* === レスポンシブ === */
@media (max-width: 1200px) {
  .onez-fv .c-tabList__button,
  .onez-fv .c-tabList a,
  .onez-fv .c-tabList button { width: calc((100% - 32px) / 3) !important; }
}
@media (max-width: 900px) {
  .onez-popular-list ul.p-postList {
    grid-template-columns: repeat(2, calc((100% - 24px) / 2)) !important;
  }
}
@media (max-width: 768px) {
  .single-post .onez-h2 { font-size: 20px !important; }
  .single-post .onez-checkbox { padding: 1.2em 1em; }
  .single-post .onez-checkbox-list { grid-template-columns: repeat(2, 1fr); gap: 0.4em 0.8em; }
  .single-post .onez-cta { padding: 1.2em 1em; }
  .single-post .onez-cta-ttl { font-size: 16px !important; text-align: center; }
}
@media (max-width: 600px) {
  .onez-fv .c-tabList { gap: 8px !important; }
  .onez-fv .c-tabList__button,
  .onez-fv .c-tabList a,
  .onez-fv .c-tabList button {
    width: calc((100% - 8px) / 2) !important;
    height: 48px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
  }
  .onez-popular-list ul.p-postList { grid-template-columns: 1fr !important; gap: 16px !important; }
  .onez-popular-list .p-postList__item { height: auto !important; min-height: 280px; }
  .onez-popular-heading { font-size: 20px !important; }
  .onez-list-heading { font-size: 20px !important; }
  .onez-breadcrumb { font-size: 12px; top: 16px; }
  .onez-fv .swell-block-fullWide__inner { padding-top: 40px !important; padding-bottom: 50px !important; }
  .blog .swell-block-fullWide h2.is-style-section_ttl[style*="56px"],
.archive .swell-block-fullWide h2.is-style-section_ttl[style*="56px"],
.single-post .swell-block-fullWide h2.is-style-section_ttl[style*="56px"],
.category .swell-block-fullWide h2.is-style-section_ttl[style*="56px"],
.tag .swell-block-fullWide h2.is-style-section_ttl[style*="56px"],
.search-results .swell-block-fullWide h2.is-style-section_ttl[style*="56px"] { font-size: 36px !important; }
}
@media (max-width: 480px) {
  .single-post .onez-checkbox-list { grid-template-columns: 1fr; }
}
/* 目次を非表示（標準post個別ページのみ） */
.single-post .p-toc,
.single-post .swell-toc {
  display: none !important;
}

/* SWELL自動の関連記事を非表示（自前の関連一覧があるため） */
.single-post .l-articleBottom__section.-related,
.single-post .p-relatedPosts {
  display: none !important;
}

/* タイトル右上の大きい日付（c-postTitle__date）を非表示 */
.single-post .c-postTitle__date {
  display: none !important;
}

/* タイトル上にカテゴリー（メインカテゴリー）を表示 */
.single-post .p-articleHead {
  position: relative;
  padding-top: 2em;
}
.single-post .p-articleHead::before {
  content: "";
  display: block;
  height: 1.4em;
}
/* JSでカテゴリー名を差し込むので、ここでは枠だけ用意 */
.single-post .onez-cat-label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #E50012;
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* 公開日 + 更新日のフォーマット */
.single-post .p-articleMetas {
  margin-top: 0.5em;
}
.single-post .p-articleMetas .c-postTimes__posted::before {
  content: none !important;
}
.single-post .p-articleMetas .c-postTimes__posted {
  background: none !important;
  padding-left: 0 !important;
  font-size: 13px;
  color: #888;
}
.single-post .p-articleMetas .c-postTimes__modified {
  background: none !important;
  padding-left: 0 !important;
  font-size: 13px;
  color: #888;
  margin-left: 0.5em;
}
.single-post .p-articleMetas .c-postTimes__modified::before {
  content: "｜更新日：";
  color: #888;
}

/* 戻るリンクをテキストスタイルに（ボタンではなく） */
.single-post .onez-back-btn {
  text-align: left !important;
  margin: 2em 0 !important;
}
.single-post .onez-back-btn .swell-block-button__link {
  display: inline-block !important;
  background: transparent !important;
  border: none !important;
  color: #333 !important;
  font-weight: 500 !important;
  padding: 0 !important;
  max-width: none !important;
  width: auto !important;
  font-size: 14px;
  text-decoration: none;
}
.single-post .onez-back-btn .swell-block-button__link:hover {
  text-decoration: underline;
  background: transparent !important;
  color: #E50012 !important;
}
.single-post .onez-back-btn .swell-block-button__link span {
  background: transparent !important;
  color: inherit !important;
}

/* 自前の関連一覧（onez-related-list）のカード調整 */
.single-post .onez-related-list ul.p-postList {
  display: grid !important;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3)) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.single-post .onez-related-list .p-postList__item {
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 4px 6px 14px rgba(0,0,0,.06);
}
@media (max-width: 768px) {
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: repeat(2, calc((100% - 24px) / 2)) !important;
    gap: 16px !important;
  }
}
@media (max-width: 480px) {
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: 1fr !important;
  }
}
/* === 投稿ページの本文コンテンツ幅を統一 === */
.single-post .l-mainContent__inner,
.single-post .post_content {
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2) !important;
  padding-left: var(--swl-pad_container, 0) !important;
  padding-right: var(--swl-pad_container, 0) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.single-post .l-mainContent__inner {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* === デフォルトを中央揃え === */
.single-post .post_content {
  text-align: center;
}

/* === 左揃えにすべき要素 === */
.single-post .onez-cat-label,
.single-post .post_content > p:first-of-type,
.single-post .onez-h2,
.single-post .onez-back-btn,
.single-post .onez-related-ttl {
  text-align: left !important;
}

/* === アイキャッチ画像 / 本文内画像をコンテンツ幅いっぱい === */
.single-post .post_thumbnail,
.single-post .p-eyecatch,
.single-post .post_content > figure.wp-block-image,
.single-post .post_content > .wp-block-image {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.single-post .post_thumbnail img,
.single-post .p-eyecatch img,
.single-post .post_content > figure.wp-block-image img,
.single-post .post_content > .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}
.single-post .post_content > .wp-block-image.aligncenter,
.single-post .post_content > .wp-block-image.alignwide {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === 投稿下部のカテゴリータグ（p-articleFoot）非表示 === */
.single-post .p-articleFoot {
  display: none !important;
}

/* === 関連一覧カード（onez-related-list）サイズ修正 === */
.single-post .onez-related-list {
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
  margin: 0 auto;
}
.single-post .onez-related-list ul.p-postList {
  display: grid !important;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3)) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.single-post .onez-related-list ul.p-postList .p-postList__item {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 4px 6px 14px rgba(0,0,0,.06) !important;
  margin: 0 !important;
  list-style: none !important;
  display: block !important;
  position: relative !important;
}
.single-post .onez-related-list .p-postList__item .p-postList__link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.single-post .onez-related-list .p-postList__thumb {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.single-post .onez-related-list .c-postThumb__figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.single-post .onez-related-list .p-postList__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.single-post .onez-related-list .p-postList__item .c-postThumb__cat {
  position: absolute !important;
  top: auto !important;
  bottom: -14px !important;
  left: 0 !important;
  background: #fff !important;
  color: #E50012 !important;
  border: none !important;
  font-size: 12px !important;
  padding: 6px 12px !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  display: inline-block !important;
  z-index: 4 !important;
}
.single-post .onez-related-list .p-postList__item .c-postThumb__cat::before,
.single-post .onez-related-list .p-postList__item .icon-folder::before {
  display: none !important;
  content: none !important;
}
.single-post .onez-related-list .p-postList__body {
  padding: 22px 12px 12px !important;
  display: block !important;
  text-align: left !important;
}
.single-post .onez-related-list .p-postList__title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px !important;
  color: #222 !important;
  text-align: left !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.single-post .onez-related-list .p-postList__meta,
.single-post .onez-related-list .c-postTimes,
.single-post .onez-related-list .c-postTimes__posted {
  font-size: 12px !important;
  color: #888 !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.single-post .onez-related-list .c-postTimes__posted::before {
  display: none !important;
}

/* レスポンシブ：関連一覧 */
@media (max-width: 768px) {
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: repeat(2, calc((100% - 24px) / 2)) !important;
    gap: 16px !important;
  }
}
@media (max-width: 480px) {
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: 1fr !important;
  }
}
/* === 投稿ページのコンテンツ領域を一覧ページと揃える === */
.single-post .l-mainContent {
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2) !important;
  padding-left: var(--swl-pad_container, 0) !important;
  padding-right: var(--swl-pad_container, 0) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  flex: 1 1 auto !important;
}
/* === 本文・関連一覧などのデフォルトを左揃えに === */
.single-post .post_content,
.single-post .post_content > p,
.single-post .post_content > h2,
.single-post .post_content > h3,
.single-post .post_content > h4,
.single-post .post_content > ul,
.single-post .post_content > ol,
.single-post .post_content .onez-checkbox-list,
.single-post .post_content .onez-related-list {
  text-align: left !important;
}

/* === タイトル・日付は中央揃えのまま維持 === */
.single-post .p-articleHead .c-postTitle__ttl {
  text-align: center !important;
}
.single-post .p-articleMetas {
  text-align: center !important;
}
/* カテゴリラベルは引き続き左揃え（位置absolute） */
.single-post .onez-cat-label {
  text-align: left !important;
}

/* === CTAbox / チェックポイント内の見出しなどは個別指定 === */
.single-post .onez-checkbox-ttl {
  text-align: left !important;
}
.single-post .onez-cta {
  text-align: center;
}
.single-post .onez-cta-ttl {
  text-align: left !important;
}

/* === アイキャッチ画像をコンテンツ幅完全フィット（paddingを相殺） === */
.single-post .l-mainContent__inner {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.single-post .post_content > figure.wp-block-image,
.single-post .post_content > .wp-block-image {
  margin-left: -16px !important;
  margin-right: -16px !important;
  width: calc(100% + 32px) !important;
  max-width: calc(100% + 32px) !important;
}
.single-post .post_content > figure.wp-block-image img,
.single-post .post_content > .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  display: block;
}
/* SP時：paddingが小さい場合は調整 */
@media (max-width: 600px) {
  .single-post .post_content > figure.wp-block-image,
  .single-post .post_content > .wp-block-image {
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;
  }
}
/* === 戻りリンクをコンテンツ左端に寄せる === */
.single-post .onez-back-btn {
  margin-left: 0 !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  display: block !important;
}
.single-post .onez-back-btn .swell-block-button__link {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
/* === 戻りリンクのSWELLボタン内部paddingを解消 === */
.single-post .onez-back-btn .swell-block-button__link {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}
.single-post .onez-back-btn .swell-block-button__link span {
  padding: 0 !important;
  margin: 0 !important;
}
/* === カテゴリラベルを通常配置に変更(コンテンツ左端揃え) === */
.single-post .l-mainContent__inner > .onez-cat-label {
  position: static !important;
  display: block !important;
  font-size: 14px !important;
  color: #E50012 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container, 0);
  padding-right: var(--swl-pad_container, 0);
}
.single-post .p-articleHead {
  position: static !important;
  padding-top: 0 !important;
}
.single-post .p-articleHead::before {
  display: none !important;
  content: none !important;
}
/* === 画像をcontent幅と揃える(センタリングを明示) === */
.single-post .post_content > figure.wp-block-image,
.single-post .post_content > .wp-block-image,
.single-post .post_content > figure.wp-block-image.alignwide,
.single-post .post_content > .wp-block-image.alignwide,
.single-post .post_content > figure.wp-block-image.alignfull,
.single-post .post_content > .wp-block-image.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.single-post .post_content > figure.wp-block-image img,
.single-post .post_content > .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
/* === 画像位置をcontent内側にロック === */
.single-post .post_content > figure.wp-block-image,
.single-post .post_content > .wp-block-image,
.single-post .post_content > figure.wp-block-image.aligncenter,
.single-post .post_content > .wp-block-image.aligncenter,
.single-post .post_content > figure.wp-block-image.alignwide,
.single-post .post_content > .wp-block-image.alignwide,
.single-post .post_content > figure.wp-block-image.alignfull,
.single-post .post_content > .wp-block-image.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: auto !important;
  position: relative !important;
  transform: none !important;
}
.single-post .post_content > figure.wp-block-image > img,
.single-post .post_content > .wp-block-image > img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  display: block !important;
}
/* タイトルを左寄せに */
.single-post .p-articleHead,
.single-post .p-articleHead .c-postTitle__ttl {
  text-align: left !important;
}
.single-post .p-articleMetas {
  text-align: left !important;
}

/* h2 (onez-h2) をコンテンツ内側のテキストと揃える */
.single-post .post_content > .onez-h2 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 18px !important;
}

/* チェックポイント・CTA・関連一覧のセクションを 左右 62px 内側 */
.single-post .post_content > .onez-checkbox,
.single-post .post_content > .onez-cta,
.single-post .post_content > .onez-related-ttl,
.single-post .post_content > .onez-related-list {
  margin-left: 62px !important;
  margin-right: 62px !important;
  width: auto !important;
  max-width: calc(100% - 124px) !important;
  box-sizing: border-box;
}

/* チェックポイント の赤い縦線を削除 */
.single-post .onez-checkbox {
  border-left: none !important;
  border: 1px solid #ddd !important;
  border-radius: 4px;
}

/* 関連一覧の赤い縦線も削除 */
.single-post .onez-related-ttl {
  border-left: none !important;
  padding-left: 0 !important;
}

/* CTA box の角丸を消す（ボタンの角丸は保持） */
.single-post .onez-cta {
  border-radius: 0 !important;
}

/* CTA「無料査定見てみる」(line button) のホバー：白背景に赤文字キープ＋影アニメ */
.single-post .onez-cta .swell-block-button .swell-block-button__link {
  transition: all .25s ease !important;
  will-change: transform, box-shadow;
}
.single-post .onez-cta .swell-block-button .swell-block-button__link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(229, 0, 18, 0.25) !important;
}
/* line button のホバーで色反転を抑止 */
.single-post .onez-cta-btn.is-style-btn_line .swell-block-button__link:hover,
.single-post .onez-cta-btn.is-style-btn_line .swell-block-button__link:hover span {
  background: #fff !important;
  color: #e50012 !important;
  border-color: #e50012 !important;
}
.single-post .onez-cta-btn.is-style-btn_normal .swell-block-button__link:hover,
.single-post .onez-cta-btn.is-style-btn_normal .swell-block-button__link:hover span {
  background: #e50012 !important;
  color: #fff !important;
}

/* レスポンシブ：62px余白はSPだと広すぎるので調整 */
@media (max-width: 768px) {
  .single-post .post_content > .onez-checkbox,
  .single-post .post_content > .onez-cta,
  .single-post .post_content > .onez-related-ttl,
  .single-post .post_content > .onez-related-list {
    margin-left: 16px !important;
    margin-right: 16px !important;
    max-width: calc(100% - 32px) !important;
  }
}
/* ============================================
   ブログ機能 - スマホレスポンシブ最適化
   Added: 2026-05
   ============================================ */

/* ===== タブレット（〜960px）===== */
@media (max-width: 960px) {
  /* 投稿ページ全般 */
  .single-post .p-articleHead .c-postTitle__ttl {
    font-size: clamp(20px, 3.2vw, 24px) !important;
    line-height: 1.45;
  }
  .single-post .p-articleMetas {
    font-size: 12px !important;
  }
  .single-post .onez-cat-label {
    font-size: 13px !important;
  }
  .single-post .post_content > .onez-h2 {
    font-size: clamp(17px, 2.5vw, 20px) !important;
    padding-left: 14px !important;
  }
  /* チェックポイント・CTA・関連一覧の左右余白を縮小 */
  .single-post .post_content > .onez-checkbox,
  .single-post .post_content > .onez-cta,
  .single-post .post_content > .onez-related-ttl,
  .single-post .post_content > .onez-related-list {
    margin-left: 24px !important;
    margin-right: 24px !important;
    max-width: calc(100% - 48px) !important;
  }
}

/* ===== スマホ（〜768px）===== */
@media (max-width: 768px) {
  /* 投稿タイトル */
  .single-post .p-articleHead .c-postTitle__ttl {
    font-size: 20px !important;
    line-height: 1.45;
    margin-bottom: 0.5em;
  }
  .single-post .onez-cat-label {
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }
  .single-post .p-articleMetas {
    font-size: 12px !important;
  }
  .single-post .p-articleMetas .c-postTimes__posted,
  .single-post .p-articleMetas .c-postTimes__modified {
    font-size: 12px !important;
  }

  /* 本文 */
  .single-post .post_content,
  .single-post .post_content > p {
    font-size: 15px !important;
    line-height: 1.7;
  }

  /* 番号付きh2 */
  .single-post .post_content > .onez-h2 {
    font-size: 18px !important;
    padding: 0.3em 0 0.5em 12px !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.8em !important;
  }
  .single-post .post_content > .onez-h2 .onez-h2-num {
    margin-right: 0.3em;
  }

  /* チェックポイント */
  .single-post .post_content > .onez-checkbox {
    margin-left: 16px !important;
    margin-right: 16px !important;
    max-width: calc(100% - 32px) !important;
    padding: 1.2em 1em !important;
  }
  .single-post .onez-checkbox-ttl {
    font-size: 16px !important;
    margin-bottom: 0.6em !important;
  }
  .single-post .onez-checkbox-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.4em 0.8em;
  }
  .single-post .onez-checkbox-list li {
    font-size: 14px !important;
  }

  /* CTAボックス：テキストとボタンを縦積み */
  .single-post .post_content > .onez-cta {
    margin-left: 16px !important;
    margin-right: 16px !important;
    max-width: calc(100% - 32px) !important;
    padding: 1.4em 1em !important;
  }
  .single-post .onez-cta .swell-block-columns,
  .single-post .onez-cta .swell-block-columns__inner {
    display: block !important;
  }
  .single-post .onez-cta .swell-block-column {
    width: 100% !important;
    --clmn-w--mobile: 100% !important;
    margin-bottom: 0.5em !important;
  }
  .single-post .onez-cta-ttl {
    font-size: 16px !important;
    text-align: center !important;
    margin-bottom: 1em !important;
  }
  .single-post .onez-cta .swell-block-button {
    text-align: center !important;
  }
  .single-post .onez-cta .swell-block-button .swell-block-button__link {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
  }

  /* 関連一覧 */
  .single-post .post_content > .onez-related-ttl {
    margin-left: 16px !important;
    margin-right: 16px !important;
    max-width: calc(100% - 32px) !important;
    font-size: 17px !important;
  }
  .single-post .post_content > .onez-related-list {
    margin-left: 16px !important;
    margin-right: 16px !important;
    max-width: calc(100% - 32px) !important;
  }
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: repeat(2, calc((100% - 16px) / 2)) !important;
    gap: 16px !important;
  }
  .single-post .onez-related-list .p-postList__title {
    font-size: 13px !important;
  }
  .single-post .onez-related-list .c-postTimes__posted {
    font-size: 11px !important;
  }

  /* 戻るリンク */
  .single-post .onez-back-btn .swell-block-button__link {
    font-size: 14px !important;
  }
}

/* ===== 小さいスマホ（〜480px）===== */
@media (max-width: 480px) {
  .single-post .p-articleHead .c-postTitle__ttl {
    font-size: 18px !important;
  }
  .single-post .post_content > .onez-h2 {
    font-size: 17px !important;
  }
  .single-post .post_content,
  .single-post .post_content > p {
    font-size: 14px !important;
  }
  .single-post .onez-checkbox-list {
    grid-template-columns: 1fr !important;
  }
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: 1fr !important;
  }
  .single-post .onez-related-list .p-postList__title {
    font-size: 14px !important;
  }
}
/* === スマホ調整 ：CTAテキスト中央揃え、関連一覧を常に1列に === */
@media (max-width: 768px) {
  /* CTA見出しを中央揃えに */
  .single-post .onez-cta-ttl {
    text-align: center !important;
  }
  /* 関連一覧て1列に（常に3件表示のため） */
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .single-post .onez-related-list .p-postList__title {
    font-size: 14px !important;
  }
  .single-post .onez-related-list .c-postTimes__posted {
    font-size: 12px !important;
  }
}


/* ============================================
   ブログ統一カードデザイン
   人気記事 / 記事一覧 / 関連一覧 を同じ見た目に
   Added: 2026-05
   ============================================ */

/* === ブログ一覧の記事一覧（自動アーカイブ）にも同デザイン === */
.blog .l-mainContent .p-postList.-type-card .p-postList__item,
body.blog ul.p-postList.-type-card > .p-postList__item {
  /* width: auto */
  height: 264px !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 4px 6px 14px rgba(0,0,0,.12) !important;
  overflow: hidden !important;
  margin: 0 !important;
  list-style: none !important;
  /* display: keep default */
  padding: 0 !important;
  position: relative !important;
}
.blog .l-mainContent .p-postList.-type-card .p-postList__link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.blog .l-mainContent .p-postList.-type-card .p-postList__thumb {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.blog .l-mainContent .p-postList.-type-card .c-postThumb__figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.blog .l-mainContent .p-postList.-type-card .p-postList__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* タグ：画像左下に重ねる */
.blog .l-mainContent .p-postList.-type-card .c-postThumb__cat {
  position: absolute !important;
  top: auto !important;
  bottom: -16px !important;
  left: 0 !important;
  right: auto !important;
  z-index: 4 !important;
  background: #fff !important;
  color: #E50012 !important;
  border: none !important;
  font-size: 12px !important;
  padding: 8px 16px 8px 12px !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  display: inline-block !important;
  box-shadow: none !important;
}
.blog .l-mainContent .p-postList.-type-card .c-postThumb__cat::before,
.blog .l-mainContent .p-postList.-type-card .icon-folder::before {
  display: none !important;
  content: none !important;
}
/* タイトル・日付 */
.blog .l-mainContent .p-postList.-type-card .p-postList__body {
  padding: 24px 12px 12px !important;
  display: block !important;
  text-align: left !important;
}
.blog .l-mainContent .p-postList.-type-card .p-postList__title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
  color: #222 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
/* 抜粋（excerpt）は非表示 */
.blog .l-mainContent .p-postList.-type-card .p-postList__excerpt,
.blog .l-mainContent .p-postList.-type-card .post_excerpt {
  display: none !important;
}
/* 日付表示 */
.blog .l-mainContent .p-postList.-type-card .p-postList__meta,
.blog .l-mainContent .p-postList.-type-card .c-postTimes,
.blog .l-mainContent .p-postList.-type-card .c-postTimes__posted {
  font-size: 12px !important;
  color: #888 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.blog .l-mainContent .p-postList.-type-card .c-postTimes__posted::before {
  display: none !important;
}

/* === 関連一覧（投稿ページ）も同じデザインに === */
.single-post .onez-related-list ul.p-postList .p-postList__item {
  width: 100% !important;
  height: 264px !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 4px 6px 14px rgba(0,0,0,.12) !important;
  overflow: hidden !important;
  margin: 0 !important;
  list-style: none !important;
  display: block !important;
  padding: 0 !important;
  position: relative !important;
}
.single-post .onez-related-list .p-postList__item .p-postList__link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.single-post .onez-related-list .p-postList__thumb {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  margin: 0 !important;
}
.single-post .onez-related-list .c-postThumb__figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.single-post .onez-related-list .p-postList__item .c-postThumb__cat {
  position: absolute !important;
  top: auto !important;
  bottom: -16px !important;
  left: 0 !important;
  right: auto !important;
  z-index: 4 !important;
  background: #fff !important;
  color: #E50012 !important;
  border: none !important;
  font-size: 12px !important;
  padding: 8px 16px 8px 12px !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  display: inline-block !important;
  box-shadow: none !important;
}
.single-post .onez-related-list .p-postList__body {
  padding: 24px 12px 12px !important;
  display: block !important;
  text-align: left !important;
}
.single-post .onez-related-list .p-postList__title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
  color: #222 !important;
}
.single-post .onez-related-list .c-postTimes__posted {
  font-size: 12px !important;
  color: #888 !important;
}

/* レスポンシブ：記事一覧のスマホ表示 */
@media (max-width: 900px) {
  .blog .l-mainContent .p-postList.-type-card.-pc-col3 {
    grid-template-columns: repeat(2, calc((100% - 24px) / 2)) !important;
  }
}
@media (max-width: 600px) {
  .blog .l-mainContent .p-postList.-type-card .p-postList__item {
    height: auto !important;
    min-height: 280px;
  }
  .blog .l-mainContent .p-postList.-type-card.-pc-col3 {
    grid-template-columns: 1fr !important;
  }
}
/* === 記事一覧・関連一覧カード 追加修正 === */

/* 記事一覧(自動アーカイブ) ： gap追加と幅を揃える */
.blog .l-mainContent .p-postList.-type-card.-pc-col3 {
  display: grid !important;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3)) !important;
  gap: 24px !important;
  list-style: none !important;
}
.blog .l-mainContent .p-postList.-type-card .p-postList__item {
  width: 100% !important;
  margin: 0 !important;
}

/* 記事一覧画像の影を削除 */
.blog .l-mainContent .p-postList.-type-card .p-postList__thumb,
.blog .l-mainContent .p-postList.-type-card .c-postThumb,
.blog .l-mainContent .p-postList.-type-card .c-postThumb__figure {
  box-shadow: none !important;
  filter: none !important;
}

/* 関連一覧(投稿ページ) ： 画像の影を削除 */
.single-post .onez-related-list .p-postList__thumb,
.single-post .onez-related-list .c-postThumb,
.single-post .onez-related-list .c-postThumb__figure {
  box-shadow: none !important;
  filter: none !important;
}

/* 関連一覧 ： 日付の下に余白をつける */
.single-post .onez-related-list .p-postList__body {
  padding: 24px 12px 24px !important;
}
.single-post .onez-related-list .p-postList__meta,
.single-post .onez-related-list .c-postTimes {
  margin-bottom: 8px !important;
}

/* 人気記事画像の影もコミコミ削除(もしあれば) */
.onez-popular-list .p-postList__thumb,
.onez-popular-list .c-postThumb,
.onez-popular-list .c-postThumb__figure {
  box-shadow: none !important;
  filter: none !important;
}
/* === タイトル左寄せをコンテンツ幅に揃える === */
.onez-popular-heading {
  padding: 0 16px 0 32px !important;
}
.onez-popular-heading::before {
  left: -32px !important;
}
.onez-list-heading {
  padding: 0 16px 0 28px !important;
}
@media (max-width: 600px) {
  .onez-popular-heading { padding-left: 40px !important; }
  .onez-popular-heading::before { left: 0 !important; }
  .onez-list-heading { padding-left: 18px !important; }
}
/* === 追加調整: 4列 + FV左寄せ + 見出し左右14px === */

/* 1. 記事一覧を4列に（calc使用） */
.blog .l-mainContent .p-postList.-type-card.-pc-col3 {
  grid-template-columns: repeat(3, calc((100% - 48px) / 3)) !important;
}

/* 2. FVの「ブログ」「お役立ち情報」ブロックごと左寄せ（テキスト中央揃えは保持） */
.onez-fv .swell-block-columns .swell-block-column:first-child {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: max-content !important;
  margin-left: 8px !important;
}
.onez-fv .swell-block-columns .swell-block-column:first-child h2 {
  white-space: nowrap !important;
}

/* 3. 見出しに左右14pxインセット (タイトル左揃え) */
.onez-popular-heading {
  padding: 0 14px 0 46px !important;
}
.onez-popular-heading::before {
  left: 0 !important;
}
.onez-list-heading {
  position: relative !important;
  border-left: none !important;
  padding: 0 14px 0 46px !important;
}
.onez-list-heading::before {
  content: "" !important;
  position: absolute !important;
  left: 42px !important;
  top: 50% !important;
  height: 1.2em !important;
  margin-top: -0.6em !important;
  width: 4px !important;
  background: #E50012 !important;
}
@media (max-width: 600px) {
  .onez-popular-heading { padding: 0 14px 0 60px !important; }
  .onez-popular-heading::before { left: 14px !important; }
  .onez-list-heading { padding: 0 14px 0 32px !important; }
  .onez-list-heading::before { left: 14px !important; }
}
/* === 修正: 人気記事を3列に戻し、FV列を1をさらに左へ === */
.blog .l-mainContent .onez-popular-list .p-postList.-type-card.-pc-col3 {
  grid-template-columns: repeat(3, calc((100% - 48px) / 3)) !important;
}
.onez-fv .swell-block-columns .swell-block-column:first-child {
  margin-left: 4px !important;
}
/* === 全体の左端を x=454 (記事一覧カード位置) に揃える === */

/* 人気記事リスト: カードを x=454 に合わせる */
.onez-popular-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -24px !important;
  width: calc(100% + 24px) !important;
  max-width: none !important;
}

/* 見出しコンテナを x=454 に合わせ、flexレイアウトで装飾・テキストを揃える */
.onez-popular-heading,
.onez-list-heading {
  margin-left: -8px !important;
  width: calc(100% + 8px) !important;
  max-width: calc(100% + 8px) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px 0 0 !important;
  border-left: none !important;
}

/* 人気記事見出し：王冠をインライン表示（見出し左端に配置） */
.onez-popular-heading::before {
  position: static !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-block !important;
  left: auto !important;
  top: auto !important;
}

/* 記事一覧見出し：赤線を 32px幅グラデーションで表現（左端を人気記事見出しと揃える） */
.onez-list-heading::before {
  position: static !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  content: "" !important;
  width: 32px !important;
  height: 24px !important;
  background: linear-gradient(to right, #E50012 4px, transparent 4px) !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
}

/* スマホ: 装飾を見出しに収める */
@media (max-width: 600px) {
  .onez-popular-heading,
  .onez-list-heading {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 14px !important;
  }
  .onez-popular-list {
    margin-left: 0 !important;
    width: 100% !important;
  }
}
/* === 装飾(王冠/赤線) を 16px 左へシフトしてカードと揃える === */
.onez-popular-heading::before,
.onez-list-heading::before {
  margin-left: -16px !important;
}


/* === FVタブレスポンシブ: PC1段 / タブレット3-3 / スマホ2-2-2 === */
.onez-fv .c-tabList {
  flex-wrap: nowrap !important;
  gap: 12px !important;
}
.onez-fv .c-tabList .c-tabList__item {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
}
.onez-fv .c-tabList .c-tabList__button {
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px 8px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

/* タブレット: 3列×2段 */
@media (max-width: 960px) {
  .onez-fv .c-tabList {
    flex-wrap: wrap !important;
  }
  .onez-fv .c-tabList .c-tabList__item {
    flex: 0 0 calc((100% - 24px) / 3) !important;
  }
}

/* スマホ: 2列×3段 */
@media (max-width: 600px) {
  .onez-fv .c-tabList .c-tabList__item {
    flex: 0 0 calc((100% - 12px) / 2) !important;
  }
}
/* === FVタブ: 詳細度を上げて PC1段 / タブレット3儗2段 / スマホ2儗3段 === */
.onez-fv .p-postListTab .c-tabList,
.onez-fv .c-tabList {
  flex-wrap: nowrap !important;
  gap: 12px !important;
}
.onez-fv .p-postListTab .c-tabList .c-tabList__item,
.onez-fv .c-tabList .c-tabList__item {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
}
.onez-fv .p-postListTab .c-tabList .c-tabList__button,
.onez-fv .c-tabList .c-tabList__button {
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px 4px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}
@media (max-width: 960px) {
  .onez-fv .p-postListTab .c-tabList,
  .onez-fv .c-tabList {
    flex-wrap: wrap !important;
  }
  .onez-fv .p-postListTab .c-tabList .c-tabList__item,
  .onez-fv .c-tabList .c-tabList__item {
    flex: 0 0 calc((100% - 24px) / 3) !important;
  }
}
@media (max-width: 600px) {
  .onez-fv .p-postListTab .c-tabList .c-tabList__item,
  .onez-fv .c-tabList .c-tabList__item {
    flex: 0 0 calc((100% - 12px) / 2) !important;
  }
}
/* === ブログ一覧・ブログ投稿: メインコンテンツを2カラムやめてコンテンツ幅いっぱいに広げる === */
.blog .l-mainContent,
.single-post .l-mainContent {
  max-width: 100% !important;
  width: 100% !important;
}
/* === FVのコンテンツ幅をメイン領域と揃える === */

/* === 幅広レイアウト後の調整: カード高さauto + タブ非選択透明 === */
.blog .l-mainContent .p-postList.-type-card .p-postList__item,
.blog .l-mainContent .p-postList.-type-card.-pc-col3 .p-postList__item,
.onez-popular-list ul.p-postList .p-postList__item,
.onez-popular-list .p-postList__item,
.single-post .onez-related-list ul.p-postList .p-postList__item {
  height: auto !important;
  min-height: 0 !important;
}
.onez-fv .p-postListTab .c-tabList .c-tabList__button,
.onez-fv .c-tabList .c-tabList__button {
  background: transparent !important;
}
.onez-fv .p-postListTab .c-tabList .c-tabList__item.is-active .c-tabList__button,
.onez-fv .p-postListTab .c-tabList .c-tabList__item.-current .c-tabList__button,
.onez-fv .p-postListTab .c-tabList .c-tabList__button.is-active,
.onez-fv .p-postListTab .c-tabList .c-tabList__button[aria-selected="true"],
.onez-fv .c-tabList .c-tabList__item.is-active .c-tabList__button,
.onez-fv .c-tabList .c-tabList__button[aria-selected="true"] {
  background: #E50012 !important;
  color: #fff !important;
}
/* === ブログ系ページ: FV上の隙間を削除 === */
.blog .l-content,
.single-post .l-content {
  padding-top: 0 !important;
}
/* === FV外側上余白を削除（2つ余白の片方を消す） === */
.blog .onez-fv,
.single-post .onez-fv {
  padding-top: 0 !important;
}
/* === パンくずと「ブログ」の間を100pxに === */
.blog .onez-fv .swell-block-fullWide__inner,
.single-post .onez-fv .swell-block-fullWide__inner {
  padding-top: 153px !important;  /* breadcrumb top:28 + height:25 + 100px = 153 */
}
/* === 記事一覧見出しの赤線を削除して文字を左に詰める === */
.onez-list-heading::before {
  display: none !important;
}
/* === 記事一覧見出しからカードまでの余白を30pxに === */
.blog .post_content > .onez-list-heading + .wp-block-spacer {
  display: none !important;
}
.blog .p-homeContent {
  margin-top: 30px !important;
}
/* === post_content の margin-bottom を削除（30px gap を効かせるため） === */
.blog .post_content {
  margin-bottom: 0 !important;
}


/* ブログ一覧ページネーション・ボタンの色変更 (#c0392b → #E50012) */
.onez-blog-pagination a:hover { color: #E50012 !important; }
.onez-blog-pagination .current { background: #E50012 !important; }
.onez-blog-pagination .nav-arrow:hover { border-color: #E50012 !important; color: #E50012 !important; }
.onez-stock-btn {
  background: #E50012 !important;
  box-shadow: 0 2px 2px rgba(0,0,0,.1), 0 4px 8px -4px rgba(0,0,0,.2) !important;
  transition: box-shadow 0.25s !important;
}
.onez-stock-btn:hover {
  background: #E50012 !important;
  box-shadow: rgba(0,0,0,0.1) 0px 4px 12px, rgba(0,0,0,0.2) 0px 12px 24px -12px !important;
  opacity: 1;
}



/* ================================================================
   ブログ一覧 レスポンシブ対応 (PHPで #body_wrap.onez-blog-index クラスを追加)
   PC(961px+): 3カラム、タブレット(601-960px): 2カラム、SP(~600px): 1カラム
   ================================================================ */

/* ── 記事一覧タブ SP(600px以下): 1カラム ── */
@media (max-width: 600px) {
  #body_wrap.onez-blog-index .p-postList.-type-card,
  .blog .l-mainContent .p-postList.-type-card.-sp-col2,
  .page-id-1374 .p-postList.-type-card.-sp-col2 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  #body_wrap.onez-blog-index .p-postList.-type-card .p-postList__item,
  .blog .l-mainContent .p-postList.-type-card .p-postList__item,
  .page-id-1374 .p-postList.-type-card .p-postList__item {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* ── 記事一覧タブ タブレット(601-960px): 2カラム ── */
@media (min-width: 601px) and (max-width: 960px) {
  #body_wrap.onez-blog-index .p-postList.-type-card:not(.onez-popular-list ul) {
    grid-template-columns: repeat(2, calc(50% - 12px)) !important;
    gap: 20px !important;
  }
}

/* ── カテゴリタブ SP対応: 折り返しを許可して見やすく ── */
@media (max-width: 600px) {
  #body_wrap.onez-blog-index .p-postListTab .c-tabList,
  .p-postListTab .c-tabList {
    flex-wrap: wrap !important;
    gap: 8px 6px !important;
  }
  #body_wrap.onez-blog-index .p-postListTab .c-tabList__button,
  .p-postListTab .c-tabList__button {
    font-size: 11px !important;
    padding: 6px 10px !important;
    white-space: nowrap;
    border-radius: 20px !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  #body_wrap.onez-blog-index .p-postListTab .c-tabList__item,
  .p-postListTab .c-tabList__item {
    width: auto !important;
  }
}

/* ── カテゴリタブ タブレット(601-900px)対応 ── */
@media (min-width: 601px) and (max-width: 900px) {
  #body_wrap.onez-blog-index .p-postListTab .c-tabList {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  #body_wrap.onez-blog-index .p-postListTab .c-tabList__button {
    font-size: 12px !important;
    padding: 7px 12px !important;
  }
}


/* ── カテゴリタブ横幅統一: 全デバイスでタブを均等幅に ── */

/* FVエリアのタブ: 均等幅 (PC) */
.onez-fv .p-postListTab .c-tabList,
.onez-fv .c-tabList {
  flex-wrap: nowrap !important;
  gap: 12px !important;
}
.onez-fv .p-postListTab .c-tabList .c-tabList__item,
.onez-fv .c-tabList .c-tabList__item {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
}
.onez-fv .p-postListTab .c-tabList .c-tabList__button,
.onez-fv .c-tabList .c-tabList__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* FVタブ タブレット(601-960px): 3列×2段, 均等幅 */
@media (max-width: 960px) {
  .onez-fv .p-postListTab .c-tabList,
  .onez-fv .c-tabList {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .onez-fv .p-postListTab .c-tabList .c-tabList__item,
  .onez-fv .c-tabList .c-tabList__item {
    flex: 0 0 calc((100% - 16px) / 3) !important;
  }
}

/* FVタブ SP(~600px): 2列×3段, 均等幅 */
@media (max-width: 600px) {
  .onez-fv .p-postListTab .c-tabList,
  .onez-fv .c-tabList {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .onez-fv .p-postListTab .c-tabList .c-tabList__item,
  .onez-fv .c-tabList .c-tabList__item {
    flex: 0 0 calc((100% - 6px) / 2) !important;
  }
  .onez-fv .p-postListTab .c-tabList .c-tabList__button,
  .onez-fv .c-tabList .c-tabList__button {
    font-size: 12px !important;
    padding: 8px 4px !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
}


/* ================================================================
   ブログ詳細ページ 追加修正
   ================================================================ */

/* ── 前後記事ナビゲーション（ページネーション）を非表示 ── */
.single-post .p-pnLinks {
  display: none !important;
}

/* ── CTAボタン: SP追加調整 ── */
@media (max-width: 480px) {
  .single-post .onez-cta .swell-block-button .swell-block-button__link {
    font-size: 13px !important;
    padding: 10px 12px !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
  .single-post .post_content > .onez-cta {
    padding: 1.2em 0.8em !important;
  }
}

/* ── 関連一覧: SP(480px以下)で1カラム ── */
@media (max-width: 480px) {
  .single-post .onez-related-list ul.p-postList {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .single-post .onez-related-list .p-postList__title {
    font-size: 14px !important;
  }
}

/* ── ブログ詳細: 記事本文の画像をレスポンシブに ── */
.single-post .post_content img {
  max-width: 100% !important;
  height: auto !important;
}

/* ── ブログ詳細: アイキャッチ画像レスポンシブ ── */
.single-post .p-eyecatch {
  max-width: 100px !important;
  height: auto !important;
}
.single-post .p-eyecatch img {
  max-width: 100% !important;
  height: auto !important;
}


/* =================================================================
   ブログ記事（single-post）専用CSS
   ブログ記事のSPレスポンシブ・レイアウト修正
   ================================================================= */

/* ===================================================
   ブログ記事（single-post）SP レスポンシブ修正
   =================================================== */

/* SP: post_contentの余分なpaddingを削減 */
@media (max-width: 768px) {
    .single-post .l-mainContent__inner,
    .single-post .post_content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* CTAボタンブロックのSP対応 */
    .single-post .onez-cta .swell-block-columns__inner { flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
    .single-post .onez-cta .swell-block-columns__inner > .swell-block-column { width: 100% !important; }
    .single-post .onez-cta-ttl { text-align: center !important; }
    .single-post .onez-cta .swell-block-button .swell-block-button__link { width: 100% !important; max-width: 100% !important; }
}

/* ===================================================
   ブログ記事: 日付〜画像間の余白 / 左右余白修正
   =================================================== */

/* PC: 日付と画像（post_content）の間の余白を30px */
.single-post .post_content { margin-top: 30px !important; }

/* SP: 日付と画像の間の余白を15px */
@media (max-width: 768px) {
    .single-post .post_content { margin-top: 15px !important; }
}

/* #main_content の左右padding・marginをゼロに */
.blog #main_content,
.archive #main_content,
.single-post #main_content,
.category #main_content,
.tag #main_content,
.search-results #main_content { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }

/* 関連記事リスト（.onez-related-list）の左右余白をゼロに */
#main_content > article > div.post_content > div.p-postListWrap.onez-related-list {
    padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;
}

/* ===================================================
   ブログ記事: カテゴリ/タイトル/日付/関連記事/CTA修正
   =================================================== */

/* --- カテゴリ〜タイトル間 PC: 36px （style.cssの!importantを高特異性で上書き） --- */
.single-post .l-mainContent__inner > .onez-cat-label,
.single-post #main_content > article > .onez-cat-label {
    display: block !important;
    margin-bottom: 36px !important;
}

/* --- タイトル〜日付間 PC: 50px --- */
.single-post .p-articleMetas.-top { margin-top: 50px !important; }

/* --- 日付の色をタイトルと同じに --- */
.single-post .p-articleMetas.-top,
.single-post .p-articleMetas.-top time,
.single-post .p-articleMetas.-top .c-postTimes,
.single-post .p-articleMetas.-top .c-postTimes__posted,
.single-post .c-postTimes__posted { color: rgb(17, 17, 17) !important; }

/* --- post_contentのpadding（PC時）をゼロに → 関連記事・CTAが幅いっぱいになるように --- */
.single-post .post_content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* --- 関連記事一覧を幅いっぱいに（左寄り解消） --- */
.single-post .post_content > .onez-related-list,
.single-post .post_content > .onez-related-ttl,
.single-post .onez-related-list,
.single-post .onez-related-list ul.p-postList {
    width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
}

/* --- CTAボタン幅をSPではみ出さないよう縮小 --- */
.single-post .onez-cta .swell-block-button .swell-block-button__link {
    max-width: 100% !important; width: 100% !important; box-sizing: border-box !important;
}

/* SP修正 */
@media (max-width: 768px) {
    /* カテゴリ〜タイトル間 SP: 20px */
    .single-post .l-mainContent__inner > .onez-cat-label,
    .single-post #main_content > article > .onez-cat-label {
        margin-bottom: 20px !important;
    }

    /* タイトル〜日付間 SP: 30px */
    .single-post .p-articleMetas.-top {
        margin-top: 30px !important;
    }
}

/* --- SP: CTAのmarginをゼロ・paddingを明示 --- */
@media (max-width: 768px) {
    .single-post .post_content > .onez-cta {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: auto !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
    }
}

/* --- SP: CTAのcolInner負マージン・col margin-leftを解消してボタンをpadding内に収める --- */
@media (max-width: 768px) {
    .single-post .onez-cta .swell-block-columns__inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    .single-post .onez-cta .swell-block-column {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }
}