@charset "UTF-8";

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

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

/*ヘッダーを透過*/
.header-container{
  background-color: transparent;
}

/*ナビカードのスタイル変更↓*/
.navi-card-wrap .navi-card-thumb {
  float: left;
  margin: 1px 0 0 1px;
}
.navi-card-wrap .navi-card-content {
  margin: 0 24px 0 130px;
}
.navi-card-wrap:after {
  display: none;
}
.navi-card-wrap .navi-card-title {
  margin: 2px 0 6px;
  font-weight: normal;
  font-size: 11pt;
}
/*ナビカードのスタイル変更↑*/

/*XO Event Calendar*/
.xo-event-calendar a {
	text-decoration: none;
}

.xo-event-category{
	display: none !important;
}

.type-xo_event .date-tags{
	display: none !important;
}

/* biz calendar↓ */
/* 日曜日 */
#biz_calendar table.bizcal th:first-child {
  color: #cc0066 !important;
}
/* 土曜日 */
#biz_calendar table.bizcal th:nth-last-of-type(1) {
  color: #0066cc !important;
}
/* 全体の枠変更 */
#biz_calendar table.bizcal {
    border: solid 2px #404040 !important;
}
/* 曜日の枠変更 */
#biz_calendar table.bizcal th {
	background-color: #9caeb7 !important;
    border: solid 1px #ffffff !important;
}
/* 休日の背景色 */
#biz_calendar table.bizcal .holiday,
#biz_calendar p span.boxholiday {
    background-color: #606060 !important;
    border: solid 1px #ffffff !important;
}
 
/* イベント開催日の背景色 */
#biz_calendar table.bizcal .eventday,
#biz_calendar p span.boxeventday {
    background-color: #a0a0a0 !important;
    border: solid 1px #ffffff !important;
}
/* biz calendar↑ */

/*ブログカードのスタイル変更↓*/
.blogcard {
	padding: 1rem;
	color: #333;
	position: relative;
	border: none !important;
	box-shadow: 0px 0px 4px -1px rgba(0,0,0,1);
}

a.blogcard-wrap{
	font-weight: normal;
}
a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.05);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
	width: 22%;
}

.blogcard-title{
	margin-bottom: .5rem;
	line-height: 1.7;
}

.blogcard-title::before{
	content: '関連記事';
	display: inline-block;
	font-size: .7em;
	background-color: #333333;
	padding: .3em .5em;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
	vertical-align: middle;
	margin-right: .5rem;
}


.blogcard-snippet {
  display: none;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

.blogcard-footer{
	clear: none;
}

.internal-blogcard-site{
	display: none;
}
/*不必要と思われるためコメントアウト
.blogcard-date{
	float: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #999;
}*/
/*ブログカードのスタイル変更↑*/

/*下記コードはhttps://plu-plu.net/cocoon-glonav-kan/参照*/

/*文字を太文字にする*/
/*グローバルメニューの下に影を付ける*/
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
	box-shadow:0 5px 15px -5px rgba(0,0,0,.8);
}

/*メニューにカーソルを乗せると下線が出てくる*/
.menu-header .menu-item:hover{
	 border-bottom:3px solid #FDD835 !important;/*線の太さ色*/
	    transition: all .3s;/*線が出てくる時間*/
}
.sub-menu .menu-item:hover{
	border-bottom:none !important;
}

/*上記コードはhttps://plu-plu.net/cocoon-glonav-kan/参照*/

/*下記コードはhttps://buchikuma.xyz/cocoon-custom-global-navi/参照*/
/*naviのフェードイン*/
#navi .navi-in ul>li>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.8s;
animation-fill-mode: forwards;
filter: opacity(0);
position: relative;
z-index: 4;
}
#navi .navi-in ul>li:nth-child(1)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.2s;
}
#navi .navi-in ul>li:nth-child(2)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.4s;
}
#navi .navi-in ul>li:nth-child(3)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.6s;
}
#navi .navi-in ul>li:nth-child(4)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 0.8s;
}
#navi .navi-in ul>li:nth-child(5)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1s;
}
#navi .navi-in ul>li:nth-child(6)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.2s;
}
#navi .navi-in ul>li:nth-child(7)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.4s;
}
#navi .navi-in ul>li:nth-child(8)>a {
animation-name: fadeIn;
animation-duration: 0.6s;
animation-delay: 1.6s;
}

@keyframes fadeIn {
from {
transform: translateY(20px);
filter: opacity(0);
}
to {
transform: translateY(0px);
filter: opacity(1);
}
}
/*上記コードはhttps://buchikuma.xyz/cocoon-custom-global-navi/参照*/


/* ウィジェットタイトルにFAアイコン */
.widget h3::before { font-family: FontAwesome; font-size: 80%; vertical-align: middle; font-weight: normal; margin-right: 5px; } /* 共通設定 */
.widget_links h3::before { content: '\f0c1'; } /* リンク */
.widget_popular_entries h3::before { content: '\f201'; } /* 人気記事 */
.widget_new_entries h3::before, .widget_recent_entries h3::before { content: '\f005'; } /* 新着記事 */
.widget_categories h3::before { content: '\f115'; } /* カテゴリー */
.widget_rss h3::before { content: '\f143'; } .widget_rss h3 img { display: none; } /* RSSフィード */
.widget_tag_cloud h3::before { content: '\f292'; } /* タグクラウド */
.widget_search h3::before { content: '\f002'; } /* 検索 */
.widget_meta h3::before { content: '\f085'; } /* メタ */
.widget_fb_like_box h3::before { content: '\f082'; } /* Faceboxボックス */
.widget_facebook_page_like h3::before { content: '\f082'; } /* Faceboxバルーン */
.widget_item_ranking h3::before { content: '\f091'; } /* ランキング */
.widget_calendar h3::before { content: '\f073'; } /* カレンダー */
.widget_recent_comments h3::before { content: '\f0e6'; } /* 新着コメント */


/*コメントフォームのラベルの変更*/	
.comment-form-comment label{
font-size:0;
}
.comment-form-comment label:before {font-size: 18px; content: "コメント";}
 
.comment-form-author label{
font-size:0;
}
 .comment-form-author label:before {font-size: 18px; content: "ニックネーム（必須）";}

 .comment-form-email label{
font-size:0;
}
.comment-form-email label:before {font-size: 18px; content: "メールアドレス（任意/管理者以外には公開されません）";}

 .comment-form-url label{
font-size:0;
}
.comment-form-url label:before {font-size: 18px; content: "ウェブサイト（任意）";}

/*入力フォームの横幅を設定*/
#commentform p.comment-form-author{width:50%;float:none;}
#commentform p.comment-form-email{width:75%;float:none;}
#commentform p.comment-form-url{width:75%;float:none;}
#commentform p.form-submit{clear:both;}


/*コメントフォームの角の丸みとフォーカス時太枠に*/
#commentform label{
	display: inline-block;
}

#commentform textarea, #commentform input{
    border: 1px solid #000000; /* 枠線の色 */
	/*font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	border-radius: 4px;
	transition: all .2s ease;
	/*font-size: 80%;*/
	
}

#commentform textarea:focus, #commentform input:focus{
	outline: none;
	border: 2px solid #000000; /* 枠線の色 */
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/ 
}