/*
Theme Name: Dog Salon fofo
Theme URI: 
Template: lightning
Description: 
Author: DEWEY Inc.
Tags: 
Version: 0.5.1
*/

/* body:not(.header_scrolled) .site-header--trans--true {
  background-color: rgba(255,255,255,0.3) !important;
  box-shadow: none;
  border-bottom: none;
} */

/* .sln-service-info .sln-service-thumb {
	display: none;
} */


@media screen and (min-width: 768px)
	h3.ltg-slide-text-title {
  	font-size: 26px;
	}
}

@media screen and (min-width: 992px) {
	div#sln-salon.sln-salon--m {
	  max-width: 900px;
	}
	h3.ltg-slide-text-title {
  	font-size: 32px;
	}
}

@media screen and (min-width: 1200px)
	h3.ltg-slide-text-title {
 	 font-size: 42px;
	}
}

h3.ltg-slide-text-title {
  font-size: 21px;
}

#sln-salon .sln-panel .sln-panel-heading h2.sln-btn {
	font-size: 26px;
	font-weight: bold;
}


.dateselect {
	width: 40%;
	max-width: 170px;
}
.timeselect {
	width: 40%;
	max-width: 140px;
}
.require {
	background-color: #cc0000;
	padding: 3px 5px 4px;
	font-size: 13px;
	line-height: 1;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0 0 5px;	
}
.mw_wp_form input[type="date"], .mw_wp_form input[type="email"], .mw_wp_form input[type="number"], .mw_wp_form input[type="password"], .mw_wp_form input[type="tel"], .mw_wp_form input[type="text"], .mw_wp_form input[type="url"], .mw_wp_form select, .mw_wp_form textarea {
	font-size: 16px;
}
.mw_wp_form .w150 { max-width: 150px; }
.mw_wp_form .w200 { max-width: 200px; }
.mw_wp_form .w250 { max-width: 250px; }

/* iphoneのselectでCSSが効いてない問題対策 */
.mw_wp_form select {
  -webkit-appearance: none;
	-moz-appearance: none;
  appearance: none;
	border: 1px solid var(--vk-color-border-form);
	border-radius: var(--vk-size-radius);
	padding: .8em 1em;
	margin: 0 0 .5rem;
	min-width: 150px;
}
.mw_wp_form select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}
.mw_wp_form input[type="submit"] {
	font-size: 1.3rem;
}
.resvtime { position: relative; }
.resvtime:after {
  content: "";
    position: absolute;
    right: 18px;
    top: 11px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    transform: translateY(-50%) rotate(-135deg);
  font-size: 20px;
  pointer-events: none;
}

.menu_tbl table th, .menu_tbl table td {
	font-size: 1.2rem;
}
.menu_tbl table tbody th {
	text-align: left;
}
.menu_tbl table tbody td {
	text-align: center;
}
.menu_tbl table thead th {
	background-color: #ffcee5;
}
.menu_tbl.wp-block-table figcaption {
	font-size: 16px;
}

.resvdate {
	display: inline;
}
.resvtime {
	display: inline;
}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:991px) {
	.menu_tbl table th, .menu_tbl table td {
		font-size: 1.1rem;
	}
}
@media screen and (max-width:768px) {
	.menu_tbl table th, .menu_tbl table td {
		font-size: 0.9rem;
	}
}

/*Salom Booking用*/
/* パソコン用のCSS レイアウトを整える */
@media (max-width: 5000px){
h3[class="sln-steps-name sln-service-name"] {
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 1.0em !important;
}
h3[class="sln-steps-price sln-service-price"]{
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 1.0em !important;
}
}

/* タブレットサイズ用のCSS レイアウト崩れを防ぐ */
@media (max-width: 768px){
h3[class="sln-steps-name sln-service-name"] {
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 2em !important;
	font-size: 1.0em !important;
}
h3[class="sln-steps-price sln-service-price"]{
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em -1em !important;
	font-size: 1.0em !important;
}
}

/* スマホ用のCSS レイアウト崩れを防ぐ */
@media (max-width: 574px){
h3[class="sln-steps-name sln-service-name"] {
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 0.84em !important;
}
h3[class="sln-steps-price sln-service-price"]{
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 0.84em !important;
}
}

/* 予約システムの周りの2重線（囲み線） */
#sln-salon {
	border: 7px double #900;	
}

/* 予約者の名前に「様」をつける */
p[class="sln-text--dark"] ::after  {
	content: " 様";
}

#sln-salon h2.sln-salon-title {
	color: #fff;
	padding: 0.5em 0.7em 0.55em 0.7em;
}
#sln-salon h2.salon-step-title {
	background-color: #fff;
}
.entry-body #sln-salon > form {
    margin-top: 1em;
}

#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr th.switch {
	font-size: 28px;
}

.logout_btn {
	text-align: right;
	margin: 15px 0 0;
}

span.help-block {
	font-size: 13px;
}

@media only screen and (min-width: 992px) {
	#sln-salon.sln-loginform {
    max-width: 35vw;
    margin: 0 auto;
	}
}
@media only screen and (min-width: 768px) {
	#sln-salon.sln-loginform {
    max-width: 50vw;
    margin: 0 auto;
	}
}

#sln-salon #sln-salon-my-account .glyphicon.glyphicon-ok-sign {
    color: green;
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-clock {
    color: orange;
}

/* Booking Package */
div#booking-package {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#booking-package .calendarPanel .calendarChangeButton span {
	display: inline-block;
  font-size: 20px;
}
div#booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols {
	font-size: 24px !important;
}
#booking-package .dayPanel.sun {
	background-color: #ffcccc;
	color: #990000;
}
#booking-package .dayPanel.sat {
	background-color: #99ccff;
	color: #3333cc;
}
#booking-package .dayPanel.nationalHoliday {
	color: #990000;
}
#booking-package .dayPanel.mon,
#booking-package .dayPanel.tue,
#booking-package .dayPanel.wed,
#booking-package .dayPanel.thu,
#booking-package .dayPanel.fri {
	background-color: #efefef;
}
#booking-package .dayPanel.dayPanelHeight {
	background-color: #ffffff;
}
#booking-package .dayPanel.dayPanelHeight.closeDay {
	background-color: #f4f4f4;
}

.calendarPanel .calendarData,
#booking-package_schedulePage .selectedDate {
  font-size: 32px;
	font-weight: bold;
}
#booking-package_schedulePage .selectPanel div span span {
	font-weight: bold;
	font-size: 20px;
}

/* form */
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  font-size: 16px;
}
#booking-package span.bookingDate,
#booking-package span.bookingTime {
	font-size: 22px;
	font-weight: bold;
}
#booking-package span.planName {
	font-size: 22px;
	font-weight: bold;
}
#booking-package_schedulePage button#returnToCalendarButton,
#booking-package_schedulePage button#returnToDayListButton,
#booking-package_schedulePage button#returnDayButton,
#booking-package_schedulePage button#nextDayButtton {
	font-weight: bold;
	font-size: 16px;
	padding: 6px 15px;
	background-color: #ddd;
	color: #333;
	border: 1px #ccc solid;
	border-radius: 3px;
	cursor: pointer;
}
#booking-package_schedulePage button#returnToCalendarButton:hover,
#booking-package_schedulePage button#returnToDayListButton:hover,
#booking-package_schedulePage button#returnDayButton:hover,
#booking-package_schedulePage button#nextDayButtton:hover {
	background-color: #eee;
}
div#booking-package_inputFormPanel input[type="text"],
#booking-package_inputFormPanel #booking_package_input_zip.form_text {
	font-size: 16px;
	padding: 10px 12px;
}
div#booking-package_inputFormPanel input[type="text"]#booking_package_input_zip,
div#booking-package_inputFormPanel input[type="tel"]#booking_package_input_zip {
	max-width: 140px !important;
}
div#booking-package_inputFormPanel input[type="checkbox"] {
	width: 24px;
	height: 24px;
}
#booking-package_inputFormPanel textarea {
  min-height: 80px;
	font-size: 16px;
	padding: 10px 12px;
}
#booking-package .returnButton.bookingButton {
	font-weight: bold;
	font-size: 22px;
	padding: 10px 12px;
	background-color: #2092cc;
	color: #ffffff;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
}
#booking-package .returnButton.bookingButton:hover {
	background-color: #41a7db;
}
#booking-package_inputFormPanel .returnButton {
	font-weight: bold;
	font-size: 18px;
	padding: 10px 12px;
	background-color: #ddd;
	color: #333;
	border: 0;
	border-radius: 3px;
	cursor: pointer;
}
#booking-package_inputFormPanel .returnButton:hover {
	background-color: #eee;
}