@charset "UTF-8";
@import url("./common/reset.css");
@import url("./common/advanced.css");
@import url("./common/base.css");

/*------------------------------------------------------------
営業時間ご案内
-------------------------------------------------------------*/
.openhours{ margin: 0 auto; padding-top: 20px; text-align: center;}
.openhours .common_tit{ margin-bottom: 70px;}
.openhours .content_wrap{ background: url(../images_design/common/contents_bg1.jpg) center top no-repeat #fff; background-size: 100% auto; padding: 90px 0 70px;}

/* カレンダー
------------------------------------------------------------ */
.calendar_wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.calendar_wrap .calendar_item{ box-sizing: border-box; width: 690px;}
.calendar_wrap .calendar_item .tit{ font-size: 22px; text-align: center; background: #000; color: #fff; padding: 6px 0;}
.calendar_wrap .calendar_item .tit span{ font-weight: bold;}
.calendar_wrap .calendar_item .tit span:first-of-type{ padding-right: 4px;}
.calendar_wrap .calendar_item .tit span:last-of-type{ padding-left: 4px;}

.calendar_wrap .calendar_item dl{ box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; background: rgba(255,255,255,0.7);}
.calendar_wrap .calendar_item dl:last-of-type{ border-bottom: 1px solid #a9a9a9;}

.calendar_wrap .calendar_item dt{ box-sizing: border-box; width: 23%; text-align: center; font-size: 20px; font-weight: bold;}
.calendar_wrap .calendar_item .day_sat dt{ color: #6286d0;}
.calendar_wrap .calendar_item .day_sun dt{ color: #dc6e93;}

.calendar_wrap .calendar_item dd{ box-sizing: border-box; width: 77%; border-left: 1px solid #a9a9a9; padding: 6px 9px; text-align: left;}
.calendar_wrap .calendar_item dd .time{ font-size: 20px; font-weight: bold;}
.calendar_wrap .calendar_item dd .att{ font-size: 14px; line-height: 1.2;}