/* CSS Document */
:target:before {
   content: "";
   display: block;
   height: 0px;
}

body {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: 400;
   background: #edfaff url("/assets/legacy/5f55c7aaba45af709722.jpg") center fixed;
   background-size: cover;
}

.go_top {
   display: none;
   width: 40px;
   height: 40px;
   background: rgba(0, 0, 0, 0.1);
   position: fixed;
   bottom: 20px;
   right: 20px;
   text-align: center;
   border-radius: 20px;
   cursor: pointer;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
   z-index: 4;
}

.go_top:hover {
   background: #58b7e9;
}

.material-symbols-outlined {
   display: block !important;
   font-size: 1.2em !important;
   line-height: 40px !important;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.go_forms {
   display: none;
   position: fixed;
   bottom: 20px;
   right: 65px;
   z-index: 3;
   height: 40px;
}

.go_forms a {
   background: #ff697c;
   color: #fdfcf5;
   padding: 10px 15px;
   line-height: 1;
   border-radius: 25px;
   text-decoration: none;
   border-bottom: 3px solid rgba(0, 0, 0, 0.2);
   display: inline-block;
   text-shadow: none;
   font-weight: bold;
}

.go_forms a:hover {
   background: #58b7e9;
}

.container {
   position: relative;
   width: 94%;
   max-width: 888px;
   margin: 10px auto;
   z-index: 2;
   padding-bottom: 30px;
}

.header {
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 145%;
   background: url("/assets/legacy/1d316fe08adf1b99de22.jpg") no-repeat;
   background-size: cover;
   box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   margin-bottom: 20px;
}

.info {
   position: absolute;
   bottom: 3%;
   font-weight: bold;
   text-align: center;
   width: 100%;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), -2px -2px 10px rgba(0, 0, 0, 0.2);
}

a {
   display: inline-block;
}

a.button {
   background: #ff697c;
   color: #fdfcf5;
   padding: 10px 30px;
   line-height: 1;
   border-radius: 25px;
   text-decoration: none;
   border-bottom: 3px solid rgba(0, 0, 0, 0.2);
   display: inline-block;
   text-shadow: none;
   font-weight: bold;
}

a.button:hover {
   background: #58b7e9;
}

.menu {
   text-align: center;
}

.menu a {
   color: #fdfcf5;
   padding: 15px;
   line-height: 1;
   text-decoration: none;
   display: inline-block;
   background: #ff92a0;
   border-radius: 10px;
   margin-bottom: 5px;
   box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), -2px -2px 10px rgba(0, 0, 0, 0.2);
   border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

.menu a:hover {
   background: #58b7e9;
}

.title {
   color: #58b7e9;
   font-weight: bold;
   font-size: 1.4em;
}

.intro,
.intro_1,
.itinerary,
.site,
.about,
.support,
.contact {
   width: 100%;
   margin: 20px auto 0 auto;
   padding: 40px 6%;
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.9);
   box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
}

.intro span {
   display: inline-block;
}

.intro_1 {
   background: #ffefb3;
}

.itinerary span {
   display: inline-block;
   font-weight: bold;
}

.itinerary ul span {
   font-weight: initial;
}

.itinerary a {
   color: #ff697c;
   text-decoration: underline;
   padding: 0 5px;
   display: inline-block;
}

.itinerary a:hover {
   text-decoration: none;
}

.itinerary table {
   width: 100%;
   font-size: 1em;
   border: 0px;
}

.itinerary table .td1 {
   width: 75px;
}

.itinerary table tr,
.itinerary table td {
   border: 0px;
   padding: 5px 0;
   vertical-align: top;
}

.itinerary table td ul {
   margin: 0;
   padding: 0 0 0 18px;
}

.itinerary table td ul li {
   padding-top: 10px;
}

.site .list {
   color: #666666;
   font-weight: bold;
   margin-top: 10px;
   font-size: 1.1em;
}

.site .list::before {
   content: "◎";
   padding-right: 5px;
}

.site a {
   color: #ff697c;
   text-decoration: underline;
   padding: 0 5px;
   display: inline-block;
}

.site a:hover {
   text-decoration: none;
}

.site img {
   display: block;
   width: 100%;
   border-radius: 10px;
}

.site span {
   display: inline-block;
}

.about .list {
   color: #666666;
   font-weight: bold;
   font-size: 1.1em;
   margin-bottom: 0;
}

.about .list::before {
   content: "★";
   padding-right: 5px;
}

.about h4 {
   color: #666666;
   margin: 0;
}

.support .list {
   color: #666666;
   font-weight: bold;
   font-size: 1.1em;
}

.support p {
   margin: 0;
}

@media screen and (max-width: 640px) {
   .header {
      background-size: 130%;
      background-position: center 60%;
      padding-bottom: 175%;
   }
}