/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 24 2026 | 10:37:32 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

/*ボタンアニメーション*/
.ani-object {
  /*margin: 0 auto;*/
}
.ani-object .section-content__wrapper-button {
  animation: anime1 1.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}


/*下線アニメーション*/
/*アニメーション前*/
.bg-custom-2 .marker-ani {
  background-image: linear-gradient(#0ffff7, #0ffff7);
}
.marker-ani {
  background-image: linear-gradient(#f5ff38, #f5ff38);
  padding: 0 5px;
  background-size: 0 30%;/*幅をゼロにしておく*/
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: .8s;
}

.marker-ani2 {background-image: linear-gradient(45deg, #BEFCFF, #E8D1FF);align-content}
	

/*アニメーション後*/
.marker-ani.active {
  background-size: 100% 30%;/*JSからクラスactiveを付与されたときに背景の幅を全体に広げる*/
}


/*テキストスクロールアニメーション*/
.news_ticker2 {
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	font-weight:300;
	color:#fff;
}
@keyframes hscroll2 {
	0% { transform:translateX(4px); }
	100% { transform:translateX(-100%); }
}
.news_ticker2 ul {
	display:inline-block;
	margin:0;
	padding:0;
	animation:hscroll2 158s linear infinite;
}
.news_ticker2 li {
	display:inline-block;
}

/* リンクアニメーション */
.underline-hover-self2:hover {
    background-position: 100% 100%;
    background-size: 0% 1px !important;
    transition: background-size 0.4s ease, color 0.2s ease-in-out;
}
.underline-hover-self2 {
    background-position: 0% 100%;
    background-size: 100% 1px !important;
}


/* Emoji */
img.wp-smiley,
img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
}

/* Font */
/* font ※やはりやめた→復活 */
.font-j21{font-family: ab-kokoro-no1, sans-serif;}
.font-j22{font-family: ab-kokoro-no2, sans-serif;}
.font-j23{font-family: ab-kokoro-no3, sans-serif;}
.font-e21{font-family: 'Jua', sans-serif;}


/* Font-Midashi */
.font-j1{font-family: 'Noto Sans JP', sans-serif;}
.font-e1{font-family: futura-pt, 'Josefin Sans', sans-serif !important;
}
.font-e2{font-family: futura-pt, 'Jua', sans-serif !important;
}

.font-naname{
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
}


/* font上書き:h1.xl（コース詳細のコース名）※やはりやめた 
h1.xl{font-family: 'Jua', ab-kokoro-no2, sans-serif !important;}
*/ 

/* font上書き:h1.xl（トップページのコース名） ※やはりやめた
.sec-couse .underline-hover__target{font-family: 'Jua', ab-kokoro-no2, sans-serif !important;}
*/ 

.font-250, .font-size250{font-size:2.5em}
.font-220, .font-size220{font-size:2.2em}
.font-200, .font-size200{font-size:2.0em}
.font-180, .font-size180{font-size:1.8em}
.font-160, .font-size160{font-size:1.6em}
.font-150, .font-size150{font-size:1.5em}
.font-140, .font-size140{font-size:1.4em}
.font-130, .font-size130{font-size:1.3em}
.font-120, .font-size120{font-size:1.2em}
.font-110, .font-size110{font-size:1.1em}

.font-90, .font-size90{font-size:0.9em}
.font-80, .font-size80{font-size:0.8em}
.font-70, .font-size70{font-size:0.7em}
.font-60, .font-size60{font-size:0.6em}
.font-50, .font-size50{font-size:0.5em}
.font-40, .font-size40{font-size:0.4em}

.font-w900{font-weight:900 !important;}
.font-w700{font-weight:700 !important;}
.font-w600{font-weight:600 !important;}
.font-w500{font-weight:500 !important;}
.font-w300{font-weight:300 !important;}
.font-w200{font-weight:200 !important;}
.font-w100{font-weight:100 !important;}


.font-colorskyblue{color:#6bc9ff}
.font-colorblue{color:#0a80cf}
.font-colorred{color:#bf0023}
.font-coloryellow{color:#f5ff38}

.color-attention{
font-size:8px;	
background-color: rgb(17, 17, 17); 
color: rgb(255, 255, 255);
padding: 0.4em 0.8em;  
border-radius: 2px;
}


/* Footer Link */
a:not([href]):not([class]) {color: var(--link-color-dark);}
[data-arts-theme-text=light] a:not([href]):not([class]) {color: var(--paragraph-color-light);}

/* Footer */
[data-arts-footer-logo=secondary] .logo__img-primary {display:none}
[data-arts-footer-logo=secondary] .logo__img-secondary {
	position: static !important;
	top: 0;
	left:0
}

.widget_nav_menu ul.menu > li li a {
  background-image: linear-gradient(#f5ff38, #f5ff38); /* 単色 */
  background-size: 0 1px; /* 幅(0=見えない状態) | 高さ(=線の太さ) */
  background-position: bottom right; /* 右下に配置 */
  background-repeat: no-repeat;
  padding-bottom: 2px;
  transition: background-size 0.3s ease-out;
}
.widget_nav_menu ul.menu > li li a:hover {
  background-size: 100% 1px; /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left;  /* 左下に配置 */
}

/* Form */
.grecaptcha-badge { visibility: hidden; }

input[type=checkbox] ,input[type=radio] {
  transform: scale(1.5);
  margin: 0 6px 0 0;
}
span.wpcf7-list-item {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}
input:focus, select:focus, textarea:focus {
background-color: rgba(255, 255, 255, 0.6);
padding-left:10px;
padding-right:10px;
}
.wpcf7-form.sent .wpcf7-response-output {
	color: #000000;
	background: #f5ff38;
	font-weight: bold;
	padding:6px 12px;
	margin-top:18px;
	border-color: #000000 !important;
}
.wpcf7 .screen-reader-response p{
	color:#d4002a;
	font-weight: bold;
	padding:3px 6px;
}
.wpcf7 .wpcf7-select{
  max-width: 100%;
  width: 100%; /* 必要に応じて */
  box-sizing: border-box;
}

/* Contact Form 7 送信ボタンの「押せない感」スタイリング */
.wpcf7 .disabled {
  /* 半透明にしてグレーアウト */
  opacity：0.5;
  /* クリック禁止カーソル */
  cursor：not-allowed;
  /* 背景色を薄いグレーに */
  background-color：#ccc;
  /* 文字色もダークグレーに */
  color：#666;
  /* クリックイベントを無効化 */
  pointer-events：none;
  /* ちょっとアニメーションを入れて自然に */
  transition：opacity 0.2s ease;
}


/* Menu */
.menu-overlay .sub-menu>li {margin-top:10px;margin-bottom:10px;}

/* Custom Header */
@media screen and (max-width: 991px) {
.header__label {font-size: 0.7em;margin-right:18px}
}
@media (min-width: 992px){
.header__label {font-size: 0.9em;margin-right:11px}
}

/* Custom Footer */
.footer__widget-area_bottom {margin-top: 1.5em;}
@media (max-width: 781px){
	.footer__inner {
		font-size: 0.5em;
	}
	.widget_nav_menu ul.menu > li a {
		font-size: 12px;
	}
	.wp-block-columns .wp-block-column:nth-child(3){
		display:none;
	}
}

/* Parts */
/*
.fukidashi{
    position: relative;
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 36px;
}
       
.fukidashi:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(-25deg);
}
       
.fukidashi:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(25deg);
}
 */

/* Parts Gmap */
.gmap img {
max-width: initial;
}


/* Page Custom */

/* Page Toppage */
.home-topics .author{display:none;}

/* Category-blog */
.category-blog .post-meta{display:none;}
time.figure-post__date{border-radius: 50%;top:8px;left:8px;}
time.figure-post__date .figure-post__date-day {font-size:1.02em;}
time.figure-post__date .figure-post__date-day:after {content: "日"}
time.figure-post__date .figure-post__date-month {font-size:1.02em;}
time.figure-post__date {flex-direction: column-reverse; display: flex}

/* Page Kunren */


/* Page ikouze */
.ikouze-lp-wrap .slider-images__underline {
    background: #fff;
}

/* Blog */

.single-post .section-blog__container {
  padding-top: calc(1 * (var(--distance-max-medium) * 1px));
}

.single-post .section-masthead__wrapper-image {
  max-width: calc(100% - var(--bs-gutter-x,.75rem) * 2) !important;
}

@media (min-width: 576px) {
  .single-post .section-masthead__wrapper-image {
    max-width: calc(540px - var(--bs-gutter-x,.75rem) * 2) !important;
  }
}

@media (min-width: 768px) {
  .single-post .section-masthead__wrapper-image {
    max-width: calc(720px - var(--bs-gutter-x,.75rem) * 2) !important;
  }
}

@media (min-width: 992px) {
  .single-post .section-masthead__wrapper-image {
    max-width: calc(960px - var(--bs-gutter-x,.75rem) * 2) !important;
  }
}

@media (min-width: 1200px) {
  .single-post .section-masthead__wrapper-image {
    max-width: calc(1140px - var(--bs-gutter-x,.75rem) * 2) !important;
  }
}