.row-head{
    display: flex;
    justify-content: space-between;
}
.font-bold{
    font-weight: bold;
}
.page_setup_item_space {
  line-height: 1.4;
}
table.style_none {
    background-color: transparent;
    color: #000000;
    border: 0px;
}
table.style_none tr {
    background-color: transparent;
    color: #000000;
    border: 0px;
}
table.style_none td {
    background-color: transparent;
    color: #000000;
    border: 0px;
}

#SPItemMark {
    display: none;
}
#SP_Right {
    text-align:right;
}
#SP_Sun {
    background-color: #FFD5D5;
}
#SP_Sat {
    background-color: #DDE7FF;
}
#table{
    width: 100%;
    border-collapse: collapse;
}

#table td,
#table th{
    padding: 5px;
    border: 1px solid #ccc;
}

#table th{
    font-weight: bold;
}

#table thead th{
    background:#e6e6e6;
}
#table_h_search td{
    border-top: solid 1px #629be5;
    border-bottom: solid 1px #629be5;
    background:#ffffff;
    line-height:2.5em;
}
#title02 {
    display: none;
}
.f_width {
    display: block;
}

@media only screen and (max-width:500px){
    .page_setup_width td {
        display: inline-block;
        float: left;
        text-align: left;
        width: 100%;
        margin-top: 0.5em;
    }
    .page_setup_width{
        display: block;
        width: 100%;
        border:none;
    }
}
@media only screen and (max-width:980px){
    #table_h td {
        display: inline-block;
        float: left;
        width: 100%;
    }
    #table {
        display: block;
        width: 100%;
    }
    #table * {
        display: inline-block;
        float: left;
        width: 100%;
    }
    .event_calendar .page_setup_table#table{
        border:none
    }
    #table * img {
        max-width: 300px;
    }
    #table thead {
        display: none;
    }
    #table tbody tr {
        margin-bottom: 1.5em;
    }
    #table tbody td#title02 {
        margin-bottom: 5px;
        padding-left: 0;
        padding-right: 0;
        background: #ffffff;
        border: none;
        border-top: solid 1px #cccccc;
    }
    #table tbody td {
        text-indent: 5px;
        padding: 0;
        padding-left: 30px;
        line-height:2.2em;
        border: none;
    }

    /*
    #table tbody td:nth-of-type(1):before { content:url(../nakama/img/ReportIcon.png); }
    #table tbody td:nth-of-type(1):before { content: "[イベント名]"; }
    #table tbody td:nth-of-type(2):before { content: "[場所]"; }
    #table tbody td:nth-of-type(3):before { content: "[時間]"; }
    #table tbody td:nth-of-type(3) { border-bottom: solid 1px #cccccc;}
    */

    #title01 {
        display: none;
    }
    #title02 {
        display: block;
        text-align:left;
    }
    #title03 {
        display: none;
    }
    #SPItemMark {
        display: block!important;
    }
    #SP_Right {
        text-align:left;
    }
    #SP_Sun {
        background-color: #ffffff!important;
    }
    #SP_Sat {
        background-color: #ffffff!important;
    }
    #table_h_search td{
        border-top: solid 1px #ffffff;
        border-bottom: solid 1px #ffffff;
        background:#dedede;
        line-height:2.5em;
    }
    .l1_menu_pad_lr{
        display:none;
    }
    .l2_menu_pad_lr{
        display:none;
    }
    .r1_menu_pad_lr{
        display:none;
    }
    .r2_menu_pad_lr{
        display:none;
    }
    .page_setup_width{
        max-width: 550px;
    }
    /*
          .page_setup_width {
            width: 500px;
          }
    */
    .f_width {
        display: none;
    }
    .h_width {
        max-width: 550px;
    }
    .row-head{
        flex-direction: column;
    }
}