@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1174266651484828"
     crossorigin="anonymous"></script>
/* リンク */
a {
  color: #00a414;
}
a:hover {
  color: #ec6363;
}
/* キャプションのフォントサイズ */
figcaption {
  font-size: 0.8em !important;
}
/* 新着記事一覧、人気記事一覧に投稿日を追加 */
.new-entry-card-content .display-none,
.popular-entry-card-content .display-none {
  display: block;
  padding-top: 0.2em;
  text-align: right;
}
.new-entry-card-content .post-update,
.popular-entry-card-content .post-update {
	display: none;
}
/* カテゴリラベル */
.cat-label {
  border: 0px!important;
}
.cat-label:before {
  font-family: "FontAwesome"; 
  content: "\f07b";
  margin-right: .5em;
  display: inline-block;
  transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  opacity: 0.9;
}
/* カテゴリラベルの非表示等 */
.widget-entry-cards .thx_category_space {
	display: none;
}
.not-default .thx_category_space {
	display: block;
}
.popular-entry-cards .thx_category_space {
	display: none;
}
.rect-entry-card .thx_category_space {
	display: none;
}
/*グローバルナビの下線装飾*/
.menu-header .menu-item:hover {
  border-bottom:2px solid #ffdb3b !important;/*線の太さ色*/
  transition: all .3s;/*線が出てくる時間*/
}
.sub-menu .menu-item:hover{
  border-bottom:none !important;
}
/*サイドバータイトル*/
.sidebar h3 {
  background: none; /*背景色を解除*/
  padding: 0; /*余白をなしに*/
  font-size: 24px; /*文字サイズを小さく*/
  letter-spacing: 1px; /*文字の間隔を少し広く*/
}
.sidebar h3:after { /*グラデーションのラインを引く*/
  content:"";
  display:block;
  height:2px;
  width:100%;
  background: -webkit-linear-gradient(left, #85d341 0%,#fff86c 82%);
  background: linear-gradient(to right, #85d341 0%,#fff86c 82%);
}
/*サイドバー病名から検索*/
.diseasesearch {
  padding: 0;
  border-radius: 3px;
  line-height: 1.5;
  background-color: #7e7e7e;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.diseasesearch a {
  position: relative;
  padding: 0.5em 2.0em 0.5em 0.8em;
  display: block;
  text-decoration: none;
  color: #fff;
}
.diseasesearch a:before {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  font-size: 1.0em;
  right: 0.8em;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
/*サイドバー健康365*/
.image365 {
  margin: 0;
  padding: 0;
  text-align: center;
}
.image365 img {
  width: 300px;
  border: 1px solid #cecece;
}
.image365 p {
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 1.5;
}
.purchase-link-1,
.purchase-link-2 {
  padding: 0;
  border-radius: 3px;
  line-height: 1.5;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.purchase-link-1 a,
.purchase-link-2 a {
  position: relative;
  padding: 0.5em 2.0em 0.5em 0.8em;
  display: block;
  text-decoration: none;
  color: #fff;
}
.purchase-link-1 a:before,
.purchase-link-2 a:before {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  font-size: 1.0em;
  right: 0.8em;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.purchase-link-1 {
  margin: 0 0 12px 0;
  background: #cc4a4a;
}
.purchase-link-2 {
  margin: 0;
  background: #4476c1;
}
/*サイドバーウィジェットの間隔*/
#sidebar .widget {
  margin-bottom: 45px;
}
/*トップページタイトル非表示*/
.home.page .entry-title{
  display: none;
}
/*トップページサブタイトル*/
.top-sub-title {
  background: none; /*背景色を解除*/
  padding: 0; /*余白をなしに*/
  font-size: 24px; /*文字サイズを小さく*/
  font-weight: bold;
  letter-spacing: 1px; /*文字の間隔を少し広く*/
}
.top-sub-title:after { /*グラデーションのラインを引く*/
  content:"";
  display:block;
  height:2px;
  width:100%;
  background: -webkit-linear-gradient(left, #85d341 0%,#fff86c 82%);
  background: linear-gradient(to right, #85d341 0%,#fff86c 82%);
}
/*トップページカテゴリ下マージン*/
.cat-bot-mar {
  margin-bottom: 24px !important;
}
/*トップページカテゴリタイトル*/
.top-cat-title1 a,
.top-cat-title2 a,
.top-cat-title3 a,
.top-cat-title4 a,
.top-cat-title5 a,
.top-cat-title6 a {
  padding-left: 1em;
  padding-bottom:180px;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 2.5;
  color: #FFF;
  display: block;
  text-decoration: none;
}
.top-cat-title1 {
  background-color: #d32f2fcc;
  border-top: solid 1px #d32f2f;
  border-left: solid 1px #d32f2f;
  border-right: solid 1px #d32f2f;
  background-image:
  linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(211, 47, 47, 0.8) 100%),
  url("https://365college.press/wp-content/uploads/2024/12/cat-img0.jpg");
  background-size: cover;
  background-position: center; 
}
.top-cat-title2 {
  background-color: #455A64cc;
  border-top: solid 1px #455A64;
  border-left: solid 1px #455A64;
  border-right: solid 1px #455A64;
  background-image:
  linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(60, 90, 100, 0.8) 100%),
  url("https://365college.press/wp-content/uploads/2020/02/cat-img6.jpg");
  background-size: cover;
  background-position: bottom; 
}
.top-cat-title3 {
  background-color: #1976d2cc;
  border-top: solid 1px #1976d2;
  border-left: solid 1px #1976d2;
  border-right: solid 1px #1976d2;
  background-image:
  linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(25, 118, 210, 0.8) 100%),
  url("https://365college.press/wp-content/uploads/2019/09/cat-img1.jpg");
  background-size: cover;
  background-position: bottom; 
}
.top-cat-title4 {
  background-color: #f57c00cc;
  border-top: solid 1px #f57c00;
  border-left: solid 1px #f57c00;
  border-right: solid 1px #f57c00;
  background-image:
  linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(245, 124, 0, 0.8) 100%),
  url("https://365college.press/wp-content/uploads/2019/09/cat-img2.jpg");
  background-size: cover;
  background-position: bottom;
}
.top-cat-title5 {
  background-color: #689f38cc;
  border-top: solid 1px #689f38;
  border-left: solid 1px #689f38;
  border-right: solid 1px #689f38;
  background-image:
  linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(104, 159, 56, 0.8) 100%),
  url("https://365college.press/wp-content/uploads/2019/09/cat-img3.jpg");
  background-size: cover;
  background-position: bottom; 
}
.top-cat-title6 {
  background-color: #512da8cc;
  border-top: solid 1px #512da8;
  border-left: solid 1px #512da8;
  border-right: solid 1px #512da8;
  background-image:
  linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(81, 45, 168, 0.8) 100%),
  url("https://365college.press/wp-content/uploads/2019/09/cat-img4.jpg");
  background-size: cover;
  background-position: bottom; 
}

/*トップページカテゴリ説明ボックス*/
.top-cat-box1,
.top-cat-box2,
.top-cat-box3,
.top-cat-box4,
.top-cat-box5,
.top-cat-box6 {
  padding: 1em;
  margin-bottom: 10px;
  font-size: 0.8em;
}
.top-cat-box1 {
  border: solid 1px #d32f2f;
  background-color: #d32f2f11;
}
.top-cat-box2 {
  border: solid 1px #455A64;
  background-color: #455A6411;
}
.top-cat-box3 {
  border: solid 1px #1976d2;
  background-color: #1976d211;
}
.top-cat-box4 {
  border: solid 1px #f57c00;
  background-color: #f57c0011;
}
.top-cat-box5 {
  border: solid 1px #689f38;
  background-color: #689f3811;
}
.top-cat-box6 {
  border: solid 1px #512da8;
  background-color: #512da811;
}
/*トップページカテゴリ最新／人気タイトル*/
.top-cat-subtitle {
  text-align: center;
  font-weight: bold;
  color: #333333bd !important;
  letter-spacing: 1px;
  border-bottom: 1px solid #ccc;
  background-color: #f1f1f1;
}
.top-line {
  border: dotted 1px #CCC;
}
/*トップページカテゴリ／全記事ボタン*/
.top-cat-but1,
.top-cat-but2,
.top-cat-but3,
.top-cat-but4,
.top-cat-but5,
.top-cat-but6,
.top-all-but,
.blog365-but {
  margin: 10px;
  padding: 0;
  line-height: 1.5;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.top-cat-but1,
.top-cat-but2,
.top-cat-but3,
.top-cat-but4,
.top-cat-but5,
.top-cat-but6 {
  font-size: 0.9em;
}
.top-all-but,
.blog365-but {
  font-size: 1.2em;
}
.top-cat-but1 a,
.top-cat-but2 a,
.top-cat-but3 a,
.top-cat-but4 a,
.top-cat-but5 a,
.top-cat-but6 a {
  position: relative;
  padding: 0.5em 2.0em 0.5em 0.8em;
  display: block;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
}
.top-cat-but1 a:before,
.top-cat-but2 a:before,
.top-cat-but3 a:before,
.top-cat-but4 a:before,
.top-cat-but5 a:before,
.top-cat-but6 a:before,
.top-all-but a:before {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  font-size: 1.0em;
  right: 0.8em;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.blog365-but a:before {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  font-size: 1.0em;
  right: 0.8em;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(53, 53, 53);
}
.top-cat-but1 a {
  background-color: #d32f2fcc;
}
.top-cat-but1 a:hover {
  background-color: #d32f2f99;
}
.top-cat-but2 a {
  background-color: #455A64cc;
}
.top-cat-but2 a:hover {
  background-color: #455A6499;
}
.top-cat-but3 a {
  background-color: #1976d2cc;
}
.top-cat-but3 a:hover {
  background-color: #1976d299;
}
.top-cat-but4 a {
  background-color: #f57c00cc;
}
.top-cat-but4 a:hover {
  background-color: #f57c0099;
}
.top-cat-but5 a {
  background-color: #689f38cc;
}
.top-cat-but5 a:hover {
  background-color: #689f3899;
}
.top-cat-but6 a {
  background-color: #512da8cc;
}
.top-cat-but6 a:hover {
  background-color: #512da899;
}
.top-all-but a {
  position: relative;
  padding: 4.5em 2.0em 4.5em 0.8em;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  background-color: #444444cc;
  background-image:
  linear-gradient(to left, rgba(68, 68, 68, 0.5) 0%, rgba(68, 68, 68, 0.5) 100%),
  url("https://365college.press/wp-content/uploads/2019/09/all-img.jpg");
  background-size: cover;
  background-position: center; 
}
.blog365-but p {
  margin: 0;
  padding: 0.5em 0 0.5em 0.8em;
  background:rgba(255, 181, 21, 0.863);
}
.blog365-but span {
  margin: 0;
  padding: 0.5em 0 0.5em 0.8em;
  background:rgba(255, 181, 21, 0.863);
  display: block;
}
.blog365-but a {
  position: relative;
  padding: 3.5em 0 3.5em 0;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: rgb(53, 53, 53);
  border-radius: 3px;
  background-color: #444444cc;
  background-image:
  linear-gradient(to left, rgba(68, 68, 68, 0.2) 0%, rgba(68, 68, 68, 0.2) 100%),
  url("https://365college.press/wp-content/uploads/2022/03/365blog.jpg");
  background-size: cover;
  background-position: center; 
}
.top-all-but a:hover {
  background-color: #44444499;
  background-image:
  linear-gradient(to left, rgba(68, 68, 68, 0.4) 0%, rgba(68, 68, 68, 0.4) 100%),
  url("https://365college.press/wp-content/uploads/2019/09/all-img.jpg");
}
.blog365-but a:hover {
  background-color: #44444499;
  background-image:
  linear-gradient(to left, rgba(68, 68, 68, 0.1) 0%, rgba(68, 68, 68, 0.1) 100%),
  url("https://365college.press/wp-content/uploads/2022/03/365blog.jpg");
}
/*トップページ365ブログリスト*/
.etc-post-list-content {
  margin-left: 0 !important;
}
.etc-post-list-date {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  vertical-align: middle !important;
  width: 100px;
  float: left;
}
.etc-post-list-title {
  margin: 0 !important;
  padding: 0 !important;
}
/*投稿ページ・固定ページタイトル*/
.article h2,
.article h3 {
  clear: both;
}
/*記事内人物・団体・食べ物・会社・つれブログアイコン*/
.hito,
.dantai,
.tabemono,
.company {
  position: relative;
  line-height: 1.25;
  font-weight: bold;
  margin-top: 35px;
  margin-bottom: 20px;
  font-size: 20px;
  padding: 6px 10px 6px 1.2em;
  border-top: solid 2px #85d341;
  border-bottom: solid 2px #85d341;
}
.tsureblog {
  position: relative;
  line-height: 1.25;
  font-weight: bold;
  margin-top: 35px;
  margin-bottom: 20px;
  font-size: 18px;
  padding: 6px 10px 6px 2em;
  background-color: #2667a3;
  color: #fff;
}
.hito:before,
.dantai:before,
.tabemono:before,
.company:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 1.0em;
  left: 0;
  top:auto;
}
.hito:before {
  content: "\f007";
  color: #85d341;
}
.dantai:before {
  content: "\f0c0";
  color: #85d341;
}
.tabemono:before {
  content: "\f000";
  color: #85d341;
}
.company:before {
  content: "\f1ad";
  color: #85d341;
}
.tsureblog:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 1.0em;
  left: 0.5em;
  top:auto;
  content: "\f040";
  color: #fff;
}
/*外部リンクアイコン*/
.external-link {
  position: relative;
  padding-left: 1.2em;
}
.external-link:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 1.0em;
  left: 0;
  top:auto;
  content: "\f08e";
}
/*著者インタビュー本の周りの空き*/
.book-padding {
  padding: 5px;
}
/*投稿ページの記事内のキャプション枠（旧*/
.wp-caption {
  margin: 8px 16px 8px 0;
  padding: 8px;
  vertical-align: top;
  border: none;
  border-radius: 0;
  text-align: left;
  clear: both;
}
.wp-caption-text,
.wp-caption div {
  margin: 0;
  padding: 0 5px;
}
.wp-caption img {
  margin: 0 auto;
}
/*投稿ページの記事内のキャプション枠*/
.wp-block-image figcaption {
  padding: 6px 6px !important;
  background-color: #f3f4f5;
  border-radius: 3px;
}
/*投稿ページ1文字目大きく*/
.first-word {
  font-size: 2em;
}
/*投稿ページ対談*/
.conversation-title {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  background-color:  #85d341;
  color: #FFF;
}
.interview {
  font-style: italic;
  color: #999;
}
/*投稿ページ回り込み解除*/
.clearpost {
  clear:left
}
/*投稿ページ下部関連記事のアイコン*/
.related-entry-heading::before {
  font-family: "FontAwesome";
  content: "\f03a";
}
/*投稿ページ動画中央揃え*/
.video-container {
  margin: 0px auto;
}
/*固定ページでシェアボタンを消す*/
.page .sns-share {
  display: none;
}
/*固定ページで投稿日・更新日を消す*/
.page .date-tags {
  display: none;
}
/*固定ページ共通*/
/*固定ページタイトル*/
.page-id-2978 article h1,
.page-id-3030 article h1,
.page-id-3022 article h1,
.page-id-2813 article h1,
.page-id-2782 article h1,
.page-id-2785 article h1,
.page-id-2826 article h1,
.page-id-8530 article h1,
.page-id-10691 article h1 {
  background: none; /*背景色を解除*/
  padding: 0; /*余白をなしに*/
  line-height: 2;
  letter-spacing: 1px; /*文字の間隔を少し広く*/
}
.sidebar h3 {
  background: none; /*背景色を解除*/
  padding: 0; /*余白をなしに*/
  font-size: 24px; /*文字サイズを小さく*/
  letter-spacing: 1px; /*文字の間隔を少し広く*/
}
.page-id-2978 article h1:after,
.page-id-3030 article h1:after,
.page-id-3022 article h1:after,
.page-id-2813 article h1:after,
.page-id-2782 article h1:after,
.page-id-2785 article h1:after,
.page-id-2826 article h1:after,
.page-id-8530 article h1:after,
.page-id-10691 article h1:after { /*グラデーションのラインを引く*/
  content:"";
  display:block;
  height:2px;
  width:100%;
  background: -webkit-linear-gradient(left, #85d341 0%,#fff86c 82%);
  background: linear-gradient(to right, #85d341 0%,#fff86c 82%);
}
.page-id-2785 article h3 {
  background: linear-gradient(transparent 80%, #d5d5d5 70%);
  border: none;
}
/*固定ページ（会社案内）*/
.page-id-2785 .syamei {
  text-align: center;
  color: #74caff;
  font-size: 20px;
  font-weight: bold;
}
/*固定ページ（お問い合わせ）*/
textarea {
	resize: none;
}
/*固定ページ（病名から記事を検索）*/
.page-id-2826 article a {
  position: relative;
  margin: 0;
  padding-left: 1.5em;
}
.page-id-2826 article a:before {
  font-family: FontAwesome;
  content: "\f02b";
  position: absolute;
  font-size: 1.0em;
  left: 0;
  top: 50%;
  text-indent: none;
  transform: translateY(-50%);
}
/*カテゴリページのアイコン変更*/
.cat-label {
  border: 0px!important;
}
.archive-title .fa-folder-open:before {
  content: "\f07b";
  display: inline-block;
  transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  opacity: 0.9;
}

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.wp-caption {
	margin: 0 auto !important;
	float: none !important;
}
.alignleft,
.alignright {
  margin: 0 auto !important;
  float: none !important;
  margin-bottom: 14px !important;
}
/*固定ページ（会社案内）*/
.page-id-2785 .syamei {
  text-align: left;
  font-size: 14px;
}
}

/*固定ページ（ムコシア）*/
.leaf {
  position: relative;
  padding-left:2.4em !important; 
  border: none !important;
}
.leaf:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 1.0em;
  left: 1.0em;
  top:auto;
  content: "\f299";
}
/*固定ページ（健康相談のご案内（遠隔健康医療相談））*/
#post-3753 .entry-title{
	display: none;
}
.sodan-title-pre {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  font-weight: bold;
}
.page-id-3753 article h1 {
  margin-top: 0;
  margin-bottom: 48px;
  background: none; /*背景色を解除*/
  padding: 0; /*余白をなしに*/
  line-height: 2;
  letter-spacing: 1px; /*文字の間隔を少し広く*/
}
.page-id-3753 article h1:after { /*グラデーションのラインを引く*/
  content:"";
  display:block;
  height:2px;
  width:100%;
  background: -webkit-linear-gradient(left, #85d341 0%,#fff86c 82%);
  background: linear-gradient(to right, #85d341 0%,#fff86c 82%);
}
.sodan-teacher-1,
.sodan-teacher-2 {
  display: block;
  text-align: center;
}
.sodan-teacher-1 {
  margin-bottom: 0;
  padding: 0.7em;
  background-color: #fd8636;
  border-radius: 5px;
  color: #FFF;
  font-weight: bold;
}
.sodan-teacher-2 {  
  text-align: center;
  color: #f87620;
}
.sodan-column-area-1 {
  margin: 0;
  padding: 1em;
  border: 3px double #a7a7a7;
  background-color: #f5f5f5;
}
.sodan-column-area-left-1,
.sodan-column-area-right-1,
.sodan-column-area-left-2,
.sodan-column-area-right-2 {
  margin: 0;
  padding: 0;
}
.sodan-person-text-area {
  padding-left: 1em;/*上下 左右の余白*/
  border-left: solid 5px #fd8636;/*左線*/
}
.sodan-iin {
  margin: 0;
  font-size: 0.8em;
}
.sodan-name-area {
  margin-top: 12px;
  margin-bottom: 12px;
}
.sodan-name {
  font-size: 1.4em;
  font-weight: bold;
}
.sodan-text1 {
  margin: 0;
}
.sodan-column-area-2 {
  margin: 0;
  padding: 1.2em;
  background-color: #463f8a;
  border-radius: 24px;
}
.sodan-column-area-left-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sodan-women-text {
  padding: 24px;
  color: #463f8a;
  background-color: #FFF;
  border-radius: 24px;
  border: solid 6px #726bb1;
  font-weight: bold;
}
.sodan-date-area {
  margin-bottom: 5px;
  padding: 1em;
  border: 3px double #a7a7a7;
}
.sodan-date {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.sodan-date-red {
  font-weight: bold;
  color: #b60018;
}
.sodan-iinmei{
  margin-bottom: 0;
  padding: 0;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
}
.sodan-tel {
  position: relative;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.6em;
  padding: 0 0 0 1.2em;
}
.sodan-tel:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 1.0em;
  left: 0;
  top:auto;
}
.sodan-tel:before {
  content: "\f098";
}
.sodan-atten {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 0.8em;
  color: #b60018;
}
.sodan-atten2 {
  margin: 0 0 96px 0;
  padding: 0 1.5em 0 1.5em;
  line-height: 1.6;
  font-size: 0.7em;
}