@charset "utf-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ用エディタ（クラシックエディタ）のカスタマイズ（2024-01-15mk）
※クラシックエディタではグローバルスタイルが読み込めないため、「ブログ専用」クラスを別に用意することとした
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog-h_large_a {
    padding-bottom: 15px;
    padding-left: 35px;
    padding-top: 15px;
    position: relative;
    border-bottom: 3px dotted #d5caca
}

.blog-h_large_a:before {
    width: 18px;
    height: 18px;
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 50%;
    background-image: url(../../uploads/2025/04/midashi_deco-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: normal;
    transform: translate3d(0px,-50%,0px);
    border-radius: 50%
}

.blog-h_middle_a {
	padding:10px 10px 10px 25px;
    border: none;
	position: relative;
}

.blog-h_large_b {
    padding-bottom: 20px;
    padding-top: 15px;
    position: relative;
}

.blog-h_large_b:before {
    width: 60px;
    content: '';
    position: absolute;
    bottom: 0px;
    left: calc(50% - 30px);
    height: 5px;
    border-bottom-color: var(--main);
    background-color: var(--main);
    border-radius: 50px
}

.blog-h_middle_a:before {
    width: 8px;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: var(--main,#888);
    position: absolute;
    content: '';
    border-radius: 4px
}
.blog-h_middle_b {
    padding-left: 35px;
    position: relative;
    border-radius: 4px
}

.blog-h_middle_b:before {
    width: 10px;
    height: 10px;
    content: '';
    background-color: #ffbec8;
    position: absolute;
    top: calc(50% - 5px);
    left: 15px;
    border-radius: 50%
}

.blog-basic_btn01 {
	border-radius: 35px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:transparent;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
}

/*ボタン内側*/
.openbtn span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 14px;
	height: 2px;
	border-radius: 2px;
  background:var(--main);
	width: 45%;
}

.openbtn span:nth-of-type(1) {
	top:15px; 
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;/*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3){
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Gutenbergのリッチテキストのツールバーに追加したボタンのスタイル・脱SANGO（2024-09-20）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
mark.cmn-underline-maker {
    background: linear-gradient(180deg,rgba(0,0,0,0) 60%,#ffd2da 0%);
    color: var(--text);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通CSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*リンクの下線*/
.cmn_link_line a {
	text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　＞　メインナビゲーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カレント */
body[class*='seminar'] .inside-navigation ul:not(.sub-menu) li.seminar a {
	color: var(--main);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP ＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
#home_promo .txt{
  background-image:
	linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%),
	linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 95%, var(--main) 100%);
  background-size: 8px 100%,100% 2.2em;
}*/


#home_promo .txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 2.2em 2.2em;
    background-image: repeating-linear-gradient(0deg, #ffd3db, #ffd3db 1px, transparent 1px, transparent 2.2em 41.5184px);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP ＞　講習会・お知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_info .type-post {
    padding-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 ＞ パスワード保護
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
input[type="password"] {
    background: #fff;
    border: 1px solid #919191;
    border-radius: 4px;
}

input[type="submit"] {
    border-radius: 4px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 ＞ 会員専用　>　年会費払込状況
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 汎用　＞　クラシックテーブル01*/
.nenkaihi_wrap.table01 table {
    border-collapse: separate;
}

.nenkaihi_wrap.table01 table {
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    border: none;
    max-height: 700px;
}

.nenkaihi_wrap.table01 tbody {
	width: 100%;
	display:table;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

/* 「1行目 & 1列目」 */
.nenkaihi_wrap.table01 tr:first-child > *:first-child {
    position: sticky;
    top: 0;
    left:1.1px;
    z-index: 2;
}

/* 「1行目」（TH） */
.nenkaihi_wrap.table01 tr:first-child > *:not(:first-child) {
    position: sticky;
    top: 0;
}

.nenkaihi_wrap.table01.tbl_scroll_sp::before {
    content: '↑↑　上下にスクロールできます　↓↓';
    display: block;
    color: var(--main);
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 0 auto 10px;
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 ＞ 入会案内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*フォーム見出し（h3）*/
body.page-regist div.wpforms-container .wpforms-form .wpforms-field-layout>.wpforms-field-label{
    font-size: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿（講習会・学会） > アーカイブ・詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* アーカイブ＞開催予定を2ページ目以降は出さない */
body.is-paged .only_front_page{
    display: none;
}

/*受付開始前／会員先行／一般先行／受付終了の出し分け*/
body.single .reception_wrap:has([data-status="open"]){
	border-color: #e5d81e;
}

.reception_wrap:has([data-status="open"]) .area_a{
	background: #e5d81e;
}

body.single .reception_wrap:has([data-status="member"]){
	border-color: var(--main);
}

.reception_wrap:has([data-status="member"]) .area_a{
	background: var(--main);
}

body.single .reception_wrap:has([data-status="general"]){
	border-color: var(--accent);
}


.reception_wrap:has([data-status="general"]) .area_a{
	background: var(--accent);
}

body.single .reception_wrap:has([data-status="closed"]) {
	border-color: #979797;
    color: #979797;
}


.reception_wrap:has([data-status="closed"]) .area_a{
	background: #979797;
}

.reception_wrap .area_a::after{
	content:'';
	font-size: 17px;
	font-family: "Zen Maru Gothic",sans-serif;
	color: #fff;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.reception_wrap:has([data-status="open"]) .area_a::after{
	content:'受付開始前';
}

.reception_wrap:has([data-status="member"]) .area_a::after{
	content:'会員先行受付';
}

.reception_wrap:has([data-status="general"]) .area_a::after{
	content:'全会員受付';
}

.reception_wrap:has([data-status="closed"]) .area_a::after{
	content:'受付終了';
}

/*取得資格 > 下マージン削除*/
body.single .cmn_empty .target.shutoku p {
    margin-bottom: 0;
}

/*「受付開始前」、「受付終了」時にお申し込みフォームを非表示にする*/
:has([data-status="open"], [data-status="closed"]) .form_seminar {
    display: none;
}

/*
.member_wrap:has([data-status="member"]){
	display: block;
}

.general_wrap:has([data-status="general"]){
	display: block;
}

.closed_wrap:has([data-status="closed"]){
	display: block;
}
*/



/*受付中・受付終了の出し分け*/
/*
:is(body.single-seminar:not(:has(.reception-uketsukechu)),.seminar_before_wrap .gb-loop-item:not(.reception-uketsukechu))
.uketsukechu_wrap{
	display: none;
}


:is(body.single-seminar article.reception-uketsukechu, .seminar_before_wrap .gb-loop-item.reception-uketsukechu)
.shuryo_wrap{
	display: none;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu {
	justify-content: flex-start;
}

#footer-widgets ul.menu > li {
    min-width: 172px;
}

/*検索窓*/
form.search_form_style::after {
	color: var(--main);
	transform: scale(-1, 1);
	font-weight:bold;
}