@charset "UTF-8";
.calendar #main {
    float: none;
    width: 100%;
    background: #fff;
}

.calendar .calendar-area {
    width: 100%;
    padding: 14px 0 10px;
}

@media screen and (max-width: 989px) {
    .calendar .calendar-area {
        padding: 14px 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar-area {
        padding: 14px 0 20px;
    }
}

.calendar .txt {
    padding: 40px 0 15px;
}

.calendar .txt ul li {
    float: left;
    width: 25%;
    margin-bottom: 14px;
}

.calendar .txt ul li {
    font-size: 14px;
    padding: 3px 0 5px 34px;
}

.calendar .txt ul li.ic001 {
    background: url("../../image/calendar-ic001.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic002 {
    background: url("../../image/calendar-ic002.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic003 {
    background: url("../../image/calendar-ic003.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic004 {
    background: url("../../image/calendar-ic004.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic005 {
    background: url("../../image/calendar-ic005.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic006 {
    background: url("../../image/calendar-ic006.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic007 {
    background: url("../../image/calendar-ic007.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic008 {
    background: url("../../image/calendar-ic008.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic009 {
    background: url("../../image/calendar-ic009.gif") no-repeat left top 3px;
}

.calendar .txt ul li.ic010 {
    background: url("../../image/calendar-ic010.gif") no-repeat left top 3px;
}

@media screen and (max-width: 989px) {
    .calendar .txt {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .calendar #main {
        padding: 0;
    }
}

.calendar .calendar-area .title {
    width: 100%;
    display: table;
    margin-bottom: 32px;
}

.calendar .calendar-area .title p {
    display: table-cell;
    width: 90px;
}

.calendar .calendar-area .title p img {
    width: 90px;
}

.calendar .calendar-area .title h2 {
    display: table-cell;
    text-align: center;
    font-size: 175%;
    font-weight: 700;
    vertical-align: middle;
}

.calendar .calendar-area .btn {
    display: none;
}

.calendar .calendar-area .week-pc {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.calendar .calendar-area .week-tab-sp {
    display: none;
}

.calendar .calendar-area .week-pc li {
    float: left;
    display: table-cell;
    width: 14%;
    vertical-align: middle;
    padding: 6px 0;
    text-align: center;
    border-left: 1px solid #111;
    font-size: 18px;
    font-weight: 500;
}

.calendar .calendar-area .week-pc li.w001 {
    width: 15%;
}

.calendar .calendar-area .week-pc li.w006 {
    color: #1800ff;
}

.calendar .calendar-area .week-pc li.w007 {
    width: 15%;
    color: #df1c1c;
    border-right: 1px solid #111;
}

@media screen and (max-width: 989px) {
    /*曜日*/
    .calendar .calendar-area .week-pc {
        display: none;
    }
    .calendar .calendar-area .week-tab-sp {
        width: 100%;
        display: table;
        margin-bottom: 3px;
    }
    .calendar .calendar-area .week-tab-sp li {
        display: table-cell;
        vertical-align: m iddle;
        padding: 2px 0;
        text-align: center;
        border-right: 2px solid #f2f7fe;
        background-color: #d5d5d5;
    }
    .calendar .calendar-area .week-tab-sp li.w001 {
        width: 10%;
    }
    .calendar .calendar-area .week-tab-sp li.w002 {
        width: 10%;
    }
    .calendar .calendar-area .week-tab-sp li.w003 {
        width: 80%;
        border-right: none;
    }
}

@media screen and (max-width: 767px) {
    /*title*/
    .calendar .calendar-area .title p {
        width: 60px;
    }
    .calendar .calendar-area .title p img {
        width: 60px;
    }
    .calendar .calendar-area .title h2 {
        display: table-cell;
        text-align: center;
        font-size: 114%;
        font-weight: normal;
        vertical-align: middle;
    }
    /*btn*/
    .calendar .calendar-area .btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .calendar .calendar-area .btn p {
        float: left;
    }
    .calendar .calendar-area .btn p:last-child {
        float: right;
    }
    .calendar .calendar-area .btn p img {
        width: 60px;
    }
    /*曜日*/
    .calendar .calendar-area .week-tab-sp li {
        font-size: 85%;
    }
    .calendar .calendar-area .week-tab-sp li.w001 {
        width: 15%;
    }
    .calendar .calendar-area .week-tab-sp li.w002 {
        width: 15%;
    }
    .calendar .calendar-area .week-tab-sp li.w003 {
        width: 70%;
        border-right: none;
    }
}

.calendar .data-area {
    width: 100%;
}

.calendar .data-area .date-box {
    position: relative;
    width: 14%;
    min-height: 81px;
    float: left;
    padding: 10px;
    background-color: #fff;
    border-left: 1px solid #111;
    border-bottom: 1px solid #111;
}

/*背景色*/
.calendar .data-area .bg005,
.calendar .data-area .bg005 .day-week {
    background-color: #e6e0ec !important;
}

.calendar .data-area .bg004,
.calendar .data-area .bg004 .day-week {
    background-color: #fdeada !important;
}

.calendar .data-area .bg003,
.calendar .data-area .bg003 .day-week {
    background-color: #f2dcdb !important;
}

.calendar .data-area .bg002,
.calendar .data-area .bg002 .day-week {
    background-color: #dbeef4 !important;
}

.calendar .data-area .bg001,
.calendar .data-area .bg001 .day-week {
    background-color: #ebf1de !important;
}

.calendar .data-area .date-box:nth-child(1),
.calendar .data-area .date-box:nth-child(8),
.calendar .data-area .date-box:nth-child(15),
.calendar .data-area .date-box:nth-child(22),
.calendar .data-area .date-box:nth-child(29),
.calendar .data-area .date-box:nth-child(36) {
    width: 15%;
}

.calendar .data-area .date-box:nth-child(7),
.calendar .data-area .date-box:nth-child(14),
.calendar .data-area .date-box:nth-child(21),
.calendar .data-area .date-box:nth-child(28),
.calendar .data-area .date-box:nth-child(35),
.calendar .data-area .date-box:nth-child(42) {
    width: 15%;
    border-right: 1px solid #111;
}

.calendar .data-area .date-box:nth-child(-n + 7) {
    border-top: 1px solid #111;
}

.calendar .data-area .date-box .day-date {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.calendar .data-area .sun .day-date {
    color: #f33;
}

.calendar .data-area .date-box .day-date span {
    display: none;
}

.calendar .data-area .date-box .day-week {
    display: none;
}

.calendar .data-area .date-box .day-sbox {
    font-size: 75%;
}

.calendar .data-area .date-box .event-box {
    font-size: 77%;
    margin-bottom: 10px;
}

.calendar .data-area .date-box ul.day {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.calendar .data-area .date-box ul li {
    display: table-cell;
    text-align: left;
}

.calendar .data-area .date-box ul li a {
    display: block;
}

.calendar .data-area .date-box ul li.d001 {
    width: 25px;
}

.calendar .data-area .date-box ul li.d001 img {
    width: 25px;
    height: 20px;
    padding-right: 5px;
    margin: 0;
}

.calendar .data-area .date-box ul li.d002 {
    vertical-align: middle;
}

@media screen and (max-width: 989px) {
    /*****日*****/
    .calendar .data-area {
        width: 100%;
        border-top: 1px solid #111;
    }
    .calendar .data-area .date-box {
        width: 100%;
        display: table;
        float: none;
        padding: 0;
        background-color: #fff;
        border-right: 0;
    }
    .calendar .data-area .date-box:nth-child(1),
    .calendar .data-area .date-box:nth-child(8),
    .calendar .data-area .date-box:nth-child(15),
    .calendar .data-area .date-box:nth-child(22),
    .calendar .data-area .date-box:nth-child(29),
    .calendar .data-area .date-box:nth-child(36) {
        width: 100%;
    }
    .calendar .data-area .date-box:nth-child(7),
    .calendar .data-area .date-box:nth-child(14),
    .calendar .data-area .date-box:nth-child(21),
    .calendar .data-area .date-box:nth-child(28),
    .calendar .data-area .date-box:nth-child(35),
    .calendar .data-area .date-box:nth-child(42) {
        width: 100%;
        border-right: none;
    }
    .calendar .data-area .date-box:nth-child(-n + 7) {
        border-top: none;
    }
    /*日付*/
    .calendar .data-area .date-box .day-date {
        display: table-cell;
        vertical-align: middle;
        width: 10%;
        padding: 10px 0;
        text-align: center;
        border-right: 1px solid #111;
    }
    .calendar .data-area .date-box .day-date span {
        display: inline-block;
    }
    /*曜日*/
    .calendar .data-area .date-box .day-week {
        display: table-cell;
        vertical-align: middle;
        width: 10%;
        text-align: center;
        border-right: 1px solid #111;
    }
    .calendar .data-area .sat .day-week {
        color: #1800ff;
    }
    .calendar .data-area .sun .day-week {
        color: #df1c1c;
    }
    /*内容*/
    .calendar .data-area .d-none {
        display: none;
    }
    .calendar .data-area .date-box .day-box {
        display: table-cell;
        width: 80%;
        font-size: 100%;
        padding: 5px 5px 5px 5px;
        border-right: 1px solid #111;
    }
    .calendar .data-area .date-box .day-sbox {
        display: block;
        width: 100%;
        font-size: 100%;
        padding: 10px 5px 5px 5px;
    }
    .calendar .data-area .date-box ul.day {
        display: table;
        width: 100%;
        margin-bottom: 5px;
    }
    .calendar .data-area .date-box ul li {
        display: table-cell;
        text-align: left;
    }
    .calendar .data-area .date-box ul li a {
        display: block;
    }
    .calendar .data-area .date-box ul li.d001 {
        display: none;
    }
    .calendar .data-area .date-box ul li.d002 {
        vertical-align: middle;
        padding-left: 105px;
    }
    /*icon*/
    .calendar .data-area .date-box ul.ic001 li.d002 {
        background: url("../../image/calendar-ic001-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic002 li.d002 {
        background: url("../../image/calendar-ic002-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic003 li.d002 {
        background: url("../../image/calendar-ic003-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic004 li.d002 {
        background: url("../../image/calendar-ic004-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic005 li.d002 {
        background: url("../../image/calendar-ic005-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic006 li.d002 {
        background: url("../../image/calendar-ic006-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic007 li.d002 {
        background: url("../../image/calendar-ic007-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic008 li.d002 {
        background: url("../../image/calendar-ic008-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic009 li.d002 {
        background: url("../../image/calendar-ic009-tab.gif") no-repeat 0 3px;
    }
    .calendar .data-area .date-box ul.ic010 li.d002 {
        background: url("../../image/calendar-ic010-tab.gif") no-repeat 0 3px;
    }
}

@media screen and (max-width: 767px) {
    /*****日*****/
    .calendar .data-area .date-box {
        border-bottom: 1 px solid #d6d5e5;
    }
    /*日付*/
    .calendar .data-area .date-box .day-date {
        width: 15%;
    }
    /*曜日*/
    .calendar .data-area .date-box .day-week {
        width: 15%;
    }
    /*内容*/
    .calendar .data-area .date-box .day-sbox {
        font-size: 85%;
    }
    .calendar .data-area .date-box ul li.d002 {
        vertical-align: middle;
        padding-left: 25px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    /*icon*/
    .calendar .data-area .date-box ul.ic001 li.d002 {
        background: url("../../image/calendar-ic001.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic002 li.d002 {
        background: url("../../image/calendar-ic002.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic003 li.d002 {
        background: url("../../image/calendar-ic003.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic004 li.d002 {
        background: url("../../image/calendar-ic004.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic005 li.d002 {
        background: url("../../image/calendar-ic005.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic006 li.d002 {
        background: url("../../image/calendar-ic006.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic007 li.d002 {
        background: url("../../image/calendar-ic007.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic008 li.d002 {
        background: url("../../image/calendar-ic008.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic009 li.d002 {
        background: url("../../image/calendar-ic009.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
    .calendar .data-area .date-box ul.ic010 li.d002 {
        background: url("../../image/calendar-ic010.gif") no-repeat 0 4px;
        background-size: 20px 20px;
    }
}

.calendar .event-box {
    width: 100%;
    display: table;
}

.calendar .event-box-in {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
    background: url("../../image/calendar-li001.gif") repeat-x left bottom;
    padding: 5px 5px 0 5px;
    color: #333;
}

.calendar .event-box-in ul li {
    width: 100%;
    line-height: 1.3;
    margin-bottom: 10px;
    display: block !important;
}

.calendar .event-box-in ul li.red {
    color: #f33;
}

@media screen and (max-width: 989px) {
    .calendar .event-box-in {
        padding: 10px 5px 0 5px;
    }
    .calendar .event-box-in ul li {
        font-size: 107%;
    }
}

#body-in.calendar .bottomlink-area .bottomlink-area-in {
    display: block;
    margin: 0 auto;
}

#body-in.calendar .bottomlink-area .bottomlink {
    width: 1120px;
    margin: 0 auto;
}

@media screen and (max-width: 989px) {
    .calendar .data-area .date-box .event-box {
        display: none;
    }
}