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

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

.home.page .entry-title,
.sns-share,
.sns-follow,
.date-tags,
.author-info{
display: none;
}

:root {
--accent-color: #236d9c;
--accent-color2: #16b5dd;
}

.article h4 {
  border-bottom: 1px solid var(--accent-color);
  padding-left: 0;
  padding-right: 0;
}

/* h2.wp-block-heading {
padding: 1rem 0 1rem;
background-image: linear-gradient(135deg, var(--accent-color2) 10%, var(--accent-color) 100%);
background-repeat: no-repeat;
background-size: 100% 6%;
background-position: bottom;
color: #353535;
font-weight: bold;
background-color:transparent;
border-left:none;
} */


h2.wp-block-heading {
  padding: 1rem 2rem;
  color: #fff;
  background: var(--accent-color);
  box-shadow: 5px 5px 0 #0c3c5b;
}


.box {
position: relative;
padding: 1rem;
border-radius: 10px;
border: 2px solid #236d9c;
background-color: #fff;
color: #333;
font-weight: bold;
font-size: 18px;
margin: 2rem 0;
}


.box:before {
position: absolute;
top: 100%;
left: 50px;
transform: skew(-25deg);
height: 25px;
width: 15px;
border-right: 2px solid #236d9c;
background-color: #fff;
content: "";
}

.box p {
line-height: 1.5;
margin-bottom:0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (min-width: 1024px){
	#header-in{display:none}
}

/*1023px以下*/


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

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

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