@font-face {
  font-family: "myfont";
  src: url("font/JF-Dot-Ayu18.ttf") format("truetype");
}

 body{
    -webkit-text-size-adjust: 100%;
    font-family: "myfont", sans-serif;
    background-color:rgba(54, 3, 102, 0.5);
		background-attachment: fixed;
    background-size: cover;
    background-blend-mode:lighten;
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-size: 16px;
    color:  #fff;
    cursor: url('webpic/cur_k01.png'), auto;
  }
  a {
    color:  #fff;
    text-decoration: none; 
    cursor: url('webpic/cur_k02.png'), auto; /*shimsab*/
 }
  ::-webkit-scrollbar {
      display: none;
      -webkit-appearance: none;
}
iframe {
  width: 70%; 
  height: 150px;
 }
 

       .header {
            padding: 24px 0;
            width: 100%;
        }
        .header-title {
            color: #fff;
            font-size: 1.375rem;
            border-bottom: 2px ridge #fff;
            text-align: center;
            position: relative;
            margin: 0 ;
            padding: 0 0 20px;
         }
        .content{
          font-size: 1rem;
          text-align: center;
          padding: 0 0 20px;
        }
        .ch{
          margin-bottom: 3em;
          line-height: 1.3;
        }
        .footer{
            border-top: 2px ridge #fff;
            text-align: center;
            padding: 20px 0;
            font-size: 0.75rem;
        }
        .en {
          color: #ffffff7a;
        }

  @media (orientation: portrait) {
   iframe {
         width: 95%; 
         }
  }