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

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

/************************************
** ベース
************************************/
/* variable definition */
:root {
/*--var-sans-serif: 'Noto Sans JP', "游ゴシック体", 'YuGothic', "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
--var-sans-serif: "游ゴシック体", 'YuGothic', "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
--var-serif:  "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
--var-sans-alphabet: helvetica, 'arial black', arial, sans-serif;
--var-color-base: #535c59;
--var-color-keycolor: #bc0001;
--var-color-sub: #a8ada9;
--var-color-decoration: #aaa;
--var-color-a: #187fc2;
--var-color-strong: var(--var-color-keycolor);
--var-layout-margin-large: 250px;
--var-layout-margin-middle: 150px;
--var-layout-margin-small: 100px;
--var-content-margin-large: 100px;
--var-content-margin-middle: 50px;
--var-content-margin-small: 25px;
--var: 10px;
--var2: 10px;
--var-3: 10px;
}
/* / variable definition */

html {
	/* tap hightlight color customize */
	-webkit-tap-highlight-color: transparent;
	/* / tap hightlight color customize */
	font-size: 10px;
}
body {
	background: #fff;
	/* text renderign optimize */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	/* / text renderign optimize */
    /* text kerning automation */
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	/* / text kerning automation */
    /* smartphone(horizontal) text size adjust */
	-webkit-text-size-adjust: 100%;
	/* /smartphone(horizontal) text size adjust */
	font-family: var(--var-sans-serif);
	font-size: 1.6rem;
	color: var(--var-color-base);
/*	letter-spacing: 0.2rem;*/
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
}
p {
	margin: 0 0 1em 0;
}
a {
	color: var(--var-color-a);
	text-decoration: underline;
}
a:hover {
	opacity: .8;
	text-decoration: none;
}
img, amp-img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
ul, ol {
	padding: 0;
}
dl {
	margin: 0;
}

.hide {
  display: none !important;
}

/*.wrap {
  width: 100%;
}*/

@media print, screen and (min-width: 768px) {
  .pc-wrapper-in {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
  }
}

.btn01 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  height: 45px;
  border: 1px solid var(--var-color-keycolor);
  color: var(--var-color-keycolor);
  text-decoration: none;
}

/************************************
** ヘッダー
************************************/
#header {
  display: flex;
  align-items: center;
  height: 110px;
}

@media print, screen and (min-width: 768px) {
  #header {
    height: 150px;
    position: relative;
  }
}

#header .logo-header img {
  width: 190px;
  width: 340px;
}

@media print, screen and (min-width: 768px) {
  #header .logo-header img {
    width: 236px;
    width: 395px;
  }
}

#header .add-header-contents {
  display: none;
}

@media print, screen and (min-width: 768px) {
  #header .add-header-contents {
    display: block;
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 0;
    width: 250px;
  }
  
  #header .add-header-contents:nth-of-type(2) {
    top: 70px;
  }
  .home #header .add-header-contents:nth-of-type(2) {
    top: 100px;
  }
  #header .add-header-contents:nth-of-type(1) {
    top: 70px;
  }
  
  .blog #header .add-header-contents:nth-of-type(1) {
    top: 40px;
  }
  
  #header .add-header-contents .search-box {
    margin: 0;
    font-size: 1.4rem;
  }
  
  #header .add-header-contents .search-edit {
    font-size: 1.4rem;
  }
  
  #header .add-header-contents:nth-of-type(3) {
    top: 100px;
  }
  .home #header .add-header-contents:nth-of-type(3) {
    top: 70px;
  }
  .blog #header .add-header-contents:nth-of-type(2) {
    top: 70px;
  }
  
  #header .add-header-contents ul {
    list-style: none;
    text-align: center;
  }

  #header .add-header-contents ul li {
    display: inline-block;
    padding: 0 13px;
    border-right: 1px solid #545c59;
    font-size: 1rem;
  }
  
  #header .add-header-contents ul li:last-child {
    border: none;
  }
  
  #header .add-header-contents ul li a {
    color: #545c59;
    text-decoration: none;
  }
}

#header .add-header-contents .widgettitle {
  display: none;
}

@media print, screen and (min-width: 768px) {
  #header .search-edit {
    height: 30px;
    border-radius: 30px;
    background: #f5f5f5;
    border: none;
  }
}

/************************************
** グローバルメニュー
************************************/


@media print, screen and (min-width: 768px) {
  #navi {
/*    margin: 0 0 30px 0;*/
    background: var(--var-color-keycolor);
  }
  #navi #navi-in {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
  }
  #navi .menu-item{
/*    width: calc(100% / 8);*/
    width: calc(100% / 9);
  }
  #navi a {
    color: #fff;
  }
  #navi a:hover {
    opacity: 1;
    background: rgba(255,255,255,.2);
  }
  #navi .item-label {
    font-size: 1.3rem;
  }

  .menu-item-soudan .item-label {
    position: relative;
    top: 3px;
    height: 54px;
    background: #f59197;
    background: rgba(245,145,151,.5);
    border-radius: 7px;
    line-height: 56px;
  }
}

/* スマホ版新造 */
#nav-wrap {
  position: relative;
  display: flex;
  background: var(--var-color-keycolor);
  height: 50px;
}

@media print, screen and (min-width: 768px) {
  #nav-wrap {
    display: none;
  }
}

#nav-wrap p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0;
}

#nav-wrap p a {
  color: #fff;
}

#nav-wrap .right-box {
  display: flex;
  height: 50px;
  width: calc(100% - 50px);
}

#nav-wrap .right-box form {
  width: calc(100% - 50px);
  margin: 0;
}

#nav-wrap .right-box form input {
  margin: 7.5px 0;
  padding: 5px 11px;
  border-radius: 50px;
  font-size: 1.5rem;
}

#nav-wrap .right-box .menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: #fff;
}

#nav-wrap .right-box .menu-btn .fa-times {
  display: none;
}

#nav-wrap .right-box .menu-btn.close .fa-bars {
  display: none;
}

#nav-wrap .right-box .menu-btn.close .fa-times {
  display: block;
}

#nav-wrap #nav-sp {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 9;
  display: none;
  clear: both;
  width: 100%;
  padding: 45px 20px;
  background: #fff;
  font-size: 1.5rem;
}

#nav-wrap #nav-sp h2,
#nav-wrap #nav-sp ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d7d5d5;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
}

#nav-wrap #nav-sp ul {
  list-style: none;
}

#nav-wrap #nav-sp .cat-list {
  padding: 0 0 0 18px;
}

#nav-wrap #nav-sp .cat-list a {
  color: #545c59;
}

/************************************
** コンテンツエリアカスタマイズ
************************************/
.contents {
  margin: 0 0 75px 0;
  padding: 0 15px;
}

.contents h2 {
  margin: 0 0 35px 0;
  font-size: 2.2rem;
  text-align: center;
}

/************************************
** トップページカスタマイズ
************************************/

.home .specialinfo {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 20px auto;
}

.home #top-slider {
  width: 100%;
  max-width: 780px;
  margin: 0 auto 75px auto;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}

/*.home #top-slider .slick-center{
  margin-right: 30px;
  margin-left: 30px;
}
*/

.home .wrapper {
  overflow: hidden;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .home .wrapper {
    margin: 0 0 100px 0;
  }
}

@media print, screen and (min-width: 768px) {
  .home .wrapper-in {
    position: relative;
    z-index: 8;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    padding: 50px;
    background: rgba(255,255,255,.85);
  }
}

.home #about h2,
.home #mission h2 {
  position: relative;
/*  font-size: 2.2rem;*/
  font-weight: 400;
  text-align: center;
}

.home #about h2:before,
.home #mission h2:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  background: var(--var-color-keycolor);
  color: #fff;
  font-size: 1rem;
  font-style: italic;
  letter-spacing: -.05rem;
}

.home .parallax {
  position: absolute;
  z-index: 7;
}

@media print, screen and (max-width: 919px) {
  .home .parallax {
    display: none !important;
  }
}

.home .inner_parallax {
  position: relative;
}

.home .inner_parallax:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: transparent;
}

.home .parallax01 {
  top: calc(120px + 600px);
  right: 0;
}

.home .parallax02 {
  top: calc(280px + 600px);
  left: 0;
}

.home .parallax03 {
  top: calc(710px + 600px);
  right: 0;
}

@media print, screen and (min-width: 768px) {
  .home #about h2:before,
  .home #mission h2:before {
    height: 75px;
    width: 75px;
    border-radius: 75px;
    font-size: 1.2rem;
  }
}

.home #about h2:before {
  content: "about us";
}

.home #mission h2:before {
  content: "our mission";
}

.home #about .txt,
.home #mission .txt {
  text-align: center;
}

.home #about figure,
.home #mission figure {
  margin: 35px 0 0 0;
}

@media print, screen and (min-width: 768px) {
  #about figure,
  #mission figure {
    display: none;
  }
}

#bland ul,
#special-content ul {
  list-style: none;
  padding: 0 10px;
}

@media print, screen and (min-width: 768px) {
  #bland ul,
  #special-content ul {
    display: flex;
    justify-content: space-between;
  }
}

#bland ul li,
#special-content ul li {
  margin: 0 0 10px 0;
}

@media print, screen and (min-width: 768px) {
  #bland ul li,
  #special-content ul li {
    margin: 0 20px 0 0;
  }
}

#bland ul li:last-child {
  margin: 0;
}

@media print, screen and (min-width: 768px) {
  #special-content ul li:last-child {
    margin: 0;
  }
}

#special-content .more {
  padding: 0 10px;
  text-align: right;
}

@media print, screen and (min-width: 768px) {
  #special-content .more {
    margin: 25px 0 0 0;
  }
}

#special-content .more a {
  color: #545c59;
  text-decoration: none;
}

#external-site {
  padding: 35px 20px;
  background: var(--var-color-keycolor);
}

#external-site h2 {
  color: #fff;
}

#external-site ul {
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  list-style: none;
}

@media print, screen and (min-width: 768px) {
  #external-site ul {
    display: flex;
    max-width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  #external-site .shop-list {
    margin: 0 0 70px 0;
    justify-content: space-between;
  }
}

#external-site .shop-list li {
  margin: 0 0 35px 0;
}

@media print, screen and (min-width: 768px) {
  #external-site .shop-list li {
    margin: 0 20px 0 0;
  }
  
  #external-site .shop-list li:last-child {
    margin: 0;
  }
}

@media print, screen and (min-width: 768px) {
  #external-site .site-list {
    width: 100%;
    max-width: 600px;
  }
}

#external-site .site-list li {
  margin: 0;
}

@media print, screen and (min-width: 768px) {
  #external-site .site-list li {
    display: flex;
    align-items: center;
    background: #fff;
  }
}

#external-site .site-list a {
  display: block;
  text-decoration: none;
}

@media print, screen and (min-width: 768px) {
  #external-site .site-list a {
    display: flex;
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 768px) {
  #external-site .site-list a img {
    width: 100%;
  }
}

#external-site .site-list div {
  position: relative;
  display: block;
  padding: 20px;
  background: #545c59;
  color: #fff;
}

@media print, screen and (min-width: 768px) {
  #external-site .site-list div {
    width: 100%;
  }
}

#external-site .site-list .subtitle {
  font-size: 1.5rem;
  font-weight: bold;
}

#external-site .site-list .title {
  margin: 0;
  font-size: 2.6rem;
}

#external-site .site-list i {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  height: 100%;
  color: #acb4bc;
  font-size: 3rem;
}

@media print, screen and (min-width: 768px) {
  #popular-posts .content {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
}

#popular-posts h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  background: var(--var-color-keycolor);
  color: #fff;
  font-weight: 400;
}

#popular-posts h3 {
  margin: 0 0 20px 0;
  font-size: 2rem;
  text-align: center;
}

#popular-posts .description {
  margin: 0 0 40px 0;
}

#popular-posts ul {
  display: flex;
  flex-direction: row;
  justify-content: left;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 50px 0;
}

#popular-posts .entry {
  display: flex;
  flex-direction: column;
  width: calc(50% - 10px);
  margin: 0 0 10px 0;
}

@media print, screen and (min-width: 768px) {
  #popular-posts .entry {
    width: calc(33% - 20px);
    margin: 0 0 20px 0;
  }
}


#popular-posts .entry h4 {
  order: 2;
  font-size: 1.5rem;
}

@media print, screen and (min-width: 768px) {
  #popular-posts .entry h4 {
    font-size: 1.6rem;
  }
}

#popular-posts .entry a {
  display: flex;
  flex-direction: column;
  color: #545c59;
  text-decoration: none;
}

#popular-posts .entry .entry-image {
  order: 1;
}

@media print, screen and (min-width: 768px) {
  #popular-posts .entry .entry-image {
    margin: 0 0 5px 0;
  }
}

#popular-posts .entry .noimage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 160 / 95;
  background: #545c59;
  color: #fff;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 400;
}

#popular-posts .more {
  margin: 0 0 75px 0;
}

/************************************
** 記事ページカスタマイズ
************************************/
.single-post .entry-header {
  display: flex;
  flex-direction: column;
}

.single-post .entry-header .entry-title {
  order: 2;
  font-size: 2.2rem;
  margin: 0 0 10px 0;
  padding: 0;
}

.single-post .entry-header .eye-catch-wrap {
  order: 1;
  margin: 0 0 20px 0;
}

.single-post .entry-header .eye-catch,
.single-post .entry-header .eye-catch img {
  width: 100%;
}

.single-post .entry-header .sns-share {
  order: 4;
}

.single-post .entry-header .date-tags {
  order: 3;
  text-align: left;
  color: #9fa0a0;
  font-size: 1.1rem;
}

.single-post #toc {
  width: 100%;
  background: #eee;
  border: none;
}

.single-post .toc-title {
  position: relative;
  padding: 0;
  background: #eee;
  text-align: left;
  font-size: 1.8rem;
}

.single-post .toc-title:before {
  position: absolute;
  top: calc(50% - 1px);
  top: calc(50% + 1px);
  left: 50px;
  width: calc(100% - 50px);
  height: 1px;
  content: '';
  background: #b7b7b7;
}

.single-post .toc-title:after {
  display: none;
}

.single-post #toc li {
  font-weight: bold;
  font-size: 1.4rem;
}

.single-post #toc li li {
  font-weight: 400;
}

.single-post .entry-content h2 {
  position: relative;
  background: none;
  border-bottom: 1px solid #e6e6e6;
  font-size: 2.8rem;
}

.single-post .entry-content h2:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 60%;
  height: 1px;
  content: '';
  background: #d66666;
}

.single-post .entry-content h3 {
  background: #eee;
  border: none;
  padding: 10px 20px; 
}

.single-post .scrollable-table th,
.single-post .scrollable-table td {
  padding: 25px;
}

.single-post .main .article figure {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}

.single-post .main .article figure img {
  width: 100%;
}

.single-post .wp-block-quote {
  padding: 45px 20px;
  background: url(https://nagomi.wakabayashi.co.jp/wp/wp-content/uploads/2021/09/icon_quote_start.png) no-repeat left 10px top 10px,
              url(https://nagomi.wakabayashi.co.jp/wp/wp-content/uploads/2021/09/icon_quote_end.png) no-repeat right 10px bottom 10px #f3f3f3;
  border: none;
}

.single-post .wp-block-quote:before,
.single-post .wp-block-quote:after {
  display: none;
}

/* 画像のポップアップメニュー */
.single-post .wp-block-image-shopwrap {
  position: relative;
}

.single-post .wp-block-image-shopwrap .content-shoplist-open {
  cursor: pointer;
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 15px;
  left: 30px;
}

@media print, screen and (min-width: 768px) {
  .single-post .wp-block-image-shopwrap .content-shoplist-open {
    height: 40px;
    width: 40px;
    top: 20px;
    left: 50px;
  }
}

.single-post .wp-block-image-shopwrap:hover .content-shoplist-open {
  display: block;
  opacity: .8;
}

.single-post .wp-block-image-shopwrap .content-shoplist-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  margin: 10px;
  background: rgba(0,0,0,.5);
}

.single-post .wp-block-image-shopwrap .content-shoplist-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
}

.single-post .wp-block-image-shopwrap .content-shoplist-list li {
  width: 300px;
  margin: 0 0 20px 0;
}

@media print, screen and (min-width: 768px) {
  .single-post .wp-block-image-shopwrap .content-shoplist-list li {
    width: 300px;
    margin: 0 0 20px 0;
  }
}

.single-post .wp-block-image-shopwrap .content-shoplist-list li:last-child {
  margin: 0;
}

.single-post .wp-block-image-shopwrap .content-shoplist-close {
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 20px;
}

.single-post .author-box {
  padding: 20px;
  borer: 1px solid #e1e1e1;
}

.single-post .author-widget-name {
  margin: 0 0 25px 0;
  font-weight: bold;
}

.single-post .widget_author_box .widget-single-content-bottom-title {
  margin: 0 0 20px 0;
  font-weight: bold;
}

.single-post .widget_author_box .author-thumb {
  float: none !important;
  max-width: 150px !important;
  margin: 0 auto 25px auto !important;
}

@media print, screen and (min-width: 768px) {
  .single-post .widget_author_box .author-thumb {
    float: left !important;
    max-width: 150px !important;
    margin-right: 25px !important;
  }
}

.single-post .author-box .author-content {
  margin: 0 !important;
}

.single-post .sns-follow-buttons {
  display: none;
}

.single-post .sns-follow,
.single-post .footer-meta {
  display: none;
}

.single-post .under-entry-content .related-entries {
  padding: 15px 10px;
  border: 1px solid #e1e1e1;
}

.single-post .under-entry-content .related-entries .related-entry-heading {
  margin: 0 0 15px 0;
  text-align: center;
}

.single-post .internal-blogcard-snippet {
  display: none;
}

.single-post .internal-blogcard-snippet,
.single-post .related-entry-card-snippet {
  display: none;
}

.single-post .main .article .blogcard-thumbnail {
  max-width: 160px;
  padding-right: 20px;
}

@media print, screen and (min-width: 768px) {
  .single-post .main .article .blogcard-thumbnail {
    max-width: 200px;
    padding-right: 20px;
  }
}





/************************************
** 一覧ページカスタマイズ
************************************/
.blog .main,
.archive .main {
  display: flex;
  flex-direction: column;
}

.blog .main #list,
.archive .main #list {
  order: 1;
}

.blog .main #list:before {
  content: "記事一覧";
  width: 100%;
  font-size: 26px;
  margin: 16px 0;
  line-height: 1.3;
  
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.blog .main .widget,
.archive .main .widget {
  order: 3;
}

.blog .main .pagination-next,
.archive .main .pagination-next {
  display: none;
}

.blog .main .pagination,
.archive .main .pagination {
  order: 2;
}

.blog .eye-catch,
.archive .eye-catch {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .blog .eye-catch,
  .archive .eye-catch {
    display: block;
    width: 100%;
  }
  .blog .eye-catch img,
  .archive .eye-catch img {
    width: 100%;
  }
}

.blog #list,
.archive #list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.blog #list .entry-card-wrap,
.archive #list .entry-card-wrap {
  width: calc(50% - 10px);
  margin: 0;
  padding: 0;
}

@media print, screen and (min-width: 768px) {
  .blog #list .entry-card-wrap,
  .archive #list .entry-card-wrap {
    width: calc(100% / 3 - 40px / 3);
  }
}

.blog #list .entry-card-content,
.archive #list .entry-card-content {
  margin: 0;
  padding: 0;
}

.blog #list .entry-card-snippet,
.archive #list .entry-card-snippet {
  display: none;
}

.blog #list .entry-card-thumb,
.archive #list .entry-card-thumb {
  width: 100%;
  margin: 0 0 5px 0;
}

.blog #list .entry-card-title,
.archive #list .entry-card-title {
  margin: 0;
}

.blog #list .entry-card-meta,
.archive #list .entry-card-meta {
  display: none;
}

.blog .main .widget,
.archive .main .widget {
  
}

.blog .main .widget .side-category-postlist,
.archive .main .widget .side-category-postlist {
  margin-bottom: 85px;
}

.blog .main .widget .widget-sidebar-title,
.archive .main .widget .widget-sidebar-title {
  background: var(--var-color-keycolor);
  color: #fff;
  margin: 0 0 35px 0;
  padding: 15px 20px;
  font-size: 2rem;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .blog .main .widget .widget-sidebar-title,
  .archive .main .widget .widget-sidebar-title {
    text-align: left;
  }
}

.blog .main .widget h4,
.archive .main .widget h4 {
  margin: 0 0 15px 0;
  font-size: 2rem;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .blog .main .widget h4,
  .archive .main .widget h4 {
    text-align: left;
  }
}

.blog .main .widget .widget-entry-cards,
.archive .main .widget .widget-entry-cards,
.search  .main .widget .widget-entry-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.blog .main .widget .widget-entry-cards.large-thumb .a-wrap,
.archive .main .widget .widget-entry-cards.large-thumb .a-wrap,
.search .main .widget .widget-entry-cards.large-thumb .a-wrap {
  margin: 0;
  padding: 0;
}

.blog .main .widget .widget-entry-cards.large-thumb .a-wrap:first-child,
.archive .main .widget .widget-entry-cards.large-thumb .a-wrap:first-child,
.search .main .widget .widget-entry-cards.large-thumb .a-wrap:first-child {
  width: 100%;
}

.blog .main .widget .widget-entry-cards.large-thumb .a-wrap:not(:first-child),
.archive .main .widget .widget-entry-cards.large-thumb .a-wrap:not(:first-child),
.search .main .widget .widget-entry-cards.large-thumb .a-wrap:not(:first-child) {
  width: calc(50% - 10px);
}

@media print, screen and (min-width: 768px) {
  .blog .main .widget .widget-entry-cards.large-thumb .a-wrap:first-child,
  .archive .main .widget .widget-entry-cards.large-thumb .a-wrap:first-child,
  .search .main .widget .widget-entry-cards.large-thumb .a-wrap:first-child,
  .blog .main .widget .widget-entry-cards.large-thumb .a-wrap:not(:first-child),
  .archive .main .widget .widget-entry-cards.large-thumb .a-wrap:not(:first-child),
  .search .main .widget .widget-entry-cards.large-thumb .a-wrap:not(:first-child) {
    width: calc(100% / 3 - 40px / 3);
  }
}

.blog .main .widget .widget-entry-cards.large-thumb .a-wrap img,
.archive .main .widget .widget-entry-cards.large-thumb .a-wrap img,
.search .main .widget .widget-entry-cards.large-thumb .a-wrap img {
  width: 100%;
}

.blog .main .widget .widget-entry-cards.large-thumb .card-content,
.archive .main .widget .widget-entry-cards.large-thumb .card-content,
.search .main .widget .widget-entry-cards.large-thumb .card-content {
  opacity: 1 !important;
  position: static !important;
  background: none !important;
  color: var(--var-color-base) !important;
  font-weight: bold;
}

.blog .main .widget .more,
.archive .main .widget .more,
.search .main .widget .more {
  margin: 20px 0;
}

/************************************
** ページカスタマイズ
************************************/
.page #main {
  width: 100%;
}

.page #sidebar {
  display: none;
}

.page .sns-share {
  display: none;
}

.page .footer-meta {
  display: none;
}

.page .article-footer {
  display: none;
}

/************************************
** ソーシャルネット紹介
************************************/
.menu-footernav-sns-container ul {
  list-style: none;
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: 154px;
  margin: 0 auto;
}

.menu-footernav-sns-container .menu-item a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.menu-footernav-sns-container .menu-item-facebook a {
  height: 37px;
  width: 37px;
  background: url(https://nagomi.wakabayashi.co.jp/wp/wp-content/uploads/2021/09/icon_facebook.png) no-repeat center center;
}

.menu-footernav-sns-container .menu-item-instagram a {
  height: 38px;
  width: 37px;
  background: url(https://nagomi.wakabayashi.co.jp/wp/wp-content/uploads/2021/09/icon_instagram.png) no-repeat center center;
}

.menu-footernav-sns-container .menu-item-youtube a {
  position: relative;
  top: 5px;
  height: 28px;
  width: 40px;
  background: url(https://nagomi.wakabayashi.co.jp/wp/wp-content/uploads/2021/09/icon_youtube.png) no-repeat center center;
}

/************************************
** フッター
************************************/
.footer,
.footer-bottom {
  padding: 8px 8px 0 8px; /* overwrite */
}

#footer .wrap {
  width: 100%;
}
.footer-bottom-logo {
  padding: 8px 8px 0 8px; /* overwrite */
  margin: 0 0 35px 0;
}
@media print, screen and (min-width: 768px) {
  .footer-bottom-logo {
    position: static;
    float: none;
    width: 238px;
    margin: 0 auto 50px auto;
  }
}

.footer-bottom-logo img {
  height: auto;
  width: 235px;
}

@media print, screen and (min-width: 768px) {
  .footer-bottom-content {
    float: none;
    text-align: center;
  }
  .navi-footer-in > .menu-footer {
    justify-content: center;
  }
}

#navi-footer {
  margin: 0 0 20px 0;
}

@media print, screen and (min-width: 768px) {
  #navi-footer {
    margin: 0 0 40px 0;
  }
}

#navi-footer ul {
  text-align: center;
}

#navi-footer ul li {
  display: inline-block;
  width: auto;
  padding: 0 19px;
  border-right: 1px solid #b6b9b8;
}

#navi-footer ul li:nth-of-type(2),
#navi-footer ul li:nth-of-type(4) {
  border: none;
}

.source-org {
  margin: 0 -15px;
  padding: 12px 0;
  width: calc(100% + 30px);
  background: var(--var-color-keycolor);
  color: #fff;
  font-size: 1.2rem;
}

/************************************
** サイドメニュー
************************************/

#sidebar .sidebar-scroll {
  position: static;
}

#sidebar {
  display: flex;
  flex-direction: column;
}

#sidebar #block-2 {
  order: 1;
}
#sidebar #popular_entries-2 {
  order: 3;
}
#sidebar #block-7 {
  order: 2;
}
#search-3 {
  order: 4;
  display: none;
}
#custom_html-2 {
  order: 5;
}
#block-8 {
  order: 4;
}

@media print, screen and (min-width: 768px) {
  #sidebar #block-2 {
    order: 1;
  }
  #sidebar #popular_entries-2 {
    order: 2;
  }
  #sidebar #block-7 {
    order: 3;
  }
  #search-3 {
    display: block;
    order: 4;
  }
  #custom_html-2 {
    order: 5;
  }
  #block-8 {
    order: 6;
  }
}

.blog #block-9,
.archive #block-9,
.single #block-9 {
  display: none;
}

#sidebar .widget-sidebar h2,
#sidebar .widget-sidebar h3 {
  font-size: 1.8rem;
  text-align: center;
  background: none;
}

#sidebar .widget-sidebar .side-banner-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media print, screen and (min-width: 768px) {
  #sidebar .widget-sidebar .side-banner-area {
    display: block;
  } 
}

#sidebar .widget-sidebar .side-banner-area a {
  display: block;
}

@media print, screen and (min-width: 768px) {
  #sidebar .widget-sidebar .side-banner-area a {
    margin: 0 0 30px 0;
  }
}

#sidebar .widget-sidebar .side-banner-area a:first-child {
  width: 100%;
}

/*#sidebar .widget-sidebar .side-banner-area a:not(:first-child) {
  width: calc(50% - 10px);
}*/

@media print, screen and (min-width: 768px) {
  #sidebar .widget-sidebar .side-banner-area a {
    width: 100% !important;
  }
}

#sidebar .widget_popular_entries,
#sidebar .widget_custom_html {
  padding: 10px;
  border: 1px solid #e1e1e1;
}

#sidebar .widget-sidebar .border-partition {
  margin: 0;
  border: none;
}

#sidebar .widget-sidebar .border-partition a {
  padding: 20px 10px;
  border: none;
  border-bottom: 1px solid #e1e1e1;
}

#sidebar .widget-sidebar .border-partition a:last-child {
  border-bottom: none;
}

#sidebar .widget-sidebar .side-followus {
  border: 1px solid #e1e1e1;
}

#sidebar .widget-sidebar .side-followus ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0 20px;
  margin: 0 0 30px 0;
  list-style: none;
}

#sidebar .widget-sidebar .side-followus ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}

#sidebar .widget-sidebar .search-box {
  margin: 0 auto;
  width: 100%;
  max-width: 250px;
  font-size: 1.4rem;
}
  
#sidebar .widget-sidebar .search-edit {
  font-size: 1.4rem;
  height: 30px;
  border-radius: 30px;
  background: #f5f5f5;
  border: none;
}

#sidebar .side-category {
  
}

@media print, screen and (min-width: 768px) {
  #sidebar .side-category {
    display: none;
  }
}

#sidebar .side-category ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
}

#sidebar .side-category ul li {
  width: calc(50% - 10px);
}

#sidebar .side-category ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 94px;
  width: 100%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}

#sidebar .side-category ul li.butsudan a {
  background: #bb0000;
}

#sidebar .side-category ul li.senko a {
  background: #9b28ac;
}

#sidebar .side-category ul li.temotokuyou a {
  background: #1379ba;
}

#sidebar .side-category ul li.bon a {
  background: #09ba9f;
}

#sidebar .side-category ul li.pet a {
  background: #00ba35;
}

#sidebar .side-category ul li.ihai a {
  background: #bab813;
}

#sidebar .side-category ul li.honzon a {
  background: #cda101;
}

#sidebar .side-category ul li.juzu a {
  background: #ed5618;
}

#sidebar .side-category-postlist {
  margin-bottom: 85px;
}

#sidebar .side-category-postlist h3 {
  background: var(--var-color-keycolor);
  color: #fff;
  font-size: 2rem;
  text-align: center;
}

#sidebar .side-category-postlist h4 {
  margin: 0 0 15px 0;
  font-size: 2rem;
  text-align: center;
}

#sidebar .side-category-postlist .widget-entry-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: -20px;
}

#sidebar .side-category-postlist .widget-entry-cards.large-thumb .a-wrap {
  margin: 0;
  padding: 0;
}

#sidebar .side-category-postlist .widget-entry-cards.large-thumb .a-wrap:first-child {
  width: 100%;
}

#sidebar .side-category-postlist .widget-entry-cards.large-thumb .a-wrap:not(:first-child) {
  width: calc(50% - 10px);
}

#sidebar .side-category-postlist .widget-entry-cards.large-thumb .card-content {
  opacity: 1 !important;
  position: static !important;
  background: none !important;
  color: var(--var-color-base) !important;
  font-weight: bold;
}

#sidebar .side-category-postlist .more {
  margin: 20px 0;
}

/************************************
** ボタン
************************************/
/*#container { padding-bottom:1000px; }*/ /* test */
.go-to-top {
  display: none !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/*.side-banner-area { display:none; }*/
#navi-footer { display:none; }
/*#sidebar #block-2 { display: none; }*/
.single-post .widget-single-content-bottom-title.main-widget-label { display: none; }
/*.single-post .author-box { display: none; }*/
/*.single-post .author-widget-name {display:none;}*/
/*.single-post .author-thumb { display: none; }*/
.single-post .author-name a {
  cursor: default;
  color: #000;
  text-decoration: none;
}
.single-post .author-name a:hover {
  opacity: 1;
}
.single-post #recommended_cards-3 { display: none; }
/*@media print, screen and (min-width: 768px) {  
  #header .add-header-contents:nth-of-type(3) {
    display: none;
  }
  .blog #header .add-header-contents:nth-of-type(2) {
    display: none;
  }
}*/