/* BR */

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}

/* base */
main#topics a {
  text-decoration: underline;
  color: #0066ff;
}
.center { text-align: center;}
.bold {font-weight: bold;}
.red {color: #da0000;}
.end {margin: 40px auto; text-align: center; color: #ff0000; font-weight: 900;}
.blue{color: #1bb3d4;}
.white{color: #fff;}

/* Subbox */
.subbox {
  margin: 20px;
  padding: 20px;
  border: solid 3px #33ccff;
  background: #1bb3d4;
}

.subbox h4 {
  font-size:1.3em;
  font-weight: bold;
  padding: 10px 0;
  line-height: 1.3em;
}

.button {
  max-width: 300px;
  border-radius: 10px;
  margin: 30px auto 50px;
  background: #a5e983;
  text-align: center;
  padding: 20px;
}

.button p{
  line-height: 1.5em;
}
/* MARKING LINE */
.linered{background:linear-gradient(transparent 65%, #ffadad 60%); font-weight: bold;}
.lineblue{background:linear-gradient(transparent 65%, #c1e0ff 60%);font-weight: bold;}
.lineyellow{background:linear-gradient(transparent 65%, #fff799 60%);font-weight: bold;}


/* Custam */

div.map {
  max-width: 600px;
  padding: 10px;
  margin: 0 auto 50px;
  text-align: center;
}

div.event_info {
  padding-bottom: 63px;
}

div.cts_outline {
  margin: 40px auto !important;
  padding: 20px !important;
}


div.cts_outline h4 {
  margin-bottom: 5px !important;
  padding: 5px;
  color: #fff;
  background: #008564;
}

div.cts_outline p {
  padding: 5px;
}

div.cts_outline p.info {
  margin-top: -28px;
  font-size: 0.8em !important;
}

div.cts_blk {
  margin: 20px 10px;
  padding: 10px;
  background :#f3f3f3;
   /* background-image: linear-gradient(90deg, rgba(29, 163, 137, 0.4), rgba(165, 247, 55, 0.4)); */
   border-width: 1px;
   border-style: solid;
   border-image-source: linear-gradient(20deg, #008564, #8eb32b);
   border-image-slice: 1;
   /* border: solid 1px linear-gradient(90deg, rgba(255, 22, 22, 1), rgba(5, 0, 255, 1));
   /* color: #fff; */
}

div.cts_blk h5 {
  margin: 20px 0;
  padding: 0 5px;
  font-size: 1.5em;
  font-weight: bold;
}

div.cts_blk div.cts_img {
  max-width: 240px;
  margin: 20px auto 10px;
}
div.cts_blk div.cts_img img {}

div.cts_blk dl.cts_subinfo {
  margin-top: 20px;
  display: flex;
  flex-flow: row wrap;
}
div.cts_blk dl.cts_subinfo dt {}
div.cts_blk dl.cts_subinfo dt img {
  width: 150px;
  padding: 10px;
}
div.cts_blk dl.cts_subinfo dd {
  max-width: 500px;
  padding: 10px 0;
}

div.cts_blk dl.cts_subinfo dd p.cts_subinfo_ttl {
  font-weight: bold;
  margin-bottom: 1.1em !important;
}




/* SMART PHONE STYLE */

@media screen and (max-width: 680px){

  div.cts_outline {
    padding: 0 !important;
  }

  div.cts_blk h5 {
    text-align: center;
    font-size: 2em;
  }

  div.cts_blk dl.cts_subinfo {
    justify-content: center;
  }

  div.cts_blk dl.cts_subinfo dd p.cts_subinfo_ttl {
    text-align: center;
  }


}