@charset "utf-8";
/*
Theme Name: iii-store
Theme URI: https://www.iii-store.com/
Description: ホワイトボード・黒板・展示パネルの販売・オーダーメイド | iii-Store
*/

/*-------------
calendar
-------------*/

/* iii-Store　営業カレンダー */
.iii-calendar {
    margin-top: 60px;
}

.calendar-first {
    float: left;
    margin-right: 20px;
}

.iii-calendar h2:before {
    font-family: Fontawesome;
    content: '\f073';
    padding-right: 10px;
    color: #c8c8c8;
}

.iii-calendar .calendar-box .calendar {
    float: left;
}

.iii-calendar .calendar-box .calendar p {
    text-align: center;
}

.iii-calendar .calendar-box .calendar {
    display: block;
    width: 260px;
    max-width: 100%;
    padding: 15px;
    border: 1px solid #dcdcdc;
}

.iii-calendar .calendar-box .calendar caption {
    margin-bottom: 15px;
}

.iii-calendar .calendar-box .calendar table {
    width: 100%;
    border-color: #fff;
}

.iii-calendar .calendar-box .calendar table th {
    border-color: #fff;
    color: #faa53c;
}

.iii-calendar .calendar-box .calendar table th:nth-last-child(7) {
    color: #e50012;
}

.iii-calendar .calendar-box .calendar table th:nth-last-child(1) {
    color: #557de6;
}

.iii-calendar .calendar-box .calendar table td {
    border-color: #fff;
    text-align: center;
    padding: 3px 0;
}

.iii-calendar .calendar-box .calendar table td#today {
    border-bottom: 4px solid #e50012;
}

.iii-calendar .calendar-box .calendar table td.other_day {
    border-bottom: 2px solid white;
}

.iii-calendar .calendar-box .calendar table tfoot td.pad {
    background: #fff;
}

.iii-calendar .calendar-text {
    display: block;
    padding-top: 50px;
    margin-left: 320px;
}

.iii-calendar .calendar-box .calendar-text .holiday {
    padding-bottom: 5px;
    border-bottom: 1px dotted #c8c8c8;
    margin-bottom: 10px;
}

.iii-calendar .calendar-box .calendar-text .holiday:before {
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background: #f5c8c8;
    float: left;
    margin-right: 5px;
}

.iii-calendar .calendar-box .calendar table td:nth-last-child(1) {
    background: #f5c8c8;
}

.iii-calendar .calendar-box .calendar table td:nth-last-child(7) {
    background: #f5c8c8;
}

.iii-calendar .calendar-box .calendar table td.holidays_color {
    background: #f5c8c8;
}

.iii-calendar .calendar-box .calendar table td.empty_day {
    background-color: white;
    border-bottom: 2px solid white;
}

.holidays_caption {
    color: #f5c8c8;
    font-size: 2em;
    position: relative;
    top: 5px;
}

.holiday_text {
    margin-top: 20px;
    margin-bottom: 5px;
}

#year {
    width: 615px;
    text-align: center;
    margin-top: 15px;
}

#under_border {
    width: 615px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
}

.iii-calendar .calendar-box .calendar table td.today {
    border-bottom: 2px solid #e50012;
}

.ranking_td {
    width: 152px;
}

.ranking_td_text {
    padding-top: 5px;
    vertical-align: text-top;
}

.ranking_number {
    width: 165px
}

#ranking_numbers_1 {
    position: relative;
    font-weight: bold;
    color: white;
    background-color: #ffc85a;
    top: 29px;
    left: 1px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

#ranking_numbers_2 {
    position: relative;
    font-weight: bold;
    color: white;
    background-color: #6e8296;
    top: 29px;
    left: 1px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

#ranking_numbers_3 {
    position: relative;
    font-weight: bold;
    color: white;
    background-color: #8c642d;
    top: 29px;
    left: 1px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

#ranking_numbers_4 {
    position: relative;
    font-weight: bold;
    color: white;
    background-color: #b3b3b3;
    top: 29px;
    left: 1px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

#ranking_numbers_5 {
    position: relative;
    font-weight: bold;
    color: white;
    background-color: #b3b3b3;
    top: 29px;
    left: 1px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

#ranking_th {
    text-align: left
}

#i-title_ranking {
    position: relative;
    top: 15px;
}