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

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

html {
  scroll-behavior: smooth;
}

#container {
  background-color: #fff;
}

#header {
  /* margin-top: 20px; */
}

#header-in {
  display: none;
}

#content {
  /* margin-top: 10px !important; */
}

#footer {
  /* margin-bottom: 20px; */
}

/* ブログのヘッダ */
body.blog .header,
body.single .header,
body.archive .header {
  background-image: url(https://www.update-shinegota.jp/wp-content/uploads/2024/01/blog_top2.jpg);
  aspect-ratio: 1072 / 357;
}

#navi {
  background-color: #f8f9fa;
  border-bottom: 1px solid #ddd;
}

#navi .far:before,
#navi .fas:before {
  font-size: 1.3em;
  opacity: 0.9;
}

#navi i {
  vertical-align: middle;
}

/* 記事の下 */
.cat-link,
.cat-label {
  background-color: #1fa8a4;
}

.tag-link {
  background-color: #f18e28;
}


/* サイドバー */

.sb_info {
  font-size: 15px;
  font-family: '新丸ゴ R';
  background-color: #fefbe9;
  padding: 10px 20px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.sb_info .sub {
  color: #ea618b;
}

.sb_info .name {
  color: #1fa8a4;
  font-size: 20px;
  font-family: 'じゅん 501';
}

.sb_info .addr {
  line-height: 1.5em;
}

.sb_info .line {
  display: flex;
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sb_info .line .taiken {
  display: flex;
  align-items: center;
  background-color: #ea618b;
  color: #fff;
  padding: 0 15px;
  font-family: 'じゅん 501';
  font-size: 20px;
}

.sb_info .line .qrcode {
  display: flex;
  align-items: center;
  width: 100px;
  margin-left: 15px;
}

.sb_info .line .qrcode img {
  width: 100%;
}

.sb_info_header {
  display: inline-block;
  width: 2.8em
}

.studio_info_header {
  display: inline-block;
  width: 2.8em
}

#sidebar .toc-widget-box {
  font-family: "新丸ゴ R";
}

#sidebar .toc-widget-box .toc-title {
  font-family: "じゅん 501";
}

/* サイドバーウェジェットの調整 */

#sidebar h3 {
  background: none;
  padding: 0;
  margin-bottom: 0;
}

#sidebar .widget_recent_entries .widget-sidebar-title,
#footer-in .widget_recent_entries .widget-footer-mobile-title {
  color: #ea618b;
}

body.category #archive-title,
#sidebar .widget_categories .widget-sidebar-title,
#footer-in .widget_categories .widget-footer-mobile-title {
  color: #1fa8a4;
}

body.date #archive-title,
#sidebar .widget_archive .widget-sidebar-title,
#footer-in .widget_archive .widget-footer-mobile-title {
  color: #4a9fd8;
}

body.tag #archive-title,
#sidebar .widget_tag_cloud .widget-sidebar-title,
#footer-in .widget_tag_cloud .widget-footer-mobile-title {
  color: #f18e28;
}

#sidebar .widget_categories .widget-sidebar-title:before,
#footer-in .widget_categories .widget-footer-mobile-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f07c";
  padding-right: 0.3em;
}

#sidebar .widget_archive .widget-sidebar-title:before,
#footer-in .widget_archive .widget-footer-mobile-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f073";
  padding-right: 0.3em;
}

#sidebar .widget_tag_cloud .widget-sidebar-title:before,
#footer-in .widget_tag_cloud .widget-footer-mobile-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02c";
  padding-right: 0.3em;
}

#sidebar li a {
  font-size: 0.96em;
  line-height: 1.3em;
  padding: 5px 0;
}

#footer-in .footer-mobile li a {
  font-size: 1em;
  line-height: 1.3em;
  padding: 5px 0;
}

#sidebar .widget_categories ul,
#sidebar .widget_archive ul,
#footer-in .widget_categories ul,
#footer-in .widget_archive ul {
  margin-left: 1.5em;
  list-style-type: disc;
}

/* サイドバーの画像を正方形にする */

.widget-entry-cards figure {
  width: 85px;
}

.widget-entry-card-content {
  margin-left: 100px;
}

/* 新着記事の日付を表示 */
.new-list-pc .new-entry-card-date {
  display: block;
  color: #999;
}

.new-list-pc .new-entry-card-update-date {
  display: none;
}

.widget-entry-cards.card-large-image .e-card {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.widget-entry-cards.card-large-image .card-content {
  padding-left: 0.5em;
  padding-right: 0.4em;
}

.is-list-horizontal .card-snippet {
  height: 3.9em;
}

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

  #sidebar {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  #footer {
    margin-top: 0;
  }

}

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

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

  .sb_info {
    max-width: unset;
  }

}