@charset "UTF-8";

/****************************/
/*      基 本 の 設 定      */
/****************************/

html { overflow-x : hidden;
       overflow-y : hidden; }

table { text-align : center; }

body { background-size : cover; }
  
.tablep { width : 98vw;
         height : 90vh;
     margin-top : 1%;
     argin-left : 1%; }

iframe { position : flex;
            width : 100%;
           height : 100%;
     border-style : none;
         overflow : auto; }

/****************************/
/*       タ イ ト ル        */
/****************************/

#gojuu { height : 4vh;
         bottom : 0; }

#titlemoji { color : white;
         font-size : 4vh;
       font-weight : bold;
    letter-spacing : 0.5em; /* 文間 */
       text-shadow : black 0 0 2px,
                     gold 0 0 10px,gold 0 0 10px,gold 0 0 10px; }

#ruby { font-size : 1vh;
      text-shadow : black 0 0 1px,black 0 0 1px,
                    gold 0 0 10px,gold 0 0 10px,gold 0 0 10px; }

#neon {  color : white;
     font-size : 4vh;
   font-weight : bold;
letter-spacing : 0.2m; /* 文間 */
   text-shadow : black 0 0 2px,gold 0 0 10px,gold 0 0 10px,gold 0 0 10px; }

/****************************/
/*    メニューリスト部分    */
/****************************/

li { margin : 1.5vh 0; } /* リストの行間 */
 
/* ボタン */
.btn-menu { color : #fff;
      font-weight : bold;
           border : 2px solid #999;
       background : transparent;
          padding : .5rem 1rem;
        font-size : 1rem;
           cursor : pointer;
    border-radius : 10px; /* ボックスの四つ角を丸くする */
      text-shadow : black 0 0 2px,black 0 0 2px,black 0 0 2px;
 background-color : rgba(160,216,239,0.3); } ←開いている時の表示率 */
 
/* メニュー */

ul { list-style : none; }

nav {    position : absolute;
              top : 1rem;
            width : 0; /* ←閉じている時の表示率 */
           height : 70%;
            right : 0;
     margin-right : 1%;
          padding : 1%; /* ←閉じている時の右余白 */
       overflow-x : hidden;
       overflow-y : hidden;

            color : black;
        font-size : 2.5vh;
      font-weight : bold;
       text-align : right;
      text-shadow : white 0 0 5px,white 0 0 5px,white 0 0 5px;

          z-index : 1;
       transition : .5s; }

nav.open-menu { width : 26%;
        border-radius : 10px;} /* ボックスの四つ角を丸くする */

nav img { height : 3vh }

/*アクセスしたことのないリンク*/
nav a:link { color : crimson; }

/*アクセスしたことのあるリンク*/
nav a:visited { color : crimson; }

/*マウスが上に乗っている状態*/
nav a:hover { color : gold;
        text-shadow : black 0 0 4px,black 0 0 4px,black 0 0 4px;
        font-weight : bold;
     vertical-align : middle;
      border-radius : 10px; }/* ボックスの四つ角を丸くする */