.ec-layoutRole__main.area-bottom-margin04 {
/* width: 473px; */
}

.pn-button-area {
display: inline-block;
width: 110px;
text-align: center;
}

.next_button_area {
float: right;
}

.prev_button_area {
float: left;
}

section {}

td {
border: 1px solid #ddd;
text-align: center;
}

.calendar_move_buttom_area {
text-align: center;
margin-bottom: 10px;
}

.pn-button-area.prev_button_area.select_none {
float: left;
}

.ec-ReservationCalendar {
margin: 0 auto;
}

div.pn-button-area {
margin-bottom: 10px;
}

label.ec_calendar_button {
padding: 6px 10px;
margin-bottom: 25px;
background-color: #f1f1f1;
border: solid 1px #c5c5c5;
font-size: 12px;
color: #518dc1;
}

label.ec_calendar_button:hover {
padding: 6px 10px;
background-color: #dadada;
border: solid 1px #c5c5c5;
font-size: 12px;
cursor: pointer;
}

td.blue {
color: royalblue;
}

td.calendar_td {
width: 80px;
}

td.ec-calendar__table {
display: table-cell;
vertical-align: middle;
text-align: center;
}

.ec-calendar__table p {
margin: 0 auto;
padding: 2px 0;
font-size: 11px;
width: 50px;
}

.golden_time {
background-color: #ffeb3b63;
}

.triangle_img {
height: 25px;
/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/sankaku.png); */
background-image: url(/html/plugin/ReservationCalendar/assets/img/sankaku.png);
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
}

.round_img {
height: 25px;
/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/maru.png); */
background-image: url(/html/plugin/ReservationCalendar/assets/img/maru.png);
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
}

.cross_img {
height: 25px;
/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/batsu.png); */
background-image: url(/html/plugin/ReservationCalendar/assets/img/batsu.png);
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
}

.bar_img {
height: 25px;
/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/bar.png); */
background-image: url(/html/plugin/ReservationCalendar/assets/img/bar.png);
background-repeat: no-repeat;
background-position: center;
background-size: 10px;
}

#select-calendar {
margin: 15px auto;
height: 300px;
border: 1px solid;
}


/* 小ウィンドウ */

.calendar_td {
position: relative;
}

div[id^="calendar_min_window_"] {
/* セレクタ名の前方一致 */
position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: translate(0%, 100%);
z-index: 11;
background-color: #fff;
border: 2px solid #ff8ea2;
border-radius: 12pt;
padding: 6px;
}

div[id^="calendar_min_window_"] {
/* セレクタ名の前方一致 */
display: none;
}

p[id^="calendar_minmain_window_"] {
/* セレクタ名の前方一致 */
font-size: 30px;
}


/* スマートフォン */

@media (max-width:499px) {
.ec-ReservationCalendar#year-title {
		margin-bottom: 5px;
		margin-top: 5px;
}
.pn-button-area {
		width: auto;
}
.calendar_move_buttom_area {
		margin-bottom: 0px;
}
label.ec_calendar_button {
		padding: 5px 10px;
		margin-bottom: 15px;
		background-color: #f1f1f1;
		border: solid 1px #c5c5c5;
		font-size: 10px;
		color: #518dc1;
}
label.ec_calendar_button:hover {
		padding: 5px 10px;
		background-color: #dadada;
		border: solid 1px #c5c5c5;
		font-size: 10px;
		cursor: pointer;
}
.ec-ReservationCalendar {
		margin: 0 auto;
}
.ec-calendarTitle {
		width: auto;
		margin: 0 auto;
}
table {
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
}
.ec-calendar__table p {
		padding: 3px 2px;
		margin: 0px;
		font-weight: bold;
		font-size: 10px;
		width: auto;
}
.triangle_img {
		height: 18px;
		/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/sankaku.png); */
		background-image: url(/html/plugin/ReservationCalendar/assets/img/sankaku.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 21px;
}
.round_img {
		height: 18px;
		/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/maru.png); */
		background-image: url(/html/plugin/ReservationCalendar/assets/img/maru.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 21px;
}
.cross_img {
		height: 18px;
		/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/batsu.png); */
		background-image: url(/html/plugin/ReservationCalendar/assets/img/batsu.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 18px;
		background-color: #e2e2e2;
}
.bar_img {
		height: 18px;
		/* background-image: url(/kanban-ichiba-dev-www/html/plugin/ReservationCalendar/assets/img/bar.png); */
		background-image: url(/html/plugin/ReservationCalendar/assets/img/bar.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 15px;
}
.calendar_td {
		position: relative;
}
div[id^="calendar_min_window_"] {
		z-index: 2;
		font-size: 12px;
		line-height: 1.5;
		width: 100%;
		color: #030303;
		position: fixed;
		left: 0;
		bottom: 10px;
		background: rgba(255, 255, 255, 0.9);
		border: 2px solid #ff8ea2;
		border-radius: 12pt;
		padding: 6px 6px 19px 6px;
}
.ec-calendar__table p[id^="calendar_minmain_window_"] {
		/* セレクタ名の前方一致 */
		font-size: 19px;
}
p.sign-calendar-button_area_date_text {
		font-size: 15px;
}
.calendar_move_buttom_area {
		padding: 15px 0;
}
#select-calendar {
		margin-top: 20px;
}
div[id^="select_calendar_min_window_"] p {
		/* セレクタ名の前方一致 */
		padding: 0px 10px;
		font-size: 11px;
}
#select_show_day {
		margin: 15px auto;
		height: 150px;
		border: 2px solid #c3c3c3;
		border-radius: 15px;
		position: relative;
		padding: 0;
}
#select_show_day_list {
		width: 100%;
		min-height: 116px;
		max-height: 116px;
		display: inline-block;
		overflow: auto;
		margin: 15px 0px;
}