#ALL{

  height: 5px;
}

html, css{
  touch-action:auto; /* タブレットの拡大禁止 */
}

#inline{
  position:absolute;
  top:160px;
  width :95%;
  height :100px;
  right: 0;
  left: 0;
  margin:auto;
}

#text1 {
box-sizing:border-box;
position: relative;
max-width:100vw;
height: 50px;
text-align: center;
top:60px;
font-size: 1.5rem;

z-index: 1;


}


#text2 {
box-sizing:border-box;
position: relative;
text-align: center;
max-width:100vw;
height: 50px;
font-size: 1.5rem;
top:140px;
z-index: 1;


}



#text2 p{
box-sizing:border-box;
  display: inline-block;
  text-align: left;
z-index: 1;
}


#text3 {
box-sizing:border-box;
z-index: 1;
display: flex; justify-content:center; align-items:center;
max-width:100vw;
height: 10px;
top :100px;
margin-top: 10%;
text-align: center;

}

#text3 div{
  margin-top: 10%;
  box-sizing:border-box;
  text-align:left; }
#text3 div img{
  box-sizing:border-box;
   vertical-align: -45%;   } /* 追加 */

   hr{
    border:none;
    border-top:dashed 1px black;
    height:1px;
    color:#FFFFFF;
    width:100%;
    }


#buttons{
box-sizing:border-box;
position: relative;
max-width:100vw;
height: 60px;
text-align: center;
top:50px;
font-size: 1.3rem;
z-index: 1;


}


/*----ボタン----*/
button {
box-sizing:border-box;

font-size: min(1000px, 100%);
    width: 20%;
    min-width: 50px;
    max-width: 100px;
    padding: 5px;
    line-height: 36px;
border-radius:5px;
    box-sizing: border-box;
    border: 1px solid #68779a;
    background: #cbe8fa;
    cursor: pointer;
margin-right: .1em;
margin-left: .1em;  
margin-top: .1em;
margin-bottom: .1em; 
z-index: 1;
border: 1px solid #68779a;
} 



#taparea {
  box-sizing: border-box;
  position: absolute;
  top: 150px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 96%;
  height: 400px;
  padding: 1px;
  margin: auto;
  z-index: 2;
  border: 2px solid #000;  /* Adding a black solid border with a thickness of 2 pixels */
}




#table{
box-sizing:border-box;
position:absolute;
z-index: 0;
 text-align: center;
 top: 180px;
 right: 0;
 bottom: 0;
 left: 0;
   width: 80%;
  margin: 0 auto;
  max-width: 500px;
 border-collapse: collapse;
 border: 0px solid white
 }
 table td{
  box-sizing:border-box;
 border: 1px solid gray;
 }





#selective1 {
box-sizing:border-box;
 z-index: 1;
 pointer-events: auto;
position:absolute;
top: 290px;
height:60px;
width:100vw;
right: 0;
left: 0;
bottom: 0;
    padding: 1em 1em;
    margin: 0.1em 0;
    border: solid 1px #000000;
text-align: center;
}
#selective1 img {
  right: 0;
left: 0;
bottom: 0;
margin: auto;
box-sizing:border-box;
 vertical-align: middle;
 } /* 追加 */

#selective2 {
box-sizing:border-box;
 z-index: 1;
 pointer-events: auto;
 position:absolute;
 top: 350px;
 height:60px;
 width:100vw;
 right: 0;
 left: 0;
 bottom: 0;
    padding: 1em 1em;
    margin: 0.1em 0;
    border: solid 1px #000000;
text-align: center;
}
#selective2 img {
box-sizing:border-box;
vertical-align: middle; } /* 追加 */

#selective3 {
box-sizing:border-box;
 z-index: 1;
 pointer-events: auto;
 position:absolute;
 top: 410px;
 height:60px;
 width:100vw;
 right: 0;
 left: 0;
 bottom: 0;
    padding: 1em 1em;
    margin: 0.1em 0;
    border: solid 1px #000000;
text-align: center;
}

#selective3 img {
box-sizing:border-box;
 vertical-align: middle; } /* 追加 */

#selective4 {
box-sizing:border-box;
 z-index: 1;
 pointer-events: auto;
 position:absolute;
 top: 470px;
 height:60px;
 width:100vw;
 right: 0;
 left: 0;
 bottom: 0;
    padding: 1em 1em;
    margin: 0.1em 0;
    border: solid 1px #000000;
text-align: center;
}

#selective4 img {
box-sizing:border-box;
 vertical-align: middle; } /* 追加 */








/*  メニュー画面 */.gnav {
box-sizing:border-box;
  width: 100%;
  height: 50px;
  
  z-index: 900;
  margin: 0 0 50px 0;
  padding: 0;
z-index: 3;
}

.gnav > ul {
  box-sizing:border-box;
  display: flex;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 0;
z-index: 3;
}

.gnav > ul > li {
  box-sizing:border-box;
  position: relative;
  list-style-type: none;
  line-height: 50px;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  margin: 0;
  padding: 0;
z-index: 3;
}

.gnav > ul > li > a {
  box-sizing:border-box;
  display: block;
  width: 100%;
  height: 50px;
  color: #ffffff;
  background: #17184b;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  padding: 0 20px;
z-index: 3;
}

.gnav > ul > li:hover > a {
  box-sizing:border-box;
  color: #ffffff;
  background: #3f42cc;
}

.gnav > ul > li > ul {
  box-sizing:border-box;
  position: absolute;
  width: 100%;
  top: 50px;
  margin: 0;
  padding: 0;
}

.gnav > ul > li > ul > li {
  box-sizing:border-box;
  width: 100%;
  height: 0;
  overflow: hidden;
  list-style-type: none;
  border-top: 1px solid #fff;
}

.gnav > ul > li:hover > ul > li {
  box-sizing:border-box;
  overflow: visible;
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.gnav > ul > li > ul > li > a {
  box-sizing:border-box;
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  color: #ffffff;
  background: #17184b;
  box-sizing: border-box;
  text-decoration: none;
}

.gnav > ul > li > ul > li > a:hover {
  box-sizing:border-box;
  color: #ffffff;
  background: #3f42cc;
}
.gnav > ul > li {
  box-sizing:border-box;
  position: relative;
  width: 20%;   /*  メニューが４なので、１００わる４＝２５ */
  list-style-type: none;
  line-height: 50px;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  margin: 0;
  padding: 0;
}

.gnav > ul > li:last-child {
  box-sizing:border-box;
  border-right: none;
}




@media screen and (max-width:768px) {
.gnav > ul > li {
  box-sizing:border-box;
  font-size: 0.7em;
}

.gnav > ul > li > a {
  box-sizing:border-box;
  padding: 0;
}

.gnav > ul > li > span {
  box-sizing:border-box;
  padding: 0;
}
}