@charset "UTF-8";

/*!
Theme Name: Cocoon Child Labo
Description: Excelラボ用の Cocoon 子テーマ（公式の子テーマ cocoon-child-master 1.1.3 を元に、simplicity2-child から移した）
Theme URI: https://wp-cocoon.com/
Author: Excelラボ
Template:   cocoon-master
Version:    20261009
*/

/************************************
** simplicity2-child の style.css から移したもの（そのまま）
************************************/


/* 吹き出しのCSS　*/

.l-fuki, .r-fuki {
		position: relative;
		width: 80%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 11px;
		border-radius: 6px;
		border: 2px solid #999;
		box-shadow: 1px 1px 5px #aaa;
		background-color: #fff;
		z-index: 1;
}

.l-fuki {
		margin: 40px 20px 40px 10%;
}

.r-fuki {
		margin: 40px 20px 40px 10%;
}

.l-fuki::before, .r-fuki::before {
		position: absolute;
		content: "";
		top: 16px;
		width: 10px;
		height: 10px;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		background-color: #fff;
		z-index: 2;
}

.l-fuki::before {
		right: -7px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}

.r-fuki::before {
		left: -7px;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
}

.l-fuki::after, .r-fuki::after {
		position: absolute;
		content: "";
		width: 70px;
		height: 70px;
		top: -10px;
		border-radius: 40px;
		border: 3px solid #fff;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		box-shadow: 0px 0px 0px #aaa;
}

.l-fuki::after {
		right: -85px;
}

.r-fuki::after {
		left: -85px;
}

.vasb_share {
    display: none;
}
@media screen and (max-width: 620px) {
		.l-fuki, .r-fuki {
				width: 75%
		}
		.l-fuki {
				margin-right: 30%;
		}
		.r-fuki {
				margin-left: 20%;
		}
		.l-fuki {
				margin: 20px 20% 40px 3%;
		}
}

@media screen and (max-width: 478px) {
		.l-fuki::after, .r-fuki::after {
				width: 60px;
				height: 60px;
				border-radius: 30px;
		}
		.l-fuki::after {
				right: -82px;
		}
		.r-fuki::after {
				left: -75px;
		}
}

.teacher::after {
		background-image: url(https://excel-labo.com/CMS/wp-content/uploads/2017/10/icon_6m_48.png);
}

.student::after {
		background-image: url(https://excel-labo.com/CMS/wp-content/uploads/2017/10/icon_5p_48.png);
}


/* 吹き出しのCSS終わり　*/




/*enent bord*/
.eo-eb-filter {
		background: #ececec;
		display: inline-block;
		margin: 5px;
		padding: 3px;
}

.eo-eb-filter.eo-eb-filter-on {
		background: #d0d0d0;
}

.eo-event-board-reversed .eo-eb-filter {
		opacity: 1;
}

.eo-event-board-reversed .eo-eb-filter.eo-eb-filter-on {
		opacity: 0.5;
}

.eo-event-board-items {
		margin: auto;
}

.eo-event-board-items .eo-eb-event-box {
		z-index: 2;
}

.eo-event-board-items .eo-eb-event-box-hidden {
		pointer-events: none;
		z-index: 1;
}

.eo-event-board-items .eo-eb-event-meta-container h1 {
		display: inline;
}

.eo-event-board-items .eo-eb-event-meta-container {
		margin-bottom: 10px;
}

.eo-event-board-items .eo-eb-date-container {
		text-align: center;
		width: 50px;
		line-height: 1.3;
}

.eo-event-board-items .eo-eb-date-container span {
    float: right;
    text-align: center;
    width: 50px;
    line-height: 1.3;
    background: #fff !important;
    border: 1px solid #ccc;
    color: #333;
}

.eo-event-board-items .eo-eb-date-month {
		margin: 0px;
		display: block;
		font-size: 14px;
		font-variant: small-caps;
		color: white;
		letter-spacing: 3.2px;
		text-align: center;
}

.eo-event-board-items .eo-eb-date-day {
		display: block;
		margin: 0px;
		border: none;
		font-size: 32px;
}

.eo-event-board-items .eo-eb-event-box {
		width: 220px;
		padding: 10px;
		background: #fff;
		border: 1px solid #ccc;
		margin: 15px;
		opacity: 0.91;
}

.eo-event-board-items .eo-eb-event-box:hover {
		opacity: 1;
}

.eo-event-board-items .eo-eb-event-meta {
		display: block;
		margin: 0px;
		font-size: 12px;
}

.eo-event-board-items .eo-eb-event-title a {
		text-decoration: none;
		/* font-size: 23px; */
		line-height: 30px;
		/* font-weight:bold; */
}

.eo-event-board-more {
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		background: #ececec;
		width: 60%;
		margin: auto;
		padding: 5px;
		opacity: 0.91;
}

.eo-event-board-more:hover {
		opacity: 1;
}

.eo-event-board-items img {
		margin: 5px auto;
}
input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea,select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    /* display: block; */
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}

input.wpcf7-form-control.wpcf7-submit {
    width: 90%;
    margin-left: 7%;
    background: #f75757;
    color: #fff;
    border: 1px solid;
}

input.wpcf7-form-control.wpcf7-submit:hover{
    width: 90%;
    margin-left: 7%;
    background: #fd8e8e;
    color: #fff;
    border: 1px solid;
}
#mobile-menu a {
    right: 85%;
}
/************************************
** Cocoon に乗り換えた時の見た目の調整（2026-10-09。Simplicity の見た目に寄せる）
************************************/
/* カテゴリー・検索の一覧（本文表示。functions.php と tmp-user/list-body.php） */
.list-body-item .entry-title a {
  color: #333;
  text-decoration: none;
}
.list-body-item .entry-title a:hover {
  text-decoration: underline;
}
.list-body-item .list-body-meta {
  background-color: #f7f7f7;
  padding: 2px 8px;
  text-align: right;
  font-size: 0.8em;
  margin-bottom: 1em;
}
.list-body-item .list-body-cats {
  margin-left: 0.6em;
}
.list-body-item hr.sep {
  border: 0;
  border-top: 1px solid #ddd;
  margin: 2em 0;
}
/* グローバルナビは左寄せ（Simplicity と同じ） */
.navi-in > ul {
  justify-content: flex-start;
}
/* サイドバーは枠なし（Simplicity と同じ。スキン Like Simplicity は枠を付ける） */
.sidebar {
  border: 0;
}
/* ページ個別の CSS（投稿の _custom_css）が Simplicity の部品名で書かれているページの、Cocoon での同じ指定
   /contact-thanks/（2137）・/events/（2290）: 日付と作成者名を出さない ／ /privacy/（10445）: 作成者名を出さない */
.page-id-2137 .date-tags,
.page-id-2137 .footer-meta,
.page-id-2290 .date-tags,
.page-id-2290 .footer-meta,
.page-id-10445 .footer-meta .author-info {
  display: none;
}
/* 講座一覧 /events/ のカードの大きさを Simplicity と同じにする（Cocoon は box-sizing: border-box で、カードの中身が 22px 狭くなり 4 列に並ぶため） */
.eo-event-board-items .eo-eb-event-box {
  box-sizing: content-box;
}
/* サイドバーのカテゴリーの文字をリンク色に（Simplicity と同じ） */
.sidebar .widget_categories ul li a {
  color: #41ca82;
}