@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*@media screen and (max-width: 480px){
  .sns-share-message{ display: none; }
  .ss-bottom{
    position: fixed;
    bottom: -7px;
    right: 60px;
    z-index: 99999;
    width: calc(100vw - 70px);
    height: 40px;
    transform: translatey(100px);
    animation: fadeIn 1s ease-out 4s 1 normal both;
  }
}
@keyframes fadeIn {
  from {transform: translatey(10%); opacity: 0;}
  100% {transform: translatey(0%); opacity: 1;}
}*/

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.widget-index-top,
.widget-above-single-content-title {
    position: relative;
    margin: 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.widget-index-top .main-widget-label,
.widget-above-single-content-title .main-widget-label {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.widget-index-top .main-widget-label::before,
.widget-above-single-content-title .main-widget-label::before {
    font-family: FontAwesome;
    content: "\f135";
    margin-right: 5px;
}

.widget-index-top .widget-entry-card-content,
.widget-above-single-content-title .widget-entry-card-content{
    display: table-cell;
    height: 74px;
    vertical-align: middle;
    font-size: 15px;
}