.headimg>p::before{
    white-space: pre;
    font-size:16px;
    content:"小豆島フェリーセット券\A";
  }
  dl,dt,dd{
    margin:0;
    padding:0;
  }
  dt,dd{
    border:1px solid #333;
  }
  dt,dd{
    border-bottom:none;
  }
  .lll{
   border-bottom:1px solid #333;
  }
  body{
    background:url(./img/bg04.png);
  }
  .headimg{
    display:none;
  }
  .wrapper{
    max-width:1000px;
    margin:0 auto;
    padding: 0;
    position: relative;
  }

  .fe{
    display: flex;
    position: relative;
    top:50px;
    align-items: center;
    justify-content: center;
  }
  .fe img{
    width:90%;
    display:inline-block;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
  }
  @media screen and (max-width: 768px){
   .fe{
     top:75px;
   }
   .fe img{
     width:95%;
   }
  }
  .fe_i,.fe_ii{
    position:absolute;
    top:30px;
    left: 100px;
  }
  .fe_ii{
    top:450px;
  }
  .fe_i p{
    font-size: 35px;
    font-weight:bold;
    color:rgb(255, 255, 255);
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  }
  .fe_ii p{
    font-size:20px;
    color:rgb(255, 255, 255);
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  }

.space{
  height:90px;
}
  
  h1{
    font-size:30px;
    padding:10px;
    font-weight: 500;
  }
  h2{
    font-size:20px;
    font-weight:400;
    /* max-width: 876px; */
    width:90%;
    padding:10px;
    border-left:5px solid #69d1c3;
    margin:0 auto;
    background: rgb(241, 241, 241);
  }
  h3{
    /* border-left:1px solid #69d1c3; */
    font-weight: normal;
    color:#222;
    font-size: 16px;
    width:90%;
    margin:0;
    padding:10px 0 0 10px;
    position: relative;
  }
  h3::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #69d1c3;
    position: absolute;
    top: 60%;
    left: 0;
    margin-top: -6px;
  }
  h3 img{
    width:200px;
  }
  h4{
    border-left:5px solid #69d1c3;
    padding:4px 5px;
    font-size:20px;
    font-weight:normal;
  }
  .ct{
    background: rgb(255, 255, 255);
    margin:0 auto 30px;
    width:93%;
  }
  .ct a{
    font-size: 14px;
    color:rgb(20, 200, 255);
  }
  .ct p,.ct ul{
    font-size: 14px;
    padding:10px;
  }
  .ct ul li{
    font-size: 14px;
  }
  .wrapper .ct p{
    margin:0 5px;
    width:90%;
  }
  .keyv img{
    width:100%;
  }



  ul.sample1{
    padding: 0;
    list-style: none;
  }
  ul.sample1 li{
    position: relative;
    padding: 0.5em 1em 0.5em 2.3em;
    margin-bottom:5px;
    /* color: rgb(129,194,250); */
    font-size: 14px;
    /* font-weight: bold; */
    /* border-bottom: 1px solid rgba(129,194,250, 0.5); */
  }
  ul.sample1 li:after,
  ul.sample1 li:before{
    content: "";
    position: absolute;
    border-radius: 50%;
  }
  ul.sample1 li:before{
    left: 0.2em;
    width: 17px;
    height: 17px;
    background: rgba(129,194,250,0.5);
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  ul.sample1 li:after{
    top: 1.1em;
    left: 0.7em;
    width: 14px;
    height: 14px;
    background: rgba(129,194,250,0.3);
  }


  .wrapper li{
    font-size: 16px;
    list-style: none;
    max-width: 700px;
  }
  .box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:30px 0;
    /* background:#69d1c3; */
  }


  .boximg p{
    font-size:20px;
    font-weight:bold;
    padding:10px;
  }
  .boximg img{
    width:180px;
  }
  .boximg{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fbus{
    position: absolute;
    z-index: 3;
    top:70px;
    left:500px;
  }
  ul.bus_menu{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
    padding:0;
  }
  ul.bus_menu > a{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width:25%;
    background:#69d1c3;
    padding:15px 5px;
    margin:1px;
    font-size: 15px;
    text-decoration: none;
    color:rgb(94, 94, 94);
  }
  ul.bus_menu > a:hover{
    opacity:0.8;
    color:#000;
  }
  @media screen and (max-width: 440px){
    ul.bus_menu > a >li{
      font-size:14px;
    }
  }
  @media screen and (max-width: 350px){
    ul.bus_menu > a{
      padding:10px 0;
    }
  }



  @media screen and (max-width: 730px){
    .fbus{
      display:none;
    }
  }
  .fbus img{
    width:200px;
  }

  @media screen and (max-width: 600px){
    .boximg{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin:0 auto;
    }
   .box{
     flex-direction: column;
     padding:10px 0;
   }
   h1{
     font-size:25px;
     font-weight:700;
   }
  }


  dl{
    font-size: 0;
  }
  dt,dd{
    display: inline-block;
    width:200px;
    font-size:16px;
    padding:10px;

    color:#000;
  }

  dt{
    font-weight: 700;
    background-color: #69d1c3;
    color:rgb(58, 58, 58);
  }
  dd{
    width:400px;
    border-left:none;
    /* background-color: #69d1c3; */
  }
  td.discount{
    color:red;
    font-weight:bold;
    font-size: 14px;
    background-color: rgb(188, 248, 183);

  }
  @media screen and (max-width: 690px){
   dt,dd{
     box-sizing: border-box;
     display:block;
     width:98%;
     margin:0 auto;
     border:1px solid rgb(170, 168, 172);
   }
   dd{
     border-top:none;
     border-bottom:none;
   }
   dd.lll{
     border-bottom:1px solid rgb(170, 168, 172);
   }
  }

  .set_price table{
    border-collapse: collapse;
    width:100%;
    max-width: 500px;
    margin:10px 0 0 0;
  }
  .set_price.set_reserve th{
    width:150px;
    padding:10px;
  }
  .set_price p{
    margin:0;
    padding:5px 0 5px 10px;
  }
  .ps{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ps img{
    width:100%;
    max-width: 900px;
  }
  caption{
    font-size: 18px;
    margin:10px auto;
    border-bottom:3px solid #69d1c3;
    width:100px;
    
  }

  .set_price td,.set_price th{
    border:1px solid rgb(71, 71, 71);
    width:33.3333%;
    text-align: center;
    padding:12px 0;
  }
  .set_price.set_reserve td{
    width:100%;
    text-align: left;  
    padding-left:5px;
  }

  .set_price th{
    font-size: 14px;
    background-color: #69d1c3;
  }