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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*全てをまとめて非表示*/
.page .entry-title,
.page .sns-share,
.page .sns-follow,
.page .date-tags,
.page .author-info{
  display: none;
}

.main{
    background-color: #000;
}

.a-wrap {
    color: #fff;
}
/*テキスト真ん中寄席*/
.tocenter {
	text-align: center;
}
/*固定ページヘッダー画像表示させない
.page .logo-header {
  display: none;
}*/
/*---------------------------------
目次の文字色を変える
--------------------------------*/
.toc-title {
  color: #56ffff; /*目次の文字の色*/
}
.toc .toc-list li a {
  color: #ff547f; /*見出しの文字の色*/
}
.toc .toc-list li{
  color: #ff547f; /*数字部分の文字色*/
}
/*ヘッダーロゴ配置*/
.relative {
  position: relative;
}
.absolute {
  position: absolute;
  right:0%;
  bottom:0%; 
}
/*introduction背景画像*/
.bg_introduction {
    background-image: url(https://gym.okinawa/wp-content/uploads/2023/06/gym-5977600_1280.jpg);    /* 背景画像指定 */
    background-size: auto; /* 画像のサイズ指定 */
　　background-repeat:repeat-y; /* リピート方向 */
}
.bg__rgba {
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.bg_text {
    color: #fff;
}
/*FACILITIES見出し右寄せ*/
.right {
    text-align: right;
}
/*オープン背景*/
.bg_bg_grandopen {
    width: 100vw;
    margin:0 calc(50% - 50vw);
    background-image: url(https://gym.okinawa/wp-content/uploads/2023/07/bg_open.png);  /* 背景画像指定 */
    background-size:  cover; /* 画像のサイズ指定 */
}
/*オープン前キャンペーン背景*/
.bg_kaiin {
    width: 100vw;
    margin:0 calc(50% - 50vw);
    background-image: url(https://gym.okinawa/wp-content/uploads/2023/07/bg_kaiin4.png);   /* 背景画像指定 */
    background-size:  cover; /* 画像のサイズ指定 */
}
/* リストデザイン009 */
.list_design009 {
　column-count: 2;
}
.list_design009 li {
  list-style: none;
  display: inline-block;
  margin: 3px;
  border: solid #000 1px;
  border-radius: 5px;
  background: #000;
}

/*price背景*/
.bg_price {
    width: 100vw;
    margin:0 calc(50% - 50vw);
    background-image: url(https://gym.okinawa/wp-content/uploads/2023/07/bg_price.png);   /* 背景画像指定 */
    background-size:  cover; /* 画像のサイズ指定 */
}
/*mobileヘッダーメニュー*/
.mobile-menu-buttons {
background: #000000;
color: #56ffff;
}

.mobile-menu-buttons .menu-button > a {
color: #56ffff;
}
/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: rgba(30,124,209,0.5);
	transform: translateX(101%);
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.7);
	background-color: rgba(30,124,209,0);
}
/*cocoonトグルボックスカスタム*/
.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;
}
/*cocoonトグルボックスカスタム*/
/* アコーディオンの見出しのアイコンを変更する*/
.toggle-button::before {
  content: '\f204'; /*クリック前のアイコン*/
　font-size: 2.5em; /*アイコンの大きさ*/
}

.toggle-checkbox:checked ~ .toggle-button::before {
  content: '\f205'; /*クリック後のアイコン*/
}
/* アコーディオンの見出しのアイコンを変更する*/
/*LOCATION背景*/
.bg_bg_location {
　　width: 100vw;
    margin:0 calc(50% - 50vw);
    background-image: url(https://gym.okinawa/wp-content/uploads/2023/07/run.png);   /* 背景画像指定 */
    background-size:  cover; /* 画像のサイズ指定 */
}
/*LOCATION背景*/
/* マーカーの色 */
.marker-under-blue { /*青色アンダーラインマーカー*/
 background: linear-gradient(transparent 90%, #56ffff 90%);
}
/*flow背景*/
.bg_flow {
    background-image: url(https://gym.okinawa/wp-content/uploads/2023/07/iphoine.png);   /* 背景画像指定 */
    background-size:  cover; /* 画像のサイズ指定 */
　　width: 100%;
}
/*flow背景*/
/*フリーウエイト背景*/
.bg_bg_free {
	width: 100%
    margin:0 calc(50% - 50vw);
    background-image: url(https://gym.okinawa/wp-content/uploads/2023/07/bg_open.png);   /* 背景画像指定 */
    background-size: cover; /* 画像のサイズ指定 */
}
/*フリーウエイト背景*/
/*スマホ横揺れ防止*/
* { box-sizing: border-box }
/*スマホ横揺れ防止*/
/*家族割り背景色*/
body.page-id-1845 {
    background-color: #fff;
}
/*家族割り背景色*/
/*高校生ページ背景色*/
body.page-id-1885 {
    background-color: #fff;
}
/*高校生ページ背景色*/
/*求人ページ背景色*/
body.page-id-2071 {
    background-color: #fff;
}
/*駐車場完備カラムの余白なし*/
.no-margin-column {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/*駐車場完備上段落の余白なし*/
.no-margin-para {
  margin-bottom: 0 !important;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
/*mobileヘッダーロゴ左寄せ*/
.logo-menu-button img {
    margin-left: 0;
}
/*スマホ横揺れ防止*/
* { box-sizing: border-box }
/*スマホ横揺れ防止*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
/*スマホ横揺れ防止*/
* { box-sizing: border-box }
/*スマホ横揺れ防止*/
}