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

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

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

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

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

/************************************
** タイムラインアイコン
************************************/
.timeline-item::before {
  top: 22px;
  left: 103px;
  width: 17px;
  height: 17px;
  background: #f8c678; /* 任意の色に */
}

.timeline-item-content {
  border-left: 3px rgb(25 25 25 / 12%) solid;
}

.timeline-box {
  border: initial;
}

.timeline-item-label {
  color: rgb(25 25 25 / 70%);
}
@media screen and (max-width: 480px) {
  .timeline-item-content {
    border-left: initial;
  }

  .timeline > li.timeline-item {
    border-left: 3px rgb(25 25 25 / 12%) solid;
  }

  .timeline-item::before {
    left: -10px;
  }
}

/* 以下はアニメーションをつけたい場合 */
.timeline li:nth-child(1)::before {
  opacity: 0.5;
  animation: timeline-circle 1.5s infinite;
}
@keyframes timeline-circle {
  100% {
    opacity: 1;
    transform: scale(1.3, 1.3);
  }
}


/************************************
** 新着情報欄の囲み
************************************/
.box2 {
    padding: 0.5em 1em;
	margin: 2em 0;
	line-height: 2.3;
    border: solid 1px #9e744c;/*線*/
	border-radius: 10px;/*角の丸み*/

}
.box2 p {
    margin: 5; 
    padding: 0;
}

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 300px;
}

.footer-bottom-logo img {
	height: 70px;
	width: auto;
}


.content { 
margin-top: 0; 
}


.main {
padding-top: 10px;
padding-bottom: 10px;
}