@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/************************************
** ブログカード　抜粋文字を消してタイトルのみ
************************************/

/*スライダー*/
.n2-ss-no-bga-fixed{
	margin-top:-60px;
	  

}




/*本の付箋*/
.fusen {
width: 300px;/*幅はお好きに*/
position: relative;
z-index: 0;
}
.fusen ul {
list-style: none;
padding-left:200px;
}
.fusen ul li {
font-size: 0.9em;
margin: 1.6em 0;
padding: 1em;
position: relative;
background: linear-gradient(to right, #ffffcc 0%, #f1f1c1 0.5%, #f1f1c1 13%, #ffffcc 16%);/*グラデーションで折り目っぽく*/
	text-align: center;
		  width: calc(100% + 50px);
  margin: 0 0 0 50px;
}
.fusen ul li::after {/*BOXを微妙に斜めにして配置、シャドウで立体感を出す*/
content: "";
display: block;
position: absolute;
z-index: -1;
margin: auto;
background: rgba(0, 0, 0, .5);
box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
transform: rotate(1deg);
top: 6%;
right: .5%;
left: 2%;
bottom: 8%;
}

.fusen ul li:nth-child(odd) { /* 奇数番のli */
    background: linear-gradient(to right, #ffffcc 0%, #f1f1c1 0.5%, #f1f1c1 13%, #ffffcc 16%);
}
.fusen ul li:nth-child(even) { /* 偶数番のli */
    background: linear-gradient(to right, #FDF8E6 0%, #F5ECDA 0.5%, #F5ECDA 13%, #FDF8E6 16%);
    margin: 1.6em 0em !important;
}




/*二重線*/
.box2 {
 border-radius:2px;
	padding-bottom:2em;
	padding-top:2em;
	padding-left:5em;
	padding-right:5em;
	border-bottom:solid 5px #000;
	border-left:solid 5px #000;
	border-top:solid 5px #000;
border-right:double 5px #000;/*線の種類・太さ・色*/
background-color:#FFF;
}



/*本の見出し*/



/*aリンクcss*/
a {
	text-decoration: none;
}

.entry-content a:hover {
	
}





.blogcard-snippet {
display:none;
}

.blogcard-footer {
	display:none;
}

.external-blogcard-footer{
	display:none;
}

/*フロントページのh1非表示*/
.front-top-page #main .entry-title{
  display: none;
}
/* 追記CSS
#footer {
background-image: url(https://www.taketa-wakaba.jp/wp-content/uploads/2022/12/230556.png) !important;
	background-repeat:no-repeat;
  background-position:50%;
	background-size: cover;

	height: 270px!important;
}
 */
/* 見出しリセット */
/* 見出し2 */
/*見出し初期化*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}


/*マウスホーバーデザイン*/
.size-full a {
  display: inline-block;
}
.size-full a:hover {
  -webkit-animation: zoom .4s;
  animation: zoom .4s;
}
@-webkit-keyframes zoom {
  50% {
    -webkit-transform: scale(1.05);
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.05);
  }
}







/* ボックスメニューの設定 */
.box-menu{
    background: #fff; /* 背景色 */
    box-shadow: none; /* 枠線を消す */ /* 枠線の設定 */
                       width:calc(100% / 6); /* メニューの数 */
}
.box-menu-icon{
    color: #339432; /* アイコンの色 */
}
.wwa  {
    width:calc(100% / 6); /* メニューの数 */
}

/* オンマウス時の設定 */
.box-menu:hover{
    box-shadow: none; /* 枠線を消す */
    /*background: #ffddee;  背景色 */
}


.box-menu:hover{
  animation: bgchange 20s ease infinite;/*変化の時間を変更したい場合は20sの部分を好きな時間に変更*/
}

@keyframes bgchange{
      0%   {background:#ffe6e1;}/*変化させたい色*/
      25%  {background:#fdcb9e;}/*変化させたい色*/
      50%  {background:#fdcbc1;}/*変化させたい色*/
      75%  {background:#ffff8c;}/*変化させたい色*/
      90%  {background:#b2dffb;}/*変化させたい色*/
      100% {background:#ffe6e1;}/*変化させたい色*/
 }





/*背景色の変更*/
#main{
	background-color:#fff !important;
}

/*見出しデザインを変える場合はこれより下に記載してください*/
.article h1{
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: white;
}

.article h1::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.article h2 {
  position: relative;
  margin: 1rem 0rem;
  border-bottom: 6px solid #094;
}

.article h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #00cc5b;
}
.article h3{

}

.article h4{

}

.article h5{

}

.article h6 {

}


#footer {
    background-color: transparent !important;
}



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













}

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

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