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

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

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

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

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

.mobile-menu-buttons {
  background: #003f0c;/* メニューの背景色 */
  box-shadow:0 -2px 6px gray;/* メニューに影をつける */
}
.navi-menu-button,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button{
  color: #e9f9db;/* メニューのテキストの色 */
}
.mobile-menu-buttons .menu-button:hover {
  background: #005f0c;/* メニューの背景色(選択時) */
}
.top-menu-button a:hover,
.home-menu-button a:hover,
.mobile-menu-buttons :hover,
.menu-button:hover {
	color: #e9ffdb;/* メニューのテキストの色(選択時) */
}
.mobile-menu-buttons .menu-content{
  color: #333;/* サイドメニューの表示色が変わるのを防ぐ */
}
.navi-menu-content {
	background: #005f0c;
}
}
/*-------------------------------------*/


/*位置が...*/
	.search-submit{
	 top:0;
	 bottom:0;
	 margin:auto 0;
	}

/*SNSボタンの幅をいじる、幅狭いと並ばないので*/
.sns-share.ss-col-4 a{
	width:calc(33% - 8px);
}

.sns-follow-buttons a{
	width: calc(50% - 8px)
}

/*SNSボタンの色を変えるよ*/
/*
.bc-brand-color.sns-share .twitter-button, .bc-brand-color.sns-follow .twitter-button, .bc-brand-color.sns-share .facebook-button, .bc-brand-color.sns-follow .facebook-button, .bc-brand-color.sns-share .line-button, .bc-brand-color.sns-follow .line-button, .bc-brand-color.sns-share .feedly-button, .bc-brand-color.sns-follow .feedly-button, .bc-brand-color.sns-share .rss-button, .bc-brand-color.sns-follow .rss-button, .share-button.copy-button.copy-share-button-sq{
	border:1px solid #003f0c;
	background-color:transparent;
	color:#003f0c;
}

.sns-share-buttons a, .sns-follow-buttons a, .sidebar .sns-follow-buttons a, .footer .sns-follow-buttons a{
	margin-left:4px;
	margin-right:4px;
}

.sns-share-buttons a:last-child, .sns-follow-buttons a:last-child, .sidebar .sns-follow-buttons a:last-child, .footer .sns-follow-buttons a:last-child{
	margin-right:4px;
}

pre, .pager-links span, table th, .pagination .current{
	color:#003f0c;
}
*/
/*すまんな。*/
/*beforeと干渉していたので*/
blockquote{
	padding:10px 2em;
}


/*なぜかdefault.cssのほうが優先度が高いので。*/
.hljs{display:block !important;overflow-x:auto !important;padding:.5em !important;color:#abb2bf !important;background:#282c34 !important;}.hljs-comment,.hljs-quote{color:#5c6370 !important;font-style:italic !important;}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd !important;}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75 !important;}.hljs-literal{color:#56b6c2 !important;}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#98c379 !important;}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b !important;}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66 !important;}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee !important;}.hljs-emphasis{font-style:italic !important;}.hljs-strong{font-weight:700 !important;}.hljs-link{text-decoration:underline !important;}

/*detailsをクリックしたときの挙動がうざいので...*/
details summary{
	outline:none;
}
/*svgファイル読み込み用*/
img[src*=’.svg’]{
width: 100%;
height: auto;
}

.search-edit{
	width: 260px;
	background-color: #fff;
	border-radius: 57px;
	font-size: 14px;
	padding: 10px 20px;
	line-height: 1.1;
	margin-right: 10px;
}
.search-submit{
	font-size: 24px;
	line-height: 1;
	transition: 0.5s ease;
}
@media screen and (min-width: 768px) {
	.search-submit:hover {
		color: #003f0c;
	}
}
.frontimg img {
	border-radius: 10px;
}
.post-date {
    display:none;
}

/************************************
** ホーム、インデックス
************************************/



div .entry-card-snippet.card-snippet.e-card-snippet{
font-size:19px;
color:#545454;
text-align:left;
line-height:1.8em;
margin-bottom:10px;
max-height:100px;
}


/*メニューバーの設定*/
@media screen and (max-width: 768px){
body{
    width: 100vw !important;
}

.wprmenu_icon span, #wprmenu_menu.wprmenu_levels ul li, html body div.wprm-wrapper, #wprmenu_bar, .wpr_search .wpr-search-field {
    width: 100vw !important;
}

html body div.wprm-overlay {
    background: rgb(0,0,0,0.5) !important;
}
}

@media screen and (max-width: 768px) and (min-width: 480px){
#mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical{
    width: 30vw !important;
}
}

@media screen and (max-width:480px){
#mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical{
    width: 40vw !important;
}
}

span.hljs-tag{/*Highlighter.jsの見た目を変更*/
	color:#e06c75;
}

.internal-blogcard-footer{
	display: none
}

/* サイトカードのカスタマイズ */

.content .blogcard {
	position: relative;
	overflow: initial;
	border: 1px solid black; /* ボーダー色 */
}

.content .blogcard__subtitle{
	position: absolute;
	font-size: 1em; /* サブタイトルの文字サイズ */
	padding: 0 1em;
	background-color: white; /* 背景色 */
	transform: translateY(-50%) translateX(1em);
}

.content .blogcard__contents {
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

.content .blogcard .eyecatch {
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

/* ブログカードのカスタマイズ */

.content .sitecard {
	position: relative;
	overflow: initial;
	border: 1px solid black; /* ボーダー色 */
}

.content .sitecard__subtitle{
	position: absolute;
	font-size: 1em; /* サブタイトルの文字サイズ */
	padding: 0 1em;
	background-color: white; /* サブタイトルの背景色 */
	transform: translateY(-50%) translateX(1em);
}

.content .sitecard__contents {
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

.content .sitecard .eyecatch {
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

.content .blogcard {
	-webkit-transition: all 0.3s;
	border: 1px solid #003200; /* ボーダー色 */
	box-shadow: 8px 8px 8px #001c09; /* 影を付ける */
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	-webkit-transform: scale(1.00);
	transform: scale(1.00);
}

.content .blogcard:hover {
  -webkit-transition: all 0.3s;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

.content .blogcard__subtitle{
	background-color: #0000ff; /* 背景色 */
	color: #ffffff; /* 文字色 */
}

.content .blogcard-title {
	background:linear-gradient(transparent 55%, #ccd9ce 0%);	
	font-weight: 700; 
	font-size: 120%; 
	 text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

/* ブログカードのカスタマイズ */

.content .sitecard {
	border: 1px solid #003200; /* ボーダー色 */
	box-shadow: 8px 8px 8px #001c09; /* 影を付ける */
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
}

.content .sitecard__subtitle{
	background-color: #0000ff; /* 背景色 */
	color: #ffffff; /* 文字色 */
}

.external-blogcard-site{
	display:none;
}

/*ComingSoon用*/
section#sp-vz3k8h, div#sp-lxl58z, div#sp-akzf20, div#sp-j63fi3{
padding:0px !important;
}

 .Space-with-logo{
   width:400px;
   height:400px;
max-width:80vw;
max-height:80vw;
left:0px;
right:0px;
   margin:0 auto;
   position: relative;
 }

 .coming-soon-mojimoji{
    font-size:min(2em);
    text-shadow: 0px 0px 7px black;
    color:white;
    text-align: center;
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    white-space: nowrap;
font-weight: 600;
  }

  .back-logo > div{
    position: absolute;
    width:100%;
      height:100%;
    margin:auto;
    background-size:100% 100%;
  }

  .logo-en-s{
    background: url(https://enju2020.shibumaku.jp/wp-content/uploads/2020/11/logo-en-s.svg);
    animation: x-right-kaiten 8s linear 0s infinite normal forwards;
  }

  .logo-en-u{
    background: url(https://enju2020.shibumaku.jp/wp-content/uploads/2020/11/logo-en-u.svg);
    animation: x-right-kaiten 8s linear 0s infinite normal forwards;
  }

  .logo-happa{
    background: url(https://enju2020.shibumaku.jp/wp-content/uploads/2020/11/logo-happa.svg);
    animation: x-right-kaiten 8s linear 0s infinite normal forwards;
  }

  .logo-m{
    background: url(https://enju2020.shibumaku.jp/wp-content/uploads/2020/11/logo-m.svg);
    animation: x-right-kaiten 8s linear 0s infinite normal forwards;
  }

  .logo-title-s{
    background: url(https://enju2020.shibumaku.jp/wp-content/uploads/2020/11/logo-title-s.svg);
  }

.logo-title-u{
background: url(https://enju2020.shibumaku.jp/wp-content/uploads/2020/11/logo-title-u.svg);
}

@keyframes colorhuwari { 
  100% {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);}
0% {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); }
}

  @keyframes x-right-kaiten {
    0%{transform: scaleX(1);}
    5%{transform: scaleX(.988);}
    10%{transform: scaleX(.951);}
    15%{transform: scaleX(.891);}
    20%{transform: scaleX(.809);}
    25%{transform: scaleX(.707);}
    30%{transform: scaleX(.588);}
    35%{transform: scaleX(.454);}
    40%{transform: scaleX(.309);}
    45%{transform: scaleX(.156);}
    50%{transform: scaleX(0);}
    55%{transform: scaleX(.156);}
    60%{transform: scaleX(.309);}
    65%{transform: scaleX(.454);}
    70%{transform: scaleX(.588);}
    75%{transform: scaleX(.707);}
    80%{transform: scaleX(.809);}
    85%{transform: scaleX(.891);}
    90%{transform: scaleX(.951);}
    95%{transform: scaleX(.988);}
    100%{transform: scaleX(1);}
  }

img.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); 
}

img.gray:hover {
  animation: colorhuwari 3s;
}

/*ここまでComingSoon*/

.youtubeiconwaiwai:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://enju2021.shibumaku.jp/wp-content/uploads/2021/08/youtube.png);
  background-size: contain;
  vertical-align: middle;
}
/*深緑BOX*/
.blank-box { /*灰色*/
  border: 3px solid #949495;
  padding: 1.2em 1em;
  margin: 1em 2%;
}
.blank-box.bb-enju { /*槐*/
  border-color: #003f0c;
}
 /*YASR:槐祭グランプリの設定*/
.yasr-total-average-text{
		display:none !important;
}
label[for="siteguard_captcha"]{
	font-size:0px;
}

label[for="siteguard_captcha"]:before{
	font-size:14px;
	content: "上に表示された文字を入力してください。(スパム対策です。ご協力よろしくお願いします。)";
}

label[for="email"]{
	font-size:0px;
}

label[for="email"]:before{
	font-size:14px;
	content: "メールアドレス（記入は任意です。）";
}

label[for="author"]{
	font-size:0px;
}

label[for="author"]:before{
	font-size:14px;
	content: "名前（本名以外でも可）";
}

span[id="email-notes"]{
	font-size:0px;
}

span[id="email-notes"]:before{
	font-size:14px;
	content: "メールアドレスが公開されることはありません。送られたコメントは本校教員によって管理されています。";
}

/************************************
****　topページの出てくる奴
************************************/
.taitoruyou{
    font-size: 32px;
    text-align: center;
}
.taitorugazou{
    border:#fcfcfc 5px solid;
    overflow: hidden;
    position:relative;
}
.taitorugazou::before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 15px 15px #fcfcfc;
}

/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 5s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
/*2.上下の動きを指定*/
.updown {transform: translateY(-100px);}
.downup {transform: translateY(100px);}
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(200px);}
.slide-left {transform: translateX(-200px);}

.itiran{
    padding:3%;
    border:2px #1d5a21 solid;
    background-color: #fcfcfc;
    width:31%;
    padding-bottom:0px;
    padding-top:1%;
}

/************************************
****　フッター
************************************/
.saitomap{
color:#ffffff;
border-bottom:4px dotted;
border-color:#90C31F;
margin-bottom:1em;
margin-top:1em;
font-size: 20px;
margin: 10px;
text-decoration: bold;
}
.honbun_map{
	line-height: 150%;
	text-decoration: none;
}
.honbun_map :hover{
	transition: all 0.3s ease-in-out;
}
.footer-title{
color:#ffffff;
border-bottom:4px dotted;
border-color:#90C31F;
margin-bottom:1em;
font-size: 20px;
margin: 10px;
}
#footer, #footer a{
color:#ffffff;
line-height:120%;
}
.widget-entry-cards .widget-entry-card-content {
color:#ffffff;
font-size:10px;
padding-left:.1em;
}
@media (max-width:1023px){
.footer {
margin-top: 0;
padding-top: 0;
}}
@media (max-width:880px){
.footer-title{
margin-top:2em;
}}
@media screen and (max-width: 480px){
h2, h3 {
font-size: 1.17em;
}
.widget-entry-cards .widget-entry-card-content {
line-height:1.3;
}
}
.footer-widgets, .footer-widgets-mobile {
margin: 0 auto;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {
padding: 0 10px;
}
.widget.widget-footer-mobile{
padding:0;
}
aside#popular_entries-3.widget.widget-footer-mobile.widget_popular_entries div.popular-entry-cards.widget-entry-cards.no-icon.cf{
padding:0 .4em 0;
}
.widget-footer-mobile div.tagcloud,.widget-footer-mobile ul li a{
margin-right:.2em;
margin-left:.2em;
}
.cat-item{
margin:-5px;
}
.footer-widgets{
margin-bottom: -40px;
}
.tag-caption{
font-size:1.3em;
}
.tag-link-count{
font-size:1.3em;
}
.cat-item-5{
display:none;
}
.cat-item-41{
display:none;
}
.delline{
text-decoration:none;
}
.cat-item{
 font-size:85%;
 width: 100%;
}
/*****************************
 * SNSボタン（消えてるけど）
******************************/
.sns-follow-buttons {
  justify-content: center; 
}
.sns-follow {
  margin: 0 0 24px 0;
}
.sns-follow-buttons a {
  border-radius: 50%;
  width: 50px; 
  height: 50px; 
  font-size: 20px; 
  margin: 0 8px; 
}
.widget-content-bottom-title{
 text-align:center;
 display: flex;
 align-items: center; 
 justify-content: center; 
}
.widget-content-bottom-title:before, .widget-content-bottom-title:after {
  border-top: 2px solid;
  content: "";
  width: 3em; 
}
.widget-content-bottom-title:before {
  margin-right: 1em; 
}
.widget-content-bottom-title:after {
  margin-left: 1em; 
}
/*****************************
 * カルーセル
******************************/
.card-title div{
  font-size:16px;
}
/*****************************
 * 団体ページ
 * "_"の後ろの数字で部門分類区別
 * 1=パフォーマンス
 * 2=体験
 * 3=娯楽
 * 4=展示
 * 5=ボランティア
 * 6=演劇
 * 7=映像
******************************/

/*共通部分*/
.gaiyou{
    background-color: #878787;
    color:#eaeaea;
    padding: 10px;
}
.gaiyou_text{
    border-bottom:dashed;
    border-color:#eaeaea;
    border-width:1px;
}
.kansoubun{
    border-bottom:dashed;
    border-color: rgba(36,20,15,.2);
    border-width:1px;
    background-clip: padding-box;
    line-height:50px;
	font-size:20px;
}
.taitoru{
    border-bottom:5px dotted;
    border-color:#90C31F;
	margin-bottom:0.5em;
	font-size:40px;
	margin:10px;
}
/* パフォーマンス */
.daimei_1{
    color: #fcc800;
    border-bottom: 5px solid;
    border-image: linear-gradient(30deg, #ffff7f, #fafafa 80%) 30; 
    border-left: 10px double #ffff7f;
}
.honbun_1{
    background-color: #fff799;
    color:#24140e;
    padding: 5px;
    border: 5px solid;
    border-image: linear-gradient(70deg, #ffdc00, #fef263) 30;
    line-height: 50px;
}
.honbun_text_1{
    border-bottom:dashed;
    border-color:#24140e;
    border-width:1px;
}
.gazou_1{
    border: 5px solid;
    border-image: linear-gradient(70deg, #ffdc00, #fef263) 30;
}

/*体験*/
.daimei_2{
    color: #9370db;
    border-bottom: 5px solid;
    border-image: linear-gradient(30deg, #bf7fff, #fafafa 80%) 30;
    border-left: 10px double #5a4498;
}
.honbun_2{
    background-color: #915da3;
    color:#eaeaea;
    padding: 5px;
    border: 5px solid;
    border-image: linear-gradient(70deg, #8a2be2, #7b68ee) 30;
    line-height: 50px;
}
.honbun_text_2{
    border-bottom:dashed;
    border-color:#eaeaea;
    border-width:1px;
}
.gazou_2{
    border: 5px solid;
    border-image: linear-gradient(70deg, #8a2be2, #7b68ee) 30;
}
/*娯楽*/
.daimei_3{
    color: #68a4d9;
    border-bottom: 5px solid;
    border-image: linear-gradient(30deg, #7f7fff, #fafafa 80%) 30; 
    border-left: 10px double #7f7fff;
}
.honbun_3{
    background-color: #7a99cf;
    color:#eaeaea;
    padding: 5px;
    border: 5px solid;
    border-image: linear-gradient(70deg, #7f7fff, #7fbfff) 30;
    line-height: 50px;
}
.honbun_text_3{
    border-bottom:dashed;
    border-color:#eaeaea;
    border-width:1px;
}
.gazou_3{
    border: 5px solid;
    border-image: linear-gradient(70deg, #7f7fff, #7fbfff) 30;
}
/*展示*/
.daimei_4{
    color: #3cb37a;
    border-bottom: 5px solid;
    border-image: linear-gradient(30deg, #7fff7f, #fafafa 80%) 30;
    border-left: 10px double #7fff7f;
}
.honbun_4{
    background-color: #c6ffc6;
    color:#24140e;
    padding: 5px;
    border: 5px solid;
    border-image: linear-gradient(70deg, #7fffbf, #bfff7f) 30;
    line-height: 50px;
}
.honbun_text_4{
    border-bottom:dashed;
    border-color:#24140e;
    border-width:1px;
}
.gazou_4{
    border: 5px solid;
    border-image: linear-gradient(70deg, #7fffbf, #bfff7f) 30;
}
/*ボランティア*/
.daimei_5{
    color: #00afcc;
    border-bottom: 5px solid;
    border-image: linear-gradient(30deg, #7fffff, #fafafa 80%) 30; 
    border-left: 10px double #7fffff;
}
.honbun_5{
    background-color: #add6ff;
    color:#24140e;
    padding: 5px;
    border: 5px solid;
    border-image: linear-gradient(70deg, #7fbfff, #7fffff) 30;
    line-height: 50px;
}
.honbun_text_5{
    border-bottom:dashed;
    border-color:#24140e;
    border-width:1px;
}
.gazou_5{
    border: 5px solid;
    border-image: linear-gradient(70deg, #7fbfff, #7fffff) 30;
}
/*演劇*/
.daimei_6{
    color: #eb6ea0;
    border-bottom: 5px solid;
    border-image: linear-gradient(30deg, #ff7fbf, #fafafa 80%) 30;
    border-left: 10px double #ff7fbf;
}
.honbun_6{
    background-color: #e6afcf;
    color:#eaeaea;
    padding: 5px;
    border: 5px solid;
    border-image: linear-gradient(70deg, #ff7f7f, #ff7fff) 30;
    line-height: 50px;
}
.honbun_text_6{
    border-bottom:dashed;
    border-color:#eaeaea;
    border-width:1px;
}
.gazou_6{
    border: 5px solid;
    border-image: linear-gradient(70deg, #ff7f7f, #ff7fff) 30;
}
/*映像*/
.daimei_7{
    color: #f3981d;
    border-bottom: 5px solid;
    border-image: linear-gradient(30deg, #ffbf7f, #fafafa 80%) 30; 
    border-left: 10px double #ffbf7f;
}
.honbun_7{
    background-color: #ffbf7f;
    color:#24140e;
    padding: 5px;
    border: 5px solid;
    border-image: linear-gradient(70deg, #e5a323, #ff7f7f) 30;
    line-height: 50px;
}
.honbun_text_7{
    border-bottom:dashed;
    border-color:#24140e;
    border-width:1px;
}
.gazou_7{
    border: 5px solid;
    border-image: linear-gradient(70deg, #e5a323, #ff7f7f) 30;
}
/*reCAPTCHAのあれって見た目ダサくね*/
.grecaptcha-badge { visibility: hidden; }