:root{
	--sitecolor: #62A884; /* メインカラー */
}

/*.l-header {
    z-index: 999 !important;
}*/

/***********************************************/
/* トップページ以外の固定ページで幅800pxに制限 */
/***********************************************/
body.page:not(.home) .c-entry__body {
  max-width: 800px;
  margin: 0 auto;
}

/**********************************/
/* reCAPTCHAによる表示調整　　　  */
/**********************************/

/* reCAPTCHA表示削除 */
.grecaptcha-badge { 
	visibility: hidden; 
}
/* 代わりに送信ボタン下に文字で記載 */


/**********************************/
/* サムネイルアイキャッチ比率16:9 */
/**********************************/

.c-entry-summary .c-entry-summary__figure::before {
  padding-top: 56.25%;
}

/**********************************/
/* 最近の投稿 列数                */
/**********************************/

@media {
  .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

/* タブレット用 */
@media (min-width: 40em) {
  .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item {
    flex-basis: 33%;
    max-width: 33%;
  }
}

/* PC用*/
@media (min-width: 64em) {
  .snow-monkey-recent-posts .c-entries--rich-media .c-entries__item {
    flex-basis: 33%;
    max-width: 33%;
  }
}  

/************************************/
/* 任意のタクソノミーの投稿 表示項目*/
/************************************/

@media {

.snow-monkey-taxonomy-posts .c-entry-summary__content {
	display: none;
  }
.snow-monkey-taxonomy-posts .c-entry-summary__meta {
/*	display: none;*/
  }
}

/**********************************/
/* ヘッダー背景色                 */
/**********************************/

.l-header {
  background-color: #ffffff;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__submenu {
  background-color: #ffffff;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
  display: none;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__subitem > a {
  color: #4b4b4b;
}

/* ヘッダータイトル下解説テキスト色 */
.l-header > div {
  color: #4b4b4b;
}

.l-header > li {
  color: #4b4b4b;
}


/**********************************/
/* ドロップナビの色               */
/**********************************/

.p-drop-nav {
  background-color: #ffffff;
}

.p-drop-nav .p-global-nav .c-navbar__submenu {
  background-color: #ffffff;
}

.l-header__drop-nav .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
  display: none;
}


.l-header__drop-nav .p-global-nav .c-navbar__subitem > a {
  color: #111;
}


/**********************************/
/* 各ページのタイトル（h1)        */
/**********************************/

/* 各ページのタイトル（h1) ステッチ風
.c-entry__header > h1 {
  background: var(--sitecolor);
  box-shadow: 0px 0px 0px 5px var(--sitecolor);
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #ffffff;
}*/

/* 各ページのタイトル（h1) 太下線 
.c-entry__header > h1 {
  background-color: transparent;
  border-left: transparent;
  padding-left: 0;
  border-bottom: 3px solid var(--sitecolor);
}*/

/* 各ページのタイトル（h1) 付箋風 */
.c-entry__header > h1 {
  padding: 0.3em 0.5em 0.3em 0.8em; /*上右下左*/
  color: #494949;/*文字色*/
  background: #D2E6DC;/*背景色*/
/*  border-bottom: solid 2px var(--sitecolor);左線（実線 太さ 色）*/
  font-size: 1.6rem; /* ★文字サイズを少し小さく */
  text-align: center; /* ← 横方向の中央寄せ */
}
/**********************************/
/* 投稿ページの大見出し(h2)       */
/**********************************/

/* 投稿ページの大見出し 太下線 */
.p-entry-content > h2 {
  background-color: transparent;
  border-left: transparent;
  padding-left: 0;
  border-bottom: 3px solid var(--sitecolor);
}

/* 投稿ページの大見出し 上下線 
.p-entry-content > h2 {
  background-color: transparent;
  border-left: transparent;
  padding: 1rem 1rem;
  border-top: 3px solid var(--sitecolor);
  border-bottom: 3px solid var(--sitecolor);
}*/

/* 投稿ページの大見出し 吹き出し
.p-entry-content > h2 {
  position: relative;
  border-left: none;
  background-color: var(--sitecolor);
}

.p-entry-content > h2::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 1em;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid var(--sitecolor);
}*/

/* 投稿ページの大見出し ステッチ風
.p-entry-content > h2 {
  background: var(--sitecolor);
  box-shadow: 0px 0px 0px 5px var(--sitecolor);
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #ffffff;
}*/

/* 投稿ページの大見出し 紙折りメモ風
.p-entry-content > h2 {
  position: relative;
  padding: 0.5em;
  background: var(--sitecolor);
  color: white;
  border-left: none;
}
.p-entry-content > h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
*/

/* 投稿ページの大見出し ベタ塗り 
.p-entry-content > h2 {
  border-left: none;
  background-color: var(--sitecolor);
}*/


/**********************************/
/* サイドバー見出し(h2)           */
/**********************************/

/* サイドバー見出し 塗りつぶし
.c-widget > h2 {
	border-left: none;
	background-color: var(--sitecolor);
	color: white;
	height:50px;
}*/

/* サイドバー見出し 二重線*/
.c-widget > h2 {
    border-bottom: solid 2px var(--sitecolor);
}
.c-widget > h2::before {
  position: absolute;
}



/* サイドバー見出しの横線を消す*/
.c-widget>h2:after, .c-widget>h2:before{
	height:0px;
}


/**********************************/
/* 投稿ページの見出し(h3)         */
/**********************************/

.p-entry-content > h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px var(--sitecolor);/*左線*/
  border-bottom: 0px;
}

/**********************************/
/* 投稿ページの見出し(h4)         */
/**********************************/
.p-entry-content > h4 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 1px var(--sitecolor);
}


/**********************************/
/* フッター周り                   */
/**********************************/

/* コピーライト背景色 */
.l-footer .c-copyright {
  background-color: var(--sitecolor);
  color: #ffffff;

}

/* フッターの上線色と背景色 */
.l-footer-widget-area {
  border-top-color: #ffffff;
  background-color: #ffffff;
}

/* フッター上部ソーシャルナビゲーション背景色 */
.p-social-nav {
  border-top-color:#ffffff;
/*  background-color: #ffffff;*/
}



/**********************************/
/* その他                         */
/**********************************/

/* ブログカードを白にする */
.wp-oembed-blog-card {
  background-color: #fff;
}

/* 一覧から投稿者名を消す */
.c-entry-summary__meta .c-meta__item--author {
  display: none;
}

/**********************************/
/* 固定ページSNS                  */
/**********************************/
.snslist {
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 0 1.6em;
}

.snslist .pagesns {
	width: 65%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

.snslist .pagesns span.snslink {
	font-size: 20px;
	line-height:100%;	
	margin: 0px 5%;
}

/**********************************/
/* サイドバープロフィール         */
/**********************************/
.sideprof {
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 0 1.6em;
	padding: 1.6em 1.6em 1.6em 1.6em ;
	border: 1px solid #dddddd;
}

.sideprofname {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 3.6em;
}

.sideprof span {
	display: block;
	text-align: center;
}

.sideprofimg {
	display: block;
	border-radius: 50%;
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 0 auto;
}

.sideprof .profsns {
	width: 65%;
	margin: 15px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	border-top: 1px solid var(--sitecolor);
	padding-top: 15px;
}

.sideprof .profsns span.snsbtn {
	font-size: 20px;
	line-height:100%;	
}

.sideprofimg img {
	width: 100%;
	height: auto;
}

.btn_side a {
	display:block;
	width: 80%;
	padding: 10px;
	margin: 10px auto 10px;
	background: var(--sitecolor);
	color: #ffffff;
	text-align:center;
	border-radius: 4px;
	text-decoration: none;
}

.btn_side a:hover {
	color: #ffffff;
}