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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.item-label{font-weight:500;}
.google-cal iframe {width:100%;max-width:1200px;height:800px;}
.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.a-wrap:hover {background-color:#fffaf0;transform: scale(1.01);box-shadow: 2px 2px 6px 0 #f6f6f6;　transform: translateY(-2px);}
.full-w {margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);}
.mincho{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
/*ヘッダー背景透明化*/
.date-tags{display:none;}
#header-container {
background-color: transparent;
}
/*ナビゲーションメニュー背景透明化*/
#header-container .navi {
background-color: transparent;
}
#main {
background-color: transparent;
}
.shadow {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.article h2 {
  position: relative;
  border-top: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 1em;
 font-size:clamp(1.5rem, 2vw + 1rem, 2.25rem);
	color:#696969;
}
.fs-f{ font-size:clamp(1.5rem, 2vw + 1rem, 2.25rem);font-weight:700;}
.m-vw{margin-top:7.2vw;}
/*.article h2:after {
 
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f064\ LIAISON';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.4em;
  line-height: 1;
  letter-spacing: 0.05em;
}*/
.article h3 {
  border-left: 7px solid #81D8D0;
  border-right:none;
  border-top: none;
      border-bottom:none;
  font-size: 22px;
  padding: 12px 20px;
	margin-bottom:10px!important;
}
.box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  position: relative;
}
.box .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.box .image {
  position: relative;
  z-index: 1;
}
.box .image .inner {
  position: relative;
}
.box .text23 .inner {
  padding: 4em 15%;
  margin-top: 3em;
}
.box .text23 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 63.33333%;
  flex: 0 0 63.33333%;
  max-width: 63.33333%;
  margin-left: -5%;
}
.box .text23 {
  text-shadow: .1em .1em 0 #fff,.2em .2em 0 #fff;
}
.bg-color-light {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ababab' fill-opacity='0.75' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); }
.block-title {
  font-size: 100%;
  font-weight: 400;
}
.mB30em {
  margin-bottom: 3em !important;
}
.mT70em {
  margin-top: 7em !important;
}
.level3 {
  font-size: 130% !important;
  line-height: 1.6;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1920px!important;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%;
  padding-right:0px!important;
  padding-left:0px !important;
  margin-right: auto;
  margin-left: auto;
}
table, th {
    border-bottom: 1px solid black;
}
table {
    border-collapse: collapse;
}
#sb_instagram #sbi_images {filter: grayscale(100%);}
#sb_instagram .sb_instagram_header a, .sb_instagram_header a {color: #000;}
/* ---------------------------------------------------------------------
  マウスホバーエフェクト サイドバー
--------------------------------------------------------------------- */
.sidebar h3 {background-color: #e8d2b0;padding: 12px 0 12px 40px;margin: 16px 0;border-radius: 2px;font-size: 1.2rem;}
.cat-label {color: #fff !important; border-radius: 5px;}/*カテゴリ表記の色*/
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {padding: 5px 0;padding-right: 9px;padding-left: 20px;transition: all 1s;font-size:14px;}
.widget_recent_entries ul li a:hover{transform: translate(20px,0px);background-color: #fcfcfc;}
.widget_categories ul li a:hover{transform: translate(20px,0px);}
.widget_recent_entries ul li a::after { position: absolute; content: ""; display: block; width: 10px; height: 10px; background-color: #b7cf72; border-radius: 50%; top: 10px; left: -20px; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.widget_recent_entries ul li a:hover::after { opacity: 1;}
.widget_categories ul li a::after{ position: absolute; content: ""; display: block; width: 10px; height: 10px; background-color: #b7cf72; border-radius: 50%; top: 10px; left: -20px; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.widget_categories ul li a:hover::after{ opacity: 1;}
.img_wrap{
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.google-cal iframe {height:600px;}
.box .text .inner {
  padding: 4em 10%;
}
.box .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.box .text23 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
	margin-left: 0%;
}
.box .text23 .inner {
  padding: 2em 10%;
  margin-top: 3em;
}
}


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