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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-content{
	margin-top: 0 !important;
}

.entry-title{
	display: none;
}

.footer{
margin-top: 0px;	
}

.footer-bottom{
margin-top: 0px;
}

.site-name-text-link{
padding: 0 !important;
}

/*見出し*/
h1 {
  padding: 1rem 2rem;
  border-bottom: 3px dashed #5472cd;
  background: #ffffff;
}
h2 {
  background: linear-gradient(90deg, #ff6a00, #d84b16); /* 濃いオレンジ系のグラデーション */
  color: white; /* 文字色を白に */
  padding: 12px 20px;
  border-radius: 5px; /* 角を丸める */
  text-align: center;
}

/*文字装飾*/
.bold{
font-weight: bold;
font-size: 1.1em;
}

.red{
color: #FF0000;
font-weight: bold;
font-size: 1.1em;
}

.marker_pink{
background: linear-gradient(transparent 50%, #FFBEDA 0%);
font-weight: bold;
font-size: 1.1em;
}

.small{
font-size: 0.6em;
}

.linktext{
font-size: 1.2em;
font-weight: 600;
}

/*下に余白*/
.space_btm{
margin-bottom: 60px !important;
}

/*見出し*/
.imageflame{
margin-bottom: 5px !important;
text-align: center;
}

.imageflame img{
border: 1px solid #ccc;	
width: 100%;
}

/*サイドバー*/
.sidebar h3{
position: relative;
padding: 0.3em 0.5em;
background-color: #FFDBC9;
border: solid 2px #FFC7AF;
border-left: solid 2.5em #FFC7AF;
border-radius: 10px;
font-size: 1.1em;
color: #555555;
}

.sidebar h3:before{
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f0eb";
font-weight: 900;
color: #fff;
padding: 0;
left: -1.6em;
top: 50%;
transform: translateY(-50%);
}

.sidebar li{
border-bottom: 1px dotted #555;
margin-bottom: 10px;
}

.widget-entry-card{
border-bottom: 1px dotted #555;
}

/*プロフィールデザイン*/
.nwa .author-box {
text-align: center;
max-width: 100%;
}
.sidebar .author-box {
border: 3px solid #FFAD90;
border-radius: 4px;
margin: 1em 0;
line-height: 1.4;
position: relative;
padding: 0% 0% 0.5%;
}
.nwa .author-box .author-thumb {
float: none;
width: 100%;
margin: 0px auto 0;
background: url(https://apulizukiblog.site/images/prof_header.jpg)center no-repeat;
background-size: cover;
height: 0;
padding-top: calc(100%*350/700);
position: relative;
}
.sidebar .author-thumb img {
border: 3px solid #fff;
width: 30%;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: -25%;
}
.nwa .author-box .author-content {
margin-top: 10%;
font-size: 0.9em;
}
.author-name {
font-size: 1.7em !important;
font-weight: bold;
margin-bottom: 1em !important;
}
.author-box .author-name a {
text-decoration: none;
color: #333;
}
.author-box p {
margin-top: 0.3em;
line-height: 1.9;
font-size: 1.1em;
}
.author-box p a {
text-decoration: none;
color: #008cee;
}
.author-box p a:hover {
text-decoration: underline;
color: #008cee;
}
.nwa .author-box .sns-follow-buttons{
display: none;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.content {
    margin-top: 0px;
}
main.main, div.sidebar {
    padding: 1px 16px;
    margin: 0px 0;
    border-width: 0;
}
.logo-image{
	padding: 0 !important;
}
}

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