@media (max-width: 1140px){
  body {
    display: block;
    margin: 8px;
  }
  .page-header_pageTitle, h1.page-header_pageTitle:first-child {
    padding-left: 15px;
  }
}
/*event list other*/
@media (max-width: 1024px){
  .container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  table.h_width {
    width: 100%;
  }
  .ul-select-search li {
    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .left-content, .right-sidebar{
    max-width: 100%;
  }
  .ul-common li {
    font-size: 14px;
  }
}


@media (max-width: 425px){
  .top-header .center-logo img {
    max-width: 260px;
  }
}
/*end event list other*/

@media (max-width: 768px) and (min-width: 470px){
  input[type="text"][name="search_select"] {
    width: 40%;
  }
}
@media (max-width: 470px){
  input[type="text"][name="search_select"] {
    width: 150px;
  }
  .block-sm {
    display: block;
    margin-top: 10px;
  }
}
@media (max-width: 768px){
  .iframe-upload table{
    width: 100%;
  }
  .img_loading {
    left: 0;
    margin: 0 20%;
    position: relative;
    padding: 10px 30px;
  }
  .main-table-scroll {
    position: relative;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .add_user_name_logined {
    font-size: 12px;
    right: 5px !important;
    background: white;
    top: 10px !important;
    text-align: right !important;
  }
  img.event_detail_img {
    max-width: 25%;
  }
  img {
    max-width: 100%;
  }
  .event_list table#list td {
    word-break: keep-all;
  }
  .event_list table#list td#EVE_EVT_NM a {
    word-break: keep-all;
  }
  .event_answer #table tbody td.btn {
    text-indent: 0;
  }
  table.h_width img{
    max-width: 280px;
  }
  .text-note{
    text-align: left;
  }
  .text-note font{
    margin-bottom: 10px;
  }
  .table-spon-fix td, .table-spon-fix li{
    display: block;
    text-align: left;
  }
  .table-list-fix .first{
    width: 35px;
  }
  .table-list-fix .second{
    width: 35px;
  }
  .table-list-fix .third{
    width: 85px;
  }

  .ul-select-search li {
    margin: 10px 0;
  }
  .w-main-pos a{
    display: block;
  }
  .w-main-pos .dl-common{
    width: 100%;
  }
  .text-note{
    text-align: left;
  }
  .txt-event-list li{
    text-align: left;
    width: 100%;
  }
  .txt-event-list li span{
    margin: 0 5px 0 0;
  }
  .btn_close{
    float: right;
    margin-bottom: 10px;
  }
  .top-close span {
    float: left;
    margin-right: 0px;
  }
  ul.list_event_pagination li .none-view {
    display: block;
  }
  ul.list_event_pagination li span {
    display: none;
  }
  ul.list_event_pagination li img {
    width: 9px;
    height: 11px;
    position: relative;
    top: 1px;
  }
  .RegEventItem {
    width: 100% !important;
  }
  .RegEventValue {
    width: 100% !important;
  }
}
@media (max-width: 375px){
  body.event_list input[type="text"][name="search_select"] {
    width: 125px;
  }
}
@media (max-width: 320px){
  input[type="text"][name="search_select"] {
    width: 135px;
  }
  .event_calendar input[type="text"][name="search_select"] {
    width: 125px;
  }
}
/*end event list*/
/*event list card*/
@media (max-width: 768px) and (min-width: 425px){
  body.event_list_card table {
    width: 100%;
  }
}
@media (max-width: 425px){
  body.event_list_card .mb-50 {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0;
  }
}
@media only screen and (max-width:375px){
  .event_list_card .select-common{
    padding: 0 4px;
  }
}
@media only screen and (max-width:320px){
  .txt-event-list li span {
    display: block;
  }
  .event_list_card .ul-select-search li select.select_category {
    margin-left: 0;
  }
  .event_list_card .ul-select-search li{
    margin: 5px 0;
  }
}
/*endevent list card*/
/*apply*/
@media only screen and (max-width:768px){
  .event_apply input[type="text"], textarea {
    padding: 4px 0;
    box-sizing: border-box;
    width: 100%;
  }
  .event_apply #table {
    display: block;
  }
  .event_apply #table tbody, #table tr {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .event_apply #table td {
    display: block;
  }
  .event_apply #table .name_class {
    width: 48%;
  }
  .event_apply #table .tel_class {
    width: 31%;
  }

  .event_apply #table * img {
    max-width: 300px;
  }
  .event_apply #table thead {
    display: none;
  }
  .event_apply #table tbody tr {
    margin-bottom: 10px;
  }
  .event_apply #table tbody th {
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    color: #000;
    background: #e6e6e6;
    border: none;
  }
  .event_apply #table tbody td {
    text-indent: 5px;
    padding: 0;
    border: none;
  }
  .event_apply #title01 {
    display: none;
  }
  .event_apply #title02 {
    display: block;
  }
  .event_apply #title03 {
    display: none;
  }
  .event_apply .RegEventItem {
    background: #e6e6e6;
    font-size:14px;
  }
  .event_apply .RegValue_ans {
    font-size:3.5vw;
  }
  .event_apply select {
    font-size:3.0vw;
  }
  .event_apply .base_button{
    font-size:3.0vw;
    width: 100%;
  }
  .event_apply .l1_menu_pad_lr{
    display:none;
  }
  .event_apply .l2_menu_pad_lr{
    display:none;
  }
  .event_apply .r1_menu_pad_lr{
    display:none;
  }
  .event_apply .r2_menu_pad_lr{
    display:none;
  }
  .event_apply .f_width {
    display: none;
  }
  .event_apply .h_width {
    width: 500px;
  }
  .event_apply #table > tbody > tr > td {
    padding: 5px 0 !important;
  }
  .event_apply #table2 > tbody > tr > td {
    padding: 5px 0 !important;
    text-indent: 5px;
    border: none;
    display: block;
  }
  .event_apply #table2 > tbody > tr > td span{
    width: unset;
    float: none!important;
  }
  .event_apply .eventBtn {
    width: unset!important;
  }
  .event_apply #table .RegEventItem{
    width: auto;
  }
  .event_apply #table .RegEventValue input[type="text"]{
    width: 100%;
    float: left;
  }

}
/*end apply*/
/*event answer*/
@media only screen and (max-width:768px){
  .event_answer input[type="text"], textarea {
    padding-left: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
  }
  .event_answer #table tbody, #table tr{
    display: inline-block;
    display: block;
    width: 100%;
  }
  .event_answer #table input[type="text"] {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .event_answer #table .name_class {
    width: 48%;
  }
  .event_answer #table .tel_class {
    width: 31%;
  }
  .event_answer #table * img {
    max-width: 50px;
  }
  .event_answer #table thead {
    display: none;
  }
  .event_answer #table tbody tr {
    margin-bottom: 12px;
  }
  .event_answer #table tbody th {
    margin-bottom: 5px;
    color: #000;
    background: #e6e6e6;
    border: none;
  }
  .event_answer #table tbody td {
    /* text-indent: 5px; */
    border: none;
    display: block;
  }
  .RegEventValue input.tel_class {
    margin-bottom: 10px;
  }
  .event_answer #title01 {
    display: none;
  }
  .event_answer #title02 {
    display: block;
  }
  .event_answer #title03 {
    display: none;
  }
  .event_answer .RegEventItem {
    width: 100% !important;
    display: block !important;
    background: #e6e6e6;
    padding: 10px 0;
    font-size: 15px;
  }
  .event_answer .RegEventValue {
    width: 100% !important;
    display: block !important;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 0 !important;
  }
  .event_answer .RegEventItem2 {
    width: 100% !important;
    display: block !important;
    background: #e6e6e6;
    padding: 10px 0;
    font-size: 15px;
  }
  .event_answer .RegEventValue2 {
    width: 100% !important;
    display: block !important;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 0 !important;
  }
  .event_answer .RegValue_ans {
    font-size:3.5vw;
  }
  .event_answer select {
    font-size:3.0vw;
  }
  .event_answer .base_button{
    font-size:3.0vw;
    width: 100%;
  }
  .event_answer .l1_menu_pad_lr{
    display:none;
  }
  .event_answer .l2_menu_pad_lr{
    display:none;
  }
  .event_answer .r1_menu_pad_lr{
    display:none;
  }
  .event_answer .r2_menu_pad_lr{
    display:none;
  }
  .event_answer .f_width {
    display: none;
  }
  .event_answer .h_width {
    width: 500px;
  }
  .event_answer #table > tbody > tr > td{
    padding: 5px 0 !important;
  }

}

/*end event answer*/
/*event calendar*/
.event_calendar .page_setup_table {
  width: 100%!important;
  table-layout: auto;
  empty-cells: show;
  border: #DCDCDC 1px solid;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
@media (max-width: 768px){
  .event_calendar table {
    width: 100%!important;
  }
  .event_calendar table.h_width img{
    max-width: 280px;
  }
  .event_calendar .text-note{
    text-align: left;
  }
  .event_calendar .text-note font{
    margin-bottom: 10px;
  }
  .event_calendar .table-spon-fix td{
    display: block;
  }
  .event_calendar .table-list-fix .first{
    width: 35px;
  }
  .event_calendar .table-list-fix .second{
    width: 35px;
  }
  .event_calendar .table-list-fix .third{
    width: 85px;
  }
}
@media (max-width: 425px){
  .event_calendar td.prev_next_btn {
    font-size: 12px;
    text-align: left;
  }
}

/*end event calendar*/
/*event calendar list*/
@media only screen and (max-width:768px){
  .event_calendar_list .text-note{
    text-align: left;
  }
  .event_calendar_list .text-note font{
    margin-bottom: 10px;
  }
  .event_calendar_list .table-spon-fix td{
    display: block;
  }
  .event_calendar_list .table-list-fix .first{
    width: 35px;
  }
  .event_calendar_list .table-list-fix .second{
    width: 35px;
  }
  .event_calendar_list .table-list-fix .third{
    width: 85px;
  }
  .event_calendar_list .ListCategory {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    border: #DCDCDC 1px solid;
    width: 100%;
    /*display: block;*/
    overflow-x: auto;
    white-space: nowrap;
  }
  .event_calendar_list .ListCategory td:first-child {
    position: sticky;
    left: 0px;
    background: #fff;
    background-clip: padding-box;
    width: 50px;
  }
  .event_calendar_list .ListCategory td.first:first-child {
    background: #E6E6E6;
  }
  .event_calendar_list .ListCategory td.second{
    padding: 0 10px;
  }
}
@media (max-width: 556px){
  .event_calendar_list .ListCategory {
    display: block;
  }
}
@media only screen and (max-width: 425px){
  .event_calendar_list .search_select{
    width: 130px;
  }
}
@media only screen and (max-width: 320px){
  .event_calendar_list .search_select{
    width: 130px;
  }
}
/*end event calendar list*/
/*event detail*/
.event_detail td a.phone_number{
  font-size: 13px;
  color: #333 !important;
}
@media only screen and (max-width:768px){
  .event_detail #table {
    display: block;
  }
  .event_detail .table td{
    display: block;
  }
  .event_detail .table tbody, .table tr{
    display: block;
    width: 100%;
  }
  .event_detail .table thead {
    display: none;
  }
  .event_detail .table tbody tr {
    margin-bottom: 10px;
  }
  .event_detail .table tbody th {
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 10px;
    color: #000;
    background: #e6e6e6;
    border: none;
  }
  .event_detail .table tbody td {
    text-indent: 5px;
    padding-left: 5px;
    padding-right: 10px;
    border: none;
    line-height: 1.5em;
  }
  .event_detail #title01 {
    display: none;
  }
  .event_detail #title02 {
    display: block;
  }
  .event_detail #title03 {
    display: none;
  }
  .event_detail .page_title {
    font-size:16pt;
  }
  .event_detail .DetailItem {
    background: #e6e6e6;
    font-size:16px;
    float: left;
  }
  .event_detail .DetailValue {
    font-size:16px;
  float: left;
  }
  .event_detail .DetailValue2 {
    font-size:16px;
  }
  .event_detail .l1_menu_pad_lr{
    display:none;
  }
  .event_detail .l2_menu_pad_lr{
    display:none;
  }
  .event_detail .r1_menu_pad_lr{
    display:none;
  }
  .event_detail .r2_menu_pad_lr{
    display:none;
  }
  .event_detail .table .DetailItem{
    width: 100%;
  }
  .event_detail .none-br{
    display: none;
  }
}

/*end event detail*/
/*event detail*/
td a.phone_number{
  font-size: 13px;
  color: #333 !important;
}
@media only screen and (max-width:768px){
  #table {
    display: inline-block;
    display: block;
    width: 100%;
  }
  .table td{
    display: block;
  }
  .table tbody, .table tr{
    display: block;
    width: 100%;
  }
  .table thead {
    display: none;
  }
  .table tbody tr {
    margin-bottom: 10px;
  }
  .table tbody th {
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 10px;
    color: #000;
    background: #e6e6e6;
    border: none;
  }
  .table tbody td {
    text-indent: 5px;
    padding-left: 5px;
    padding-right: 10px;
    border: none;
    line-height: 1.5em;
  }
  #title01 {
    display: none;
  }
  #title02 {
    display: block;
  }
  #title03 {
    display: none;
  }
  .page_title {
    font-size:16pt;
  }
  .DetailItem {
    background: #e6e6e6;
    font-size:16px;
  }
  .DetailValue {
    font-size:16px;
  }
  .DetailValue2 {
    font-size:16px;
  }
  .l1_menu_pad_lr{
    display:none;
  }
  .l2_menu_pad_lr{
    display:none;
  }
  .r1_menu_pad_lr{
    display:none;
  }
  .r2_menu_pad_lr{
    display:none;
  }
  .table .DetailItem{
    width: auto;
  }
  .none-br{
    display: none;
  }
}

/*end event detail*/
/*event list*/
.event_list table#list td {
  padding: 5px 7px;
}
.event_list td a.phone_number{
  font-size: 13px;
  color: #333 !important;
}
.event_list .list_event td:first-child{
  width: 40px;
  text-align: center;
}
.event_list .text-note{
  text-align: right;
}

.event_list td a.phone_number,
.event_list .footer a.phone_number {
  font-size: 13px;
  color: #333 !important;
}
.event_list table#list td {
  padding: 5px 7px;
  min-width: 50px;
}
@media only screen and (max-width:768px){
  .event_list .ul-select-search{
    text-align: left;
  }
  .event_list .ul-select-search li{
    float: none;
    display: block;
  }
  .event_list .ul-select-search li span{
    margin: 0 10px 0 0 !important;
  }
  .event_list .ul-select-search li input[type="text"]{
    width: 50%;
  }
  .event_list .text-note{
    text-align: left;
  }
}
@media only screen and (max-width:375px){
  .event_list .select-common{
    padding: 0 4px;
  }
}
@media only screen and (max-width:320px){
  .event_list .ul-select-search li input[type="text"]{
    width: 77%
  }
  .event_list .ul-select-search li span{
    display: block;
  }
  .event_list .ul-select-search li select.select_category{
    margin-left: 0;
  }
  .event_list_other .ul-select-search li select.select_category{
    margin-left: 0;
  }
}
/*end event list*/
/*event report*/
@media only screen and (max-width:768px){
  .event_report #table {
    display: block;
  }
  .event_report #table tbody,  #table tr{
    width: 100%;
    display: block;
  }
  .event_report #table tbody tr {
    margin-bottom: 10px;
  }
  .event_report #table tbody th {
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    color: #000;
    background: #e6e6e6;
    border: none;
  }
  .event_report #table tbody td {
    border: none;
    display: block;
  }
  .event_report #title01 {
    display: none;
  }
  .event_report #title02 {
    display: block;
  }
  .event_report #title03 {
    display: none;
  }
  .event_report .DetailItem {
    background: #e6e6e6;
    padding: 5px 7px;
  }
  .event_report .DetailValue {
    background: #ffffff;
    padding: 5px 7px;
  }
  .event_report .DetailValue2 {
    font-size:2.5vw;
  }
  .event_report .table-rep{
    width: 100%;
    /*display: block;*/
  }
  .event_report .table-rep tbody, .event_report .table-rep tr {
    width: 100%;
    display: block;
  }
  .event_report .table-rep td{
    display: block;
  }
  .event_report .ul-report-event li{
    text-align: left;
  }
}

@media only screen and (max-width: 425px){
 .event_report .ul-report-event li{
  margin: 10px 0;
}
}
/*end event report*/
@media (max-width: 768px){
  .ListOperation td.desktop,
  .event_calendar .table-spon-fix td.calendarFontsize.desktop,
  .event_calendar_list .table-spon-fix td.calendarFontsize.desktop,
  .pagination_bottom .desktop  {
    display: none;
  }
  .ListOperation td.mobile,
  .event_calendar .table-spon-fix td.calendarFontsize.mobile,
  .event_calendar_list .table-spon-fix td.calendarFontsize.mobile,
  .pagination_bottom .mobile{
    display: block;
  }
  .ListOperation td.mobile img{
    width: 9px;
    height: 11px;
    position: relative;
    top: 1px;
  }
  .calendarFontsize.mobile img,
  .pagination_bottom .mobile img {
    width: 9px;
    height: 11px;
    position: relative;
    top: 3px;
    margin: 0 8px;
  }
  .f_width {
    width: 100%;
  }
}
@media only screen and (max-width: 660px){
  .event_list_card .ListItem05{
    display: block;
    width: 100%;
  }
  .event_list_card .ListItem05:first-child{
    height: 45px;
  }
}
@media only screen and (max-width: 425px){
  .event_list_card .ListItem05:first-child{
    height: unset;
    margin-bottom: 15px;
  }
  .event_list_card .ListItem05 dl {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 460px){
  .event_list_other .top-close.text-right font {
    margin-top: 20px;
  }
  .event_list_card .ListItem05 font{
    margin: 10px 0;
  }
  .event_list_card .ListItem05 font span.first {
    display: block;
    margin-bottom: 4px;
  }
  .event_list_card .ListItem05 dd{
    margin-left: 115px;
  }
}
@media only screen and (max-width: 375px){
  .event_list_card .ListItem05:first-child {
    height: 54px;
  }
  .event_list_other .select-common{
    padding: 0 4px;
  }
  .event_list_other .input-text-commmon,.event_list .input-text-commmon{
    width: 47%!important;
  }
}
@media (max-width: 768px){
  .event_answer #table tbody td.btn,
  .event_apply #table tbody td.btn{
    text-indent: 0;
  }
  .event_apply input[type="text"], textarea {
    padding: 4px;
  }
  .center-logo {
    text-align: center;
  }
  p.calendar_footer{
    text-align: left;
  }
}
@media (max-width: 425px) {
  span.footer_phone {
    display: block;
  }
  span.footer_fax {
    margin-left: 0;
  }
}
/* popup upload file */
@media screen and (max-width: 960px){
   #TB_window{
    max-width: 700px!important;
    width: 96%!important;
    margin-left: 0!important;
    transform: translate(-50%);
  }
   #TB_window iframe{
    width: 100%!important;
  }

}
@media screen and (max-width: 768px){
   #TB_window{
    max-width: 500px!important;
  }
}