/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/* 投稿日・更新日を非表示 */
.st-post-date,
.post-date,
.entry-date,
time.updated,
.byline,
.posted-on {
    display: none !important;
}







/* ▼マークを非表示 */

/* サービス名を見やすく */

/* 料金表示 */



.list.borderColor {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}




.service_name_cost {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #333 !important;
}
/* ▼マークを非表示 */
.service_name_cost span::before {
    content: '' !important;
}

/* Booking Package UI改善 */
#booking-package .selectable_service_slot,
#booking-package_servicePage .selectable_service_slot {
    border: 2px solid #e8ddd8 !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
    background: #fff !important;
    transition: all 0.2s !important;
    overflow: hidden !important;
}
#booking-package .selectable_service_slot:hover,
#booking-package_servicePage .selectable_service_slot:hover {
    border-color: #785249 !important;
    background: #fdf8f5 !important;
}
#booking-package .selected_element,
#booking-package_servicePage .selected_element {
    border-color: #785249 !important;
    background: #fdf8f5 !important;
}
#booking-package .service_details,
#booking-package_servicePage .service_details {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    padding: 14px 16px 8px !important;
    flex-wrap: wrap !important;
}
#booking-package .service_name_cost,
#booking-package_servicePage .service_name_cost {
    font-weight: bold !important;
    font-size: 15px !important;
    color: #333 !important;
    flex: 1 !important;
}
#booking-package .serviceCost,
#booking-package_servicePage .serviceCost {
    color: #785249 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}
#booking-package .descriptionOfService,
#booking-package_servicePage .descriptionOfService {
    font-size: 12px !important;
    color: #999 !important;
    padding: 0 16px 12px !important;
    line-height: 1.5 !important;
    width: 100% !important;
}
#booking-package .list.borderColor,
#booking-package_servicePage .list.borderColor {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* 選択済みサービスのハイライト */
.selected_element {
    border-color: #785249 !important;
    background: #fdf8f5 !important;
    box-shadow: 0 0 0 1px #785249 !important;
}
.selected_element .service_name_cost {
    color: #785249 !important;
}

/* 日付を選択ボタン改善 */
.booking_package_calendar_btn,
button[class*='calendar'],
.bp_calendar_btn,
input[value*='日付'],
button:contains('日付を選択'),
.service_details_wrapper button,
.booking_package_service_details button {
    background: #785249 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 14px 0 !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}