@charset "UTF-8";

  body{
    line-height: normal;
    font-size: small;
    color: #222222;
  }
  .thrme_color_text{color: #21adde;}
  h3{
    width: 100%;
    box-sizing: border-box;
    font-size: medium;
    line-height: 2em;
  }
  h2{
    font-size:large;
  }
  a ,a:visited ,a:link{text-decoration:none;  color: white;}

  .default_a ,.default_a:visited ,.default_a:link{text-decoration:none;  color: darkblue;}

      table a ,table a:visited ,table a:link{text-decoration:none;  color: blue; font-weight: bold;}

  ul{
    padding-left: 0.5em;
  }

  .target_list {
      display: flex;
      flex-wrap: wrap;
       -js-display: flex;
  }
  .target_list li {
      min-width:  50%;
      list-style-position:inside;
  }


    .goudou_list {
        display: flex;
        flex-wrap: wrap;
         -js-display: flex;
    }
    .goudou_list li {
        list-style-position:inside;
    }

    .goudou_list li:first-child:before {
        content: "";
    }
    .goudou_list li:before {
        content: "/";
    }

  .outline_table {
    border-collapse: collapse;
  }
  .outline_table td{
    border: solid 1px #333333;
     padding-left: 1em;
  padding-right: 1em;
  }
  .outline_table td:nth-child(2n+1){
    min-width: 9em;
    background-color: #FFFF99;
    text-align: center;
  }

  .plans_compare{
      border: solid 2px #fc1e1e;
      border-radius: 0.5em;
      padding:0;
      margin: 0.5em;
      margin-top: 0;
  }

  .plans_compare img{ width: 100%;}

  .plans_compare .planname{
    padding: 0; margin: 0;
    background-color:  #fc1e1e;
    font-weight: bold;
    color: white;
   padding: 0.5em;
  text-align: center;
  }


  .greenp{
      border: solid 2px #34a566;
  }


  .greenp .planname{
    padding: 0; margin: 0;
    background-color:  #34a566;
    font-weight: bold;
    color: white;
     padding: 0.5em;
     text-align: center;
  }


  .orangep{
      border: solid 2px #e97e00;
  }


  .orangep .planname{
    padding: 0; margin: 0;
    background-color:  #e97e00;
    font-weight: bold;
    color: white;
     padding: 0.5em;
     text-align: center;
  }



  .alignright{
    text-align:right;
  }
  .aligncenter{
      text-align:center;
  }

  .timetable tr>td:first-child{
    width: 35%;
    text-align: right;
  }

  .timetable tr:nth-child(2n+1){
    background-color: whitesmoke;
  }

  .timetable tr>td:last-child{
    width: 65%;
    text-align: left;
  }

  .plans_cost{
    border-collapse: collapse;
    margin:0 auto;
  }
  .plans_cost td{
    padding-left: 1em;
    padding-right: 1em;
    border-top: 1px solid gray;
  }
  .plans_cost td:last-child{
    border-bottom: : 1px solid gray;

  }
  .font_mini{
    font-size: smaller;
    font-weight:nomal;
  }


    .notice{
      font-size: smaller;
      padding: 0;
      margin: 0;
      color: gray;
    }
    .notice a ,.notice a:visited ,.notice a:link{text-decoration:none;  color: darkgray;}

    .flex_center{
      align-items: center;
justify-content: center;
    }
    .flex_child_2{
      width: 49%;
      margin-left:0.5%;

      margin-right:0.5%;
      box-sizing: border-box;
    }
    .w_49{
	width:49%;
}
     img{max-width: 100%;}

     p{padding-left:1em;padding-right: :1em; padding-top:0em;padding-bottom: :0.5em; margin: 0;}
     h5{margin-top: 0.5em;}
     .border_box_10{
        border-radius: 1em;
        background-color: #f6feff;
        box-shadow: 1px 1px 3px grey;
     }

     .price_table{width: 100%; text-align: center;}
     .price_table, .price_table td,.price_table th{
        border-collapse: collapse;
     }
     .price_table td,.price_table th{
        border: 1px solid #595959;}

     .price_table th, .price_table .color{
      background-color: bisque;
    }
    .plus_icon{
      width: 3em;
      height: 3em;
    }

    .table_clear{
      border-bottom: none;
      border-top: none;
      background-color: transparent;
    }

    .add_square:before{
      content: "";
      border: 50% solid black;
      margin-right: 1em;
    }

    .target_border >div {
        background-color: whitesmoke;
        border-radius: 0.5em;
        /* border: 3px solid; */
        margin: 2px;
        padding: 0.5em;
        box-shadow: 2px 2px 3px darkgrey;
    }
    .target_border p:first-child {
        font-size: medium;
        font-weight:  bold;
        border-bottom: 3px solid darkblue;
    }


    #inquiry{
      position: fixed;
      right:0;
      bottom:5em;
    }

    .zones dt{
      font-weight: bold;
      border-bottom: 2px solid #96c2ff;
      border-left: 5px solid #96c2ff;
      padding-left: 1em;
      margin-top: 0.5em;
    }

    .zones_green dt {
      font-weight: bold;
      border-bottom: 2px solid #89eb87;
      border-left: 5px solid #89eb87;
      padding-left: 1em;
      margin-top: 0.5em;
    }



    .link_black a,.link_black a:link,.link_black a:visited{color:black;}
