@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL PLUS
    Theme URI: https://manuon.com/swell_plus/
    Description: SWELLを機能拡張する子テーマ
    Version: 1.3.0
    Author: suya(suyasite)@manuon.com
    Author URI: https://manuon.com/
*/

#swell_plus_floating_button {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 98;
    bottom: -60px;
    transition: bottom .4s;
    margin-bottom: 0.5em;
}

[data-scrolled=true] #swell_plus_floating_button {
    display: block;
    bottom: 0;
}

/*.p-fixBtnWrap {
    bottom: calc(50px + 1.25em);
}*/

footer {
    padding-bottom: 50px;
}

/* - - - - color - - - - */

.main-color{
	color:#006702;
}

.sub-color{
	color:#e2efda;
}

.sub-bg{
	background-color:#e2efda;
}

.accent-color{
	color:#e25c00;
}

.base-color{
	color:#fafaf7;
}

.text-color{
	color:#2c332b;
}

/* - - - - border - - - - */

.border-solid{
	border:1px solid #e2efda;
}

/* - - - - padding - - - - */

.pd-top10{
	padding-top:10px;
}
.pd-bottom10{
	padding-bottom:10px;
}

.pd-10{
	padding:10px 30px;
}

/* - - - - parts - - - - */

.h2-title{
	border:1px solid #e2efda;
	padding-top:10px;
	padding-bottom:10px;
}


/* - - - - main-content下マージン - - - - */

.l-content {
	margin: 0 auto;}

	
} /* PCでは600pxで固定する */


/* 1-1. text左寄せのまま中央 */
/* ① 基本（スマホ向け）の設定 */
.center-text {
    width: 80%; /* スマホでは少し広めに確保 */
    margin: 0 auto;
    text-align: left;
}

/* ② タブレット向け（画面幅600px以上）の設定 */
@media screen and (min-width: 600px) {
    .center-text {
        width: 80%; /* タブレットでは画面の80%の幅にする */
    }
}

/* ③ PC向け（画面幅960px以上）の設定 */
@media screen and (min-width: 960px) {
    .center-text {
		width: 80%;
    }
}

/* - - - - adobeフォント - - - - */
.Kinuta{
	font-family: "maru-maru-gothic-alr-stdn", sans-serif;
	font-style: normal;
}


/* - - - - フォントweight - - - - */
.fw200{
font-weight: 200;}

.fw400{
font-weight: 400;}

.fw600{
font-weight: 600;}

.fw800{
font-weight: 800;}

.fw-b{
font-weight: bold;}


/* 見出しの装飾を完全にリセットするクラス */
.u-plain-heading {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 1em; /* 必要に応じて余白を調整 */
}

/* SWELL独特の2色下線（2色のボーダー）などもクリアする */
.u-plain-heading::before,
.u-plain-heading::after {
    display: none !important;
}

/* .flowers クラス内にあるリスト項目（li）の下に余白を設定 */
.flowers ul li,
.flowers ol li {
  margin-bottom: 0.8em; /* 文字サイズに応じた適切な下マージン */
}

/* 最後の項目だけは余白を消して、全体のバランスを整える */
.flowers ul li:last-child,
.flowers ol li:last-child {
  margin-bottom: 0;
}

/* 季節の花ボタン「my-clickable-box」を設定したブロックだけを全域リンク化 */
p.my-clickable-box {
  position: relative !important;
  padding: 0 !important; /* 内側の余白をaタグ側に移動 */
  overflow: hidden;      /* 枠線・角丸のあふれ出し防止 */
}

p.my-clickable-box > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1em;                  /* 元の余白感を再現（好みで調整可） */
  color: inherit !important;     /* 文字色を元の設定から引き継ぐ */
  text-decoration: none !important; /* 下線を消す */
  box-sizing: border-box !important;
}

/* ホバー時の変化（お好みで調整） */
p.my-clickable-box > a:hover {
  opacity: 0.8;
}

/* 記事リスト（サムネイル型）のタイトル中央揃え & スマホサイズ調整 */
.center-title .p-postList__title {
  text-align: center; /* タイトルを中央揃え */
}

/* スマホ表示（画面幅600px以下）のとき */
@media screen and (max-width: 600px) {
  .center-title .p-postList__title {
    font-size: 11px; /* お好みで 10px〜12px に調整してください */
    line-height: 1.3;  /* 文字が小さくなる分、行間を詰めて見やすくする設定 */
  }
}