container__main {
	padding-left : 260px;
}

.page__content {
	width  : 500px;
	margin : 0 auto;
}

.page__content .text {
	text-align : center;
	font-size  : 12px;
	margin     : 30px 9px;
}

.page__content .text.left {
	text-align : left;
}

.page__content .text a,
.page__content .schedule a {
	text-decoration : underline;
}

.page__content p.attention {
	text-align : center;
	font-size  : 12px;
	padding    : 0.5em;
	color      : #C10000;
	display    : none;
}

.page__content p.attention:before {
	content         : "";
	display         : inline-block;
	width           : 18px;
	height          : 18px;
	margin          : -3px 5px 0 0;
	background      : url("https://asset.hyacca.online/wp-content/themes/hyacca/pc/assets/img/order_schedule/icon-attention.png") no-repeat;
	background-size : contain;
	vertical-align  : middle;
}

.page__content .schedule {
	padding   : 15px 5px 5px 5px;
	font-size : 11px;
	/*border: solid 1px #C10000;*/
	/*margin: 15px 30px 5px 30px;*/
}

.page__content .schedule span.bold {
	font-weight : bold;
}

/* タブ */
.tabs {
	display     : flex;
	flex-wrap   : wrap;
	padding-top : 30px;
}

.tab-label {
	margin        : 0 auto;
	width         : calc(100% / 2);
	order         : -1;
	font-size     : 18px;
	color         : #000;
	border-bottom : 1px solid #000;
	text-align    : center;
}

.tab-content {
	width   : 100%;
	display : none;
}

.tab-switch:checked + .tab-label {
	font-weight   : bold;
	border-bottom : 3px solid #000;
}

.tab-switch:checked + .tab-label + .tab-content {
	display : block;
}

.tab-switch {
	display : none;
}

/* 日付選択ボタン */
.selectdates {
	background-color : #EFEFEF;
	text-align       : center;
	padding          : 20px 10px;
	margin-top       : 35px;
}

.selectdates p.title {
	font-size   : 16px;
	font-weight : bold;
}

.selectdates .kyoshikibi {
	margin-bottom : 15px;
}

.selectdates label.date-edit {
	position            : relative;
	display             : inline-block;
	width               : 240px;
	height              : 35px;
	border              : 1px solid #000;
	background-color    : #FFF;
	background-image    : url("https://asset.hyacca.online/wp-content/themes/hyacca/sp/assets/img/order_schedule/icon-calendar.png");
	background-repeat   : no-repeat;
	background-position : right 7px bottom 8px;
	background-size     : 20px;
}

input[type="date"] {
	position     : relative;
	float        : left;
	height       : 36px;
	border       : 0;
	background   : transparent;
	box-sizing   : border-box;
	font-size    : 14px;
	padding-left : 10px;
}

input[type="date"]::-webkit-inner-spin-button {
	-webkit-appearance : none;
}

input[type="date"]::-webkit-clear-button {
	-webkit-appearance : none;
}

.selectdates input.hasDatepicker {
	float       : left;
	text-align  : center;
	line-height : 35px;
}

/* カレンダー */
.calendar {
	background-color : #EFEFEF;
	text-align       : center;
	padding-bottom   : 30px;
}

#idCalendar {
	margin          : 0 auto;
	border-collapse : collapse;
	width           : 95%;
	border          : solid 1px #C1C1C1;
}

#idCalendar .frame td {
	background-color : #FFF;
}

#idCalendar .frame td.past {
	background-color : #CCC;
}

#idCalendar .youbi {
	border-top    : solid black 7px;
	border-bottom : solid black 2px;
}

#idCalendar .youbi .pink {
	color : #B16468;
}

#idCalendar th {
	padding          : 5px;
	font-size        : 11px;
	text-align       : center;
	height           : 20px;
	width            : 30px;
	background-color : #FFF;
}

#idCalendar td {
	font-size      : 10px;
	text-align     : center;
	height         : 70px;
	width          : 30px;
	padding-bottom : 5px;
	border         : solid 1px #DDD;
}

#idCalendar td span.month {
	font-size : 12px;
}

#idCalendar p.day {
	margin-bottom : 5px;
	height        : 20px;
}

#idCalendar p.day_pink {
	margin-bottom : 5px;
	height        : 20px;
	color         : #B16468;
}

#idCalendar p.day.option-week,
#idCalendar p.day_pink.option-week {
	margin-bottom : 5px;
	border-bottom : 3px solid #B16468;
}

.event:before {
	content       : "";
	position      : absolute;
	top           : -10px;
	left          : 50%;
	margin-left   : -5px;
	border        : 5px solid transparent;
	border-bottom : 5px solid #B16468;
}

.event.event_double:before {
	border-bottom : none;
}

.event.pink.event_double {
	margin-top : 3px;
}

.event.white:before {
	content       : "";
	position      : absolute;
	top           : -10px;
	left          : 50%;
	margin-left   : -5px;
	border        : 5px solid transparent;
	border-bottom : 5px solid #B16468;
}

.event.white:after {
	content       : "";
	position      : absolute;
	top           : -11px;
	left          : 50%;
	margin-left   : -7px;
	border        : 7px solid transparent;
	border-bottom : 7px solid #FFF;
}

.event {
	line-height : 1.2em;
	position    : relative;
	padding     : 3px;
}

.event .icon-title {
	font-weight : bold;
	line-height : 1.3;
}

.event.pink {
	font-size  : 10px;
	color      : #FFF;
	background : #B16468;
	box-sizing : border-box;
}

.event.white {
	font-size  : 9px;
	color      : #B16468;
	background : #FFF;
	box-sizing : border-box;
	border     : solid 1px #B16468;
}

.event .icon,
.event .icon-last-otodokebi {
	width   : 30%;
	padding : 8px 5px 7px 5px;
}

.event .icon-kyoshikibi {
	width   : 25%;
	padding : 6px 5px 7px 5px;
}

.event.white .icon {
	width   : 45%;
	padding : 3px 5px 5px 5px;
}

/* カレンダー波線 */
#idCalendar .wave td .event_nothing_day p.day,
#idCalendar .wave td .event_nothing_day p.day_pink {
	display : none;
}

#idCalendar .wave td .event_nothing_day {
	content             : "";
	display             : block;
	width               : 100%;
	height              : 98%;
	background-image    : url(/wp-content/themes/hyacca/sp/assets/img/order_schedule/wave.png);
	background-repeat   : no-repeat;
	background-size     : 100%;
	background-position : center;
}

/* カレンダー下部 */

.page__content .foot .btn {
	margin     : 0 auto;
	background : #666;
	border     : none;
	width      : 240px;
}

.page__content .foot .btn a {
	color       : #FFF;
	font-family : "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.card_and_option_btn {
	text-decoration : underline;
}

.modal_active {
	visibility : visible;
	opacity    : 1;
}

.page__content span.title {
	font-weight : bold;
}