@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-color:#fff;}
.header-container, .main, .sidebar, .footer {
background-color: transparent;}
#header-in{background-color:transparent;display:none;}
/* 日付非表示 */
.date-tags{display:none;}
/* モバイルヘッダーボタン */
.mobile-header-menu-buttons {display: flex;bottom: auto;top: 0;}
.header-container-in.hlt-top-menu,#navi-in{display:none;}
.mobile-header-menu-buttons {box-shadow:none;background-color:transparent;position:top;z-index:1;}
.menu-content, .search-edit, input[type="text"] {background-color:transparent;}
.mobile-menu-buttons .menu-button > a {display:none;}
.mobile-header-menu-buttons{z-index:10;}
.scrollable-mobile-buttons{margin-top: 0;}
/*ハンバーガーメニューの文字を消す*/
span.navi-menu-caption.menu-caption {display: none;}
span.navi-menu-icon {font-size: 1.6em;}
span.search-menu-icon.menu-icon {font-size: 1.2em;padding-top: 8px;}
.logo-menu-button {font-size: 1.4em;letter-spacing:8px;}
.logo-menu-button.menu-button > a{font-weight:500;/* display:none; */}
/*検索の文字を消す*/
span.search-menu-caption.menu-caption {display: none;}
span.search-menu-icon {font-size: 1.2em;color: #aaa;}
.search-menu-button.menu-button {display:none;}
/* ハンバーガ */
.mobile-menu-buttons .menu-button {height: 70px;}
.fa-bars:before {font-size:1.8em;color:#b38f91;font-weight:600;content:"";content:url(https://iyasicha.com/wp-content/uploads/button01.png);padding-top:15px;padding-left:5px;}
/* 開いたメニューの調整 */
.menu-content {max-width: 40%;}
.menu-drawer a {color: #555;}
.menu-close-button {font-size: 1.6em;color: #888;}
/* 戻るボタン */
.go-to-top-button {
background-color:transparent;
content:"↑";}

#navi-menu-input:checked ~ #navi-menu-content{overflow:hidden;background-color:#eaeae8;opacity:.9;}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{display: none;}
/*フロント固定ページの投稿日を非表示*/
/*フロント固定ページの更新日を非表示*/
.page-id-2 .article-header .date-tags {display: none;}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info, .author-info{display: none;}
/*  */
/* parallax */
.parallax {min-height:550px;margin: 0 calc(50% - 50vw);width: 100vw;background-position: center bottom;background-repeat: no-repeat;
background-attachment:fixed;background-size:cover;}
.parallax.bg-01 {background-image:url(//iyasicha.com/wp-content/uploads/top00.png);}
.parallax.bg-02 {background-image:url(//iyasicha.com/wp-content/uploads/top_slider1.jpg);}
.parallax.bg-03 {background-image:url(//iyasicha.com/wp-content/uploads/slider02.jpg);}
.parallax.bg-04 {background-image:url(//iyasicha.com/wp-content/uploads/ylp01.jpg);}
/*  */
.pxbg01{width: 100%; top: 200px; text-align: center; position: relative;}
.pxbg01_in{font-size:1.4em;background-color:rgba(255,255,255,0.7);display:inline;}
/*  */
.floating-banner {
position: fixed;
top: 30%;
right: 0;
transform: translateY(-50%);
background-color: #727063;
color: white;
padding: 10px 20px;
font-size: 14px;
width: 30px; /* バナー幅 */
height: auto; /* 高さを自動調整 */
writing-mode: vertical-rl; /* 縦書き */
display: flex;
align-items: center; /* 縦方向中央揃え */
justify-content: center; /* 横方向中央揃え */
white-space: nowrap; /* テキストが折り返さないように */
border-radius:5px;
z-index:10;
}
.floating-banner a{text-decoration:none;color:#fff;}
/* ylp */
.ylp01{text-align: left;max-width:800px;display:inline-block;}
/* marker */
.markerap1 {
font-weight:bold;
background: -webkit-linear-gradient(left, rgb(247 255 130) 50%, transparent 50%);
background: -moz-linear-gradient(left, rgb(247 255 130) 50%, transparent 50%);
background: linear-gradient(left, rgb(247 255 130) 50%, transparent 50%);
background-repeat: no-repeat;
background-size: 200% .4em; 
background-position: 100% .8em;
transition: 3s;
}
.markerap1.is-active{
background-position: 0% .8em;
}
/*  */
.markerap2 {
font-weight:bold;
background: -webkit-linear-gradient(left, rgb(255 190 190) 50%, transparent 50%);
background: -moz-linear-gradient(left, rgb(255 190 190) 50%, transparent 50%);
background: linear-gradient(left, rgb(255 190 190) 50%, transparent 50%);
background-repeat: no-repeat;
background-size: 200% .4em; 
background-position: 100% .8em;
transition: 3s;
}
.markerap2.is-active{
background-position: 0% .8em;
}
/*  */
/*  */
/*  */
/*  */
/*---SNSボタンを丸くする---*/
#main .button-caption {display: none;}
/*SNSシェアボタン*/
.sns-share-message{font-weight: bold;color: #bbb;}
.sns-share-buttons {flex-wrap: nowrap;justify-content: center;}
.sns-share-buttons a {border-radius: 50%;font-size: 20px;margin: 0 10px;}
#main .sns-share a {width: 40px;height: 40px;}
/*SNSフォローボタン*/
.sns-follow-message{font-weight: bold;color: #bbb;}
.sns-follow-buttons {justify-content: center;}
.sns-follow-buttons a {border-radius: 50%;font-size: 20px;margin: 0 10px;}
#main .sns-follow a {width: 40px;height: 40px;}
.sns-buttons a {background-color: #bbb;}
/* SNSカラー */
.sns-buttons a {
color: #bbb;
border: 1px solid #bbb;
background-color: transparent;}
/*  */
/*  */
/*  */
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {transition: 2.0s ease-in-out;transform: translateY(10px);opacity: 0;}
.scroll_up.on {transform: translateY(0);opacity: 1.0;}
/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {-webkit-transition: 3.5s ease-in-out;-moz-transition: 2.0s ease-in-out;-o-transition: 2.0s ease-in-out;transition: 2.0s ease-in-out;transform: translateX(-10px);opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.scroll_left.on {opacity: 1.0;filter: alpha(opacity=100);-moz-opacity: 1.0;transform: translateX(0);}
/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {-webkit-transition: 3.5s ease-in-out;-moz-transition: 2.0s ease-in-out;-o-transition: 2.0s ease-in-out;transition: 2.0s ease-in-out;transform: translateX(10px);opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.scroll_right.on {opacity: 1.0;filter: alpha(opacity=100);-moz-opacity: 1.0;transform: translateX(0);}

/*  */
/*  */
/* TEABag */
#post-55 .column-3 p{text-align:center;font-size:.8em;}
#post-55 .column-3 .teaex {text-align:left;height:180px;border-bottom:1px dotted #bbb;font-size: .8em;color: #888;}
.article h2{background-image: linear-gradient(135deg, #ebede4 20%, #e7e9c8 100%);}
.article h3 { font-size: 15px; color: #353535; text-transform: uppercase; font-weight: bold;margin-bottom:0;text-align:center;background:transparent;border:none;}
.article h3::after { content: " "; border: solid 2px #d5d5d5; display: block; width: 35px; margin: 25px auto; }
/* .article h3.teanm:first-letter{font-size:1.4em;padding-right:2px;} */
/* tea midasi */
h2.teanm0{font-size: 1.2em;font-weight: 700;letter-spacing: 0.2em;margin:5px 0px;padding-left:10px;text-align:center;background: linear-gradient(transparent 90%, #a0ffb3 50%);color: #18411e;display:inline-block;}
h2.teanm0:before{position: relative;top:7px;margin:0 5px 0 0;content: url('//iyasicha.com/wp-content/uploads/tbmark01.png');}
h2.teanm1{font-size: 1.2em;font-weight: 700;letter-spacing: 0.2em;margin:5px 0px;padding-left:10px;text-align:center;background: linear-gradient(transparent 90%, #a0ffb3 50%);color: #18411e;display:inline-block;}
h2.teanm1:before{position: relative;top:7px;margin:0 5px 0 0;content: url('//iyasicha.com/wp-content/uploads/tbmark01.png');}
/*  */
/* shop url */
.shopurl{font-size: 1em; color: darkred; padding: 10px 0px; letter-spacing: .3em; text-decoration: underline;}
/* TEAList Box */
.box-clip {position: relative;max-width: 400px;margin: 1em auto;padding: 1em 2.5em 1em 1.5em;border-radius: 3px;box-shadow: 0 2px 3px rgb(0 0 0 / 20%);background-color: #e7e9df;color: #333333;}
.box-clip::before,.box-015::after {position: absolute;content: '';}
.box-clip::before {top: -15px;right: 10px;height: 50px;width: 15px;border: 3px solid #999;border-radius: 10px;box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);transform: rotate(10deg);}
.box-clip::after {top: 0;width: 10px;right: 20px;border: solid 5px #ebecea;}
/*  */

/*  */
/*  */
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
div#n2-ss-1 .n2-ss-slider-2 {height:800px;}
.scrollable-mobile-buttons{margin-top: 0;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
div#n2-ss-1 .n2-ss-slider-2 {height:600px;}
.scrollable-mobile-buttons{margin-top: 0;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
div#n2-ss-1 .n2-ss-slider-2 {height:600px;}
.scrollable-mobile-buttons{margin-top: 0;}
}