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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* sub-menuを常に表示できるようにするコード */
.skin-grayish .navi-in[data-active=ture]>ul>li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
}

/* カバーブロック用：インナーブロックの中央寄せを追加 */
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/* dot */
.cocoon-custom-text-1 {
  text-emphasis-style: dot;
  --custom-text-1-color: currentColor;
  text-emphasis-color: var(--custom-text-1-color);
}

/* dot-haku */
.cocoon-custom-text-2 {
  text-emphasis-style: dot;
  --custom-text-2-color: #FFDE59;
  text-emphasis-color: var(--custom-text-2-color);
}

/* dot-sis */
.cocoon-custom-text-3 {
  text-emphasis-style: dot;
  --custom-text-3-color: #CAE7C5;
  text-emphasis-color: var(--custom-text-3-color);
}

/* 下線（２重） */
.cocoon-custom-text-4 {
  text-decoration-line: underline;
  text-decoration-style: double;
  --custom-text-4-color: currentColor;
  text-decoration-color: var(--custom-text-4-color);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

/* 下線 斜めストライプ-haku */
.cocoon-custom-text-5 {
  --custom-text-5-color: #FFDE59;
  border-image: repeating-linear-gradient(-50deg, var(--custom-text-5-color), var(--custom-text-5-color) 2px, transparent 0, transparent 4px) 10/0 0 5px 0;
  border-style: solid;
  padding-bottom: 4px;
}

/* 下線 斜めストライプ-sis */
.cocoon-custom-text-6 {
  --custom-text-6-color: #CAE7C5;
  border-image: repeating-linear-gradient(-50deg, var(--custom-text-6-color), var(--custom-text-6-color) 2px, transparent 0, transparent 4px) 10/0 0 5px 0;
  border-style: solid;
  padding-bottom: 4px;
}

/* clip-pathの角度 */
.cstm-clip-upper-r {
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  height: 10vw;
  min-height: 10vw;
}

/*==========削除項目==========
更新日付、スマホ下のボタン、footerロゴ
==============================*/
div.date-tags {
	display: none;
}

ul.mobile-footer-menu-buttons {
	display: none;
}

div.footer-bottom-logo {
	display: none;	
}

/*==========TOPページのスタイル========*/

.top-navi a {
	width: 100%;
	height: 230px;
	padding-top: 100px;
	color: #535252;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	line-height: 1.2em;
}
.letter-space {
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.letter-space:hover {
	letter-spacing: 0.2em;
}
.top-navi a:hover {
	text-decoration: underline;
	color: #535252;
}

.top-sis-schedule {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-sismenu-schedule.jpg") no-repeat;}
.top-sis-trip {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-sismenu-trip.jpg") no-repeat;}
.top-sis-senior {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-sismenu-senior.jpg") no-repeat;}
.top-sis-price {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-sismenu-price.jpg") no-repeat;}
.top-sis-profile {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-sismenu-profile.jpg") no-repeat;}
.top-sis-course {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-sismenu-course.jpg") no-repeat;}

.top-haku-profile {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-hakumenu-profile.jpg") no-repeat;}
.top-haku-personal {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-hakumenu-personal.jpg") no-repeat;}
.top-haku-kidsyoga {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-hakumenu-kidsyoga.jpg") no-repeat;}
.top-haku-schedule {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-hakumenu-schedule.jpg") no-repeat;}
.top-haku-price {background: #FFFFFF url("https://hakuyoga.com/wp-content/uploads/top-hakumenu-price.jpg") no-repeat;}

.btn-txt, .btn-txt-haku {
	width: 100%;
	position: relative;
	top: -200px;
	text-align: center;
	font-size: 130%;
}

.btn-h a {
	color: #535252;
	text-decoration: none;
}

.btn-h a:hover {
	text-decoration: underline;
	color: #535252;
}

.wp-block-group-is-layout-flex{
	margin-bottom: 0 !important;
}

.new-list-box a:hover {
	color: #A6A6A6;
}

.whatsnew  {
	width: 800px;
	margin: 0 auto;
}

.whatsnew figure {
	display: none;
}

/*==========共通スタイル========*/
.table-ptb table th, .table-ptb table td {
	padding: 1.5em 0.5em;
	border: 2px solid #D9D9D9;
}
.bgc-y {
	background-color: #FFFBEB;
}
/*==========見出し========*/
.single .entry-content h3.check {
	background: url("https://hakuyoga.com/wp-content/uploads/check.png") left 12px/28px auto no-repeat;
	border: none;
	padding-left: 2em;
}

.single .entry-content h3 {
	background-color: #FFF;
	border-left: 4px solid #FFE98E;
}

.single .entry-content h3::before {
  border: none;
}

h4.wp-block-heading {
	position: relative;
	display: inline-block;
	margin: 1em 0 2em;
	padding: 0.9em 1.5em !important;
	min-width: 200px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background-color: rgba(255,222,89,0.5);
}

h4.wp-block-heading::before {
	display: none;
}

h4.wp-block-heading::after {
	display: block;
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #FFDE59;
}

.article h5{
	border-bottom:none;	
}

/*==========リンク========*/

.gotopage-wht a {
	padding-left: 40px;
	background: url("https://hakuyoga.com/wp-content/uploads/link_page-box.png") 1em center/15px auto no-repeat;
}

.gototrial-wht a {
	padding-left: 40px;
	background: url("https://hakuyoga.com/wp-content/uploads/link-trial.gif") 1em center/15px auto no-repeat;
}

.link-box a:hover {
	color: #FFF;
	text-decoration: underline;
}

.gotopage {
	padding-left: 20px;
	background: url("https://hakuyoga.com/wp-content/uploads/link_page.png") left center/15px auto no-repeat;
}

.pagedn {
	padding-left: 30px;
	background: url("https://hakuyoga.com/wp-content/uploads/link_anchor.png") left center/15px auto no-repeat;
}

.tab-label-group .tab-label{
	font-size: 150%;
	font-weight: bold;
	font-family:  var(--cocoon-default-font);
}

.tab-label-group .tab-label.is-active {
	background-color: #EFEFEF;
}

.is-active::after {
	background-color: #484848 !important;
}

.skin-grayish .gray-tab-style-up .tab-label-group .tab-label {
	background-color: #000000 !important;
}
	
/*==========Sis専用スタイル==========
みどり色
==============================*/
h2.sis-color-h2::before {
	border-bottom-color: #CAE7C5;
}

h3.sis-color-h3::before {
	border-left-color: #CAE7C5;
	border-bottom-color: #CAE7C5;
}

h4.sis-color-h4 {
	background-color: rgba(202,231,197,0.5);
}

h4.sis-color-h4::after {
	border-top: 12px solid #CAE7C5;
}

a.sis-link:hover {
	color: #8DBD85;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
  /*TOPのメニューカラム*/
	.top-navi p {
		margin-bottom: 0;
	}
	.top-navi a {
		width: 100%;
		height: 100px;
		font-size: 115%;
		padding-top: 2.2em;
	}
	
	.top-navi a:hover {
		font-size: 120%;
	}
	
	.top-sis-schedule, .top-sis-trip, .top-sis-senior, .top-sis-price, .top-sis-profile, .top-sis-course, .top-haku-schedule, .top-haku-kidsyoga, .top-haku-price, .top-haku-profile, .top-haku-personal {
		background-size: 100% auto;
		line-height: 1.2em;
	}
	
	.letter-space:hover {
		letter-spacing: 0.15em;
	}
	
	/*横2つ並び*/
	.top-navi.wp-block-group {
		grid-template-columns: repeat(auto-fit, minmax(min(240px, 40vw), 1fr));
	}
	
	/*TOPの最後のメニュー3つ*/

	.btn-txt {
		width: 100%;
		position: relative;
		top: -9em;
		text-align: center;
		font-size: 90%;
		letter-spacing: 0;
	}
	
	.btn-txt-haku {
		width: 100%;
		position: relative;
		top: -11em;
		text-align: center;
		font-size: 90%;
		letter-spacing: 0;
	}
	
	.wp-block-group-is-layout-flex.is-layout-flex {
    	gap: 1.2rem;
	}
	
	.img50 img { width: 50%; height: auto; }
	.img80 img { width: 80%; height: auto; }
	.img100 img { width: 100%; height: auto; }
	.1img-c { width: 100%; text-align: center; }
	.1img-c img { margin: 0 auto 16px; display: block; }
	.1img-c p { text-align: left; }
	
	.sp-flnone .alignleft {
		float:none;
		margin-right: auto;
		margin-left: auto;
	}
	.sp-flnone .alignleft img {
		display: block;
		width: 100%;
	}
	.sp-frnone .alignright {
		float:none;
		margin-right: auto;
		margin-left: auto;
	}
	.sp-frnone .alignright img {
		display: block;
		width: 100%;
	}
	.lspace-min {
		letter-spacing: 0; 
	}
	
	.whatsnew  {
	width: 100%;
	}
	
	.whatsnew figure {
	display: none;
	}
}