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

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

.site-name-text-link　{
	display: block;
　　　padding: 90px 250px;
}

.cat-label {
	background-color: #B6B5B5;
	border: none;
}

h1.entry-title {
	color: #7B7B7B;
	font-size: 25px;
	font-weight: 500;
	line-height: 2;
	text-align: center;
	padding: 0 40px;
	margin: 30px 0;
}

/* カードタイトル */
h2.entry-card-title.card-title.e-card-title {
	color: #7B7B7B;
	text-align: center;
	padding: 12px;
	line-height: 1.6;
}

.related-entry-card-snippet, .entry-card-snippet {
    padding: 0 18px 60px 18px !important;
}

.entry-card-snippet {
    padding: 0 18px 60px 18px;
    line-height: 1.6;
}

/* カード説明文 */
.related-entry-card-snippet, .entry-card-snippet {
    padding: 0 18px 30px 18px;
}

/* カード全体 */
.ect-vertical-card .entry-card-wrap  {
	background-color: #fff;
	padding: 0;
	width: 47.5%;
   margin-bottom: 10px;
}

/* サイドバー */
.widget h3,
.related-entry-heading,
.comment-title{
	font-family: "Muli", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

h3.widget-sidebar-title.widget-title {
		background: #F4F5F7!important;
}

.sidebar h3 {
	background: #F4F5F7;
	background:transparent; /* Cocoon親テーマCSSリセットのため */
	padding: 8px 0px;
	border: none;
	border-bottom: 2px #E68A1D dotted; /* ドット下線追加 */
	letter-spacing: 0.2em; /* 字間を広げる */
}

/* プロフィール */
.sidebar{
	background:transparent;
	font-size: 14px;
}

/* プロフィール全体 */
.nwa .author-box {
	border: none;
	padding: 15px 25px;
}

/* アイコン */
.nwa .author-box .author-thumb{
	width: 110px;
}
.nwa .author-box .author-thumb img{
	box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

/* 下側 */
.nwa .author-box .author-content {
	padding: 1em 0;
}


/* 名前 */
.author-box .author-name {
	margin-bottom: 1em;
}
.author-box .author-content .author-name a{
	color: #7B7B7B; /* リンク色にしない */
	font-size: 1.2em;
	font-weight: normal; /* 太字にしない */
	text-decoration: none; /* 下線をなくす */
	letter-spacing: 0.2em; /* 字間を広く */
}

/* プロフィール文 */
.author-description{
	margin-bottom: 16px;
	line-height: 2.0;
}

.author-description p{
	margin: 0 0 0.5em 0;
	text-align: left;
	line-height: 1.7;
}

/* SNSボタン */
.author-follows{
	padding: 12px 0;
	background-color: #3085A5;
}

.author-follows::before{
	content: 'Follow Me';
	color: #fff;
/* 	font-family: お好きなフォント(設定する場合); */
	letter-spacing: 0.2em; /* 字間を広く */
}

.author-box .sns-follow-buttons a.follow-button{
	width: 40px;
	height: 40px;
	margin: 6px 10px 2px 2px;
	border-radius: 20px;
	color: #fff;
	border-color: #fff;
	font-size: 24px;
	line-height: 1.6;
}

.author-box a.follow-button span::before {
	font-size: 22px;
}

/* SNSボタン マウスオーバーしたとき */
.author-box .sns-follow-buttons a.follow-button:hover{
	background-color: transparent;
	opacity: 0.6; /* 薄く */
	transform: scale(1.1); /* 1.1倍の大きさに */
}

h2.wp-block-heading {
    background: #fff;
    border-left: 9px solid #3085A5;
    color: #333;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
	 box-shadow: 0 4px 2px #B6B5B5;
}

p.btn-border {
  border: 2px solid #000;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: 4px 4px 0 #000;
  box-shadow: 4px 4px 0 #000;
	color: black;
}

p.btn-border:hover {
  -webkit-box-shadow: -4px -4px 0 #000;
  box-shadow: -4px -4px 0 #000;
		color: black;
}


.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-bottom: 1em;
}

h3.widget-sidebar-title.widget-title {
    background: #f7f7f7;
    border-left: 9px solid ＃F7882F;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
	 margin: 15px 0;
}

h3.wp-block-heading {
	 background-color: #F4F5F7;
    border-left: 9px solid #3085A5;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 1.6px;
    padding: 0 15px;
    margin: 60px 0;
}

.point {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.point:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    color: #E68A1D;
    padding-right: 10px;
}
p.point {
	margin-bottom: 20px;
}

.header div.header-in {
min-height: 120px;
}

.blue {
	background-color: #fff;
	border: 2px dashed #3085A5;
	color: #333;
	margin-left: 4px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 10px;
}

.blue-space{
	background-color: #fff;
	border: 2px dashed #3085A5;
	color: #333;
	margin-left: 4px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 20px;
	padding-left: 20px;
}

.gray{
	background: #fff;
	border: 2px dashed #B6B5B5;
	padding: 20px;
	color: #333;
}

.gray-point {
	background-color: #fff;
	border: 2px dashed #3085A5;
	color: #333;
	margin-left: 4px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 10px;
}

/* フッター */
.footer {
  margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
  background: #3085A5; /*フッター背景色*/
  border-top: 6px solid #E68A1D; /*上部にボーダー追加*/
}
.footer-bottom {
  margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 300px; /*ロゴ画像を少し大きく*/
  margin: 0 auto;
}
.footer-bottom-logo img {
	height: 80px;
	width: auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #aab3b9; /*メニューの文字色*/
}
/* .navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #aab3b9; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
} */
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
  color: #aab3b9; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0;
  }
	.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 300px; /*ロゴ画像を少し大きく*/
  margin: 0 auto;
}
	.footer-bottom-logo img {
	height: 60px;
	width: auto;
}
	.footer {
	height: 400px;
  margin-top: 25px; /*フッターとコンテンツの間に余白追加*/
  background: #3085A5; /*フッター背景色*/
  border-top: 6px solid #E68A1D; /*上部にボーダー追加*/
}
}

/* アンダーライン */
.marker-under-blue {
	background: linear-gradient(transparent 91%, #E68A1D 50%);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	main#main.main {
		padding: 0px 30px;
	}
	
	.ect-vertical-card .entry-card-wrap  {
	background-color: #fff;
	padding: 0;
	width: 100%;
   margin-bottom: 20px;
}

.header {
background-image: url(https://takurou-life.com/wp-content/uploads/2023/12/d0d5ad9b450d4da9ef89760803272eab.png);
background-size: 100%;
background-position: center;
}

	h1.entry-title {
		color: #7B7B7B;
		font-size: 23px;
		font-weight: 500;
		line-height: 1.7;
		text-align: center;
		padding: 0 3px;
		margin: 30px 0;
	}
	
	h2.wp-block-heading {
        font-size: 18px;
		padding-left: 15px;
    }
	
	h3.wp-block-heading {
		font-size: 18px;
	}
	
	.point {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

/*フッター */
/* .footer {
    margin-top: -39px;
	　padding-top: 0!important;
    padding-bottom: 20px!important;
} */
}

.entry-content a {
  text-decoration: none;
  font-weight: 600;
  color: rgb(51, 122, 183);
}