/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 24 2023 | 07:41:33 */
header {
	padding-top:10px;
	padding-bottom:10px;
	position: sticky;
	position: -webkit-sticky;
	top:0;
	background-color:#fff;
	box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);
	margin-bottom: 0px;
   z-index: 999;
}

@media screen and (max-width: 1000px) {
.header__nav {
  width: 100%;
  transform: translateX(0%);
  background-color: #fff;
  transition: ease .3s;
	box-sizing:border-box;
	padding-bottom:100px;
}
}


/* ハンバーガーメニュー */
.header__hamburger {
  width: 48px;
/* height: 100%; */
	position:fixed;
	top:10px;
	right:10px;
}

.header__hamburger::after {
    content: "MENU";
    font-size: 10px;
}

.hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
}

@media screen and (min-width: 1000px) {
  .hamburger {
    display: none;
  }
}


.hamburger span {
  width: 100%;
  height: 1px;
  background-color: #000;
  position: relative;
  transition: ease .4s;
  display: block;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  margin: 8px 0;
}

.hamburger span:nth-child(3) {
  top: 0;
}


/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(-100%);
}

.hamburger.active span:nth-child(1) {
  top: 5px;
  transform: rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;

}

.hamburger.active span:nth-child(3) {
  top: -13px;
  transform: rotate(-45deg);
} 

.small-menu a,.large-menu a {
	text-decoration:none;
}
.small-menu a:hover,.large-menu a:hover {
	border-bottom:2px solid #76bbc9;
}

body.access .li-access a,
body.blog .li-news a,
body.post-type-archive-voice .li-voice a,
body.privacy .li-privacy a,
body.post-type-archive-cast .li-cast a,
body.schedule .li-schedule a,
body.price .li-price a,
body.beginner .li-beginner a,
body.faq .li-faq a,
body.recruit .li-recruit a{
	border-bottom:2px solid #76bbc9;
}

body.schedule .wp-block-cover {
	margin-block-start:0 !important;
}


.wp-pagenavi {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	padding:10px;
	background-color:#EDEDED;
	width: 25px;
   text-align: center;
	text-decoration:none;
}
.wp-pagenavi span {
	background-color:#63AEBE;
	color:#fff;
}
.wp-pagenavi span.pages{
width: inherit;
}
.wp-pagenavi a:hover {
	opacity:0.6;
}

.selbox {
	display:flex;
	justify-content:center;
	gap:10px;
	align-items: center;
}
.selbox .megane {
	display:block;
	padding-left:25px;
	background:#fff url(/wp-content/themes/twentytwentythree-child/images/megane.svg);
	background-repeat:no-repeat;
	background-position:left center;
}
.selbox select {
	 -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
	padding:10px 20px;
	padding-right:50px;
	border:#ccc 1px solid;
	border-radius:5px;
	background:#fff  url(/wp-content/themes/twentytwentythree-child/images/down.svg) no-repeat 95% center;
}

a {
	transition-duration: 0.2s;
}
a:hover {
	opacity:0.6;
}

.topvoice {
	list-style:none;
	margin:0;
	padding:0;
/* 	display:flex;
	gap:2%; */
}
.topvoice li {
/* 	padding:0 5px;
	margin:0 10px; */
}
.topvoice li .baloonbox,
.topvoice li .sender {
	margin:0 5px;
}
.topvoice li .sender {
	margin-top:10px;
}

.topvoice li a {
	display:block;
	background-color:#fff;
	border-radius:10px;
	padding:10px;
	text-decoration:none;
	position:relative;
}
.topvoice li a::after {
	content:"";
	position:absolute;
	bottom:-10px;
	left:75%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 25px 0 3px;
	border-color: #ffffff transparent transparent transparent;
}
.topvoice li a > p {
	margin:0;
	color:#63AEBE;
}
.topvoice li a .body >p {
	margin:0;
}
.topvoice li .sender {
	color:#fff;
}
iframe {
	max-width:100%;
}

.btn-baloon.large a {
	width:280px;
	position:relative;
	padding-top:12px;
	padding-bottom:12px;
}
.btn-baloon.large a::after {
	content:">";
	position: absolute;
	right: 15px;
}
.btn-baloon.large.white a {
	background-color:#fff;
	color:#00ADD0 !important;
}

.slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}
}