@charset 'UTF-8';


/*=====<=====<=====<=====<=====<=====<=====
  pc
=====>=====>=====>=====>=====>=====>=====*/
#event .c_border_box
{
    padding: 30px 25px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box
    {
        padding: 15px 0;
    }
}

#event .c_border_box .event_header .event_month,
#event .c_border_box .event_footer .event_month
{
    position: relative;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_header .event_month,
    #event .c_border_box .event_footer .event_month
    {
        width: 100%;
    }
}

#event .c_border_box .event_header .event_month .arrow,
#event .c_border_box .event_footer .event_month .arrow
{
    font-size: 14px;

    position: absolute;
    top: 50%;

    display: -webkit-flex;
    display:     -ms-flex;
    display:         flex;

    width: 20px;
    height: 20px;

    transform: translateY(-50%); 

    border: 1px solid #3e3e3e;
    border-radius: 5px;

    justify-content: center;
    align-items: center;
}

html[c-data-font-size='normal'] #event .c_border_box .event_header .event_month .arrow,
html[c-data-font-size='normal'] #event .c_border_box .event_footer .event_month .arrow
{
    font-size: 16px;
}

html[c-data-font-size='large'] #event .c_border_box .event_header .event_month .arrow,
html[c-data-font-size='large'] #event .c_border_box .event_footer .event_month .arrow
{
    font-size: 18px;
}

#event .c_border_box .event_header .event_month .arrow.prev,
#event .c_border_box .event_footer .event_month .arrow.prev
{
    left: 0;
}

#event .c_border_box .event_header .event_month .arrow.next,
#event .c_border_box .event_footer .event_month .arrow.next
{
    right: 0;
}

#event .c_border_box .event_header .event_month .arrow.none,
#event .c_border_box .event_footer .event_month .arrow.none
{
    display: none;
}

#event .c_border_box .event_header .event_month h2,
#event .c_border_box .event_footer .event_month h2
{
    font-size: 24px;

    padding: 0 1.8em;
}

html[c-data-font-size='normal'] #event .c_border_box .event_header .event_month h2,
html[c-data-font-size='normal'] #event .c_border_box .event_footer .event_month h2
{
    font-size: 26px;
}

html[c-data-font-size='large'] #event .c_border_box .event_header .event_month h2,
html[c-data-font-size='large'] #event .c_border_box .event_footer .event_month h2
{
    font-size: 28px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_header .event_month h2,
    #event .c_border_box .event_footer .event_month h2
    {
        padding: 0;
    }
}

#event .c_border_box .event_header
{
    margin-bottom: 35px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_header
    {
        margin-bottom: 25px;
    }
}

#event .c_border_box .event_header .event_search
{
    overflow: hidden;

    width: 270px;
    padding: 5px 10px; 

    border: 1px solid #3e3e3e;
    border-radius: 5px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_header .event_search
    {
        width: 100%; 
        margin-top: 10px;
    }
}

#event .c_border_box .event_header .event_search #testSearch
{
    display: -webkit-flex;
    display:     -ms-flex;
    display:         flex;

    justify-content: space-between;
    align-items: center;
}

#event .c_border_box .event_header .event_search #testSearch input,
#event .c_border_box .event_header .event_search #testSearch button
{
    padding: 0; 

    border: none;
    background: transparent;
    box-shadow: none;
}

#event .c_border_box .event_header .event_search #testSearch #search_input
{
    flex-grow: 1;
}

#event .c_border_box .event_header .event_search #testSearch #event_search_btn
{
    display: -webkit-flex;
    display:     -ms-flex;
    display:         flex;
}

#event .c_border_box .event_header .event_search #testSearch #event_search_btn svg
{
    width: 18px;
    height: 18px;
}

#event .c_border_box .event_footer
{
    margin-top: 35px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_footer
    {
        margin-top: 25px;
    }
}

#event .c_border_box .event_content table
{
    table-layout: fixed;
}

#event .c_border_box .event_content table thead tr th
{
    padding: 10px 0;

    text-align: center; 

    color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #3e3e3e;
}

#event .c_border_box .event_content table thead tr th.holiday
{
    background: #ea0611;
}

#event .c_border_box .event_content table thead tr th.saturday
{
    background: #0b1ed3;
}

#event .c_border_box .event_content table tbody tr td
{
    min-height: 161px; 
    padding: 15px 0;

    border-right: 1px solid #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
    border-left: 1px solid #3e3e3e;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_content table tbody tr td
    {
        min-height: 0; 
        padding: 0;
    }
}

#event .c_border_box .event_content table tbody tr td header h2
{
    font-size: 16px;
    font-weight: bold;

    text-align: center;
}

html[c-data-font-size='normal'] #event .c_border_box .event_content table tbody tr td header h2
{
    font-size: 18px;
}

html[c-data-font-size='large'] #event .c_border_box .event_content table tbody tr td header h2
{
    font-size: 20px;
}

#event .c_border_box .event_content table tbody tr td.holiday header h2
{
    color: #ea0611;
}

#event .c_border_box .event_content table tbody tr td.saturday header h2
{
    color: #0b1ed3;
}

#event .c_border_box .event_content table tbody tr td .calendar_cell a[style]
{
    margin-right: 10px;
    margin-left: 10px;

    border-radius: 4px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_content table tbody tr td .calendar_cell + .calendar_cell
    {
        border-top: 1px dotted #3e3e3e;
    }
    #event .c_border_box .event_content table tbody tr td .calendar_cell a[style]
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

#event .c_border_box .event_content table tbody tr td a
{
    display: block;

    margin-top: 10px;
    padding: 0 10px; 

    text-decoration: underline;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_content table tbody tr td a
    {
        font-size: 10px;
        font-size: 13px; 

        margin-top: 0;
        padding: 5px;
    }
    html[c-data-font-size='normal'] #event .c_border_box .event_content table tbody tr td a
    {
        font-size: 15px;
    }
    html[c-data-font-size='large'] #event .c_border_box .event_content table tbody tr td a
    {
        font-size: 17px;
    }
}

#event .c_border_box .event_content table tbody tr td .calendar_btn
{
    margin-top: 10px;
    padding: 0 10px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_content table tbody tr td .calendar_btn
    {
        margin-top: 5px;
        margin-bottom: 10px;
    }
}

#event .c_border_box .event_content table tbody tr td .calendar_btn .c_btn_next
{
    font-size: 14px;

    display: -webkit-flex;
    display:     -ms-flex;
    display:         flex;

    padding: 5px 10px;

    text-decoration: none;
}

html[c-data-font-size='normal'] #event .c_border_box .event_content table tbody tr td .calendar_btn .c_btn_next
{
    font-size: 16px;
}

html[c-data-font-size='large'] #event .c_border_box .event_content table tbody tr td .calendar_btn .c_btn_next
{
    font-size: 18px;
}

#event .c_border_box .event_content table tbody tr td .calendar_btn .c_btn_next::after
{
    border-top-width: 2px;
    border-right-width: 2px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_content table,
    #event .c_border_box .event_content tbody,
    #event .c_border_box .event_content tr,
    #event .c_border_box .event_content td,
    #event .c_border_box .event_content th
    {
        display: block;
    }
    #event .c_border_box .event_content thead
    {
        display: none;
    }
    #event .c_border_box .event_content table tbody
    {
        border-top: 1px solid #3e3e3e;
    }
    #event .c_border_box .event_content table tbody tr:last-of-type td:nth-of-type(7n+1)::before
    {
        content: '日';

        color: #fff; 
        border-right: 1px solid #ea0611;
        background: #ea0611;
    }
    #event .c_border_box .event_content table tbody tr:last-of-type td:nth-of-type(7n+2)::before
    {
        content: '月';
    }
    #event .c_border_box .event_content table tbody tr:last-of-type td:nth-of-type(7n+3)::before
    {
        content: '火';
    }
    #event .c_border_box .event_content table tbody tr:last-of-type td:nth-of-type(7n+4)::before
    {
        content: '水';
    }
    #event .c_border_box .event_content table tbody tr:last-of-type td:nth-of-type(7n+5)::before
    {
        content: '木';
    }
    #event .c_border_box .event_content table tbody tr:last-of-type td:nth-of-type(7n+6)::before
    {
        content: '金';
    }
    #event .c_border_box .event_content table tbody tr:last-of-type td:nth-of-type(7n+7)::before
    {
        content: '土';

        color: #fff; 
        border-right: 1px solid #0b1ed3;
        background: #0b1ed3;
    }
    #event .c_border_box .event_content table tbody tr td
    {
        display: -webkit-flex;
        display:     -ms-flex;
        display:         flex;

        justify-content: flex-start;
        align-items: stretch;
    }
    #event .c_border_box .event_content table tbody tr td:empty
    {
        display: none;
    }
    #event .c_border_box .event_content table tbody tr td::before
    {
        border-right: 1px solid #3e3e3e;
    }
    #event .c_border_box .event_content table tbody tr td:nth-last-of-type(7n+1)::before
    {
        content: '土';

        color: #fff; 
        border-right: 1px solid #0b1ed3;
        background: #0b1ed3;
    }
    #event .c_border_box .event_content table tbody tr td:nth-last-of-type(7n+2)::before
    {
        content: '金';
    }
    #event .c_border_box .event_content table tbody tr td:nth-last-of-type(7n+3)::before
    {
        content: '木';
    }
    #event .c_border_box .event_content table tbody tr td:nth-last-of-type(7n+4)::before
    {
        content: '水';
    }
    #event .c_border_box .event_content table tbody tr td:nth-last-of-type(7n+5)::before
    {
        content: '火';
    }
    #event .c_border_box .event_content table tbody tr td:nth-last-of-type(7n+6)::before
    {
        content: '月';
    }
    #event .c_border_box .event_content table tbody tr td:nth-last-of-type(7n+7)::before
    {
        content: '日';

        color: #fff; 
        border-right: 1px solid #ea0611;
        background: #ea0611;
    }
    #event .c_border_box .event_content table tbody tr td header h2,
    #event .c_border_box .event_content table tbody tr td::before
    {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.3;

        min-width: 2em;
        padding: 5px;

        text-align: center;
    }
    html[c-data-font-size='normal'] #event .c_border_box .event_content table tbody tr td header h2,
    html[c-data-font-size='normal'] #event .c_border_box .event_content table tbody tr td::before
    {
        font-size: 18px;
    }
    html[c-data-font-size='large'] #event .c_border_box .event_content table tbody tr td header h2,
    html[c-data-font-size='large'] #event .c_border_box .event_content table tbody tr td::before
    {
        font-size: 20px;
    }
    #event .c_border_box .event_content table tbody tr td header
    {
        border-right: 1px solid #3e3e3e;
    }
    #event .c_border_box .event_content table tbody tr td div
    {
        flex-grow: 1;
    }
}

#event .c_border_box .event_list .event_item + .event_item
{
    border-top: 2px dotted #b3b3b3;
}

#event .c_border_box .event_list .event_item:last-of-type
{
    border-bottom: 2px dotted #b3b3b3;
}

#event .c_border_box .event_list .event_item a
{
    padding: 1em 0; 

    justify-content: flex-start;
}

#event .c_border_box .event_list .event_item a p
{
    font-size: 16px;

    width: 340px; 

    color: #717171;
}

html[c-data-font-size='normal'] #event .c_border_box .event_list .event_item a p
{
    font-size: 18px;
}

html[c-data-font-size='large'] #event .c_border_box .event_list .event_item a p
{
    font-size: 20px;
}

@media screen and (max-width: 1024px)
{
    #event .c_border_box .event_list .event_item a p
    {
        width: 100%;
        padding-bottom: .5em;
    }
}

#event .c_border_box .event_list .event_item a header h2
{
    font-size: 16px; 
    line-height: 1.5;

    text-align: left;
}

html[c-data-font-size='normal'] #event .c_border_box .event_list .event_item a header h2
{
    font-size: 18px;
}

html[c-data-font-size='large'] #event .c_border_box .event_list .event_item a header h2
{
    font-size: 20px;
}

#event .c_border_box .c_btn_next
{
    margin-top: 3em;
}