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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/



/*!
 * "Kaisei Opti" is lisenced under the SIL Open Font License 1.1
 * by https://fonts.google.com/specimen/Kaisei+Opti
 */


@font-face {
  font-family: "Kaisei Opti";
  font-display: swap;
  src:
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Regular.woff2")format("woff2"),
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Regular.woff")format("woff"),
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Regular.eot")format("eot"),
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Regular.ttf")format("truetype")
  ;
}

@font-face {
  font-family: "Kaisei Opti Bold";
  font-display: swap;
  src:
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Bold.woff2")format("woff2"),
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Bold.woff")format("woff"),
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Bold.eot")format("eot"),
  url("https://balilab.net/wp-includes/fonts/KaiseiOpti-Bold.ttf")format("truetype")
  ;
}


.kaisei-tds {
  filter: drop-shadow(1px 2px 0px #000) !important;
  font-family: "Kaisei Opti" !important;
}



/*!
 * "Source Han Sans JP" is lisenced under the SIL Open Font License 1.1
 * by https://github.com/adobe-fonts/source-han-sans/tree/release/SubsetOTF/JP
 */


@font-face {
  font-family: "Source Han Sans JP";
  font-display: swap;
  src:
  url("https://balilab.net/wp-includes/fonts/SourceHanSansJP-Regular.woff2")format("woff2"),
  url("https://balilab.net/wp-includes/fonts/SourceHanSansJP-Regular.woff")format("woff"),
  url("https://balilab.net/wp-includes/fonts/SourceHanSansJP-Regular.eot")format("eot"),
	;
}

@font-face {
  font-family: "Source Han Sans JP Bold";
  font-display: swap;
  src:
  url("https://balilab.net/wp-includes/fonts/SourceHanSansJP-Bold.woff2")format("woff2"),
  url("https://balilab.net/wp-includes/fonts/SourceHanSansJP-Bold.woff")format("woff"),
  url("https://balilab.net/wp-includes/fonts/SourceHanSansJP-Bold.eot")format("eot"),
  ;
}



body:lang(ja) {
color: #493759 !important;
font-family: "Source Han Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}

b, strong, .bold{
font-family: "Source Han Sans JP Bold","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: 500;
-webkit-font-smoothing: antialiased;
}

.smb-panels__item__title {
    font-weight: 400 !important;
}

.smb-panels__item__link {
    font-weight: 400 !important;
}

.pum-theme-9798 .pum-content, .pum-theme-default-theme .pum-content {
    color: var(--wp--preset--color--ex-a) !important;
}

.sc2 {
  background: #572d8c; 
  padding: 0.5em;
  color: white;
  border-radius: 0.5em;
}

.wpcf7-form .wpcf7-select, select {
color: #493759 !important;
}


.site-name-text-link {
    padding: 0em !important;
}

.tds {
  filter: drop-shadow(1px 2px 0px #000) !important;
}

p {
    display: block;
   margin: 0px;
padding: 5px;
}


.logo-text {
padding: 0px 0 0px;
}

.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}

.footer {
   margin-top: 0;
}


.entry-content　{
	margin: 0px -10px 0px -10px;
}


#breadcrumb {
display: none
}

.page .entry-title{
display: none;
margin: 0;
padding: 0;
}

.content-top {
margin: 0px;
padding: 0px;
}

.page .main{
margin-top: 0;
padding-top: 0;
}

.page .entry-content cf{
margin: 0;
padding: 0;
}

.page .articli-header.entry-header{
margin: 0;
padding: 0;
}

.single .header{
  background-image: none;
}

.single #header-container {
display: none;align-content
}

.page .p{
margin: 0;
padding: 0;
}

 
.single #header-container {
display: none;
}

.page .date-tags {
display: none;
}

.content { 
margin-top: 0; 
}

* {
   margin: 0px;
　 padding: 0px;
}

.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
display: none;
}

.entry-content {
  margin-top: 0;
}

.entry-title {
  margin: 0;
}

.entry-content p:first-of-type {
  margin-top: 0;
}



.tagline {
margin: 0;
}



.cstm-blk-fullwide {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
  overflow: hidden;
}


html, body {
  overflow-x: hidden;
}

@media screen and (max-width: 1024px) {
  .cstm-blk-fullwide {
    display: none;
  }
}


h1.logo-image{
padding: 0;
}


h2 {
	padding:25px 10px 25px 15px !important;
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
   font-family: "Source Han Sans JP Bold";
	font-weight: 500;
}

.article h2{
background:none;
padding: 0;
margin: 0;
width: 100%;
}


.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 5;
}


.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}


.article h5{
border-bottom:none;
padding: 0;
}


.article h6{
border-bottom:none;
padding: 0;
}

.diagonal01 {
  display: table;
  width: 100%;
  height: 300px;
  background-color: #94d0ef;
  transform: skewY(5deg);
  margin-top: 0vw;
}

.diagonal01 p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.15em;
}

.diagonal01 > * {
  transform: skewY(-5deg); 
}


.diagonal02 {
  display: table;
  width: 100%;
  height: 300px;
  background-color: #572d8c;
  transform: skewY(-5deg);
  margin-top:　０vw;
}

.diagonal02 p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.15em;
}

.diagonal02 > * {
  transform: skewY(5deg);
}


.entry-content a{
  color: #572d8c;
  text-decoration: none;
}

.entry-content a:hover{
  color: #94d0ef;
}

.entry-content a:active{
  color: #94d0ef;
}

.entry-content a:visited {
  color: #572d8c;
}

.ath-toggle-first .toggle-button, .ath-toggle-middle .toggle-button, .ath-toggle-last .toggle-button{
	text-align:left;
	border-radius:0px;
}
.ath-toggle-first{
	margin-bottom:0px;
}
.ath-toggle-first .toggle-button{
	border-bottom:0px;
}
.ath-toggle-middle{
	margin-top:0px;
	margin-bottom:0px;
}
.ath-toggle-middle .toggle-button{
	border-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.ath-toggle-last{
	margin-top:0px;
}
.ath-toggle-last .toggle-checkbox:checked~.toggle-button{
border-bottom:0px;	
}

.ath-toggle-first .toggle-checkbox:checked~.toggle-content,.ath-toggle-middle .toggle-checkbox:checked~.toggle-content{
	border-bottom:0px;
	border-radius:0px;
}
.ath-toggle-last .toggle-checkbox:checked~.toggle-content{
	border-radius:0px;
}

.header-in {
    width: 100%;
}

.logo-image{
  padding: 0;
}

.logo-image span, .logo-image a {
    width: 100%;
}

.header-in img {
    width: 100%;
}  

#header-container {
background-color: transparent;
}

#header-container .navi {
background-color: transparent;
}


#footer {
background-color: transparent;
}

#footer-container .navi {
background-color: transparent;
}

#footer {
	background-image: url( https://balilab.net/wp-content/uploads/2021/10/footer_A.png );
	background-size: cover;
}

@media screen and (min-width: 1024px) {
	#footer {
		background-position: 0 15%;
		height: 300px;
	}
}


.site {
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
}

table td {
   border: none;
   background: #fff;
	width:auto;
}

a {
    text-decoration:none; 
}

.page .entry-title{
  display: none;
}

.logo-image {
	padding: 0;
}

.logo-image * {
	display: block;
	margin: auto;
}

.menu-drawer a {
	color: #94d0ef;
	font-family: "Source Han Sans JP";
}

#navi .navi-in a:hover {
  background-color: #94d0ef;
  color: #fff;
font-family: "Source Han Sans JP";
}


.grecaptcha-badge { 
visibility: hidden; 
}

.wpcf7
{
 margin-left: auto;
 margin-right: auto;
 }

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
 font-family: "Source Han Sans JP";
  display: block;
	width: 100%; 
	height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #d2d0e8;
  box-shadow: none;
  color: #493759;
  font-size:16px !important;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
@media(max-width:500px) {
    .inquiry td,
    .inquiry th {
        display: block !important;
        width: 100% !important;
        border-top: none !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    .inquiry tr:first-child th {
        border-top: 1px solid #d2d0e8; !important;
    }
    .inquiry .any,
    .inquiry .haveto {
        font-size: 10px;
    }
}
.inquiry th {
    text-align: left;
    font-size: 14px;
    color: #493759;
    padding-right: 5px;
    width: 30%;
    background: #fff;
    border: solid 1px #fff;
}

.inquiry td {
    font-size: 13px;
    border: solid 1px #fff;
}
.entry-content .inquiry tr,
.entry-content table {
    border: solid 1px #d2d0e8;
}
.haveto {
    font-size: 9px;
    padding: 5px;
    background: #572d8c;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px;
}
.any {
    font-size: 9px;
    padding: 5px;
    background: #d2d0e8;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px;
}
.verticallist .wpcf7-list-item {
    display: block;
}

#formbtn{
 font-family: "Source Han Sans JP Bold";
 display: block;
 padding:18px;
 width:350px;
 background:#582d8c;
 color:#fff;
 font-size:18px;
 border: 0px none;
 border-radius:2px;
 margin:25px auto 0;
}

#formbtn:hover{
 background:#fff;
 color:#d2d0e8;
 border:2px solid #d2d0e8;
}

where(:not(.wp-block-table))>table {
    border: 0px solid var(--vk-color-border-hr);
}


.entry-content .inquiry tr,
.entry-content table {
    border: solid 0px #d2d0e8;
}

#booking-package_inputFormPanel .required:before {
content: '必須' !important;
font-size: 13px !important;
    padding: 5px !important;
    background: #582d8c !important;
    color: #fff !important;
    border-radius: 5px !important;
    margin-right: 5px　!important;
    position: relative　!important;
    bottom: 1px !important;
}

#booking-package_inputFormPanel .required:after {
    content: '' !important;
}



th {
    font-weight: 400;
    text-transform: uppercase;
    padding: 13px;
}
td {
    border-top: 1px solid #d2d0e8;
    padding: 12px;
}
input,
select,
textarea {
    border: 1px solid #d2d0e8;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none;
}

.wpcf7-form .wpcf7-select, select {
color: #5c6b80;
font-size:14px;
width: 80%;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{
    color: #dc3232;
	border: none;
}


.navi-menu-content  {
	background-color: #572d8c;
	color: #94d0ef;
}

#navi-menu-input:checked ~ #navi-menu-content {
	width: 55%;
	max-width: none;
	-webkit-transform: translateX(15%);
	transform: translateX(15%);
}


.mobile-menu-buttons {
	background-color: #572d8c;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.menu-button,
.mobile-menu-buttons .menu-button > a {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.smart-loader-five .spinner-cube {
 background-color: #572d8c;}


#main .button-caption {
	display: none;
}

.sns-share-message{
	font-weight: bold;
	color: #493759;
}
.sns-share-buttons {
	flex-wrap: nowrap;
	justify-content: center;
}
.sns-share-buttons a {
	border-radius: 50%;
	font-size: 30px;
	margin: 0 20px;
}
#main .sns-share a {
	width: 50px;
	height: 50px;
}


.ect-entry-card img{
	border-radius: 10px;
}

.entry-card-thumb {
	margin: 0 8px 0 0;
	width: 120px !important;
	height: 120px;
}
.entry-card-content {
	margin: 0;
	padding: 0;
}
.entry-card-title {
	color: initial;
	font-size: initial;
	line-height: 1.5;
	margin: 0;
}


.entry-card-snippet {
	color: inherit;
	line-height: 1.5;
}

@media screen and (max-width: 560px) {
	.entry-card-title {
		font-size: 0.95rem; 
	}
	.entry-card-snippet {
		display: none;
	}
}

.entry-card .cat-label{
display: none;
}


.pagination-next {
	display: none;
}


.page-numbers, page-numbers.dots {
	border-radius: 50%;
	border: 0;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
.pagination .current {
	background-color: #572d8c;
	color:#fff;
}



@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}


@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://balilab.net/wp-content/uploads/2024/11/balolabmobilelogo.png);
		background-size: auto 45px;
		background-position: center;
		background-repeat: no-repeat;
}
}




span.fas.fa-times::before{
    font-family: "Font Awesome 5 Free";
    content: "\f58c";
}

ul.menu-drawer:after {
    background: #94d0ef;
}
.menu-drawer li {
    padding:0;
}
.menu-drawer li{

}
.menu-drawer a{
    font-size:1.0em;
    background-color:#572d8c;
    color:#fff;
    margin: .5em 0;
}
.menu-drawer a:hover{
    background-color:#94d0ef;
	color:#fff;
}
.menu-drawer .sub-menu {
    padding:0;
}
.menu-drawer .sub-menu li{
    font-size: .8em;
}
.menu-drawer .sub-menu li a::before {
    font-family: "Font Awesome 5 Free";
    content : "\f105";
    color:#94d0ef;
    margin:0 .5em 0 1em;
}
@media (max-width:834px){
.sub-menu{
    box-shadow: none;
}
}

.smb-box__background {
	border: transparent　!important; 
}

#navi .navi-in>ul .sub-menu {
    width: auto;
}

.smb-step__item__number {
   
    width: var(--smb-step--number-size);
    --_font-size-level: 1;
}

#booking-package_inputFormPanel .book_now_button, #booking-package_inputFormPanel .next_page_button, #booking-package-subscription_form .book_now_button {
     font-family: "Source Han Sans JP";
}

#booking-package_inputFormPanel .return_form_button {
     font-family: "Source Han Sans JP";
}

#booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols {
    vertical-align: baseline !important;
}

#booking-package button {
   font-family: "Source Han Sans JP";
}

.btn, .ranking-item-link-buttons a, .btn-wrap > a, .wp-block-freeform .btn-wrap > a, [class*=inline-button-] {
   font-weight:400;
}

.related-entry-card-title, .entry-card-title {
    font-family: "Source Han Sans JP Bold";
	font-weight:500;
}


.cat-link:hover {
    color: var(--wp--preset--color--ex-c);
}


div.whatsnew a:hover {
  color: #572d8c;
  
}

.sub-caption {
font-family: "Source Han Sans JP";
	opacity: 0.8;
}


.navi-in > ul .menu-item-has-description > a > .caption-wrap > div {
    font-family: "Source Han Sans JP";
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
   
    border-width: 0px;
}





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

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

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