@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 .site-name-text {
	line-height: 0;
}
.logo-image {
	padding: 30px 0 0;
}

/*　トップページ　*/
.content {
	margin-top: 40px;
}
.content-in {
}
.wrap {
  width: min(92%, 1220px);
}
.main, .sidebar {
  background-color: #F7F7F1;
	border-radius: 30px;
}
.main {
  width: 74.6%;
  margin: 0;
}
.sidebar {
  width: 24%;
  margin: 0;
}



/*　投稿ページ　*/
.article h2 {
  color: #415570;
  border-bottom: 1px solid currentColor;
  background: none;
  padding: 0 0 .5em;
}
.article h2:not(:first-of-type) {
	margin-top: 4em;
}
.article h3 {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 6px solid #415570;
  padding: .2em 0 .2em .6em;
  margin-top: 2em;
  font-size: 20px;
}
.article h4 {
  position: relative;
}
.article h4::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #415570;
	border-radius: 6px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  
}

/*834px以下*/
@media screen and (max-width: 834px){
  .logo-image {
    padding: 5vw 0 0;
  }
}

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