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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.floating-contact-button {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: background-color 0.3s ease, transform 0.3s ease;
}
.floating-contact-button:hover {
    background-color: #0056b3;
    transform: scale(1.1);
}
.floating-contact-button .icon {
    fill: currentColor;
}
.floating-contact-button {
  display: none;
}

.post-14 .date-tags {
  display: none;
}

.ul--sns {
  display: flex;
  justify-content: start;
  gap: 1.0rem;
  margin:0;
  padding:0 ;
}
.ul--sns li {
  list-style: none;
  font-size: 60px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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



.wp-block-search__button {
    width: auto!important;
}