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

/* ------------------カラー------------------ */
:root {
    --bg:#F8F7EE;         /* 背景 */
    --text-bl:#3E3500;    /* 文字色黒 */
    --green:#2F7038;     /* グリーン */
	--orange:#EC6E4E;     /* オレンジ */
	--divider:#DFDCBF;    /* 線 */
}  

/* ------------------ボタン------------------ */
/*  プライマリ  */
.ggt-btn {
  display: inline-block;
  min-width: 160px;
  padding: 12px 24px;
  background: #fff;
  border: 2px solid var(--orange); /* #EC6E4E var(--orange) */
  border-radius: 100px;
  font-size: 16px;
  font-weight: 700;
  color: var(--orange); /* #EC6E4E var(--orange) */
  text-align: center;
  text-decoration: none;
}
.ggt-btn:hover {
  background: var(--orange);
  color: #fff;
  transition: 0.2s;
}
/* セカンダリ */
.ggt-btn-sub {
  display: inline-block;
  min-width: 160px;
  padding: 8px 16px;
  border: 2px solid var(--green);
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  color: var(--green);
  text-align: center;
  text-decoration: none;
}
.ggt-btn-sub:hover {
  background: var(--green);
  color: #fff;
  transition: 0.2s;
}

/* ------------------デフォルトCSS打ち消し------------------ */
/* 見出し */
.post_content h2 {
	margin: 80px 0 64px;
	padding: 0;
	background: none;
}
.post_content h2::before {
	border: none;
}
@media (max-width: 768px) {
	.post_content h2 {
		margin: 48px 0 32px;
	}
}
.post_content h3 {
	margin: 0;
	padding: 0;
}
.post_content h3::before {
	background: none;
}
/* PC: 投稿ブロックの左右の余白 */
.l-mainContent__inner>.post_content {
    padding: 0;
}
.swell-block-fullWide__inner {
	padding: 0;
}
@media (max-width: 960px) {
	.swell-block-fullWide__inner {
		padding: 20px; /* 4vw */
	}
}
/* PC: フルワイドブロックの上下の余白
.swell-block-fullWide {
	padding-top: 80px!important;
	padding-bottom: 80px!important;
}
@media (min-width: 960px) {
	.pc-py-60 {
		padding-top: 80px!important;
		padding-bottom: 80px!important;
	}
}
@media (max-width: 768px) {
	.swell-block-fullWide {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
} */
/* パンくずに記事タイトルを表示する */
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
	display:block;
}
/* 投稿公開アイコンを非表示にする */
.icon-posted:before {
	content: ""; 
	margin-right: 0px;
}
/* パンくずのホームアイコンを非表示にする */
.icon-home:before {
	content: ""; 
}


/* ------------------スタイリング変更------------------ */
.c-pageTitle__subTitle {
	display: none;
}
/* 投稿リスト */
.p-postList .p-postList__title {
	color: var(--orange);
	font-weight: 500;
}
.-type-simple .p-postList__link {
	border-bottom: 1px solid #DFDCBF;
}
.p-postList.-type-simple {
	border-top: 1px solid #DFDCBF;
}
/* DIVIDERの追加 */
.with_divider {
  border-bottom: 1px solid #DFDCBF;
}
/* 固定ページのコンテンツヘッダー */
.l-topTitleArea {
	min-height: 16em;
}
.c-pageTitle {
	text-align: center;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: .1em;
}
@media (min-width: 600px) {
	.l-topTitleArea {
		min-height: 320px;
	}
	.c-pageTitle {
		font-size: 1.5em;
	}
}
/* ヘッダー */
.l-fixHeader__logo {
	padding: 8px 0;
}
/* ヘッダーメニュー */
.c-gnav>.menu-item>a .ttl {
	font-size: 16px;
}
/* SP開閉メニュー */
.p-spMenu__body {
	padding: 0 8vw 10vw;
}
.c-widget__title.-spmenu {
	display: none;
}
.p-spMenu__nav {
	margin-top: 0;
}
.c-spnav a {
	border-bottom: none;
	font-size: 16px;
}


/* ------------------ビューポートに入ったら要素がふわっと現れる------------------ */
  /* 基本スタイル：最初は少し下＆透明 */
  .reveal{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 1s ease, transform 1s ease;
    will-change: opacity, transform;
  }
  /* 表示状態 */
  .reveal.is-visible{
    opacity: 1;
    transform: none;
  }
  /* 低モーション設定のユーザーにはアニメ無効（アクセシビリティ） */
  @media (prefers-reduced-motion: reduce){
    .reveal{ opacity:1; transform:none; transition:none; }
  }