body {
  background: url(./parts/back.gif);
  background-attachment:fixed;
}
.waku{
  background-color:black;
  padding: 30px 20px;
  border-radius: 25px;
}

.btn {
  position: fixed;
  text-decoration: none;
  margin-left:50px;
  margin-top:10px;
  width: 200px;
  z-index: 1;
}

.btn:hover{
  filter: brightness(50%);
}

.page_top {
  cursor: pointer;
  position: fixed;
  width: 100px;
  height: 60px;
  right: 50;
  bottom: 10;
  border-radius: 15px;
  background: black;
  border: 3px solid #777 ;
  z-index: 1;
}
.page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
.page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.page_top:hover{
  filter: brightness(50%);
}

.title{
  width: 35%;
}

.img_area{
  text-align:center;
  width: 80%;
}

.image_area_waku{
  max-width: 1050px;
}

.list_icon{
  display:inline-block;
  vertical-align:top;
  margin:2%;
}

.list_icon.ga{
  width: 150px;
  height:210px;
}
.list_icon.town{
  width: 200px;
  height:260px;
}
.list_icon.prof{
  width: 150px;
  height:210px;
}
.list_icon.line{
  width: 400px;
  height:360px;
}
.list_icon.S_tag{
  width: 110px;
  height:140px;
}

.list_icon img{
  cursor: pointer;
  width: 100%;
}
.list_icon img:hover{
  filter: brightness(50%);
}

.list_icon_box{
  margin-top:5px;
  height: 50px;
  width:100%;
}

.line_icon:hover{
  filter: brightness(50%);
}

.line_main{
  width: 200px;
}

.window{
  display:none;
  position: fixed;
  left: 17%;
  top:6%;
  background: url(./parts/back.gif);
  width: 65%;
  height: 90%;
  text-align: center;
  z-index: 3;
  overflow:hidden;
  overflow-y:scroll;
}

.window::-webkit-scrollbar {
 width: 13px;
 height: 10px;
}
.window::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(192, 255, 96, 0.3);//#c0ff60
}
.window::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: black;
}

.popup {
  width: 90%;
  max-width: 570px;
}

.pop-prof{
  display:inline-block;
  margin:2%;
}

.popup-img{
  width: 60%;
}

.prof_box1{
  display:inline-block;
  margin-top:20px;
  border-width : 1px;
  border-color : #ffffff;
  width: 40%;
}

.prof_box2{
  display:inline-block;
  width: 40%;
}

.ga_box{
  border-width : 1px;
  border-color : #ffffff;
}
#js-close-btn{
  cursor: pointer;
  position: absolute;
  background-color:black;
  padding: 10px 30px;
  border-radius: 10px;
  right: 3%;
}

.black-background {
  display:none;
  position: fixed;
  left: 0%;
  top:0%;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 2;
}

.L-tag{
  width:30%;
  min-width:150px;
  cursor: pointer;
}
.L-tag:hover{
  filter: brightness(50%);
}