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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*
div, p, li {
    text-align: justify;
	letter-spacing: 0.05em;
}
*/

.waku1 {
  border-width: 0px;
  padding: 1em; /*段落余白*/
  border: 1px solid #f2f2f2; /*枠線グレー*/
}

/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

.entry-content h2::before {
border:none;
background:none;
padding: 0;
}

.entry-content h2::after {
border:none;
background:none;
padding: 0;
}

/* H2 */
.entry-content h2{
color: #f9f8f6; /* 文字色 */
font-size: 2.0em; /* 文字サイズ */
background-color: #3463ac; /* 背景色 */
padding-top:15px; /* 文字と上部の間隔 */
padding-left:15px;/* 文字と左線の間隔 */
padding-bottom:15px;/* 文字と下部の間隔 */
/* border-left: solid 10px #008000; */ /* 左側に実線・色*/
}

.blank-box {
    border: 1px solid #949495;
}

/*フッターの手前消す*/
.article-footer{
display: none;
}

/*フェードイン*/
#main{
    animation: fadeIn 1s ease-out 0s 1 normal;
}
#sidebar {
    animation: fadeIn 1s ease-out 0s 1 normal;
}

@keyframes fadeIn {
    from {transform: translateY(10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}
#header-container {
    animation: Down 1s ease-out 0s 1 normal;
}

@keyframes Down {
    from {transform: translateY(-10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}

#breadcrumb {
    animation: Right 1s ease-out 0s 1 normal;
}

@keyframes Right {
    from {transform: translateX(10%); opacity: 0;}
    100% {transform: translateX(0%); opacity: 1;}
}

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

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

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