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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.post-date, .post-update{display:none;}
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #00a29a;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}
.navi-in a { color: #333; font-size: 14px;font-weight:600;}

.article h1{margin: 0 calc(50% - 50vw); padding: 1.3em calc(50vw - 50%);background-color: #00a29a; text-align: center;font-size:clamp(1.5rem, 2vw + 1rem, 2.625rem);font-weight:800;color:#fff;}
.mincho{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.f-vw{font-size:clamp(1.5rem, 2vw + 1rem, 2.625rem);font-weight:800;}
.m-vw{margin-top:7.2vw!important}
.shadow {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.full-width {margin: 0 calc(50% - 50vw); padding: 5em calc(50vw - 50%);}
.go-to-top {bottom: 100px;}
#page_header{width:100vw;height:600px;position:relative;overflow:hidden;background:#000;margin:0 calc(50% - 50vw);padding:5em calc(50vw - 50%)}
#page_header_inner{z-index:3;width:830px;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#page_header .bg_image{width:100%;height:100%;z-index:1;position:absolute;top:0;left:0}
#page_header .overlay{background-color:rgba(0,76,99,.5);width:100%;height:100%;z-index:2;position:absolute;top:0;left:0}
#archive_square_headline{z-index:1000;width:200px;height:200px;color:#fff;position:relative;margin:0 auto;top:-100px;background:#00729f;text-align:center;font-weight:700;padding-top:50px}
#archive_square_headline span{display:block}
.square_headline .headline{font-size:24px}
.back03{background-image:url(https://el-works.jp/wp-content/uploads/2022/06/23973363_m2.jpg);background-repeat:no-repeat;background-position:top right;max-width:1256px}
.back04{background-image:url(https://el-works.jp/wp-content/uploads/2022/06/kyujin.jpg);background-repeat:no-repeat;background-position:top left;max-width:1256px}
.back05{background-image:url(https://el-works.jp/wp-content/uploads/2022/06/biyoushicafe.jpg);background-repeat:no-repeat;background-position:bottom right;max-width:1256px}

.zoom-in-img {max-width: 640px;height:320px;margin: 0;padding: 0;background: #fff;overflow: hidden;cursor: pointer;}
.zoom-in-img img {
  width: 100%;
  height: 100%;
}
/*ホバーエフェクト*/
.zoom-in-img img {
  transform: scale(1);
  transition: .3s ease-in-out;
}
.zoom-in-img:hover img {
  transform: scale(1.3);
}
.su-button small {
	margin-top: 0.6rem!important;
}
/************************************
** Googleカレンダーコントロール
************************************/
/*.embed-container {
 position: relative;
 padding-bottom: 70%;
 height: 0;
 overflow: hidden;
 max-width: 100%;
margin: 2.0833% auto;
 }
 .embed-container iframe, .embed-container object, .embed-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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