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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*必要ならばここにコードを書く*/

/* メニューバー背景の高さ */

#header {
  height: 60px;
}

.header-in {
  justify-content: normal;
}

.tagline,
.header .logo {
  text-align: left;
  padding: 0px 0px 0px;
}

/*  category page   */

.cat-label {
display: none;
}

.archive-title > .fa-folder-open:before {
  display: none;
}

.category-porteus .archive-title:before {
  content: url("https://minnano-linux.com/wp-content/uploads/2024/06/float.png");  /*画像のURL*/
  margin-right:0px;  /*画像右の余白*/
}

.category-s15pup32 .archive-title:before {
  content: url("https://minnano-linux.com/wp-content/uploads/2024/06/dog-s1.png");  /*画像のURL*/
  margin-right:0px;  /*画像右の余白*/
}

.category-wordpress .archive-title:before {
  content: url("https://minnano-linux.com/wp-content/uploads/2024/06/wp-s.png");  /*画像のURL*/
  margin-right:0px;  /*画像右の余白*/
}

/*固定ページ（トップページカスタマイズ）*/
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date {
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update {
  display: none;
}

.main,
.sidebar {
  background-color: #ffffff;
}

/*見出しデザインリセット*/
.article h2 {
  padding: 0;
  background-color:transparent;
  border-radius: 0;
}

.article h3 {
  padding: 0;
  border-bottom: 5;
  border-left: 0;
}

/************************/
/* 見出しタグ */
/************************/

.article h2 {
  position: relative;
  text-align: left;
  border: 0px;
}

.article h2:before,
.article h2:after {
  position: absolute;
  content: '';
}

.article h2:before {
  top: 0px;
  left: 0px;
  width: 100%;
  height:100%;
  background: #646799;
}

.article h2 span {
  position: relative;
  display: block;
  padding: 1.3rem;
  letter-spacing: .05em;
  color: #fff;
}

.article h2 span:before,
.article h2 span:after {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 2px;
  content: '';
  background: #ffffff;
}

.article h2 span:before {
  top: 2px;
}

.article h2 span:after {
  bottom: 2px;
}

.article h3 {
  background-color: transparent;
  border-bottom: 1px solid #646799;
  text-align: left;
  width: 100%;
  padding: 0px 0px 0px;
  color: #646799;
  font-size: 1.15em;
}

.article h4 {
  font-size: 1em;
}

.article h3:before {
  content: url("https://minnano-linux.com/wp-content/uploads/2024/06/h3-reader2.png");
  margin-right:0px
}

.imgcapt {
  position: relative;
}

.imgcapt p {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: #5c9291;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
}

.imgcapt img {
  width: 600;
  }

.ecnose {
  position: relative;
}

.ecnose p {
  position: absolute;
  top: 90%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 0;
  padding: 0;
  /*文字の装飾は省略*/
  font-size: 1.6em;/
}

.ecnose img {
  width: 650;
}

blockquote:before { 
  content: url("https://minnano-linux.com/wp-content/uploads/2023/08/quote-left32.png");
  margin-right:20px
}

blockquote:after { 
  content: url("https://minnano-linux.com/wp-content/uploads/2023/08/quote-right32.png");
  margin-left:20px
}

.internal-blogcard-favicon::after {
  padding-left: 0.3em;
  font-family: "Noto Sans JP" ,sans-serif;
  font-size: 90%;
  content: 'みんなの！Linux';
}

.internal-blogcard-domain {
  display: none;
}

*,body,ul {
  margin: 0;
  padding: 0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*PC*/

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

#header {
  height: 40px;
}

/* メニューバー背景の高さ */
#navi-in > .menu-mobile {
  display: flex;
  height: 35px;
  line-height: 35px;
}

.content-in {
  display: flex;
}

#main.main {
  display: block;
  margin: 0.5%;
  width: 67%;
}

div.sidebar {
  display: block;
  margin: 0.5%;
  width: 30%;
}

.no-mobile-sidebar .sidebar {
display: block;
}

}

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

/* メニューバー背景の高さ */
#navi-in > .menu-mobile {
  display: flex;
  height: 30px;
  line-height: 30px;
}

#main.main {
  display: block;
  margin: 0.5%;
  width: auto;
}

div.sidebar {
  display: none;
}

.no-mobile-sidebar .sidebar {
display: none;
}

}

/*768px以下*/
@media screen and (max-width: 768px){

} 

/*600px以下*/
@media screen and (max-width: 600px){

} 

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.article h2,
.article h3,
.blogcard-title {
  font-size: 1.15em;
}

.article h2:before {
  margin-right: 10px;
}

.blogcard-snippet {
  display: none;
}

#header {
  height: 48px;
}

.ecnose p {
  font-size: 1em;/
}

}