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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 全幅ブロックを作る */
.full-width {
position:relative;
margin:0 calc(50% - 50vw);
width: 100vw;
overflow:hidden;
}

/* 共通 */
* {
	letter-spacing:0.03em;
}
i {
	margin-right:6px;
}
a {
	color:#E75766;
	text-decoration:none;
}
.bold-red {
	color:#E75766;
	font-weight:bold;
}
h1.entry-title {
	display:none;
}
.page .date-tags {
	display:none;
}
.column-2 {
  gap: 40px 40px;	
}

.article h1 {
	font-size:38px;
	letter-spacing:0.05em;
}
.h1-line-bottom {
	margin-top:-30px !important;
}
.article h2 {
	font-size:34px;
	letter-spacing:0.05em;
	padding:0;
	margin-top:80px !important; /* テーマアップデート後に余白が詰まったため追加 */
	border-left:9px solid #ED828B;
	padding-left:16px;
}
.article h3 {
	font-size:26px;	
		letter-spacing:0.05em;
	padding:16px 0 0 0;
	margin-left:-6px;
	border:none;
	border-bottom:6px dotted #F9DADD;
	padding-bottom:14px;	
}
.article h4 {
	font-size:26px;	
		padding:0;
	margin:-10px 0 30px 0;
	color:#ED828B;
}
.column-2 li {
	margin-left:-24px !important;
} 

.br-sp {
	display:none;
}
.br-tab {
	display:none;
}


h3.nmargin {
	margin-top:-20px;
}

.page .eye-catch-wrap {
	display:none !important;
}

figcaption {
	margin-top:8px !important;
}


@media screen and (max-width: 1023px){
.article h1 {
	font-size:32px;
}
.h1-line-top {
	margin-top:-10px !important;
	margin-bottom:22px !important;
}	
.h1-line-bottom {
	margin-top:-30px !important;
}
.article h2 {
	font-size:28px;
	margin-top:60px !important; /* テーマアップデート後に余白が詰まったため追加 */
}
.article h3 {
	font-size:26px;	
}
.article h4 {
	font-size:24px;	
}
}

@media screen and (max-width: 834px){
.column-2 li {
	margin-left:-10px !important;
} 
.br-tab {
	display:block;
}	
}

@media screen and (max-width: 599px){
.column-1 .column-right !important {
		display:none;
}
	
.column-2 .column-left,
.column-2 .column-right {
	margin-bottom:0;
	padding-bottom:0;
}	
.column-2.order .column-right {
	order:1;
}
.column-2.order .column-left {
	order:2;
}

.article h1,
.article h2,	
.article h3,	
.article h4	{
	line-height:1.4;
}
.article h3 {
	font-size:22px;	
	text-align:center;
}
.br-sp {
	display:block;
}
.br-tab {
	display:none;
}	
}

/* ヘッダー */

.header-container-in {
	width:100%;
	padding:0 3%;
	position:relative;
}

header .logo-image{
	position:absolute;	
	top:0;
	left:3%;
}

header .logo {
	width:360px;
	margin-top:0 !important;
}

/* アップデートでロゴの位置がずれたので追加 */
header .logo img {
	margin-left:-34px !important;
}

.tagline {
	position:absolute;
	top:60px;
	left:3%;	
	display:block !important;
	margin:0;
	font-size:15px;
	letter-spacing:0.05em;
	text-align:left;
	font-family: 'Noto Serif JP', sans-serif;
}
#contact-btn {
	position:absolute;	
	top:20px;
	right:3%;
}
#contact-btn a {
	display:block;
	width:320px;
	background:#ED828B;
	text-align:center;
	text-decoration:none;
	padding:12px;
	border-radius:10px;
	color:#fff;
	margin-left:auto;
	font-family: 'Noto Serif JP', sans-serif;
}

@media screen and (max-width: 1023px){
/* Cocoonで1023以下がモバイル扱いになったため・・・
 * @media screen and (max-width: 834px){ */
.header-container-in {
	position:static;
	padding:0;
}
header .logo-image{
	position:static;	
}	
header .logo {
	width:360px;
	max-width:94%;
	margin:0 auto;
}	
/* アップデートでロゴの位置がずれたので追加 */
header .logo img {
	margin-left:0 !important;
}	
	
	
.tagline {
	position:static;
	margin-top:-20px;
	margin-bottom:-70px;	
	font-size:15px;
	text-align:center;
}	
#contact-btn {
	display:none;
}
}

/* ナビ */

#navi {
	margin-top:86px;
	font-family: 'Noto Serif JP', sans-serif;		
}
#navi .navi-in > ul > li+li{
  position: relative;
	font-family: 'Noto Serif JP', sans-serif;	
}
#navi .navi-in > ul > li+li::before{
    content: "";
    display: block;
    height: 1.4em;
    border-left: 2px dotted #999;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#navi .navi-in > .menu-header .sub-menu{
	background: #FDF5F5;
}
#navi .navi-in > .menu-header .sub-menu a{ 
	color:#EA7480;
}
#menu-item-1709 {
	display:none;
}

#navi .navi-in .menu-header li a {
    font-size: 16px;
	padding:0 14px;
  }
#navi .navi-in .menu-header li#menu-item-287 a {
	padding-right:18px;
  }	


@media screen and (max-width: 1023px){


	
	
#navi .navi-in .menu-header li a {
    font-size: 13px;
	padding:0 12px;
  }
#navi .navi-in .menu-header li#menu-item-287 a {
	padding-right:18px;
  }	
}

@media screen and (max-width: 834px){
#menu-item-1709 {
	display:inline-block;
}
}

/* モバイルボタン */
.mobile-footer-menu-buttons.mobile-menu-buttons {
	background:#ED828B;
}
.menu-button .menu-icon,
.menu-button .menu-caption{
	color:#fff;
}
.menu-drawer a {
	color:#333;	
	border-bottom:solid #F9DADD 2px;
}
.menu-item-1709 a {
	color:#ED828B;
}
.navi-menu-close-button.menu-close-button {
	color:#ED828B;	
}
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}


/* スライダー */

.header-slider .metaslider,
.header-slider .slides {
overflow: hidden;
}

.header-slider {
	width:94%;
	margin:8px auto 0;
}
.slider-238
{
	border-radius:30px;
	position:relative;
}
.add_text {
	position:absolute;
	left:30px;
	bottom:30px;
}
.add_text p {
font-size:50px;
	line-height:1.2;
	background: #fff;
	padding-left:20px;
	padding-bottom:6px;
	border-radius:10px;
	color:#ED828B;
	font-family: 'Noto Serif JP', sans-serif;
}
.add_text p.line1 {
	margin-bottom:16px !important;
	display:inline-block;
}
.add_text p.line2 {
	display:block;
}

#metaslider_2730 li,
#metaslider_2775 li,
#metaslider_2946 li
{
	margin-left:0 !important;
}

#metaslider_2730 .add_text,
#metaslider_2775 .add_text,
#metaslider_2946 .add_text
{
	display:none;
}


@media screen and (max-width: 1023px){
.add_text {
	left:20px;
	bottom:20px;
}
.add_text p {
font-size:36px;
}
.add_text p.line1 {
	margin-bottom:12px !important;
	display:inline-block;
}	
}

@media screen and (max-width: 834px){
.header-slider {
	width:96%;
}
.add_text p {
font-size:30px;
}
.add_text p.line1 {
	margin-bottom:10px !important;
	display:inline-block;
}			
}

@media screen and (max-width: 599px){
.header-slider {
	width:96%;
}
.slider-238
{
	border-radius:10px;
}		
.add_text {
	left:6px;
	bottom:6px;
}
.add_text p {
	font-size:18px;
	padding-left:10px;
	padding-bottom:1px;
	border-radius:8px;
}
.add_text p.line1 {
	margin-bottom:4px !important;
}	
.add_text p.line2 {
	padding-left:9px;	
}	
}

/* ボタン */
a.wp-block-button__link {
	background:#ED828B;
	padding:12px 20px;
	border-radius:10px;
	color:#fff;
	font-family: 'Noto Serif JP', sans-serif;
}
a.wp-block-button__link::before {
	font-family: "FontAwesome";
  content: '\f101';
	margin-right:6px;
}
@media screen and (max-width: 834px){
a.wp-block-button__link {
	font-size:18px;
}
}
@media screen and (max-width: 599px){
.wp-block-button {
		margin:0 auto !important;
	}	
	
a.wp-block-button__link {
	padding:12px;
	border-radius:10px;
}
}

/* YouTube再生ボタン */

.wp-block-buttons.youtube {
	justify-content: center;
}


.youtube a.wp-block-button__link {
	background:#ED828B;
	padding:6px 12px;
	border-radius:10px;
	color:#fff;
	font-family: 'Noto Serif JP', sans-serif;
}
.youtube a.wp-block-button__link::before {
	font-family: "FontAwesome";
  content: '\f144';
	margin-right:3px;
}
@media screen and (max-width: 834px){
.youtube a.wp-block-button__link {
	font-size:16px;
}
}
@media screen and (max-width: 599px){

.youtube .wp-block-button {
		margin:0 auto !important;
	}	
}


/* CTA */

.wp-block-cover.cta {
	padding:40px;
	border:6px solid #F9DADD;
}
.cta p.title {
	font-size:40px !important;
	margin: 0 0 20px 0;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:bold;
}
.cta-line {
	margin-top:-30px !important;
}

@media screen and (max-width: 1023px){
	
.wp-block-cover.cta {
	padding:30px;
}
.cta p.title {
	font-size:32px !important;
	margin: -10px 0 20px 0;
}
}	

@media screen and (max-width: 599px){
.wp-block-cover.cta {
	padding:24px 14px 16px 14px;
}	
.cta p.title {
	font-size:24px !important;
}
.cta-line {
	margin-top:-20px !important;
}
.column-cta	.column-right a.wp-block-button__link {
	padding:12px;
	font-size:16px;
	letter-spacing:0;
}	
	
.msg-bottom {
	text-align:left !important;
}	
}	

/* 次のページへ */

.column-2.next-page {
	margin-top:80px;
	  gap: 14px 14px;	
}
.column-2.next-page .column-left {
	width:24%;
}
.column-2.next-page .column-right {
	display: flex;
	align-items:center;
}
.column-2.next-page .column-right a {
	text-decoration:none;
	font-size:23px;
	color:#333;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:bold;
}

@media screen and (max-width: 1023px){
.column-2.next-page .column-left a {
	font-size:20px;
}
.column-2.next-page .column-right a {
	font-size:22px;
}	
}

@media screen and (max-width: 834px){
.column-2.next-page .column-left a {
	padding:10px;
	font-size:16px;
}
}

@media screen and (max-width: 599px){
.column-2.next-page .column-left {
	width:85%;
	margin:0 auto 10px;
}
.column-2.next-page .column-right a {
	font-size:20px;
}	
}


/* フッター */

footer {
	margin-top:-80px;
}

.footer-bottom-logo .logo-image {
	padding: 0;
	margin:10px 0 -6px 0;
	max-width: 300px;
}
.footer-bottom-logo img {
	width: 300px;
	height: auto;
}


@media screen and (max-width: 1023px){
footer .logo {
	margin:0 auto;
	width:300px;
	height:auto;
}
}

.menu-footer {
	padding-top:10px !important;
	padding-bottom:20px !important;
}


/* ホーム */

.wp-block-cover.home-voice,
.wp-block-cover.event2024,
.wp-block-cover.event2025,
.wp-block-cover.class-7point
{
	padding:40px;
	border:6px solid #F9DADD;
}


.sub-copy {
	font-size:30px;
	margin-bottom:30px !important;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight:bold;
}

@media screen and (max-width: 1023px){
.wp-block-cover.home-voice,
.wp-block-cover.event2024,
.wp-block-cover.class-7point
{
	padding:30px;
}
	
.wp-block-cover.home-voice
{
	margin-top:-30px;
}	
}

@media screen and (max-width: 599px){
.wp-block-cover.home-voice,
.wp-block-cover.event2024,
.wp-block-cover.class-7point
{
	padding:10px 10px 18px 10px;
}
.sub-copy {
	font-size:20px !important;
	margin-bottom:20px !important;
}	
}

/* クラス紹介 */
.point7 {
	line-height:2;
	font-size:20px;
}
p.sub-title {
	font-size:24px;
	color:#E75766;
	font-family: 'Noto Serif JP', sans-serif;	
}
.timetable  {
	margin-top:-24px;
}
p.timetable a::before {
	font-family: "FontAwesome";
  content: '\f101';
}
h3.pilates i {
	color:#ED828B;
	font-weight:bold;
	font-size:28px;
}
.class-menu {
	margin:40px 0 -30px !important;
}
.class-menu a {
	letter-spacing:0.05em;
	line-height:2.0;
	border-right:solid 1px #333;
	padding:0 8px;
}
.class-menu a.child-1,
.class-menu a.child-3,
.class-menu :last-child {
	border:0;	
}


@media screen and (max-width: 1023px){
.point7 li {
	font-size:18px;
}
.class-menu a {
	letter-spacing:0.03em;
	font-size:16px;
}
}

@media screen and (max-width: 834px){
.sub-copy {
	font-size:24px;
}
.column-point7	.column-left {
	width:100%;
}	
.column-point7	.column-right {
	display:none;
}
p.sub-title {
	font-size:18px;
	text-align:left;
}
p.sub-title br {
		display:none;
}	
}

@media screen and (max-width: 599px){
.class.sub-copy	{
		margin-top:10px;
}
.point7 li {
	font-size:15px;
	line-height:1.6;
	margin-bottom:20px !important;
}
.class.sub-title	{
		margin-top:-50px;
		margin-bottom:0 !important;	
}
.column-2.class-info .column-left {
	margin-bottom:0;
}
.column-2.class-info .column-right {
	margin-bottom:0;
	padding-bottom:0;
}	
}

/* タイムテーブル */
#time-table {
	background:#F6F6F6;		
border: 2px #F6F6F6 solid; 
}
#time-table th
{
padding:8px 0;
font-size:14px;
	background:#fff;
}
#time-table td
{
border: 2px #F6F6F6 solid; 
font-size:13px;
	border-radius:16px;
}
#time-table th {
	width:16.66%;
}
#time-table td {
	text-align:center;
	background:#F6F6F6;	
}
#time-table td.kids {
	background:#F9DADD;
}
#time-table td.jr1 {
	background:#ED828B;
		color:#fff;
}
#time-table td.jr1s {
	background:#E22034;
		color:#fff;
}
#time-table td.jr2 {
	background:#9B1421;
		color:#fff;
}
#time-table td.upper {
	background:#3589E2;
	color:#fff;
}
#time-table td.to1 {
	background:#79D857;
}
#time-table td.to2 {
	background:#469E27;
		color:#fff;
}
#time-table td.pi1 {
	background:#FFD35B;
}
#time-table td.pi2 {
	background:#FFA10A;
		color:#fff;
}
#time-table td.otona {
	background:#AD6EFF;
		color:#fff;
}


#time-table td.free {
	background:#FFBAD6;
}
#time-table td.otona-s {
	background:#E0D0FC;

}
#time-table td.otona-t {
	background:#6BBD34;
		color:#fff;
}
#time-table td.pre {
	background:#CEA983;
		color:#fff;
}



@media screen and (max-width: 599px){
	
	.table-wrap	{
		overflow-x: scroll;
	}
#time-table  {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
	
	
#time-table td {
	font-size:11px !important;
	letter-spacing:0;
	line-height:1.6;
	padding:4px;
	width:100px !important;
}
}

/* カルチャースクール */
.wp-block-buttons.satv .wp-block-button a {
	width:240px !important;
}


/* 講師紹介 */
.list {
	margin-top:-20px;
}
@media screen and (max-width: 599px){
	.teaching {
		font-size:16px;
	}
	
}



/* 生徒さんの声 */
.voice-menu {
	margin:40px 0 -30px !important;
}
.voice-menu a {
	letter-spacing:0.05em;
	line-height:2.0;
	border-right:solid 1px #333;
	padding:0 8px;
}
.voice-menu :last-child {
	border:0;	
}

@media screen and (max-width: 599px){
.voice-menu a.child-2
{
	border:0;	
}
}

/* フォーム */
.block-box.form {
	max-width:1000px;
	width:100%;
	margin: 60px auto 0;
	padding:40px;
	background:#ffffff;
	border:6px solid #F9DADD;
}
.flexbox {
	display:flex;
	gap: 10px 10px;
	margin-bottom:20px;
}
.wpcf7-response-output {
	margin-top:-40px !important;	
}
.wpcf7 select[name="your-trial1"],
.wpcf7 select[name="your-trial2"] 
{ 
	margin-bottom:30px !important;
}

/* FAQ */
#wpsm_accordion_1850 h4 {
	border:none;
}
#wpsm_accordion_1850 h4 a {
	border:none;
	line-height:1.6;
}
#wpsm_accordion_1850 h4 a .ac_open_cl_icon {
	color:#ED828B !important;
	font-size:26px;
}

/* お知らせ */

.caption-box.news {
	width:80%;
	margin:40px auto;
}

.caption-box-label {
	background:#ED828B;
	color:#fff;
}

.page-id-737 .caption-box.news {
	width:80%;
	margin:-20px auto 40px;
}



@media screen and (max-width: 599px){
.caption-box.news {
	width:100%;
}
	
.page-id-737 .caption-box.news {
	width:100%;
}	
	
	
}
	

/* ブログ */

.single h1.entry-title {
	display:block;
}
.single .article h1 {
	font-size:30px;
	margin-bottom:40px;
}
.single header {
	margin-bottom:40px;
}
.single .entry-content {
	margin-bottom:120px;
}
.cat-label {
display: none;
}

@media screen and (max-width: 599px){
.single .article h1 {
	font-size:20px;
	margin-bottom:30px;
}
.single header {
	margin-bottom:30px;
}
.single .entry-content {
	margin-bottom:120px;
}
}

.error404 i {
	display:none;
}

/* スマホの体験ボタンを消す */
.page-id-2551 .logo-menu-button,
.page-id-2637 .logo-menu-button,
.page-id-203 .logo-menu-button,
.page-id-807 .logo-menu-button
{
	pointer-events: none;
}
.page-id-2551 .logo-menu-button img,
.page-id-2637 .logo-menu-button img,
.page-id-203 .logo-menu-button img,
.page-id-807 .logo-menu-button img
{
	opacity:0;
}

/* 体験会のお知らせ */
@media screen and (max-width: 599px){
.page-id-148 .event2024 h4 {
	margin:8px 0;
}
}

.caption-box-content {
	padding:20px !important;
}
.caption-box-label-text {
	font-size:22px;
}