@charset "UTF-8";

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

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

/************************************
** body
************************************/
body {
	background: none;
	color: #745c51;
}
/************************************
** main
************************************/
.single #main {
	padding: 2em 3em;
}
.main {
  padding: 0 29px;
}
/************************************
** p
************************************/
.sidebar p {
	margin: 2em 0;
	line-height: 2;
}
.entry-content .wp-caption-text {
	margin: 0;
}

/************************************
** a
************************************/
a {
	transition: 0.5s;
}
/************************************
** スライダー
************************************/
/* ▼ スライダー全体 */
.topslider {
  width: 100%;
  overflow: hidden;
  position: relative; /* ← ボタンの基準になる */
  margin: 0 auto;
  z-index: 1;
}
/* ▼ 横並びのトラック */
.topslider-track {
  display: flex;
  gap: 15px; /* スライド間の余白 */
  transition: transform 0.4s ease;
}
/* ▼ スライド1枚分 */
.topslider .slide {
  flex: 0 0 90vw;        /* 基本の幅 */
  max-width: 1000px;     /* PCで巨大化しすぎない */
  height: auto;          /* トリミングしない */
  overflow: hidden;
  border-radius: 12px;
  margin: 0 auto;
  position: relative;    /* ← 念のため */
}
/* ▼ 画像（トリミングなし） */
.topslider .slide img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1; /* ← ボタンより下にする */
}
/* ▼ ボタンの共通設定 */
.topslider .prev,
.topslider .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999; /* ← 画像より確実に前に出す */
  background: rgba(255,255,255,0.85);
  border: none;
  padding: 12px 16px;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
/* ▼ 左右の位置（画像の端に寄せる） */
.topslider .prev {
  left: 40px;
}
.topslider .next {
  right: 40px;
}
/* ▼ PC のときだけヘッダーとスライダーの間に余白 */
@media (min-width: 769px) {
  .topslider {
    margin-top: 15px; /* ← 好きな値に調整できる */
  }
}
/* ▼ スマホ（768px以下） */
@media (max-width: 768px) {
  .topslider .slide {
    flex: 0 0 100vw;   /* 全幅 */
    max-width: 100%;   /* PCのmax-widthを無効化 */
    height: auto;
    border-radius: 0;  /* ← 角丸なし */
    margin: 0;         /* 中央寄せも不要 */
  }
  .topslider .slide img {
    width: 100%;
    height: auto;
    border-radius: 0;  /* 念のため */
  }
  .topslider-track {
    gap: 0;            /* 余白なしで全面に */
  }
  /* ボタン位置もスマホ用に調整 */
  .topslider .prev {
    left: 10px;
  }
  .topslider .next {
    right: 10px;
  }
}
/************************************
** アクセススライド
************************************/
.haikei .access-gallery {
  max-width: 750px !important;
  margin: 0 auto 20px;
}
/* PCでは少し大きめに（調整） */
@media (max-width: 1024px) {
  .haikei .access-gallery {
    max-width: 600px !important; /* ← メイン画像を少し大きく */
  }
}
/* スマホでは全幅 */
@media (max-width: 768px) {
  .access-gallery {
    max-width: 100%;
  }
}
.access-main {
  width: 100%;
  aspect-ratio: 7 / 5; /* アスペクト比 */
  overflow: hidden;
}
.access-main-image {
  width: 100%;
  height: 100%;
  object-fit: contain; /* ← 切れない */
}
/* サムネイルの並び */
.access-thumbs {
  display: flex;
  gap: 4px; /* ← 余白 */
  margin-top: 5px;
  padding-bottom: 4px;
  -webkit-overflow-scrolling: touch;
}
/* PC：中央寄せ */
@media (min-width: 1024px) {
  .access-thumbs {
    justify-content: center;
    overflow-x: visible;
  }
}
/* 1023px以下は横スクロール＋左寄せ */
@media (max-width: 1023px) {
  .access-thumbs {
    justify-content: flex-start; /* ← ここがポイント */
    overflow-x: auto;
  }
}
/* スマホ：横スクロール */
@media (max-width: 1023px) {
  .access-thumbs {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
/* サムネイルをさらに大きく（PC） */
.access-thumb {
  height: 100px; /* ← ここを大きくした */
  width: auto;
  object-fit: cover;
  opacity: 0.6;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: opacity 0.2s ease, border-color 0.2s ease;
}
/* スマホでは少し大きめに */
@media (max-width: 768px) {
  .access-thumb {
    height: 70px; /* ← スマホも少し大きく */
  }
}
/* 中間幅のサムネイルサイズ */
@media (max-width: 1023px) and (min-width: 535px) {
  .access-thumb {
    height: 85px;
  }
}
.access-thumb.active {
  opacity: 1;
  border-color: #f2b500;
}
/************************************
** フロント固定ページのタイトルを非表示
************************************/
.home.page .entry-title{
  display: none;
}
/************************************
** ヘッダー設定
************************************/
/*ヘッダーの背景の色を変える*/
#header-container{
    background-color: #ffd943;
}
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #ffd943;
}
.logo-menu-button.menu-button{
	background-color: #ffd943;
	justify-content: left;
    padding-left: 10px;
}
/* headerのインナー解除 */
#header-container-in.wrap {
    width: 100% !important;
    max-width: none !important;
    padding-left: 20px;   /* ← 左右の余白 */
    padding-right: 20px;  /* ← 好きな値に調整できる */
    box-sizing: border-box; /* ← 余白を入れても崩れないように */
}
@media screen and (max-width: 1150px) {
  #header-container-in.wrap {
    padding-left:0;   /* ← 左右の余白 */
    padding-right:10px;  /* ← 好きな値に調整できる */
  }
}
/*ヘッダーの破線を消す*/
.menu-button{
	border: none!important;
}
.page-top{
	display:none;
}
/* ヘッダーロゴ */
 div.header-container-in.hlt-top-menu .logo-header img {
	height: auto;
	max-height: none;
	width: 300px;
	padding: 0.5em 0;
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: none;
}
/************************************
** グローバルナビ
************************************/
/* 文字色（1階層目・2階層目共通） */
#navi .navi-in a {
  color: #745c51;
}
/* ▼ メインメニューの文字設定（1階層目のみ） */
#navi .navi-in > ul > li > a{
  font-weight: bold;
}
/* ▼ メインメニューのホバー線（1階層目のみ） */
#navi .navi-in > ul > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #745c51;
  transform: scaleX(0);
  transform-origin: left;
  transition: 0.3s ease;
}
#navi .navi-in > ul > li > a:hover:before {
  transform: scaleX(1);
}
/* ============================
   ドロップダウン（2階層目）
   ============================ */
/* 背景色・影 */
#navi .navi-in > ul .sub-menu {
  background-color: #ffffff !important;
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));
  opacity: 0.97;
}
/* 仕切り線 */
#navi .navi-in > ul .sub-menu li {
  border-bottom: 1px solid #dcdcdc !important;
}
/* ホバー背景 */
#navi .navi-in > ul .sub-menu li:hover {
  background-color: #fffacd;
}
/* アイコンと文字の余白 */
#navi .navi-in > ul .sub-menu li a .item-label i {
  margin-right: 6px;
}
/* メニューのフォントサイズ（1階層目） */
#navi .navi-in > .menu-header .item-label {
  font-size: 14px;
}
/* SNS メニュー項目の余白を消す */
#navi .menu-header .sns-menu-pc{
  padding-left: 0 !important;
  padding-right: 0 !important;
	width: 32px;
	height: 32px;
}
/* SNS アイコンの a だけアンダーラインを消す */
#navi .navi-in a:has(img.sns-menu-pc):before {
  content: none !important;
}
/* SNSアイコンだけ a の左右余白をなくす */
#navi .navi-in > ul > li > a:has(img.sns-menu-pc) {
  padding-left: 15px;
  padding-right: 0;
}
/************************************
** パンくずリスト
************************************/
.breadcrumb.pbp-main-before{
	max-width: 1228px;
	padding: 15px 29px 0;
}
/*834px以下*/
@media screen and (max-width: 834px){
.breadcrumb.pbp-main-before{
	padding: 5px 15px 0;
}
}
/************************************
** フッター
************************************/
.footer-bottom {
	margin-bottom: 1em;
}
.footer-bottom-logo .logo-image {
	max-width: 50%;
}
.footer-bottom-logo img {
	height: auto;
}
.logo-image {
    margin: 0;
    float: left;
}
.footer{
	margin-top:0;
	padding-bottom:20px;
}
.copyright {
	margin-right: 10px;
}
/*ヘッダーとフッターのaホバー時背景透明処理*/
#navi .navi-in a:hover, #footer a:hover {
    background-color: rgba(255,255,255,0);
}
#footer a:hover,
#footer a:hover img {
    background-color: transparent !important;
}
/*フッターaホバー時ライン*/
.menu-footer a {
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.menu-footer a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #745c51;
  transition: width 0.25s ease;
}
.menu-footer a:hover::after {
  width: 100%;
}
/*フッターリスト*/
#footer #navi-footer li {
    border-left: 1px solid #9b7b6c;
	padding: 0 10px;
}
#footer #navi-footer li:first-child {
	border: none;
}
#footer #navi-footer li:last-child {
	border-right: none;
}
@media screen and (max-width: 1023px) {
.navi-footer-in > .menu-footer {
    display: block;
  }
#footer #navi-footer li {
    display: block;
    margin:auto;
	}
#footer #navi-footer li a {
    padding:0.5em 0;
}
.navi-footer-in > .menu-footer {
	margin: 1.5em 0 0 0;
}
.logo-image {
    margin: 0 auto;
	float:none;
}
}
/************************************
** reCAPTCHA v3　表示位置
************************************/
.grecaptcha-badge{
    margin-bottom: 60px;
}
/************************************
** SNS
************************************/
#main a .button-caption {
	display: none;
}
#main .sns-buttons a {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	opacity: 0.8;
	margin-right: 10px;
}
#main .sns-buttons a:last-child {
	margin-right: 0;
}
.sns-share-buttons {
	justify-content: flex-start;
}
.article-footer .sns-share-buttons, .article-footer .sns-follow-buttons {
	justify-content: center;
}
.sns-share-message, .sns-follow-message {
	color: #745c51;
	font-size: 0.8em;
}
.sns-follow-buttons a {
	font-size: 1.3em;
}
.sns-share-message::before, .sns-follow-message::before {
	content: '＼ ';
}
.sns-share-message::after, .sns-follow-message::after {
	content: ' ／';
}
.sns-share, .sns-follow {
	margin: 0;
}
.sns-share-buttons a .share-count,
.sns-follow-buttons a .follow-count {
    right: -10px;
    bottom: -10px;
    color: #aaa;
}
/************************************
** 目次
************************************/
.toc {
	border: 1px solid #9b7b6c;
	border-radius: 5px;
	padding: 1em 2em;
}
.toc-title {
	color: #9b7b6c;
	font-weight: 500;
}
.toc .toc-content {
	color: #9b7b6c;
}
.toc a {
	color: #745c51;
}
/***********************************
** 見出し h1~h6
************************************/
h1 {
  position: relative;
  padding: 0.8em 0.2em;
  border-top: #ffd943 solid 2px;
}
.logo-menu-button img
{margin:0;}
.article h2, .article h3, .article h4, .article h5, .article h6 {
	font-size: 1.2em;
	line-height: 1.5;
	color: #9b7b6c;
	font-weight: 600;
	margin: 2em 0;
}
/*480px以下*/
@media screen and (max-width: 480px) {
.article h1 {
	padding: 0.5em 0 0;
	margin-top: 10px;
}
}
.article h2 {
	border-top: 1px solid #9b7b6c;
	border-bottom: 1px solid #9b7b6c;
	background: url(images/back-dot.png);
	padding: 0.7em;
}
.article h3 {
	border: none;
	border-bottom: 2px dotted #ffd943;
	padding: 0.5em 0;
}
.article h4 {
	border-left: 5px solid #ffd943;;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0.2em 0.7em;
}
.article h5 {
	border: none;
	border-bottom: 2px solid #9b7b6c;
	padding: 0.5em 0;
}
.article h6 {
	border: none;
	border-bottom: 1px solid #9b7b6c;
	padding: 0.5em 0;
}
#archive-title {
	color: #9b7b6c;
	font-size: 1.4em;
}
/************************************
** 文字の装飾 marker
************************************/
.red {
	color: #f39800;
}
.red-under {
	border-bottom: 2px solid #f39800;
}
.marker-under-red {
	background: linear-gradient(transparent 60%, #fad699 60%);
}
.marker-red {
	background: #fad699;
}
.keyboard-key {
    background-color: #ffff;
    padding: 3px 5px;
}
/************************************
** ページトップへ
************************************/
.page-top a {
	display: block;
	text-align: center;
	background: #d7cac4;
	color: #9b7b6c;
	margin: 0 0 -22px 0;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 0;
	margin-top: 3em;
}
.page-top a:hover {
	background: #f39800;
	color: #fff;
}
.go-to-top {
	right: 20px;
	bottom: 20px;
}
.go-to-top-button {
	background: #9b7b6c;
	color: #fff;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	line-height: 1;
	border-radius: 50%;
	font-size: 2em;
	opacity: 0.8;
}
/************************************
** スマートフォン　メニュー関連
************************************/
.slicknav_btn {
	background: #9b7b6c;
}
.slicknav_menu .slicknav_menutxt, .slicknav_btn {
	text-shadow: none;
	font-weight: 500;
	margin-bottom: -5px;
}
.slicknav_menu .slicknav_icon-bar {
	box-shadow: none;
}
.slicknav_menu {
	background: none;
}
.slicknav_nav a {
	border-bottom: 2px dotted #ddd;
	color: #9b7b6c;
}
.mobile-menu-buttons {
	background:#fff0b3;
	color: #745c51;
	height: 45px;
}
.mobile-menu-buttons .menu-button > a {
	color: #745c51;
}
.mobile-menu-buttons .menu-button > a:hover{
	color:#333;
}
.mobile-menu-buttons .menu-caption {
	font-size: 0.7em;
}
.mobile-menu-buttons .menu-button {
	border-right: 1px dashed #fff;
}
.mobile-menu-buttons .menu-button:last-child {
	border-right: none;
}
.mobile-menu-buttons .menu-content{
	color: #555;
}
.author-box .sns-follow-buttons a.follow-button {
	color: #fff;
	border-radius: 50%;
}
.menu-drawer a {
	padding: 1em;
	color: #9b7b6c;
	font-weight: 400;
	border-bottom: 1px dashed #9b7b6c;
}
.menu-close-button::before {
	color: #f39800;
}
.menu-content .sidebar {
	padding: 0 20px;
}
.menu-content .sidebar .author-description {
	margin: 3em 0;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	#header-container .menu-mobile{
		display:none;
	}
	.navi-in > .menu-mobile{
		display:-webkit-box;
  		display:-ms-flexbox;
  		display:flex;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
      flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#navi .navi-in > .menu-mobile li {
		height: auto;
		line-height: 1.8;
	}
  .navi-in > ul li {
	  min-width: auto;
  }
  #header-container .navi a {
	  font-size: 0.8em;
  }
  #footer #navi-footer .navi-footer-in > .menu-footer li.menu-item {
	  border: none;
  }
  #sidebar {
	  padding: 0 2em;
  }
  .entry-card-content {
	  flex: 2;
  }
	.mobile-menu-buttons{
	   height:auto;
   }
}

/*768px以下*/
@media screen and (max-width: 768px) {
}

/*480px以下*/
@media screen and (max-width: 480px) {
.single #main {
	padding: 2em 1em;
}
#sidebar {
	padding: 0 1em;
}
.nwa .author-box .author-content {
	font-size: 1.2em;
}
.rect-entry-card .card-thumb {
	margin: 0 10px 0 0;
}
.ect-vertical-card.ect-tile-card .a-wrap {
	margin-bottom: 1em;
}
}
/************************************
** リスト
************************************/
.list-1 {
	counter-reset: number;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.list-1 li {
	border-bottom: 1px dashed;
	border-color: #cdcdcd; /* 線の色 */
	position: relative;
	margin: 0.5em 0 !important;
	padding: 0 0 0.5em 1.8em;
}
.list-1 li:last-child {
	border: none;
}
.list-1 li:before {
	counter-increment: number;
	content: counter(number);
	background-color: #9b7b6c; /* 文字背景色 */
	color: #fff; /* 文字色 */
	position: absolute;
	font-weight: bold;
	font-size: 14px;
	border-radius: 50%;
	left: 0;
	top: 0.3em;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}
.list-2 {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-2 li {
	border-bottom: 1px dashed;
	border-color: #cdcdcd; /* 線の色 */
	position: relative;
	margin: 0.5em 0 !important;
	padding: 0 0 0.5em 1.4em;
}
.list-2 li:last-child {
	border: none;
}
.list-2 li:before {
	background-color: #9b7b6c; /* 点の色 */
	position: absolute;
	content: '';
	top: 0.7em;
	left: 0.5em;
	width: 7px;
	height: 7px;
	border-radius: 4px;
}
@media screen and (max-width: 768px) {
#main .list-1, #main .list-2 {
	padding-left: 0;
}
}
.list-box-1 {
	background: #f3efee; /* 背景色 */
	border-radius: 4px;
	max-width: 600px;
	padding: 2em;
	margin: 0 auto;
}
.list-box-2 {
	background: #f3efee;/* 背景色 */
	border-radius: 4px;
	max-width: 600px;
	padding: 2em;
	margin: 0 auto;
	border: 1px solid;
	border-color: #9b7b6c; /* 線の色 */
}
.list-box-3 {
	background: #f3efee;/* 背景色 */
	border-radius: 4px;
	max-width: 600px;
	padding: 2em;
	margin: 0 auto;
	border: 2px dotted;
	border-color: #9b7b6c; /* 線の色 */
}
.list-box-4 {
	background: #f3efee;/* 背景色 */
	border-radius: 4px;
	max-width: 600px;
	padding: 2em;
	margin: 0 auto;
	border: 4px double;
	border-color: #9b7b6c; /* 線の色 */
}
/************************************
** アコーディオン(表示非表示)
************************************/
.hidden_box {
    margin: 2em 0;
    padding: 0;
	text-align:center;
}
.hidden_box label {
    padding: 1em 2em;
    border: solid 1px #9b7b6c;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #9b7b6c;
    border-radius: 3px;
}
.hidden_box label:hover {
    background: #9b7b6c;
	color:#fff;
}
.hidden_box input {
    display: none;
}
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
	text-align:left;
}

.recent-comments .a-wrap{
	padding: 1.5%;
}

.ranking-items p {
	margin-top: 0;
}

.wpforo-list-item p {
	margin: 0;
}
/************************************
** 見出し２カスタマイズ
************************************/
.article h2{ 
  padding: 0;
  margin-top: 100px;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
  background: #ffffff; /*背景カラー*/
}
h2.none{ 
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border:none;
  line-height: normal;
  position:relative;
}
/*見出し*/
.top_midashi {
  margin-top:0!important;
  position: relative;
  background: #ede4cd;
  box-shadow: 0px 0px 0px 5px #ede4cd;
  border-top: dashed 2px white;
  border-bottom: dashed 2px white;
  padding: 0.8em 1.5em;
}
/*834px以下*/
@media screen and (max-width: 834px){
.top_midashi {
  padding: 0.5em 0.8em!important;
}
}
h2.blog{ /*見出し２カスタマイズ*/
	font-size: 1.2em;
    line-height: 1.5;
    color: #9b7b6c;
    margin: 2em 0;
	border: none;
    border-bottom: 2px dotted #9b7b6c;
    padding: 0.5em 0;
}
h3.blog{ /*見出し３カスタマイズ*/
border-left: 5px solid #ffd943;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0.2em 0.7em;
}
/* 薄背景色変更 */
.is-style-light-background-box{
	background-color: #fffaf4;
}
.is-style-border-convex {
	border: 1px solid #d6c6af;
}
/* 画像に枠線 */
.waku img {
 box-shadow: 3px 3px 10px #d3d3d3;
}
/* キャプション */
figcaption{
	margin-top:0!important;
}
	.top_comment_sm{
		display:none;
}
/* 水平線・斜め */
hr.naname {
  margin: 0;
  padding: 0;
  border: 0;
  height: 8px;
  background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
  background-size: 8px 8px;
}
/* photo gallery 並び修正 */
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails{
 justify-content: start!important;
 box-sizing: border-box;
}
/* インスタボタン背景色 */
.instagram-button {
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
/* シェアアイコンサイズ調整 */
.ss-bottom .sns-share-buttons a{
	font-size: 1.1em;
}
/************************************
** cat-label
************************************/
.cat-label {
	background: #f39800;
	border-radius: 10px;
	padding: 0 10px;
	top: 0.8em;
	left: 0.8em;
	font-weight: 500;
}
.eye-catch .cat-label {
	border-radius: 20px;
	padding: 0 10px;
	top: 0.8em;
	left: 0.8em;
}
/************************************
** cat-link,tag-link
************************************/
.cat-link {
	background: #f39800;
}
article .tag-link {
	background: #9b7b6c;
	color: #fff;
	border: none;
}
article .tag-link:hover {
	background: #9b7b6c;
	opacity: 0.7;
	color: #fff;
}
/************************************
** 日付
************************************/
.date-tags {
	color: #745c51;
	margin-bottom: 0.5em;
}
/*ページナンバー「…」非表示指定を打ち消し*/
@media screen and (max-width: 480px) {
    .page-numbers.dots {
        display: inline-block !important;
    }
}
/*---ブログカードのカテゴリーラベル---*/
.cat-label {
	position: static !important; /* 位置指定を解除 */
	display: inline-flex;
	align-items: center; /* 垂直中央揃え */
	text-decoration: none;
	background-color: #fff;
	border-radius: 2px;
	padding: 0.5em 1em;
	color: #bea98c;
	font-size:12px;
	line-height: 0; /* 行間を詰めて縦位置を調整 */
	height: 2em; /* 高さを固定して中央揃えを安定させる */
	border: #bea98c solid 1px;
	margin:1em 0 1em 0.3em;
}
/* 子カテゴリー */
	.child-cat {
	background-color: #ffd943;
    border: #ffd943 solid 1px;
    color: #745c51;
}
/* 孫カテゴリー
	.grandchild-cat {
} */
/*480px以下*/
@media screen and (max-width: 480px){
.cat-label {
	padding: 0.2em 1em;
	font-size:11px;
	margin:0.2em 0 0.5em 0.3em;
}
}
/*home新着情報カード*/
.new-entry-card-content{
	padding:0 !important;
}
.new-cat-label{
	margin: 0.3em 0 0 0;
}
.new-title{
	padding:0.2em 0;
	border-bottom: #cccccc dashed 1px;
}
/*480px以下*/
@media screen and (max-width: 480px){
.new-title{
	font-size:1rem;
}
}
/************************************
** サイドバー sidebar
************************************/
.sidebar {
	font-size: 0.9em;
}
.sidebar h2,
.sidebar h3 {
	padding: 0.3em 0.8em;
	font-size: 1.1em;
}
.sidebar .widget_recent_entries ul li,.sidebar .widget_categories ul li a,.sidebar .widget_archive ul li,.sidebar .widget_pages ul li,.sidebar .widget_meta ul li,.sidebar .widget_rss ul li,.sidebar .widget_nav_menu ul li{
	border-bottom: 2px dotted #ccc;
}
.sidebar .widget_recent_entries ul li:last-child, /*.sidebar .widget_categories > ul > li:last-child a,*/ .sidebar .widget_archive ul li:last-child, .sidebar .widget_pages ul li:last-child, .sidebar .widget_meta ul li:last-child, .sidebar .widget_rss ul li:last-child, .sidebar .widget_nav_menu ul li:last-child{
	border:none;
}
.sidebar .widget_recent_entries ul li a, .sidebar .widget_categories ul li a, .sidebar .widget_archive ul li a, .sidebar .widget_pages ul li a, .sidebar .widget_meta ul li a, .sidebar .widget_rss ul li a, .sidebar .widget_nav_menu ul li a {
	position: relative;
	padding-left: 1.3em;
	color: #745c51;
}
.sidebar .widget_recent_entries ul li a:hover, .sidebar .widget_categories ul li a:hover, .sidebar .widget_archive ul li a:hover, .sidebar .widget_pages ul li a:hover, .sidebar .widget_meta ul li a:hover, .sidebar .widget_rss ul li a:hover, .sidebar .widget_nav_menu ul li a:hover {
	background: none;
	color: #9b7b6c;
}
.sidebar .widget_recent_entries ul li a:before,
.sidebar .widget_categories ul li a:before,
.sidebar .widget_archive ul li a:before,
.sidebar .widget_pages ul li a:before,
.sidebar .widget_meta ul li a:before,
.sidebar .widget_rss ul li a:before,
.sidebar .widget_nav_menu ul li a:before {
	font-family: "FontAwesome";
	content: "\f138";
	position: absolute;
	font-size: 1em;
	left: 0;
	top: 10px;
	color: #9b7b6c;
}
/************************************
** ウィジェット
************************************/
.widget-entry-cards .widget-entry-card-content {
	color: #745c51;
	margin-left: 130px;
}
.widget .popular-entry-cards .popular-entry-card {
	font-size: 1em;
}
/*ウィジェットカレンダー*/
.widget_ calendar #wp-calendar th,
.widget_calendar #wp-calendar td{
	width: 14%;
	padding: 5px;
	font-size: 12px;
	background: none;
	outline: none;
	line-height: 28px;
}
.wp-calendar-table{
	border-top-width:0;
	border-right-width:0;
}
.widget_calendar tbody td a {
	background: #ffd943; /*背景色*/
	border-radius: 14px 14px 14px 14px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	margin: 1px;
	vertical-align: middle;
	width: 28px;
	text-decoration: none; /*リンクの下線を消す*/
}
/*カレンダーナビ*/
.wp-calendar-nav{
text-align:center;
font-size:90%;
text-align-last: justify;/*両端ぞろえ*/
}
/*カレンダーナビ　リンク文字色*/
.wp- calendar-nav a{
color:#333;
}
/*先月のナビ*/
.wp-calendar-nav-prev{
display:inline-flex;
text-align: left;
}
/*来月のナビ*/
.wp-calendar-nav-next a{
display:inline-flex;
text-align: right;
}
/*マウスオーバー時の変化（先月）*/
.wp-calendar-nav-prev a{
	color:#745c51;
	text-decoration: none;
}
.wp-calendar-nav-prev a:hover{
	color:#ff8c00;
	text-decoration: underline;
}
/*マウスオーバー時の変化（来月）*/
.wp-calendar-nav-next a{
	color:#745c51;
	text-decoration: none;
}
.wp-calendar-nav-next a:hover{
	color:#ff8c00;
	text-decoration: underline;
}
/************************************
** XOカレンダー
************************************/
/*カレンダー幅*/
.eigyou{
	max-width:80%;
	margin:auto;
}
.calendar{
    max-width:100%;
}
/*営業日種類横並び*/
.xo-event-calendar p.holiday-title {
    float: left;
    margin-right: 10px;
    padding: 3px 5px;
    text-align: center;
}
/*カレンダー色枠いっぱいに*/
.xo-event-calendar table.xo-month td {
  position: static;
}
@media screen and (max-width: 1180px) {
.eigyou{
	max-width:100%;
}
	.calendar{
    max-width:100%;
    margin:auto;
}
}
@media screen and (max-width: 893px) {
.xo-event-calendar table.xo-month .month-dayname td div {
    font-size: 16px;
}
}
@media screen and (max-width: 768px) {
  .page .eye-catch,
  .max-img {
    margin-left: -10px;
    margin-right: -10px;
  }
.calendar {
    max-width:100% !important;
    margin:auto;
}
.xo-month-wrap {
    width: 100% !important; 
}
}
@media screen and (max-width: 480px){
.calendar{
    max-width:100% !important;
    margin:auto;
}
.xo-month-wrap {
    width: 100% !important; 
}
}
/************************************
** 関連記事
************************************/
.related-list .a-wrap {
	padding: 0.6em 0 0 0;
	margin: 0;
	border-bottom: 1px dashed #ccc;
}
.related-list .a-wrap:last-child {
	border: none;
}
.related-entry-card .e-card-meta {
	padding-bottom: 10px;
}
.related-entry-heading {
	position: relative;
	padding: 0 0 0 1.4em;
	line-height: 1.4;
	color: #745c51;
	letter-spacing: 0.05em;
	font-weight: 400;
	margin-bottom: 1.2em;
	font-size: 1.2em;
}
.related-entry-heading:before {
	font-family: "FontAwesome";
	content: "\f15c";
	position: absolute;
	font-size: 1em;
	left: 0;
	top: 0;
	color: #9b7b6c;
}
.related-entry-card-content {
	flex: 3;
	margin-left: 0;
}
.rect-entry-card .card-thumb {
	flex: 1;
}
/*関連記事カード*/
.related-entry-card .cat-label {
  font-size: 11px !important;
}
/************************************
** ブログ関連
************************************/
/*ブログカード*/
.blogcard {
	box-shadow: 0px 0px 5px rgba(100,100,100,0.2);
	border: none;
	padding: 1.4em 0.8em;
	border-radius: 0;
}
.blogcard-title {
    color: #666;
    margin-bottom: 0.4em;
}
.blogcard-label {
    padding: 5px 15px;
    font-weight: 600;
    font-size: 0.7em;
    opacity: 0.8;
}
.blogcard-wrap{
	margin:2.5em auto;
}
.blogcard-snippet{
	color:#999;
}
.bct-related .blogcard-label{
		background:#fd79a8;
}
.bct-reference .blogcard-label{
		background:#1abc9c;
}
.bct-popular .blogcard-label{
		background:#ffa502;
}
.bct-together .blogcard-label{
		background:#0984e3;
}
.bct-detail .blogcard-label{
		background:#848ee3;
}
.bct-check .blogcard-label{
		background:#ED4C67;
}
.bct-pickup .blogcard-label{
		background:#F79F1F;
}
.bct-official .blogcard-label{
		background:#636e72;
}
/*エントリーカード*/
.a-wrap {
	padding: 0;
	margin: 0;
}
.entry-card-title, .related-entry-card-title {
	font-weight: 600;
	font-size: 0.9em;
	line-height: 1.4;
	color: #745c51;
	margin: 0 0 0.1em 0.3em;
}
.entry-card, .related-entry-card {
	display: flex;
	padding: 0.5em 0;
}
.entry-card-thumb {
	flex: 1;
	width: 100%;
}
.entry-card-snippet, .related-entry-card-snippet {
	font-size: 0.7em;
	max-height: 10em;
	padding: 0em;
	margin-left: 0.4em;
	color: #aaa;
	line-height: 1.5;
	margin-top: 0.4em;
}
.e-card-info > span {
	color: #999;
}
.entry-card-content {
	margin: 0;
	flex: 3;
	margin-left:0 !important;
}
.page .new-entry-cards {
	display: flex;
	flex-wrap: wrap;
}
.page .new-entry-card-link {
	width: 33%;
}
.widget-entry-card {
    background: #ffffff;
    padding: 10px 13px;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .20);
}
.new-entry-card-date {
	display: block;
	text-align:right;
}
.is-style-outline>.wp-block-button__link, .wp-block-button__link.is-style-outline {
    border: 1px solid!important;
}
.widget-entry-cards a:hover {
	background:#fff6e6;
	}
.widget-entry-cards .a-wrap {
  padding: 8px;
}
/*---ホバー時のボタンアクション---*/
.button a:hover {
	color:#ffffff!important;
	background-color:#9b7b6c!important;
	}
/*---ブログ内カテゴリー---*/
p.blog-category{
	margin:0 0 0.2em 0;
	font-size:0.9em;
	font-weight: bold;
	color:#9b7b6c;
}
p.blog-category i{
	padding:0 0.4em;
}
.blog-category-nav ul {
	list-style: none;
	padding-left: 0;
	padding-bottom: 1em;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1em 0;
}
.blog-category-nav li a {
	text-decoration: none;
	background-color: #ffd943;
	border-radius: 2px;
	padding: 0.4em 1em;
	color: #745c51;
	font-size:0.8em;
}
.blog-category-nav li a:hover {
	background-color: #fffacf;
}	
div.blog-category-nav{
	border-bottom: #cccccc dotted 2px;	
}
.sidebar .widget_categories ul li.cat-item-12 a {
  border-bottom: none !important;
}
/*---お写真紹介内タグ---*/
p.blog-tag{
	margin:0 0 0.2em 0;
	font-size:0.9em;
	font-weight: bold;
	color:#9b7b6c;
}
p.blog-tag i{
	padding:0 0.4em;
}
.blog-tag-nav ul {
	list-style: none;
	padding-left: 0;
	padding-bottom: 1em;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1em 0;
}
.blog-tag-nav li a {
	text-decoration: none;
	background-color: #9b7b6c;
	border-radius: 2px;
	padding: 0.4em 1em;
	color: #fff;
	font-size:0.8em;
}
.blog-tag-nav li a:hover {
	background-color: #9b7b6c;
	opacity: 0.7;
}	
div.blog-tag-nav{
	border-bottom: #cccccc dotted 2px;	
}
/*---折り畳みアーカイブウィジェット---*/
.widget_archive li:not(:first-child) a.year{ 
	cursor: pointer;
	border-top: 2px dotted #ccc; /*各年に下線を引く*/
}
.widget_archive a.year::after{ /*各年横のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: '\f107'; /* アイコンの指定 */
	position: relative; /* 相対配置 */
	left: 5px; /* アイコンの位置 */
	font-weight: bold;
}
.widget_archive .years ul { /*各月*/
	display: flex;
	flex-flow: row wrap;
	margin-left: 5px; /*インデント*/
	font-size: 1rem;
	text-decoration: underline; /*各月に下線を引く*/
}
.widget_archive ul.years li {
	padding: 0 1px; /*各月の間隔*/
	border:none;
}
#sidebar .widget_archive ul.years li :hover { /*マウスホバー時*/
	background: none;
	transition: 0.1s;
}
.widget_archive ul.years .hide { /*各年をクリックすると開閉*/
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
/*834px以下*/
@media screen and (max-width: 834px){
	.page .new-entry-card-link {
	width: 33%;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
	.page .new-entry-card-link {
	width: 100%;
	}
}
/************************************
** 撮影メニュー
************************************/
.flexbox{
    display: flex;
    flex-flow: row wrap;
	text-align:center;
}
.menu{
    width: 31%;
    margin: 1%;
}
.menu img{
	padding:4px;
    border:1px solid #d6c6af;
    background:#fff;
}
.menu a{
	text-decoration:none;
	color:#745c51;
	font-size:0.7em;
}
.menu:hover{
	text-decoration: underline;
	text-decoration-color: #745c51;
}
@media screen and (max-width: 480px){
	.menu {
    width: 47%;
    margin: 1.5%;
	}
	.menu img{
	padding:3px;
    border:1px solid #d6c6af;
    background:#fff;
	}
}
/************************************
** ページネーション
************************************/
#main .pagination-next-link {
	background: #fff;
	border: 1px solid #9b7b6c;
	color: #9b7b6c;
	font-weight: 500;
	font-size: 1em;
}
#main .pagination-next-link:hover {
	background: #9b7b6c;
	border: 1px solid #9b7b6c;
	color: #fff;
}
.page-numbers {
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.13);
	margin-right: 0.5em;
	color: #f39800;
	font-weight: 500;
}
.pagination a:hover {
	background: #f39800;
	color: #fff;
}
.page-numbers:last-child {
	margin-right: 0;
}
.pagination .current {
	background-color: #f39800;
	color: #fff;
}
.pagination-next {
	margin-top: 1em;
}
/*******************************
モバイルスライドインメニュー
*******************************/
.menu-close-button {
    display: block;
    cursor: pointer;
    text-align: right;
    font-size: 1.5em;
	padding-top:0.2em !important;
	padding-right:1.1em !important;
}
.menu-midashi a{
	font-weight: bold;
	border-bottom: 1px dashed #ddbb99;
	padding-left:0.5em;
}
.menu-border-none a{
	border-bottom:none;
	padding-bottom: 0.3em;
}
.menu-border-top a{
	border-top: 1px dashed #ddbb99;
	margin-top:0.5em;
}
.menu-midashi i{
	padding-right:5px;
	color:#ec6800;
}
.menu-second a {
    font-size: 0.9em;
    font-weight: normal;
    border-bottom: none;
	border-top:none;
 	padding-top:0.7em;
	padding-bottom:0.7em;
	padding-left:1.5em;
	margin-top:0;
}
.menu-sns a{
	font-size: 0.9em;
	font-weight:normal;
}
.menu-midashi .fa-chevron-circle-right{
	color:#f7be2d;
}
.menu-midashi .fa-angle-double-right{
	color:#e6b422;
}
div #navi-menu-content .sub-menu {
	background-color: #ffffff;
}
.menu-drawer .sub-menu {
    padding-left: 15px;
}
.navi-menu-content{
  left: auto;
  right: 0;
  transform: translateX(105%);
}/*左から*/
/* 子カテゴリー（第2階層）アイコン */
#sidebar ul ul li a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f101"; /* 右向きの＞＞ */	
}
/* 孫カテゴリー（第3階層）アイコン */
#sidebar ul ul ul li a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da"; /* 右向きのさんかく */
	color:#ec6800;
	left:0.3em;
}
.sns-icon {
	width: 32px;
	height: 32px;
	margin-right: 12px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.top_comment_sm{
		display:none;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.article h2{ /*見出し２カスタマイズ*/
		  margin-top: 30px;
	}
	.top_comment_sm{
		display:none;
	}
  main.main,
  div.sidebar {
    padding: 0 16px;
  }
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.footer-bottom-logo .logo-image {
	max-width: 80%;
	}
	.article h2{ /*見出し２カスタマイズ*/
		  margin-top: 30px;
	}
	main.main, div.sidebar {
 	padding: 1px 15px;
	}
	.top_comment_pc{
		display:none;
	}
	.top_comment_sm{
		display:block;
	}
	.flex-control-paging li a {
    	width: 7px!important;
    	height: 7px!important;
	}
	.single #main {
		padding: 0 1em;
	}
}
/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info {
display: none;
}
/************************************
** wrapperの背景色をかえる
************************************/
/* 背景色を横幅いっぱいに */
.haikei {
  background: #fff6e6;
	margin-left: calc(((100vw - 100%) / 2)* -1);
    margin-right: calc(((100vw - 100%) / 2)* -1);
    margin-bottom: 0px !important;
	padding:0 1em 50px;
}
.haikei > p,
.haikei > div,
.haikei > h2,
.haikei > h3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1196px;
}
.haikei > h2 {
  background: #fff6e6;
}
@media screen and (max-width: 768px) {
  .haikei {
    padding: 0 1em 3em;
  }
  .haikei .column-wrap {
    text-align: center;
  }
}
/******************
表のデザインを変更
*******************/
.entry-content table {
    border-bottom: 1px solid #e6e6e6; /* 表の一番下の線 */
    border-top: none;
    border-left: none;
    border-right: none;
}
.wp-block-table thead {
    border-bottom: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {  
    padding: 0.8em .6em; /* 余白（上下　左右） */
    text-align: center; /* 中央揃え */
 	border-color:#ccc !important; /* 線色 */
}
/*--- 行（横方向）(tr) ---*/
.entry-content tr {
    text-align:center; /* 中央揃え */
}
.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #d4d4d4; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    padding: 0.8em 0.8em; /* 余白（上下　左右） */
    border:none; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
    border-right: 1px solid #d4d4d4; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #d4d4d4; /* 左線 */
}
/*--- 背景を白に ---*/
table td {
       background: #fff;
}
/************************************
** コメント comment-form
************************************/
#comments {
	position: relative;
	padding: 0 0 0 1.4em;
	line-height: 1.4;
	color: #745c51;
	letter-spacing: 0.05em;
	font-weight: 400;
	font-size: 1.2em;
}
#comments:before {
	font-family: "FontAwesome";
	content: "\f075";
	position: absolute;
	font-size: 1em;
	left: 0;
	top: 0;
	color: #9b7b6c;
}
.commets-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0.9em;
}
#reply-title {
	color: #745c51;
	font-weight: 400;
	font-size: 1em;
	text-align: center;
}
#reply-title::before {
	content: '＼ ';
}
#reply-title::after {
	content: ' ／';
}
.pagination-next-link, .comment-btn {
	background: #fff;
	border: 1px solid #9b7b6c;
	color: #9b7b6c;
	padding: 0.4em 0;
	font-size: 1.1em;
}
.pagination-next-link, .comment-btn:hover {
	background: #9b7b6c;
	color: #fff;
}
input[type=submit] {
	-webkit-appearance: none;
}
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
	background: #f39800;
	color: #fff;
	font-size: 1em;
	transition: 0.5s;
	margin-top: 10px;
	border: none;
}
input[type='submit']:hover {
	background: #999;
}
.st-comment-author .fn {
	font-weight: 500;
	font-style: normal;
	color: #745c51
}
#main .st-comment-content p {
	margin: 1em 0;
}
#commentform p {
	margin: 0.5em 0;
}
.st-comment-meta{
	font-weight:600;
	color:#745c51;
}
/************************************
** Font Awesome 5対応
************************************/
.font-awesome-5 .related-entry-heading:before,
.font-awesome-5 .sidebar .widget_recent_entries ul li a:before,
.font-awesome-5 .sidebar .widget_categories ul li a:before,
.font-awesome-5 .sidebar .widget_archive ul li a:before,
.font-awesome-5 .sidebar .widget_pages ul li a:before,
.font-awesome-5 .sidebar .widget_meta ul li a:before,
.font-awesome-5 .sidebar .widget_rss ul li a:before,
.font-awesome-5 .sidebar .widget_nav_menu ul li a:before,
.font-awesome-5 #comments:before,
.font-awesome-5 #footer .cat-item a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}