@charset "utf-8";
/* ============================================================================================== */
/* index                                                                                          */
/* ============================================================================================== */

/* ============================================================================================== */
/* common                                                                                         */
/* ============================================================================================== */
.index  h2{
 font-weight: 700;
 text-align: center;
}
@media (min-width: 769px) {
 .index section{
  width: 1140px;
  margin-bottom: 60px;
 }
}
.index section{  
 margin-bottom: 40px;
}
.index table{ 
 border-color: #999;
 /*border-top: #999999 1px solid;
 border-right: #999999 1px solid;*/
}
.index table th{
 text-align: left;
 padding: 10px;
 background: #F4EAE4;
 border-color: #999;
/* border-right: #999999 1px solid;
 border-left: #999999 1px solid; 
 border-bottom: #999999 1px solid;*/
}
.index table td{
 padding: 10px;
 border-color: #999;
 /*border-bottom: #999999 1px solid;*/
}
.index .wp-block-nextend-smartslider3{
 margin-bottom: 50px;
}
@media (max-width: 768px) {
 .index main{
  padding-bottom: 20vw !important;
 }
 .index table th, .index table td{
  display: block;
  width: 100%;
 }
}
/* ============================================================================================== */
/* #congestion                                                                                    */
/* ============================================================================================== */
.index #congestion .st01{
 color: #009933;
 border-bottom: #009933 2px solid;
}
.index #congestion .st02{
 color: #ff9933;
 border-bottom: #ff9933 2px solid;
}
.index #congestion .st03{
 color: #cc0033;
 border-bottom: #cc0033 2px solid;
}
.index #congestion .congestion_situation{
 width: 472px;
}
@media (max-width: 768px) {
 .index #congestion{
  padding-bottom: 0 !important;
 }
 .index #congestion .congestion_situation{
  width: 90vw;
  margin: auto;
 }
}
/* ============================================================================================== */
/* #info                                                                                          */
/* ============================================================================================== */
@media (min-width: 769px) {
 .index #info ul{
  width: 1140px;
 } 
}
.index #info ul{
 background: #F4EAE4;
 border: #999999 1px solid; 
}

.index #info ul li{
 display: flex;
 flex-wrap:wrap;
 justify-content: flex-start;
 font-size: 1.8rem;
 padding: 5px 10px;
 border-bottom: #999999 1px solid; 
}
.index #info ul li:last-child{
 border-bottom: none; 
}
.index #info ul li time{
 font-size: 1.8rem;
 order: 1;
 margin-right: 30px;
}
@media (max-width: 768px) {
 .index #info ul li time{
  width: 100%;
 }
}
.index #info ul li a{ 
 order: 2;
}
/* ============================================================================================== */
/* #guide_rabbit                                                                                  */
/* ============================================================================================== */
@media (min-width: 769px) {
 .index #guide_rabbit {
  margin-top: 80px;
  margin-bottom: 40px;
 } 
}
.index #guide_rabbit {
 margin-bottom: 40px;
}
.index #guide_rabbit .wp-container-11{
 color: #BB3026;
 font-size: 1.9rem;
 margin-bottom: 30px;
}
.index #guide_rabbit h3{
 font-size: 2.3rem;
 font-weight: 500;
}
.index #guide_rabbit figure{
 width: 92px;
 height: auto;
 margin: auto;
}
.index #guide_rabbit p.browser{
 color: #717071;
 font-size: 1.4rem;
 text-align: center;
}

/* ============================================================================================== */
/* #exhaust_gas                                                                                   */
/* ============================================================================================== */
.index #exhaust_gas {
 position: relative;
 padding-bottom: 40%;
 max-width: 100% !important;
 height: 0;
 overflow: hidden;
}
.index #exhaust_gas iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
@media (max-width: 768px) {
 .index #exhaust_gas {
  height: 300px;
 }
}
.index .target_area table {
 width: 1100px;
}
.index .target_area sup {
 font-size: 1.1rem;
}
@media (max-width: 768px) {
 .index .target_area{
 font-size: 1.2rem;  
 }
 .index .target_area table {
  font-size: 1.2rem;
  width: 98vw;
 }
 .index .target_area table th, .index .target_area table td{
  display:table-cell;
 }
}