@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-container, #header-container .navi, #navi .navi-in > .menu-header .sub-menu {
  background-image: linear-gradient(0deg, rgba(65, 164, 253, 1), rgba(14, 26, 255, 1));
}
#footer {
  background-image: linear-gradient(0deg, rgba(14, 26, 255, 1), rgba(65, 164, 253, 1));
background: linear-gradient(to bottom,  #919191 4%,#000000 46%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.post-update {
  display: none;
}
.wdss-l {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wdss-m {
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.article h4 {
  border-top: 1px solid var(--cocoon-thin-color);
  border-bottom: 1px solid var(--cocoon-thin-color);
  background-image: linear-gradient(164deg, rgb(255, 255, 255) 28%, rgb(250, 252, 255) 64%);
  padding: 20px;
  font-size: 30px;
  text-shadow: 1px 1px 2px #cccccc;
}
.appeal-content {
  max-width: 740px;
  background-color: rgba(225, 248, 255, 0.75);
  margin: auto;
  padding: 2em;
  text-align: center;
  border-radius: var(--cocoon-basic-border-radius);
  display: block;
}
.appeal-title {
  font-size: 3.1em;
  font-weight: bold;
}
.appeal-message p{
  font-size: 1.5em;
}

.wp-block-columns.equal-height-columns {
    display: flex; /* Flexboxを有効にする */
    flex-wrap: wrap; /* カラムが画面幅を超えた場合に折り返す */
}

.wp-block-columns.equal-height-columns .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* 下揃え */
}
.bottom-aligned-content {
    margin-top: auto;
}
/* 薄い影 */
.text-shadow-light {
  text-shadow: 1px 1px 2px #cccccc;
}
/* 濃い影 */
.text-shadow-dark {
  text-shadow: 2px 2px 3px #000000;
}
/* 立体的な影 */
.text-shadow-3d {
  text-shadow: 1px 1px #444, 2px 2px #444, 3px 3px #444;
}
/* 黒バック要素 */
.has-black-background-color {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 46%, rgba(51, 51, 51, 1) 50%, rgba(85, 85, 85, 1) 92%);
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
}
.wabun{
	padding:18px 10px 15px 0px;
		 line-height: 1.1em;
		color:#FFFFFF;
	font-size:22px;
}
.eibun{
	padding:5px 10px 15px 5px;
	 line-height: 1.1em;
	color:#a2a2a2;
	font-size:14px;
}
.chui {	font-size:29px;
}
/* メタルヘアライン背景 */
.metal3 {
	color: #262629;
text-shadow: 0px 4px 6px rgba(13, 13, 13, 0.42);
  background-image:
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6px, hsla(0,0%,100%, .1) 7.5px),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4px, hsla(0,0%,  0%,.03) 4.5px),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2px, hsla(0,0%,100%,.15) 2.2px),
    
    linear-gradient(180deg, hsl(0,0%,78%)  0%, 
    hsl(0,0%,90%) 47%, 
    hsl(0,0%,78%) 53%,
    hsl(0,0%,70%) 100%);
}
.metal6 {
  background-image:
    repeating-linear-gradient(to right, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 5px, hsla(0,0%,100%, .1) 7px),
    repeating-linear-gradient(to right, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0) 3px, hsla(0,0%,  0%,.03) 4px),
    repeating-linear-gradient(to right, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1px, hsla(0,0%,100%,.15) 2px),
       linear-gradient(350deg, hsl(0,0%,78%)  0%, 
       hsl(0,0%,90%) 37%, 
       hsl(0,0%,78%) 76%,
       hsl(0,0%,70%) 100%);
}
/* サイドバー */
.sidebar {
	background: linear-gradient(135deg,  #afd1ed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+54,919191+56,919191+59,000000+61 */
background: linear-gradient(135deg,  #e5e5e5 54%,#919191 56%,#919191 59%,#000000 61%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.wdss-l,.wdss-m{
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wabun{
	font-size:18px;
}
.eibun {
	font-size:12px;
}
.is-layout-flow > .alignleft {
  margin-inline-end: 0.5em;
}
	.chui {	font-size:23px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.wdss-l {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wdss-m {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}}

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