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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.error {
  color: red;
}

#header-in .logo-text {
  padding: 20px 0 0px;
  font-size: 1em;
}
#header-in .tagline {
  margin-top: -20px;
}
.menu-footer a:hover {
  background: #333;
}
.custom table th {
  text-align: left;
}
.custom table th > label {
  display: block;
  line-height: 0.75;
  padding-top: 0.25em;
}
.custom table th > small {
  font-weight: 400;
  font-size: 0.65em;
}
.custom table td {
  word-break:break-all;
}
.custom dt {
  float: left;
}
.custom dt label {
  display: block;
  line-height: 0.5em;
}
.custom dt small {
  color: #999;
  font-size: 0.75em;
}
.custom dd {
  padding-bottom: 0.5em;
  padding-left: 25%;
}
.custom dd small {
  font-size: 0.65em;
  display: block;
}
.widget_akismet_widget a {
  font-size:0.85em;
  padding-top:0.85em!important;
}
.form-dl textarea {
	height: 12em;
}

#main article.article {
  position: relative;
}
#main article.article .eye-catch-wrap {
  margin-left: -29px;
  margin-right: -29px;
  margin-top: -36px;
}

.eye-catch-wrap {
  position: relative;
}
.eye-catch-wrap figure.eye-catch {
  z-index: 1;
}
.eye-catch-wrap .entry-title {
  position: absolute;
  width:100%;
  padding: 36px 29px;
  bottom: -5px;
  z-index: 2;
  background: rgb(16,0,0,0.3);
  color: #ffffff;
  text-shadow: 1px 2px 3px #000000;
}
.category-header-eye-catch {
  position: relative;
  z-index: 1;
}
.category-header-eye-catch #archive-title  {
  position: absolute;
  width: calc(100% + 58px);
  padding: 36px 29px;
  bottom: -5px;
  left: -29px;
  z-index: 2;
  background: rgb(16,0,0,0.3);
  color: #ffffff;
  text-shadow: 1px 2px 3px #000000;
}
.category-header-no-eye-catch #archive-title {
  position: static!important;
  width: 100%!important;
  padding: 0px!important;
  text-shadow:
}

.footer-social-link {
  list-style: none;
  padding-left: 0px;
}
.footer-social-link li{
  float: left;
  padding: 0.65em;
  max-width: 64px;
}




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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/  
  #main > article.article .eye-catch-wrap {
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -36px;
  }

  .eye-catch-wrap .entry-title {
    padding: 20px 16px;
  }

  .category-header-eye-catch #archive-title {
    width: calc(100% + 28px);
    left: -14px;
    padding: 32px -12px;
  }
  
  .info-panel dt {
    clear: none;
  }
}



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


/************************************
** エントリーカードの設定
************************************/
.a-wrap {
  text-decoration: none;
  display: block;
  color: var(--cocoon-text-color);
  padding: 1.5%;
  transition: all 0.3s ease-in-out;
}
.a-wrap:hover {
  /* background-color: #f9fcfe; */
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);

  border-radius: 4px;
  box-shadow: 1.5px 1.5px 1px 1px #f3f3f3;

}

.info-panel {
  background: #f9f9f9;
  padding: 1em;
}
.info-panel h3 {
  margin: 0.75em;
}
.info-panel dl {
  margin-left: 2em;
  margin-right: 2em;
}
.info-panel dt {
  clear: both;
  width: 160px;
  float: left;
  margin-bottom: 0.5em;
}
.info-panel dd {
  margin-bottom: 0.5em;
}