*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:#000;width:100vw;height:100vh;text-align:center;color:#fff;}

a{color:inherit;text-decoration:none;}
.nav2-container{margin:0;overflow: auto;width:100%;list-style-type:none;left:0;white-space: nowrap;text-align:center;background:#000;display:flex;}
.nav-container{z-index:999999;margin:0;overflow: auto;width:100%;list-style-type:none;left:0;white-space: nowrap;text-align:center;background:#000;display:flex;}
.nav {font-weight: 900;margin:0;text-align:center;color:#fff;font-size: 20px;background:#1F231A;padding:15px;border-right:1px solid #000;cursor:pointer;}
.nav.nav-active{background:red;color:#fff;}
/*.lay-container{overfloww: scroll;max-width:100%;max-height:100%;text-align:center;left:0;padding:0;margin:0;}
.lay-slide{width:100%;height:100%;display:none;border-radius:.3em;position:relative;}*/

.article-container{overflow-x: auto;padding:10px;width:100%;height:100vh;overflow:auto;text-align:center;background:rgba(0,0,0, 0.9);}
.article{padding:10px;margin:20px 0px 0px 0px;max-width:100%;background:#1F231A;color:#fff;}
.articleend{margin:60px 0px 70px 0px;max-width:100%;}
.articleendtop{color:#fff;font-size:20px;padding:10px;left:0;margin:43px 0px 70px 0px;width:100%;background:rgba(0,0,0, 0.5);position: fixed;height:50px;}
.article-image{border:1px solid #fff;border-radius:50px 100px 50px 0px;background:rgba(255,0,2, 0.6);max-width:80%;max-height:80%;}
.article-label{padding:5px;background:rgba(0,0,2, 0.6);color:#fff;}
.article-title{padding:5px;background:rgba(0,0,2, 0.6);color:#fff;font-size:20px;}
.article-text{backgroundd:rgba(255,0,2, 0.6);color:#fff;}


.btn{
  width: 200px;border:1px solid #fff;
  height: 40px;
  border-radius: 50px 20px 20px 0px;
  font-size: 20px;
  cursor: pointer;
  margin:10px;color:#fff;
  background:rgba(0,0,2, 0.7);
}
.btn:hover {
  background-color: #eee;color:#000;
}
.mySlides {display: none}
.fslideshow-container {
width:100vw;height:100vh;z-index: 99999;position: relative;margin: auto;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}


















/* ダイアログを開くボタン */
.open-button {
  margin: 10px;
  width: 200px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  background-color: #fcc891;
  cursor: pointer;
}

.open-button:hover {
  color: #ffffff;
  background-color: #ed7e07;
  box-shadow: 0 5px 5px #cccccc;
}

/* ダイアログ */
.modeless{position: fixed;top:0;
  width: 100%;z-index: 999999;
 overflow: auto;
  padding: 0;
  border: none;
  box-shadow: #595959 2px 2px 5px 2px;
}

/* モーダルダイアログの背後 */
.modal::backdrop {
  background-color: #12121290;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px); /* Safari */
}


/* ダイアログを閉じるボタン */
.close-button {
  width: 40px;right:0;
  height: 40px;margin:5px;
  font-size: 15px;
  font-weight: bold;
  background-color: #e6e6e6;
  cursor: pointer;
  border: none;z-index: 999999;top:50px;
  border-radius: 20px;position: fixed;
}

.close-button:hover {
  color: #ffffff;
  font-weight: bold;
  background-color: #ed7e07;
}