/*
 Theme Name:   Zakra Child
 Theme URI:    https://zakratheme.com/zakra-child/
 Description:  Zakra Child Theme
 Author:       ThemeGrill
 Author URI:   https://themegrill.com
 Template:     zakra
 Version:      1.0.0
 License: GPLv3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, news, e-commerce, rtl-language-support
 Text Domain:  zakra-child
*/

/*-----------------------------------------------
共通
-----------------------------------------------*/
/*clearfix*/
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
/*テキスト調整*/
.text_r {
	text-align: right;
}
.text-margin-n{
	margin-bottom: 0;
}
.t-shadow {
	text-shadow: 3px 3px 3px #000000;    /*テキストの影*/
}
/*ロゴ*/
.t-logo {
	filter: drop-shadow( 3px 3px 3px #000000);
}
/*背景色*/
.bg-gray {
	background-color: #f5f5f5;
}
.bg-white {
	background-color: #ffffff;
}
/*ページタイトル*/
.page-title {
	position: relative; top:50px;
}
/*divブロックセンター揃え*/
.box-center {
	margin: 0 auto;
}
/*スマホのときは縦並びそれ以外は横並びのボックス*/
.flexbox {
	display: flex;
}
.box1 {
	width: 50%;
	margin: auto;
}
.box2 {
	width: 50%;
	margin: auto;
}
@media screen and (max-width: 767px) {
	.flexbox {
		display: block;
	}
	.flexbox .box1 {
		width: 100%;
		margin: 0 auto;
	}
	.flexbox .box2 {
		width: 100%;
			margin: 0 auto;
	}
}
	
/*-----------------------------------------------
スマホ以外に対応のメディアスクリーン
-----------------------------------------------*/
@media(min-width: 768px){
	/*スマホのときのみ表示*/
	.pc_area{
		display: none;
	}
	/*スマホでタップした時だけ電話発信を有効にする*/
  a[href^="tel:"]{
    pointer-events: none;
  }
  
  /*例：br.sp_brはタブレット以上のサイズでは非表示にする*/
 .sp_br {
  display: none;
 }
}

/*------------------------------------------------
スマホのときのみのメディアスクリーン
------------------------------------------------*/
@media screen and (max-width: 767px) {
	/*スマホのときのギャラリー枠*/
 #gallery-ty {
  height: 50px;
  margin: 20px;
 }
 
 /*スマホトップ画面予約電話*/
.tel-sm a{
	display: block;
	width: 200px;
	text-align: center;
	padding: 5px 10px;
	color: #51585f;
		background-color: rgba(0,0,0,0.07);
	border-radius: 5px;
	margin: 0 auto;
}
}

/*------------------------------------------------
トップページnewsカテゴリの最新記事5件表示
------------------------------------------------*/
.list-unstyled {
  margin: 0;
}

ul li time {
	padding-right: 10px;
}

#news {
	font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	padding-left: 75px;
}

.home-news__meta {
	width: 40%;
}
.home-news__content {
	width: 60%;
}
#news ul li {
    border-bottom: 1px solid #cecece;
    padding-top: 16px;
    padding-bottom: 16px;
    list-style-type: none;
}
@media (min-width:768px){
.home-news__meta {
	width: 35%;
}
.home-news__content {
	width: 65%;
}
}
.entry__new-mark {
	position: absolute;
	z-index: 10;
	display: inline-block;
	padding: 5px 5px 5px 10px;
	height: 22px;
	background-color: #ff0004;
	color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: .8em;
	line-height: 1;
	left: 0px;
}

.entry__new-mark:after {
  position: absolute;
  top: 0px;
  left: 100%;
  width: 0;
  height: 0;
  border-width: 11px 5px;
  border-style: solid;
  border-color: #ff0004;
  border-right-color: transparent;
  content: ' ';
}

/*------------------------------------------------
トップページaccess
------------------------------------------------*/
/*h4下の空き*/
.margin-b-n {
	margin-bottom: 0;
}
/*------------------------------------------------
menu
------------------------------------------------*/
/*menuタイトル*/
.menu-title {
	border-bottom: solid 1px #808080;
}
.menu-title-sub {
	font-size: 1.2rem;
	color: #696969;
}
/*------------------------------------------------
menuの説明リスト
------------------------------------------------*/
.menu-list-header {
	border-bottom: 1px;
	border-style: solid;
	border-color: orange;
}
.menu_list_dl {
	clear: both;
	display: block;
	padding-left: 16px;
}
.menu_list_dl dt{
	display: inline-block;
	float: left;
}
.menu_list_dl dd {
	text-align: right;
	margin: 0;
}

/*メニューdtをフロートしないバージョン================*/
.menu_list_dlfn {
	clear: both;
  display: block;
	padding-left: 16px;
}
.menu_list_dlfn dt{
	display: inline-block;
	float: none;
}
.menu_list_dlfn dd {
	text-align: right;
	margin: 0;
}

/*メニューリストに子要素のある場合の親のくくり================*/
.menu_list-p {
	border-bottom: solid 1px #dcdcdc;
	margin-bottom: 30px;
}
/*メニューリストの子要素---例：まつ毛エクステ*/
.menu_list_dl2 {
	clear: both;
	display: block;
	padding-left: 32px;
}
.menu_list_dl2 dt{
	display: inline-block;
	float: left;
}
.menu_list_dl2 dd {
	text-align: right;
	margin: 0;
}
.menu_list_dl2::after {
	content: "";
	display: block;
	border-bottom: solid 1px #e6e6fa;
}
.menu-cc {
	color: #7b68ee;
	margin-top: 36px;
}

/*メニュー補足文章==================================*/
.menu-ex{
	color: gray;
	padding-left: 16px;
	padding-bottom: 24px;
	border-bottom: solid 1px #dcdcdc;
}
.menu-ex2{
	color: gray;
	padding-left: 16px;
	padding-bottom: 24px;
}
/*メニューコメント欄*/
.menu-comment{
	background-color: #f5f5f5;
	padding: 20px;
}
/*サイエンスアクア*/
#aqua-h{
	color: #4169e1;
	font-size: 1.3rem;
}
#aqua-recomend{
	color: #ffffff;
	background-color: #4169e1;
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#aqua-img2 {
	margin-top: 30px;
}

/*バーコード決済==================================*/
.pay{
	display: flex;
	justify-content: center;
	align-items: center;
}
div #paypay{
	display: flex;
	width: 50%;
	height: 250px;
	padding-top: 50px;
}
div #aupay{
	display: flex;
		width: 50%;
	height: 250px;
}
@media screen and (max-width: 767px) {
	.pay{
		display: block;
	}
	div #paypay,#aupay{
	width: 100%;
	margin: 0 auto;
  }
}

/*------------------------------------------------
reserve
------------------------------------------------*/
@media(min-width: 768px){
/*予約の外枠*/
.reserve-box{
	margin-left: 50px;
	margin-right: 50px;
}
}
/*----------------------------------------------*/

/*reserveページの予約電話*/
.reserve-main a{
	display: block;
	width: 230px;
	text-align: center;
	padding: 5px 10px;
	color: #ffffff;
	background-color: #ff8c00;
	border-radius: 5px;
	margin: 0 auto;
}
#new-customer {
	color: #ff1493;
	font-size: 1.4rem;
	font-weight: bold;
}
/*------------------------------------------------
フッター
------------------------------------------------*/
/*フッターの予約電話*/
.reserve a{
	display: block;
	width: 200px;
	text-align: center;
	padding: 5px 10px;
	color: #51585f;
		background-color: rgba(0,0,0,0.07);
	border-radius: 5px;
}

/*------------------------------------------------
Biz Calendar
------------------------------------------------*/
/*カレンダーの枠線*/
#biz_calendar table.bizcal {
  margin: 10px 0;
  width: 100%;
  background-color: #ffffff;
  table-layout: fixed;
  border: none;
  line-height: 1.6;
  cursor: default;
  vertical-align: middle;
}
/*カレンダータイトル*/
.widget_bizcalendar h2{
	text-align: center;
	font-size: 1rem;
}
/*定休日のセルの背景色*/
#biz_calendar p span.boxholiday {
  background-color: #ffa07a;
  padding-left: 25px;
  margin-right: 10px;
}
#biz_calendar table.bizcal .holiday {
  background-color: #ffa07a;
  color: #ffffff;
}
/*日曜日の色*/
#biz_calendar table.bizcal th:first-child {
  color: tomato;
}
/*土曜日の色*/
#biz_calendar table.bizcal th:nth-last-of-type(1) {
  color: #4169e1;
}