/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 08 2026 | 17:49:01 */
.zen-maru,h1,h2,h3,h4,p,li {
  font-family: "Zen Maru Gothic", sans-serif !important;
}

.lato-bold{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
	    letter-spacing: 1px !important;
}
.lato .ystdb-heading__subtext:before {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
	    letter-spacing: 1px;
	    padding-bottom: 14px !important;
    display: block;
}
/*************************
**header
*************************/
.sp_link{
	display:none;
}
.contact_link img{
	    width: 64px;
}
@media screen and (min-width: 1200px) {header#masthead .container{
	    padding-left: 50px !important;
    padding-right: 50px !important;
	}}
ul#global-nav__menu li:not(.contact_link) a {
    padding: 0;
    background: #fff;
}
ul#global-nav__menu li.fast a {
    border-radius: 100px 0 0 100px;
}
ul#global-nav__menu li.last a {
    border-radius: 0 100px 100px 0;
}
.global-nav__menu>.menu-item{
	    margin-left: 0 !important;
}
ul#global-nav__menu li:not(.contact_link) a .in_border{
        padding: 6px 24px;
    border-right: 2px dotted #D4D3B9;
	    font-weight: bold;
	    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 6px;
	
}
ul#global-nav__menu li:not(.contact_link) a .in_border img{ 
	width: 16px;
}
ul#global-nav__menu li.fast a .in_border{
        padding: 6px 24px 6px 40px;   
	    font-weight: bold;
}

ul#global-nav__menu li.last a .in_border{
	border-right: none !important;
	padding: 6px 40px 6px 24px;
}
ul#global-nav__menu li.contact_link{
	    margin-left: 20px !important;
}
@media screen and (max-width: 1200px) {
	.sp_link{
	display:block;
		    width: 40px;
    position: absolute;
    right: 80px;
    top: 7px;
}
}
.global-nav__toggle:after{
	    display: block;
    content: none;
}
#global-nav__toggle .ys-icon svg{
	display:none;
}
#global-nav__toggle .ys-icon {
      display: block;
    margin-top: -.3em;
    content: URL(https://bizhomely1.xbiz.jp/miraiplus/wp-content/uploads/2026/02/menu_b.png);
    text-align: center;
    width: 50px;
    height: 11px;

}
.global-nav__toggle.is-open:after {
   display: block;
    content: none;
}
/*************************
**footer
*************************/
.f_link .ticss-037e4eb7{
	    border-radius: 10px !important;
}
.f_img{
	padding:0 !important;
}
.wp-block-image img {
    vertical-align: middle !important;
}
.f_menu_item{
	margin-top:0 !important;
}
.f_menu_flex > .ystdb-column-block-container{
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, auto);                 
}

/* タブレット・スマホでも2列表示のまま（余白だけ詰める） */
@media (max-width: 768px){
  .f_menu_flex > .ystdb-column-block-container{
    column-gap: 40px;
    row-gap: 22px;
	   display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);     
  }
}
@media (max-width: 480px){
  .f_menu_flex > .ystdb-column-block-container{
    column-gap: 24px;
    row-gap: 18px;
  }
}
.footer-main {
    padding-top: 0;
    padding-bottom: 1em;
    overflow: hidden;
    background-color: #000000;
    color: #ffffff;
}
.title_b{
  position: relative;
  padding-bottom: 16px;
}

.title_b::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #9B9B9B; 
}

.title_b::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100px; /* 中央の色線の長さ */
  height: 1px;
  background: #133755; /* 中央の強調色 */
}
/*******************************
**contact
*******************************/
table.CF7_table th p sup{
	    color: #FF0000;
    font-size: 10px;
    left: 10px;
}
.CF7_table input, .CF7_table select, .CF7_table textarea {
    border: 1px solid #7492AC !important;
    border-radius: 16px;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea {
    display: block;
    background-color: #ffffff !important;
}
.wpcf7-list-item-label{
	    font-size: 16px;
    font-weight: 500;
}
.CF7_table select{
	  width:220px
}
.select_icon p {
    position: relative;
}
.select_icon p::before {
     content: "";
    position: absolute;
    /* right: 73%; */
    width: 7px;
    height: 7px;
    border: 1px solid;
    border-color: transparent transparent #000000 #000000;
    transform: rotate(-45deg);
    z-index: 9;
    top: 24px;
    left: 190px;
}
.wpcf7 input.wpcf7-submit {
    width: 300px;
    border-radius: 100px;
}
/*********************************
**archive
**********************************/
@media (min-width: 600px) {
	.archive .site-content,.single .site-content{
		    margin-top: 0 !important;

	}
	.archive__main{
		 padding-top: 0 !important;
	}
}
.archive_h2{
font-size: 56px;
    margin-top: 80px !important;
    margin-bottom: 40px;
    text-align: center;
    color: #133755;
}
.column-tabs{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin: 16px 0 24px;
}
.column-tabs .tab{
  text-decoration:none;
  color:#222;
  font-size:14px;
  padding:0;              /* 通常はテキストのみ */
}
.column-tabs .tab.is-active{
  padding:6px 12px;
  border-radius:999px;
  background:#f29ab2;
  color:#fff;
}
.column-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 32px;
}
.column-card{ display:block; text-decoration:none; color:inherit; }
.column-card .thumb{
  width:100%;
  aspect-ratio: 1 / 1;
  overflow:hidden;
  border-radius:24px;
  background:#666;
}
.column-card .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.column-card .date{ display:block; margin-top:10px; font-size:14px; font-family: "Zen Maru Gothic", sans-serif !important;}
.column-card .title{ margin-top:6px; font-size:18px; font-weight:700; line-height:1.5; }

.column-tabs{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin:16px 0 24px;
}

/* 通常タブ（テキストのみ） */
.column-tabs .tab{
  text-decoration:none;
  color:#222;
  font-size:14px;
  padding:0;
}

/* 選択中カテゴリ（ピンクボタン） */
.column-tabs .tab.is-active{
  padding:6px 12px;
  border-radius:999px;
  background:#f29ab2;
  color:#fff;
}

/* 「すべて」は常に黒ボタン */
.column-tabs .tab-all{
  padding:6px 12px;
  border-radius:999px;
  background:#000;
  color:#fff;
}
/* =======================
   ▼ タブエリア
======================= */

/* タブ全体 */
.column-tabs{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin:16px 0 24px;
}

/* スマホでは少し間隔を詰める */
@media (max-width:768px){
  .column-tabs{
    gap:8px;
    margin:12px 0 20px;
  }
	.archive_h2{
font-size: 40px;
    margin-top: 60px !important;
    margin-bottom: 20px;
    text-align: center;
    color: #133755;
}
}
@media (max-width:599px){
		.archive_h2{
font-size: 32px;
    margin-top: 40px !important;
    margin-bottom: 20px;
    text-align: center;
    color: #133755;
}
}
/* =======================
   ▼ コラム（カード一覧）
======================= */

.column-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:40px 32px;
}

/* タブレット：2列 */
@media (max-width:1024px){
  .column-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:32px 20px;
  }
}

/* スマホ：1列 */
@media (max-width:768px){
  .column-grid{
    grid-template-columns: 1fr;
    gap:28px;
  }
}

/* 画像 */
.column-card .thumb{
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:20px;
}

/* スマホでは角丸少し小さく */
@media (max-width:768px){
  .column-card .thumb{
    border-radius:14px;
  }
}



/* スマホで文字少し大きく */
@media (max-width:768px){
  .column-card .title{
    font-size:15px;
  }
}

/* コラム以外の一覧 */
.simple-list{
  list-style:none;
  padding:0;
  margin: 0;
  border-top:1px solid rgba(0,0,0,.25); /* 上の区切り線 */
}

.simple-item{
  display:flex;
  align-items:center;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid rgba(0,0,0,.25); /* 行の区切り線 */
}

.simple-item .date{
  font-size:16px;
  white-space:nowrap;
  min-width:66px; /* 日付の列幅を揃える */
	font-family: "Zen Maru Gothic", sans-serif !important;
}

.simple-item .cat-pill{
  font-size:13px;
  line-height:1;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  color:#333;
  white-space:nowrap;
}

.simple-item .title{
  text-decoration:none;
  color:#222;
  font-weight:600;
  line-height:1.7;
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
	font-size:16px;
}



/* ------- レスポンシブ ------- */
@media (max-width: 768px){
  .simple-item{
    align-items:flex-start;
    gap:10px;
    padding:16px 0;
  }

  .simple-item .date{
    min-width:auto;
    font-size:13px;
  }

  .simple-item .title{
    white-space:normal; /* スマホは2〜3行になってもOKなら */
  }
}

@media (max-width: 480px){
  .simple-item{
    flex-wrap:wrap;
    row-gap:8px;
  }

  .simple-item .title{
    flex-basis:100%;
  }
}

/* =========================
   ページネーション全体
========================= */
.pagination{
display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 60px 0 40px;
    font-size: 20px;
}
.pagination__item.is-current:after, .pagination__item:not(.is-dot):hover:after{
	    height: 0 !important;
}
/* 数字共通 */
.pagination__item{
    padding: 11px 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  text-decoration:none;
  color:#000;
	    margin: 0 !important;
}

/* ホバー */
.pagination__item:hover{
  background:#eaeaea;
}

/* 現在ページ */
.pagination__item.is-current{
  background:#6f8faa; /* ブルー系 */
  color:#fff;
  font-weight:400;
}

/* 矢印リンク */
.pagination > a[aria-label]{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#222;
	
}

.pagination > a[aria-label]:hover{
  background:#eaeaea;
}

/* SVGサイズ調整 */
.pagination .ys-icon svg{
  width:22px;
  height:22px;
}

/* =========================
   レスポンシブ
========================= */

/* タブレット */
@media (max-width:1024px){
  .pagination{
    gap:20px;
    font-size:16px;
  }
}

/* スマホ */
@media (max-width:768px){
  .pagination{
    gap:14px;
    font-size:15px;
    margin:40px 0 30px;
  }

  .pagination__item,
  .pagination > a[aria-label]{
          padding: 8px 16px;
  }

  .pagination .ys-icon svg{
    width:18px;
    height:18px;
  }
}
/******************************
**single
*****************************/
.single .site-content .alignfull.ystdb-section{
	    border-bottom: #9B9B9B 1px solid;
    margin-bottom: 100px;
}
.single .content__main{
	    width: 95%;
    max-width: 840px;
    padding: 0;
	margin:0 auto;
}
.singular-header__meta{
	display:none;
}
.entry-meta{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
	margin-top:20px;
}

.entry-meta .date{
  color:#222;
  letter-spacing:0.05em;
}

.entry-meta .divider{
  color:#bbb;
}

.entry-meta .cat{
  color:#AF404B;
  font-weight:500;
}
.card-thumb{
  width:100%;
  aspect-ratio: 3 / 2;      /* 横長比率固定 */
  object-fit: cover;
  border-radius: 28px;      /* 角丸 */
  display:block;
}
@media (max-width:768px){
	.single .site-content .alignfull.ystdb-section{
    margin-bottom: 40px;
}
}
/*************************
**top
*************************/
@media (min-width:1025px){
.top_h2_vertical-rl{
     -webkit-writing-mode: vertical-rl;
     writing-mode: vertical-rl;
    position: absolute;
    z-index: 2;
    height: max-content;
    background: #F6F4E9;
    padding: 0 55px 70px 55px;
    right: 0px;
    border-radius: 0 0 0 40px;
    top: -80px;
}
}
@media (max-width:1600px){
	.top_h2_vertical-rl{
		padding: 0 45px 60px 45px;
	}
	.top_h2_vertical-rl h2{
		    font-size: 3rem !important;
	}
}
@media (max-width:1024px){
.top_h2_vertical-rl{
      background: none;
        padding: 0 0 0 5%;
        right: 0px;
        border-radius: 0;
        top: 20px;
}
		.top_h2_vertical-rl h2{
		    font-size: 1.8rem !important;
	}
}
.ashirai_text{
    font-size: 120px;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: absolute;
    z-index: 2;
    height: max-content;
    left: 0;
    margin: -40px 0 0 32px;
    font-weight: bold;
    color: #F6F4E9;
	font-family: "Lato", sans-serif !important;
}
@media (max-width:1024px){
	.ashirai_text{
	        font-size: 2.8rem;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        position: absolute;
        z-index: 2;
        height: max-content;
        right: 0;
        margin: -4px 0px 0 84vw;
        font-weight: bold;
        color: #F6F4E9;
        font-family: "Lato", sans-serif !important;
        width: fit-content;
	}
}
.ys-posts__date .ys-icon{
	display:none;
}
.ys-posts__date .updated{
	    font-size: 14px;
}
.ratio.is-16-9:before {
    padding-top: 100%;
}
.ratio .ratio__item{
	    border-radius: 40px;
}
.news_box .updated{
	font-size: 16px;
    white-space: nowrap;
    min-width: 66px;
    font-family: "Zen Maru Gothic", sans-serif !important;
}
.news_box .category--news {
    font-size: 13px !important;
    line-height: 1;
    padding: 8px 14px !important;
    border-radius: 999px;
    background: #fff !important;
    color: #000 !important;
    white-space: nowrap;
}
.news_box .ys-posts__item{
	border-bottom: 1px solid #9B9B9B !important;
}
@media (min-width: 600px) {
    .news_box .ys-posts.is-simple .ys-posts__text {
        display: flex;
        align-items: anchor-center !important;
        gap: 1em;
    }
}
.ashirai_text_02{
 
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: absolute;
    z-index: 2;
    height: max-content;
       right: 0;
    margin: -40px 0 0 32px;
    font-weight: bold;
    color: #F6F4E9;
	font-family: "Lato", sans-serif !important;
}
@media (max-width:576px){
	.ashirai_text_02{
	        -webkit-writing-mode: initial;
        writing-mode: inherit;
        position: relative;
        z-index: 2;
        height: max-content;
        right: 0;
        margin: 0;
        font-weight: bold;
        color: #F6F4E9;
        font-family: "Lato", sans-serif !important;
        left: 0;
        top: 40px;
        padding-bottom: 40px;

	}
}