@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){
  /*必要ならばここにコードを書く*/
 .entry-card-title {
	font-size: 14px;
	margin-left: 10px;
	margin-bottom: 10px;
} 
}


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


h6{
background-color:#4A2600;
color:#ffffff;
font-size: 40px;
border-radius: 10px;
}

#post-9 .date-tags {
  display: none;
}

.sidebar h3 {
    background: none;
    font-size: 18px;
	color:#4A2600;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
}
.sidebar h3::before, .sidebar h3::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 26%
    border-top: 3px solid #696969;
}
.sidebar h3::before {
    left: 0;
}
.sidebar h3::after {
    right: 0;
}

.article h5 {
  position: relative;
  padding: 0.6em;
  background: #0093A4;
  color:white
}

.article h5:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #0093A4;
  width: 0;
  height: 0;
}


/**カルーセル**/
.carousel{
 width:100%;
 margin-left:calc( ( 100% - 100vw ) / 2 );
  margin: 0;
}
#carousel .carousel-in{
   box-shadow:none;
   width:100%;
   background-color:#fff;
}
#carousel .a-wrap{
   margin-top: 1rem;
   box-shadow:none;
   border:none;
   margin: 10px;
}
#carousel .carousel-entry-card-title{
   font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
   font-size:0.8em;
   font-weight:bold;
   color:#000000;
   margin: 0.4rem;
   letter-spacing: 0.06em;
   line-height: 1.2em
   max-height: 20em;
}

.carousel-entry-card-title {
    max-height: 5em;
}

#carousel .carousel-entry-card-wrap:hover {
    background-color: #f0f0f0;
}


#main #index-tab-wrap .index-tab-buttons .index-tab-button {
  background-color: #4a2600;
  color: #fff;
}

#main #index-tab-wrap .index-tab-buttons .index-tab-button:hover {
  color: #fff;
  background-color: #3983ad;
}


.widget-entry-card-content{
font-size: 13px;
}


.page .date-tags {
display: none;
}


.cat-label {
display: none;
}