@media screen and (max-width: 767px) {
  .w100p {
    width: 100%;
    height: auto;
  }
  #main {
    font-size: 15px !important;
  }
  #main img {
    max-width: 100%;
  }
  div.ttlCurvyg span.notesR12 {
    padding-left: 0px !important;
  }
  a.btn-safety {
    width: 100% !important;
  }
  /*common*/
  .pd0 {
    padding-bottom: 0 !important;
  }
  .sp-item.caution {
    color: #F00;
    padding: 20px 0 0;
  }
  .table-wrap {
    width: 100% !important;
    overflow-x: scroll;
    padding: 0 !important;
    padding: 1px;
    box-sizing: border-box;
  }
  .table-wrap table th {
    padding: 5px !important;
    white-space: nowrap !important;
    width: auto !important;
  }
  .section {
    width: 100% !important;
    padding: 1px !important;
    box-sizing: border-box;
  }
  .w100p {
    width: 100% !important;
    height: auto !important;
  }
  .pulldown-sp {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 10px;
  }
  .pulldown-sp .pulldown-btn {
    position: relative;
    display: block;
    padding: 10px;
    cursor: pointer;
  }
  .pulldown-sp .pulldown-btn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 10px;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #333;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .pulldown-sp .coinlockerTab {
    border: none !important;
    display: none;
  }
  .pulldown-sp .coinlockerTab li {
    position: relative;
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin-right: 0 !important;
    border-top: 1px dotted #ccc;
    padding: 10px 10px 10px 20px;
    display: block !important;
  }
  .pulldown-sp .coinlockerTab li::before {
    content: '';
    top: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    left: 10px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .slideon {
    display: block !important;
  }
  .sp-tc {
    text-align: center !important;
  }
  /*index.html*/
  .safety-top {
    /** ul.trainList */
  }
  .safety-top ul.trainList {
    width: 100% !important;
    margin: 0 !important;
  }
  .safety-top ul.trainList li {
    display: block !important;
    margin-right: 0 !important;
    text-align: center;
    margin-top: 0 !important;
  }
  .safety-top ul.trainList li + li {
    margin-top: 12px !important;
  }
  .safety-top ul.trainList li img {
    max-width: 420px !important;
    width: 100%;
  }
  .safety-top .bnr {
    text-align: center;
  }
  /*lost.html*/
  .safety-lost .ml15 {
    margin-left: 0 !important;
  }
  .safety-lost .mr15 {
    margin-right: 0 !important;
  }
  .safety-lost #today-box {
    width: 100% !important;
    float: none !important;
    margin-bottom: 15px !important;
    height: auto !important;
  }
  .safety-lost #tomorrow-box {
    width: 100% !important;
    float: none !important;
    height: auto !important;
  }
  .safety-lost .lost-box1 {
    margin: 10px 0 0 0 !important;
    padding: 10px !important;
  }
  .safety-lost .lost-box2 {
    border-top: 1px solid #e1e1e1;
  }
  .safety-lost .cols-3.heightLine-3 {
    height: auto !important;
    width: 100% !important;
    float: none !important;
    margin-top: -1px !important;
    margin-left: 0 !important;
  }
  .safety-lost th {
    white-space: normal !important;
  }
  .safety-lost th,
  .safety-lost td {
    display: block !important;
    width: 100% !important;
  }
  .safety-lost .pc-item {
    display: none !important;
  }
  .safety-lost .pd0 p.notesB12 {
    margin-bottom: 0 !important;
  }
  .safety-lost .ekilist td {
    display: inline-block !important;
    width: auto !important;
  }
  .safety-lost a.btn-txt {
    width: 100%;
  }
  /*barrierfree.html*/
  #barrierfree .hanrei td {
    display: block !important;
    width: 100%;
    float: left;
    padding-top: 10px;
  }
  #barrierfree .legends {
    flex-direction: column;
  }
  #barrierfree .legends li {
    width: 100%;
    padding-top: 10px;
    margin: 0;
  }
  #barrierfree .tblStyle02 th,
  #barrierfree .tblStyle02 td {
    padding: 5px !important;
  }
  #barrierfree .table-wrap > table {
    width: 660px !important;
  }
  #barrierfree .table-wrap > table .st {
    width: 100px !important;
  }
  #barrierfree .table-wrap > table .mp {
    width: 60px !important;
  }
  #barrierfree .table-wrap > table .fc {
    width: 250px !important;
  }
  #barrierfree .table-wrap > table .nt {
    width: 180px !important;
  }
  /*coinlocker.html*/
  #coinlocker .coinlockerWrap {
    border: none !important;
  }
  #coinlocker .pagewrap, #coinlocker .sectionw620 {
    width: 100% !important;
  }
  #coinlocker .pagewrap .section {
    width: 100% !important;
    padding: 1px !important;
    box-sizing: border-box;
  }
  #coinlocker .pagewrap .section th, #coinlocker .pagewrap .section td {
    white-space: normal !important;
    font-size: 12px;
    padding: 5px 0 !important;
  }
  #coinlocker .coinlockerTab li {
    float: none !important;
  }
  #lockerinquery .tblStyle02 th, #lockerinquery .tblStyle02 td {
    display: block !important;
    width: 100% !important;
    padding: 5px 5px !important;
    box-sizing: border-box;
    text-align: left !important;
  }
  #lockerinquery .tblStyle02 td:last-child {
    border-bottom: none !important;
  }
  #lockerinquery .tblStyle02 thead {
    display: none !important;
  }
  #lockerinquery .tblStyle02 th.name {
    color: #000;
    background: #ccc !important;
  }
  /*mylocker.html*/
  #mylocker .tblStyle02.sizeTbl {
    font-size: 13px !important;
  }
  #mylocker .tblStyle02.sizeTbl th {
    white-space: normal !important;
  }
  #mylocker .tblStyle02.sizeTbl th, #mylocker .tblStyle02.sizeTbl td {
    padding: 5px 0 !important;
  }
  #mylocker .tblStyle02.sizeTbl th:first-child {
    width: 100px;
  }
  #mylocker .pagewrap {
    width: 100% !important;
  }
  #mylocker table.tblStyle02 {
    margin-top: 0 !important;
  }
  #mylocker ol.decimal li + li {
    margin-top: 20px !important;
  }
  /*parking.html*/
  #parking .table-wrap > table {
    width: 750px !important;
  }
  #parking .parking-table tr.sp-item {
    display: table-cell !important;
  }
  #parking .parking-table tr.sp-item th {
    display: table-cell !important;
    width: 100% !important;
  }
  #parking #parkingTbl td.nowrap {
    white-space: normal !important;
  }
  /*child110.html*/
  .safety-child110 th, .safety-child110 td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    border-right: 0 !important;
  }
  /*womenonly.html*/
  .safety-womenonly .table-wrap > table > tbody > tr > th, .safety-womenonly .table-wrap > table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
  }
  .safety-womenonly .table-wrap > table > tbody > tr > td div {
    width: 100% !important;
    float: none !important;
  }
  .safety-womenonly .table-wrap > table > tbody > tr > td:last-child {
    border-bottom: 0 !important;
  }
  /*softcooling.html*/
  #softcooling th, #softcooling td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    border-right: 0 !important;
  }
  /*priorityseat.html*/
  #priority table {
    width: 100% !important;
    border-top: 0 !important;
  }
  #priority th, #priority td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    text-align: center !important;
  }
  #priority th {
    border-top: 1px solid #e1e1e1 !important;
  }
  #priority td img {
    width: 100% !important;
  }
  /*babycarspace.html*/
  .babycarspace table {
    width: 100% !important;
    border-top: 0 !important;
  }
  .babycarspace th, .babycarspace td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    text-align: center !important;
  }
  .babycarspace th {
    border-top: 1px solid #e1e1e1 !important;
  }
  .babycarspace .flt-l {
    margin-bottom: 20px !important;
  }
}
