@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 {font-family: Arial,Helvetica,sans-serif;font-size: 10px;}
.main{background-color: rgba(0,0,0,0);padding: 0px 29px;}
.header {background-color: #e1e1e1;}
#navi .navi-in a:hover {color: #fff;}
.date-tags{display:none;}
.item-label{font-weight:500;}
.google-cal iframe {width:100%;max-width:1200px;height:800px;}
.a-wrap:hover {background-color:#fffaf0;transform: scale(1.01);box-shadow: 2px 2px 6px 0 #f6f6f6;　transform: translateY(-2px);}
/*footer{margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);}*/
.mincho{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.full-width {width: 100vw;margin: 0 calc(50% - 50vw); }
.sha1 {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.fs-f{ font-size:clamp(1.5rem, 2vw + 1rem, 2.25rem);font-weight:700;}
.m-vw{margin-top:7.2vw;}
.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: 1200px!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;
}
.section_bg{
  background-color:#eee;
}

/* 右肩上がり */
.section.section_tilt_r {
  clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
}

/* 右肩下がり */
.section.section_tilt_l {clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 calc(100% - 50px));z-index:-10;}

.mt-minus{margin-top:-160px;}
.mt-minus2{top:200px;}
.indexh{z-index:100;position:relative;}
.clb{clear:both;}
.fs-7{font-size:0.8rem!important;}
.fs-8{font-size:0.65rem!important;}
.ktitle{font-size:17px!important;}
.container2{max-width:1000px;margin:auto;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.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){.mt-minus2{top:40px;}}