@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


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

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

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

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

.barrier-free-container {
	background: #000;
	padding: 10px;
	text-align: right;
	position: fixed;
    z-index: 1;
    width: 100%;
	opacity: .5;
}
.barrier-free-moji-wrapper {
	display: inline-block;
 }
/* ここから下がボタンのCSS　*/
.barrier-free-btn,
.barrier-free-moji
{
  color: #fff;
  background: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  /* line-height: 45px; */
  line-height: 25px;
  /* width: 100%; */
  position: relative;
  padding: 8px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
  cursor: pointer;
}
.barrier-free-btn:hover,
.barrier-free-moji:hover
{
  border-color: #fff;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: transparent;
  outline-offset: 12px;
  text-shadow: 2px 2px 3px #000;
}
.barrier-free-btn {
	margin-right: 10px;
}
.barrier-free-moji-title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}
.barrier-free-moji {
	margin-left: 10px;
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
  .barrier-free-moji-wrapper {
	  /* display: flex; */
	  /* margin-top: 6px; */
	  display: inline-block;
  }
  .barrier-free-moji-title {
	  /* display:	none; */
  }
  .barrier-free-moji-title,
  .barrier-free-btn,
  .barrier-free-moji
  {
	  font-size: 11px;
	  padding: 2px 4px;;
  }
}

/******************************************
  YouTube再生画面を幅に合わせて可変にする
******************************************/
.is-provider-youtube .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.is-provider-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*********
  見出し
*********/
.article h2 {
	border-left: 14px solid #818385;
}

.admin-panel {
	display: none;
}

.fa-angle-right:before,
.fa-folder:before,
.fa-file:before,
.font-awesome-5 .card-arrow .a-wrap::after
{
    font-family: 'FontAwesome';
}
.fa-twitter:before,
.fa-facebook-square:before,
.fa-instagram:before,
.fa-bell:before,
.fa-rss-square:before
{
	font-family: 'FontAwesome';
	font-style: normal;
}

.eye-catch-wrap > .eye-catch {
	display: none;
}