/*
 Theme Name:astra child
 Template:astra
*/

/*--------------------------トップページ----------------------------  */

/* pc版の時にモバイル版を非表示 */
@media screen and (min-width:769px) {
	.mobile{
		display: none !important;
		}
	}
/* モバイル版の時にpc版を非表示 */
@media screen and (max-width:768px) {
	.pc{
		display: none !important;
		}
	}
    /* table01 */
    #table01 {
      width: 100%;;
		border: none !important;
	border-top: none !important;
  border-left: none !important;
    }
#table01 tr {
	border: none !important;
	border-top: none !important;
  border-left: none !important;
/*   border-bottom: 1px solid #b5b1b1 !important; */
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: 1px solid #b5b1b1 !important;
	
}

#table01 th {
/*   width: 30%; */
	text-align: left;
		font-weight: normal;
}
#table01 td {
	text-align: right;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
    text-align: center;
  }

  #table01 th {
    width: 100%;
	  border-bottom: none !important;
  }

  #table01 td {
    padding-top: 0;
  }
}
    /* table02 */
    #table02 {
      width: 100%;;
		color: #FFF;
    }
#table02 tr {
  border-bottom: 1px solid #FFF;
}

#table02 th,
#table02 td {
  padding: 24px 0;
  border: none;
}

#table02 th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table02 th,
  #table02 td {
    width: 100%;
    display: block;
    text-align: center;
  }

  #table02 th {
    width: 100%;
  }

  #table02 td {
    padding-top: 0;
  }
}
/* GoogleMapをモノクロ地図にする（APIは不要） */
.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.menu-span {
	font-size:50%;
}

/* 予約システム */

#returnToSchedules {
	background-color: #D28A94;
    padding: 20px 20px 20px 20px;
	color: #FFF;
	font-weight: 700;
}
#booking-package_pay_locally > button {
	background-color: #DE5D6F;
    padding: 20px 20px 20px 20px;
	color: #FFF;
	font-weight: 700;
}


/* 下層ページのお問い合わせはこちらボタンの色を変更する */
.page-id-1344 #ast-desktop-header > div.ast-main-header-wrap.main-header-bar-wrap > div > div > div > div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 > div > a.ast-custom-button-link > div,.page-id-1350 #ast-desktop-header > div.ast-main-header-wrap.main-header-bar-wrap > div > div > div > div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 > div > a.ast-custom-button-link > div,.page-id-1356 #ast-desktop-header > div.ast-main-header-wrap.main-header-bar-wrap > div > div > div > div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 > div > a.ast-custom-button-link > div,.page-id-1362 #ast-desktop-header > div.ast-main-header-wrap.main-header-bar-wrap > div > div > div > div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 > div > a.ast-custom-button-link > div{
	color: #000;
	background-color: rgba(0,0,0,0);
	border-color: #000;
}
#ast-desktop-header > div.ast-main-header-wrap.main-header-bar-wrap > div > div > div > div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 > div > a.ast-custom-button-link{
	text-decoration: none;
}

/* 下層ページのモバイルハンバーガーメニューの色を変更する */
#ast-mobile-header > div > div{
	fill: #42AFE3 !important;
}