@charset "UTF-8";

/*!
Theme Name: Olto theme
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.home .entry-content h2>span::before {}
/*h2タイトルの数字を非表示 */
.home .entry-content h2>span::before{display: none!important; }
/*h2タイトルの調整 */
.home .entry-content h2{padding-left:15px}

.article h3 {
  border-left: 2px solid #83a1bf;
}

.yohakubottom{
	margin-bottom:0.2em;
}



input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
  padding: 10px;
  background-color: #83a1bf;
  border: none;
  color: #fff;
  cursor: pointer;
}
span.wpcf7-spinner {
  display: none;
}


.slidertop{
	margin-top: -2em!important;
}
.slidertop2{
	margin-top: -1.5em!important;
}

.my-cover-wide2{
margin-right: -30px;
margin-left: -30px;
width: auto;
}

.cat-label {
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  border: 1px solid #eee;
  font-size: 11px;
  color: var(--cocoon-white-color);
  background-color: rgba(51, 51, 51, 0.2);
  padding: 1px 5px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.littlehouse_gallery1{
	margin-bottom: 1.3em!important;
}

.ten{
	font-family: "ten-mincho", serif!important;
}

.navi {
  background-color: var(--cocoon-white-color);
font-family: "ten-mincho", serif!important;
}
.navi-footer-in{
	font-family: "ten-mincho", serif!important;
}

.linkmore{
  margin-top: -1.2em!important;
}
.entry-content h1 {
  line-height: 1.6;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.yohakutop{
	padding-top: 0.5em;	
	margin-bottom: 0.2em!important;
	font-size: 25px!important;

}
.my-cover-wide{
margin-right: -30px;
margin-left: -30px;
width: auto;
}

.sliderhead{
		font-size: 25px!important;
		
}
.slidercontent{
		font-size: 16px!important;
		
}	
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** Typography Base（2026）
************************************/

html {
  font-size: 16px;
}

/* 本文エリアを基準にする（Cocoonと相性良い） */
.entry-content {
  font-size: 1.125rem; /* PC: 18px */
  line-height: 1.8;
}

/* 段落は基準に従う */
.entry-content p {
  font-size: 1em;
  line-height: inherit;
}

/* 見出し */
.entry-content h2 {
  font-size: 2rem; /* 32px */
  line-height: 1.4;
}

/* 強調文・注釈（本文内だけに効かせる） */
.entry-content .text-emphasis {
  font-size: 1.3125rem; /* 21px */
  line-height: 1.6;
  font-weight: 600;
}

.entry-content .text-note {
  font-size: 0.875rem; /* 14px */
  line-height: 1.6;
}

/* Cocoon S/M/L リセット（本文内だけ） */
.entry-content .has-small-font-size,
.entry-content .has-medium-font-size,
.entry-content .has-large-font-size {
  font-size: inherit !important;
}

/* ブロック親のfont-size暴走止め（本文内） */
.entry-content .wp-block-group,
.entry-content .wp-block-columns,
.entry-content .wp-block-column,
.entry-content .wp-block-cover,
.entry-content .wp-block-cover__inner-container {
  font-size: inherit;
}
/* このテーブルだけ整える */
.entry-content table.olto-flow-table{
  width: 100%;
  table-layout: fixed;          /* これが効く：列幅を固定して折り返させる */
  border-collapse: collapse;
}

.entry-content table.olto-flow-table th,
.entry-content table.olto-flow-table td{
  padding: 12px 12px;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: anywhere;      /* 長い文字列も強制的に折り返す */
}

.entry-content table.olto-flow-table th{
  width: 7.5em;                 /* 左列の幅（好みで 6.5〜9em くらいで調整） */
  white-space: normal;          /* thがnowrapだと横に広がるので解除 */
}

/* SP */
@media screen and (max-width: 834px){
  .entry-content {
    font-size: 1rem; /* SP: 16px */
  }

  .entry-content h2 {
    font-size: 1.5rem; /* 24px */
  }

  .entry-content .text-emphasis {
    font-size: 1.125rem; /* 18px */
  }

  .entry-content .text-note {
    font-size: 0.8125rem; /* 13px（読みやすさ優先） */
  }

  /* メインビジュアルのテキスト幅だけ例外で広げる */
  .mv-text-wrap{
    width: 100% !important;
    max-width: none !important;
  }
  /* スライダー全体を本文基準に戻す（SPだけ） */
  .swiper,
  .swiper-wrapper,
  .swiper-slide {
    font-size: 1rem !important;   /* SP本文基準：16px */
    line-height: 1.8 !important;
  }

  /* スライダー内テキストの暴走止め */
  .sliderhead,
  .slidercontent,
  .sliderhead p,
  .slidercontent p {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  .entry-content table.olto-flow-table th,
  .entry-content table.olto-flow-table td{
    padding: 10px 10px;
  }
  .entry-content table.olto-flow-table th{
    width: 6.5em;
  }
}
/* ================================
   PCのみ：本文幅を狭めて左寄せ
================================ */
@media (min-width: 1024px){
  .entry-content .is-narrow-pc p{
    max-width: 480px;
  }
  .entry-content .is-narrow-pc ul,
  .entry-content .is-narrow-pc ol{
    max-width: 480px;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
}