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

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

.pc { display: block; }
.sp { display: none; }

.toc {
    border: 1px solid #f3bf99;
    font-size: 0.9em;
    padding: 1em 1.6em;
    display: table;
    width: 90%;
}
.toc a {
    color: #1967d2;
}
.header-container .hlt-center-logo {
    background: rgb(243,145,160);
background: linear-gradient(180deg, rgba(243,145,160,1) 25%, rgba(241,149,138,1) 75%);
}
#header-container .navi{
	background: transparent;
}
footer .footer-title {
	position: relative;
	background: rgb(243,145,160);
	background: linear-gradient(180deg, rgba(243,145,160,1) 25%, rgba(241,149,138,1) 75%);
	border: solid 1px white;
	padding: 0.2em 0.5em;
	color: #ffffff;
	margin-bottom:1.5rem;
}
footer  h2:after ,
footer  h3:after {
	content: '';
}
.sidebar .wp-block-search__label{
	display:none;
}
.wp-block-search__inside-wrapper  .wp-element-button{
	padding:0;
}
.article h2,
.sidebar .widget h2,
.sidebar .widget h3{
	position: relative;
	background: rgb(243,145,160);
	background: linear-gradient(180deg, rgba(243,145,160,1) 25%, rgba(241,149,138,1) 75%);
	box-shadow: 0px 0px 0px 5px #f391a0;
	border: solid 1px white;
	padding:0.7em 1.2em;
	color: #ffffff;
	font-size:16px;
	    border-radius: 0;
	margin-bottom:1.5rem;
}
.article h2:after,
.sidebar .widget h2:after ,
.sidebar .widget h3:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #C15252;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.head_box{
	background: url(http://lunaceo.online/wp-content/uploads/2024/01/img_02.jpg) no-repeat center center;
	background-size:cover;
	padding:7rem 0;
	text-align:center;
}
.head_box h2{
	margin:0 auto 2rem;
	width:90%;
	max-width:489px;
	height:auto;
	text-align:center;
}
.head_box p{
	font-weight:bold;
	margin-bottom:2.5rem;
}
.head_box a{
	font-weight:bold;
	background:#C0ECFC;
	border-radius: 6px;
	padding:1.2rem 0;
	width:300px;
	display:inline-block;
	text-align:center;
	color:#1B84A8;
	transition-duration:0.3s;
	text-decoration: none;
}
.head_box a:hover{
	background:#1B84A8;
	color:#C0ECFC;
	transition-duration:0.3s;
}
.fz-28px {
    font-size: 1.2rem;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.no-mobile-sidebar .sidebar{
		display:block;
	}
}

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

	.head_box{
	padding:3.5rem 0;
}
}

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