/**
Theme Name: Yoga with Rio Child
Author: Akiko Morita
Author URI: https://akikomorita.me/contact/
Description: This is a child theme for Yoga with Rio.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yoga-with-rio-child
Template: astra
*/

.grecaptcha-badge { visibility: hidden; }

/*改行*/
.smp{
    display: none;
}
@media screen and (max-width:767px) {
    .smp{
        display: block;
    }
}

.breadcrumbs {
	font-size: 14px;
}
.p-margin-bottom p {
	margin-bottom: 0px;
}

.post-password-form {
	margin-top: 300px !important;
	margin-bottom: 200px !important;
}

/*--------------------------------------------------------------
# RYT
--------------------------------------------------------------*/
.uael-price-table-integer-part,
.uael-price-table-currency {
	color: #e60012;
}

/*--------------------------------------------------------------
# Echo Compass
--------------------------------------------------------------*/
  .responsive-table {
    width: 100%;
    border-collapse: collapse;
	  margin-bottom: 20px !important; 
  }

  .responsive-table th,
  .responsive-table td {
    border: 1px solid #999 !important;
    padding: 15px;
    text-align: left;
  }

  @media screen and (max-width: 768px) {
    .responsive-table thead {
      display: none;
    }
    .responsive-table tr {
      display: block;
      margin-bottom: 1em;
    }
    .responsive-table td {
      display: block;
      width: 100%;
      box-sizing: border-box;
      position: relative;
      padding-left: 50%;
    }
    .responsive-table td::before {
      content: attr(data-label);
      position: absolute;
      left: 8px;
      width: calc(50% - 16px);
      white-space: nowrap;
      font-weight: bold;
    }
  }

/*--------------------------------------------------------------
# Seminar
--------------------------------------------------------------*/
.h2-seminar h2 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
}

.h2-seminar h2:before, .h2-seminar h2:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.h2-seminar h2:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
.h2-seminar h2:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
.h2-merit h2:before {
  border-left: solid 1px #ffffff;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}
.h2-merit h2:after {
  content: '';
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}


.h3-seminar h3 {
  position: relative;
  text-align: center;
  line-height: 1.3;
} 
.h3-seminar h3:before,
.h3-seminar h3:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #ec6941;
  width: 2px;
  height: 2em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
} 
.h3-seminar h3:before {
  transform: rotate(-35deg);
} 
.h3-seminar h3:after {
  transform: rotate(35deg);
}
.h3-merit h3:before,
.h3-merit h3:after {
  background: #0DC5B9;
} 

.elementor-counter-number-suffix {
	font-size: 30px;
	font-weight: bold;
	padding-top: 35px;
}

.price-seminar .uael-price-table-features-list {
	display:none;
}
.price-seminar .uael-price-table-subheading {
	padding-bottom: 30px !important;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.fukidashi {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 14px;
  background: #0dc5b9;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #0dc5b9;
}

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

.point-media p {
	margin-bottom: 0px;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.wp-block-image {
	margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Privacy
--------------------------------------------------------------*/
.policy h2 {
	font-size: 22px;
}
.policy ol li {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Company
--------------------------------------------------------------*/
.tbl-company {
	width: 100%;
    margin: 20px 0px;
	border: none !important;
}
.tbl-company th,
.tbl-company td {
	border-top:none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #ccc !important;
	padding: 15px;
}
.tbl-company th {
	width: 35%;
	text-align: left;
    white-space: nowrap;
}


/*--------------------------------------------------------------
# Mobile Footer Button
--------------------------------------------------------------*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   background: #000;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   width:300px;
   margin: 10px auto;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 100%;
   padding:0;
   margin:0;
   font-size: 14px;
}

#sp-fixed-menu li {
   background: #f8b551;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}

/*PCの場合にはメニューを表示させない*/
/*@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}*/

@media(max-width:921px){
	#ast-scroll-top {
		bottom: 100px;
	}
	
	#sp-fixed-menu{
	   position: fixed;
	   width: 100%;
	   bottom: 0px;
	   font-size: 0;
	   opacity: 1.0;
	   z-index: 99;
	}

	/*メニューを横並びにする*/
	#sp-fixed-menu ul{
	   display: flex;
	   list-style: none;
	   padding:0;
	   margin:0;
	   width:100%;
	}

	#sp-fixed-menu li{
	   justify-content: center;
	   align-items: center;
	   width: 100%;
	   padding:0;
	   margin:0;
	   font-size: 14px;
	   /*border-right: 1px solid #fff;*/
	}

	#sp-fixed-menu li {
	   background: #f8b551;
	}
	/*
	#sp-fixed-menu li:first-child{
	   background: #f8b551;
	}
	#sp-fixed-menu li:last-child{
	   background: #0dc5b9;
	}*/

	/*ボタンを調整*/
	#sp-fixed-menu li a{
	   color: #fff;
	   text-align: center;
	   display:block;
	   width: 100%;
	   padding:20px;
	}

}


@media screen and (max-width: 768px) {
/*--------------------------------------------------------------
# Seminar
--------------------------------------------------------------*/
.elementor-counter-number-suffix {
	font-size: 20px;
	padding-top: 25px;
}

/*--------------------------------------------------------------
# Company
--------------------------------------------------------------*/
    .tbl-company th,
    .tbl-company td{
        width: 100%;
        display: block;
        white-space:normal;
        padding-left:0px;
        padding-right: 0px;
		box-sizing: border-box;
    } 
    .tbl-company th{
        border-bottom:none !important;
        padding-bottom: 0px;
    } 	

}