html {
  /* control the size*/--s: 120px; 
  
  /*--_g: radial-gradient(#0000 70%,#fdd23c 71%);
  background:
    var(--_g),var(--_g) calc(var(--s)/2) calc(var(--s)/2),
    conic-gradient(#ffe690 25%,#fdebad 0 50%,#ffc618 0 75%,#b5d999 0);
  background-size: var(--s) var(--s); */

--_g: radial-gradient(#0000 70%,#fffcde 71%);
  background:
    var(--_g),var(--_g) calc(var(--s)/2) calc(var(--s)/2),
    conic-gradient(#cdfeff 25%,#fff283 0 50%,#dcffc0 0 75%,#f9ffec 0);
  background-size: var(--s) var(--s); 

background-attachment: fixed;
}

.title-cute {
  color: rgba(0,0,0,0);
  font-family: "Noto Sans Japanese";
  font-size: 1.2em;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-align: center;
  -webkit-text-stroke: 1px #000;
  text-shadow: 1px 1px #83e1ff;
}

.text-background-01 {
  /*font-size: 2.5rem;*/
  
  line-height: 1em;
  padding-left: 0.5em; padding-right: 0.5em; margin: 0.2em; padding-top: 0.2em;
  background:#fdd23c;
  border-radius: 0.2em;
}


.txt_big_bold{font-weight: bold; font-size: 1em;}

table.design09 {
 width: 95%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 border: solid 2px #778ca3;
 margin-bottom: 1em;
}
.design09 th {
 padding: 0.5em; padding-top: 0.7em;
 background: #e9faf9;
 border: solid 1px #778ca3;
 border-bottom: solid 2px #778ca3;
 font-size: 1.2em;
}
.design09 td { font-size: 1.1em;
 padding: 10px;
 border-left: solid 1px #778ca3;
}
.design09 tr {
 border-top: dashed 1px #778ca3;
}



div.komidashi{width: 40%;
    position: relative;
    padding: 0.5em 0.5em 0.5em 0.7em;
    border-radius: 5px;
    border: 3px solid #333;
    box-shadow: -3px 3px 0 0 #333;
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 1.7em;
    margin-bottom: 2em;background-color: #fdd23c;
}


div.komidashi:before,
div.komidashi:after {
    position: absolute;
    left: 5em;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}

div.komidashi:before {
    top: 100%;
    margin-left: -12px;
    border-color: transparent;
    border-top-color: #333;
    border-right-color: #333;
    border-width: 10px;
}

div.komidashi:after {
    top: 99%;
    margin-left: -7px;
    border-color: transparent;
    border-top-color: #fdd23c;;
    border-right-color: #fdd23c;;
    border-width: 6.5px;/*background-color: #fdd23c;*/
}

.kasen {background:linear-gradient(transparent 70%, #FFFF00 0%);}


div.button_solid017  {
  font-weight: bold; font-size: 2em;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 70%;
    padding: 1em 3em;
    color: #231815;
    transition: 0.3s ease-in-out;
    background: #fdd23c;
    border-radius: 50px;
    border: 0.2rem solid #231815;
    box-shadow: 0.2rem 0.2rem 0px 0.1rem #cccccc;
}

div.button_solid017  a{color: #231815}

div.button_solid017:hover {
  transform: translate3d(0.2rem, 0.2rem, 0);
  box-shadow: none;
  opacity: 1;
  background: #47d2ff;
  transition: all 0.2s;
}
div.button_solid017:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #231815;
    border-right: 3px solid #231815;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}