/*
Theme Name: go school chigasakieigo child
Theme URI: https://chigasakieigo.com/
Description: chigasakieigo child theme.
Author: chigasakieigokai
Author URI: https://chigasakieigo.com/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*=================
::after
::before
!important
Ocean WP break point
(min-width: 768px) and (max-width: 959px)
(min-width: 481px) and (max-width: 768px)
(max-width: 480px) --- theme Customize 有効
(max-width: 1280px)
(max-width: 1080px) --- theme Customize 有効
(max-width: 959px)
(max-width: 782px)
(max-width: 600px)
(min-width: 30em)
(min-width: 48em)
白銀比: 71%
黄金比: 62%
貴金属: 58%;
=================*/


/*-----------------
* General
-----------------*/
html,body {
  overflow-x: -moz-hidden-unscrollable; /* firefox 横スライド防止 */
  overflow-x: hidden;
}
body{
font-family:   "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;
/*"Gothic MB101 B",*/
}
br.sp_br {  /* 改行(PCノーマル) */
  display: contents;
}
mark {
  background-color: #ff0 !important;
}
a:focus { /* click 枠消し */
  outline: solid 0px !important;
}
table.schools_list a[target="_blank"]::after { /* link _blank" icon */
  content: "";
  width: 14px;
  height: 14px;
  color: #aaa;
  display: inline-block;
  margin-left: 1px;
  background-image: url("https://go-school.chigasakieigo.com/wp-content/themes/goschool-chigasakieigo/vendor/assets/img/icon-external.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
p {
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 680px) {  /* 改行(スマホ) */
  br.sp_br {
    display: block;
    content: "\a";
    white-space: pre;
  }
}
#owp-qv-wrap {  /* トップのみ最下位に出るので kill */
  display: none;
}
div#outer-wrap {
	margin-top: -10px;
	padding-top: 0;
}

/* --------------------------
* Animation setting
-------------------------- */

/*-----------------
* topbar
-----------------*/

/*-----------------
* Global Nav
-----------------*/
#site-header #site-logo #site-logo-inner a img {
  display: block;
  height: 60px;
}
.after-header-content {
  float: none;
}
.premium-nav-widget-container .premium-hamburger-toggle i {
  color: #fff;
}

/*
div#site-header-inner.container {
  width: 99% !important;
  max-width: 100% !important;
}
/*
.after-header-content {
  float: none !important;
  margin-left: 80px !important;
  font-size: 12px;
}
*/
/*
#site-header .wp-block-image {
  margin-bottom: 0;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow p {
  font-size: 12px;
}
*/
@media screen and (max-width: 991px) { /* sp full screen nav */
  #site-header.transparent-header {
    top: -30px;
  }
  #site-header-inner {
    height: 90px;
  }
  body.default-breakpoint #site-navigation-wrap,
  body.default-breakpoint .after-header-content {
    display: inline-block;
  }
  .oceanwp-mobile-menu-icon.clr.mobile-right,
  .mobile-menu {
    display: none;
  }
  .after-header-content .after-header-content-inner {
    height: 20px;
    padding-top: 40px;
  }

.premium-hamburger-toggle.premium-mobile-menu-icon {
  color: #fff;
}

/*
	.oceanwp-mobile-menu-icon a.search-icon-overlay {
		display: none;
	}
	#top-bar {
  	padding: 5px 0;
	}
  #mobile-fullscreen {
    padding: 50px 40px;
    background-color: rgba(225 ,225, 225, 0.4) !important;
    backdrop-filter: blur(7px);
  }
  #mobile-fullscreen #mobile-fullscreen-inner {
    position: relative;
  }
  #mobile-fullscreen a.close .close-icon-inner, #mobile-fullscreen a.close .close-icon-inner::after {
    background-color: #333;
  }
  #mobile-fullscreen nav {
    display: block;
    width: 100%;
    padding: 70px 0 0 0;
    vertical-align: baseline;
    text-align: left;
  }
  #mobile-fullscreen nav ul {
    display: inline-block;
    width: 100%;
    color: #333;
  }
  #mobile-fullscreen ul li a {
    font-family: "inter", 'Helvetica Neue, "Noto Sans", "Liberation Sans", Arial, sans-serif';
    font-size: calc(8vw) !important;
 		font-weight: 900;
    text-align: left;
    line-height: 1.5;
    color: transparent;
		padding: 10px 0;
		background: linear-gradient(300.78deg, rgb(118, 230, 80) -1.13%, rgb(249, 214, 73) 15.22%, rgb(240, 142, 53) 32.09%, rgb(236, 81, 87) 48.96%, rgb(255, 24, 189) 67.94%, rgb(26, 75, 255) 85.34%) !important;
		background-size: cover;
 		background-clip: text !important;
		text-shadow: none !important;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
  }

  #mobile-fullscreen .listening_img {
    position: relative;
    top: -47.5%;
    width: 300px;
    height: 350px;
    display: block;
    margin: 0 auto;
    z-index: 100001;
  }
	.wp-block-cover-image, .wp-block-image {
  	margin-bottom: 0;
	}
	@-webkit-keyframes link_moveLeft {
  	0% { opacity:0; left: 1000px; }
  	100% { opacity:1; left:0; }
	}
	@keyframes link_moveLeft {
  	0% { opacity:0; left: 1000px; }
  	100% { opacity:1; left:0; }
	}
  #mobile-fullscreen.active ul li:nth-child(n+1) a {
	  opacity: 0;
  	-webkit-animation: link_moveLeft 0.9s ease-out forwards;
            animation: link_moveLeft 0.9s ease-out 0s forwards;
	}
  #mobile-fullscreen.active ul li:nth-child(n+2) a {
	  opacity: 0;
  	-webkit-animation: link_moveLeft 0.9s ease-out forwards;
            animation: link_moveLeft 0.9s ease-out 0.25s forwards;
	}
    #mobile-fullscreen.active ul li:nth-child(n+3) a {
    opacity: 0;
    -webkit-animation: link_moveLeft 0.9s ease-out forwards;
            animation: link_moveLeft 0.9s ease-out 0.50s forwards;
  }
  #mobile-fullscreen.active ul li:nth-child(n+4) a {
    opacity: 0;
    -webkit-animation: link_moveLeft 0.9s ease-out forwards;
            animation: link_moveLeft 0.9s ease-out 0.75s forwards;
  }
	@-webkit-keyframes logo_opacityAnimation {
  		0% { opacity:0; transform: scale(0); }
  		100% { opacity:1; transform: scale(1.0); }
		}
	@keyframes logo_opacityAnimation {
  	0% { opacity:0; transform: scale(0);}
  	100% { opacity:1; transform: scale(1.0);}
	}
	@-webkit-keyframes fene_slideUp {
  	0% { opacity:0; bottom: -40px; }
  	100% { opacity:1; bottom: 48px; }
	}
	@keyframes fene_slideUp {
  	0% { opacity:0; bottom: -40px; }
  	100% { opacity:1; bottom: 48px; }
	}
  span.menu-item-description {
    top: -10px;
    padding-left: 15px;
  }
	#mobile-fullscreen.active .listten_logo {
		position: relative;
  	opacity: 0;
  	-webkit-animation: logo_opacityAnimation 1.5s ease-out forwards;
            animation: logo_opacityAnimation 1.5s ease-out 1.0s forwards;
	}
	#mobile-fullscreen.active .sp_fene {
		position: relative;
		padding-left: 23px;
  	opacity: 0;
  	-webkit-animation: fene_slideUp 1.0s ease-out forwards;
            animation: fene_slideUp 2.0s ease-out 1.5s forwards;
	}
	#mobile-fullscreen .sp_goschool_footer {
		position: relative;
		width: 100%;
		top: -50%;
		text-align: center;
    opacity: 1;
		z-index: 100001;
	}
	#mobile-fullscreen .sp_goschool_footer .hfe-site-logo-container img {
		width: 55%;
		max-width: 55%;
		margin: 0 auto;
    opacity: 1;
	}
	#mobile-fullscreen .elementor-social-icons-wrapper.elementor-grid {
  	display: block;
  	margin-top: 0;
  	width: 100%;
    opacity: 1;
  	word-spacing: var(--grid-column-gap);
	}
  #mobile-fullscreen .elementor-social-icons-wrapper.elementor-grid svg {
    width: 40px;
  }
*/
}

@media screen and (min-width: 681px) and (max-width: 991px) {
/*
  #mobile-fullscreen ul li a {
    font-size: calc(9vw) !important;
    line-height: 1.3 !important;
  }
  #mobile-fullscreen .listening_img {
    top: -45%;
  }
  #mobile-fullscreen .sp_goschool_footer {
    top: -45%;
  }
*/
}

@media screen and (max-width: 680px) {
/*
  #mobile-fullscreen {
    padding: 0;
  }
  #mobile-fullscreen #mobile-fullscreen-inner {
    padding: 0 30px;
  }
  #mobile-fullscreen ul li a {
    font-size: calc(13vw) !important;
  }
  #mobile-fullscreen ul li a {
    font-size: calc(12vw) !important;
    line-height: 1.5 !important;
  }
  #mobile-fullscreen .elementor-social-icons-wrapper.elementor-grid {
    display: block;
    position: relative;
    top: 0 !important;
    height: 75px;
  }
  #mobile-fullscreen .elementor-social-icons-wrapper.elementor-grid sapn.elementor-grid-item{
    height: 30px;
  }
*/
}

@media screen and (max-width: 340px) {
/*
    body.default-breakpoint .oceanwp-mobile-menu-icon {
    top: -70px;
  }
  .minimal-header.left-menu #site-logo {
    padding-right: 5px !important;
  }
*/
}

/*-----------------
* breadcrumbs
-----------------*/
body.page-id-1004 .site-breadcrumbs { /* パンくずショートコード 仮 */
  position: static;
  top: auto;
  right: : auto;
  max-width: 1140px;
  margin: 0 auto;
  background-color: #f6f6f6;
}

/*-----------------
* cover
-----------------*/

/*-----------------
* Page General
* <h1・h2・h3> 隠しtitle
-----------------*/
div#h1_title h1.elementor-heading-title,
div#h2_title h2.elementor-heading-title,
div#h3_title h3.elementor-heading-title
 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
div.elementor-element-1bb39f9.mb101b > h2 { /* よくある質問 */
 font-family: "ゴシックMB101 B";
 font-size: 30px !important;
}
div.elementor-element-b71fb69.mb101b > h4 { /* 協力校一覧 */
 font-family: "ゴシックMB101 B";
 font-size: 25px;
}
table.schools_list {
/* font-family: "ゴシックMB101 B";*/

 font-size: 16px;
 line-height: 1.2;
}
table.schools_list th,
table.schools_list td {
  padding: 15px;
}

.elementor-element-129f0bd .elementor-shortcode {  /* 協力校一覧 */
  background-color: #fff;
  padding: 17px;
  border: 1px solid #666;
  border-radius: 10px;
}
div.elementor-element-1398411.mb101b .elementor-icon-box-wrapper .elementor-icon-box-content > h3.elementor-icon-box-title {
 font-family: "ゴシックMB101 B";
 font-size: 25px;
}


/*-----------------
* home
-----------------*/
.elementor-section .elementor-container { /* Slider 幅調整 */
  width: 100%;
}
@media screen and (max-width: 340px) {
  body.home .elementor-element-2ef6f93 {
    top: -75px !important;
  }
}
.premium-blog-post-container .premium-blog-content-wrapper { /* Premium Addons */
  background-color: #fff;
  padding: 10px 15px;
  border: 1px solid rgba(0,0,0,.1);
}
.premium-blog-post-container .premium-blog-post-content { /* Premium Addons */
margin-bottom: 0;
}
.elementor-2 .elementor-element.elementor-element-ee2284b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
/*.elementor-2 .elementor-element.elementor-element-ee2284b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {*/
  display: block !important;
}
#oceanwp-cart-sidebar-wrap {
  display: none;
}

.premium-title-container .premium-title-header {
  padding: 0 10px 0;
}
.premium-title-container .premium-title-header img {
	max-width: auto;
	width: 55px !important;
	height: 70px !important;
  object-fit: contain;
}
.ays-questions-container .ays_quiz_results_page { /* クイズ */
  padding: 30px;
}
.ays-questions-container .ays-progress.fourth {
  display: none;
}
.ays_score_message p span > span {
  font-family: ont-family: "Open Sans",sans-serif !important;
}



/*-----------------
* page
-----------------*/
@media screen and (max-width: 680px) {
  h1.page-header-title {
    line-height: 1.6 !important;
   display: flex;
  }
  #main #content-wrap {
    padding-bottom: 0;
  }
}

/*-----------------
* blog General
-----------------*/
@media only screen and (min-width: 960px) { /* Bog用 */
  .content-area, .content-left-sidebar .content-area {
    width: 72% !important;
  }
}
#wp-block-search__input-1 {
  width: 70%;
  float: left;
}



/*-----------------
* archive
-----------------*/

/*-----------------
* single
-----------------*/

/*-----------------
* カスタム投稿タイプ
-----------------*/

/*-----------------
* side bar
-----------------*/

/*-----------------
* search
-----------------*/

/*-----------------
* 404
-----------------*/

/*-----------------
* bottom
-----------------*/

/*-----------------
* footer
-----------------*/
 /* footer nav */
/*
 @media only screen and (max-width: 1024px) {
  .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
    visibility: visible;
    opacity: 1;
    display: none;
  }
  .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
    visibility: visible;
    opacity: 1;
    display: block;
  }
}
.elementor-155 .elementor-element.elementor-element-5bd5b6f3 nav.hfe-dropdown li a.hfe-menu-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 1024px) {
  .elementor-155 .elementor-element.elementor-element-5bd5b6f3 .hfe-dropdown.menu-is-active {
    margin-top: 25px;
  }
}
.elementor-155 .elementor-element.elementor-element-5bd5b6f3 nav.hfe-dropdown li.menu-item:last-child {
  border-bottom-style: solid;
  border-bottom-color: #c4c4c4;
  border-bottom-width: 1px;
}
.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 i {
  font-size: 20px;
}
.elementor-155 .elementor-element.elementor-element-5bd5b6f3 .sub-menu a.hfe-sub-menu-item,
.elementor-155 .elementor-element.elementor-element-5bd5b6f3 nav.hfe-dropdown li a.hfe-sub-menu-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.elementor-social-icon:last-child {
  position: relative;
}
a.elementor-repeater-item-72317c5 {
  background-color: #fff;
}
.elementor-social-icon svg {
  width: 40px;
  height: 40px;
}
.elementor-icon.elementor-social-icon.elementor-repeater-item-b786dcb {
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .elementor-social-icon svg:nth-child(2) {
    background-color: #fff;
    fill: #000;
  }
}
@media (max-width: 991px) {
  .elementor-social-icons-wrapper.elementor-grid .elementor-social-icon svg {
    fill: black;
  }
}
*/

/*-----------------
* footer sticky
-----------------*/
.elementor.elementor-8171 {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
}
@media screen and (min-width: 992px) {
  .elementor.elementor-8171 {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .elementor-element.elementor-element-cda9831,
  .elementor-element.elementor-element-2a725d7 {
    width: 50%;
  }
  .elementor-element.elementor-element-45fcb89 a {
    position: relative;
    top: -7px;
  }
}

/*-----------------
* Copyright
-----------------*/
svg.line_hook { /* LINE icon 調整 */
  position: relative;
  top: 10px;
}
#footer-bottom #footer-bottom #copyright {
  width: 35%;
}
#footer-bottom #footer-bottom-menu {
  width: 65%;
}
@media screen and (max-width: 991px) {
  #footer-bottom #footer-bottom #copyright {
    width: 100%;
  }
  #footer-bottom #footer-bottom-menu {
    width: 100%;
  }
}
@media screen and (min-width: 681px) and (max-width: 1024px) {
  svg.line_hook { /* LINE icon 調整 */
    top: -1px;
  }
}
@media screen and (max-width: 680px) {
  svg.line_hook { /* LINE icon 調整 */
    position: relative;
    top: -2px;
  }
}
@media not all and (min-resolution:.001dpcm) {
 @supports (-webkit-appearance:none) {
    svg.line_hook { /* LINE icon 調整 Safari Only */
      top: -2px;
    }
  }
}


/*-----------------
* to top
-----------------*/
/*
#scroll-top {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 480px) {
  #scroll-top {
    bottom: 20px;
    right: 15px;
  }
}
*/

/*-----------------
* scroll-top
-----------------*/
a#scroll-top {
	right: 0px;
	bottom: 10px;
	width: 68px;
	height: 38px;
	background-color: rgba(0,0,0, 0.0);
}
a#scroll-top:hover {
  background-color: rgba(255, 255, 255, 0.0);
}
a#scroll-top::before {
	  content: "";
    display: block;
    width: 68px;
    height: 38px;
    padding: 0;
    margin: 0;
		left: -25px;
    visibility: visible;
    position: relative;
    background-image: url("https://go-school.chigasakieigo.com/wp-content/uploads/2026/01/fene_78.png");
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: cover;
}
a#scroll-top.scroll-top-right i {
	position: absolute;
	color: #f60;
	left: 4px;
	top: -5px;
}
@media screen and (max-width: 991px) {
	a#scroll-top {
	bottom: 40px;
	}
	a#scroll-top::before {
		left: -5px;
	}
	a#scroll-top.scroll-top-right i {
		left: 24px;
	}
}

/*-----------------
* Contact form 7 override
-----------------*/
form.wpcf7-form input[type="button"],
form.wpcf7-form input[type="submit"] {
  background-color: 80B300 !important;
}
fieldset.hidden-fields-container {
  display: none;
}

/*-----------------
* WooCommerce General (削除不可)
-----------------*/
.bc-external-products-api {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 3つの均等列 */
  gap: 10px; /* 列間のスペース */
  width: 80%;
  margin: 0 auto;
}
#product-item-api.product-item-row {
  width: 90%;
  margin: 0 auto;
}
h3.price-api {
  margin: 0;
  padding: 0;
  font-size: 15px;
}
p.price-api {
  margin: 0;
  padding: 0 0 10px 0;
}
a.price-api {
  display: block;
  margin: 0;
  padding: 10px 20px;
  background-color: #ddd;
  width: 125px;
  margin: 0 auto;
}
@media screen and (max-width: 680px) {
  .bc-external-products-api {
    display: grid;
    grid-template-columns: repeat(2, 2fr); /* 3つの均等列 */
    gap: 10px; /* 列間のスペース */
    width: 90%;
    margin: 0 auto;
  }
}
/*-----------------
* WooCommerce 標準タイプ カートバー (削除不可)
* cart progress vbar
-----------------*/
.bc-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
.bc-product {
  border: 1px solid #ddd;
  padding: 16px;
}
.bc-product img {
  width: 100%;
  height: auto;
}
.bc-product .price {
  font-weight: bold;
}

/*-----------------
* WooCommerce login
------------------*/

/*-----------------
* WooCommerce cart
-----------------*/

/*-----------------
* WooCommerce chuckout
-----------------*/

/*-----------------
* woocommerce orderreceived
-----------------*/

/*-----------------
* WooCommerce My Account
-----------------*/

/*-----------------
* WooCommerce REST API
* 独自プラグイン有効の場合
-----------------*/
.bc-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
.bc-product {
  border: 1px solid #ddd;
  padding: 16px;
}
.bc-product img {
  width: 100%;
  height: auto;
}
.bc-product .price {
  font-weight: bold;
}

/*-----------------
* FAQ
-----------------*/
.fq_wap_q {
  padding-left: 2em;
  position: relative;
  top: -1em;
  color: #ffd200;
}
.fq_wap_a {
  padding-left: 2em;
  position: relative;
  top: -2em;
}
span.f_q {
  font-size: 25px;
  font-weight: 600;
  color: #ffd200;
}
span.f_a {
  font-size: 25px;
  font-weight: 600;
  color: #F2762E;
}
div.right-justified { /* A. 左余白 */
  padding-left: 2.5em;
  position: relative;
  top: -30px;
}
.elementor-element
@media screen and (min-width: 681px) and (max-width: 991px) {
  .f_q {
    top: -1.3em;
  }
}
@media screen and (max-width: 680px) {
  .f_q {
    top: -1.5em;
  }
  .fq_wap_a {
    top: -2em;
  }
  .elementor-207 .elementor-element.elementor-element-c3f0a57 .elementor-tab-title {
    padding: 10px 25px 10px 10px;
  }
  .elementor-207 .elementor-element.elementor-element-c3f0a57 .elementor-tab-content {
    padding: 10px 10px 10px 10px;
  }
  .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
    position: absolute;
    right: 7px;
  }
}

/*-----------------
* クイズ
-----------------*/
#ays-quiz-container-1 {
  box-shadow: none !important;
  border: 1px solid #c6c6c6;
}
#ays-quiz-container-1 #ays_finish_quiz_1 .action-button, {
background-color: #ffd200 !important;
}