ul, ol {
  background: #fffde8;
  box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}



.btn-top-radius {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 8px 10px 5px 10px;
  text-decoration: none;
  color: #FFA000;
  background: #fff1da;
  border-bottom: solid 4px #FFA000;
  border-radius: 15px 15px 0 0;
  transition: .4s;
}

.btn-top-radius:hover {
  background: #ffc25c;
  color: #FFF;
}



img { 
    max-width: 100%; 
    height:auto;
}

.img-size{
    max-width: 100%; 
    height:auto;
}

body {
    font-family: 'Arial', sans-serif;
    margin-top: 0;
    margin-right: 0vw;
    margin-left: 0vw;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    background-color: #ffdb99;
    color: #333;
}

header {
    background-color: #FFA500;
    color: #ecf0f1;
    text-align: center;
    padding: 2em 0;
}

main{
    background-color: #ffdb99;
    margin-right: 20vw;
    margin-left: 20vw;

}


@media only screen and (max-width:640px) {
main{
    margin-right: 4vw;
    margin-left: 4vw;
  }




@media screen and (max-width:640px) {
.p-margin{
    margin-right: 0vw;
    margin-left: 0vw;
  }
  }

.fade {
    animation: fade 5s infinite;
}

@keyframes fade {
    0%, 100% { opacity: 0; }
    20%, 80% { opacity: 1; }
}

/* ... Other Styles ... */
/* Section Styles */
.section {
    visibility: hidden;
}

.animated {
    visibility: visible;
    animation: fadeInUp 1s;
}

@keyframes fadeInUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ... Other Styles ... */

.btn {
    /* ... Styles ... */
    background-color: #FFD700; /* Sub color */
}

footer {
    background-color: #FFA500;
    color: #ecf0f1;
    text-align: center;
    padding: 20px 0;
}

.footer-copyright {
    font-size: 14px;
    margin-top: 10px;
}