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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {background:transparent;}
.main{background-color:transparent;}
a{color: #01285e;}
.home.page .content {margin-top: 0px;}
.home.page .main {padding: 0px 10px 36px 10px;}
/*フロント固定ページのロゴ、アイキャッチ、メニューを非表示*/
.home.page #header-in, .home.page .eye-catch-wrap, .home.page .navi{display:none;}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{display: none;}
/*フロント固定ページの投稿日を非表示*/
/*フロント固定ページの更新日を非表示*/
.page-id-2 .article-header .date-tags {display: none;}
/*投稿者名を非表示*/
.author-info{display: none;}
/* 固定ページ日付消去 */
.date-tags {display: none;}

/* h2 */
.article h2 {
margin:0 auto;
padding:0;
background:transparent;
text-align: center;
position: relative;
padding: 24px 0;
}
.article h2::after{
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
width: 60px;
margin: auto;
border-bottom: 2px solid #000;
} 
/* h3 */
.article h3{display: flex;flex-wrap: nowrap;justify-content: center; align-items: center;border:0;}
/*短い左右線*/
.article h3:before, .article h3:after {content: '';width: 40px;height: 2px;background-color:#555;position: unset;border: unset;margin-left: unset;margin-right:unset;flex-grow: unset;}
.article h3:before{margin-right:14px;}
.article h3:after {margin-left:14px;}
/* parallax */
.parallax {height:780px;width: 100vw;margin-left: calc(-50vw + 50%);max-width: none;background-image: url('https://tea4you.net/wp-content/uploads/2024/09/px01.jpg');background-size: cover;background-attachment: fixed;background-position: center;}
.parallax2 {height:780px;width: 100vw;margin-left: calc(-50vw + 50%);max-width: none;background-image: url('https://tea4you.net/wp-content/uploads/2024/09/px02.png');background-size: cover;background-attachment: fixed;background-position: center;}
.parallax3 {height:780px;width: 100vw;margin-left: calc(-50vw + 50%);max-width: none;background-image: url('https://tea4you.net/wp-content/uploads/2024/09/px03.png');background-size: cover;background-attachment: fixed;background-position: center;}
/* hr */
hr {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));}

/* P left */
.pleft{display: inline-block;text-align: left;max-width:800px;}
/*  */
.alert1{font-size:.8em;background-color:transparent;color: rgb(50, 50, 50);font-weight: 500;border: #555 2px solid; border-radius: 15px;padding: 10px;margin: 2px;}
.alert1 .chkfee{font-size:1.2em;font-weight:bold;margin-bottom:8px;}
.alert1 p{margin-bottom:0px;}
/* BOX TIPSをメールに変更 */
.bb-tips .bb-label .fa::before {
content: "\f0e0";
}
.bb-tips .bb-label::after {
content: "メール予約";
}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */


/* timeline */
.timeline-item-title {background: linear-gradient(transparent 80%, #e1c5f1 30%);display:inline-block;}
.timeline-item:before{background:#5b5b5d;}
/* SNSシェアボタン */
/************************************
** ボトムシェアボタン
************************************/
@media screen and (min-width:481px) {
  .sns-share, .sns-follow {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
}
.sns-share-buttons {
  justify-content: space-evenly;
}
.sns-share-buttons a {
  font-size: 1.25em;
  border-radius: 50%;
  width: 50px!important;
  height: 50px;
  background-color: #aaa;
}
.sns-share-buttons a:hover {
	opacity: 0.6;
}
@media screen and (max-width:834px) {
  .ss-bottom .sns-share-buttons a {
    font-size: 1.3em;
  }
}
.sns-share-buttons a .button-caption {
  display: none!important;
}
.sns-share-message, .sns-follow-message {
  color: #bbb;
  margin-bottom: 30px;
  position: relative;
}
.sns-share-message:before, .sns-follow-message:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 2px;
  left: 50%;
  bottom: -5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 3px;
  background-color: #aaa;
}
.sns-follow-buttons a.follow-button {
	width: 40px;
	margin: 0 5px;
	border: 0;
	background: none !important;
	font-size: 32px;
	color: #aaa;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/* h1 */
.article h1 {font-size:22px;}
.article h2 {font-size: 18px;}