body.color {background-color: #ccffff;}

div.menu {width: 360px; max-height:100%; background-color: #aaddff;}
div.ta{float: left; width: 500px; height: auto;}
div.tb{float: left; width: 500px; height: auto;}

p.long {line-height: 2.2; margin : 10px ;
　　width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
p.lead {line-height: 1.6;}
p.list {line-height: 1.8;}
p.note {font-size: 80%; line-height: 1.4;}
p.dan {margin-left: 40px; text-indent: -1em; line-height: 1.4;}
p.cl{clear: both;}

img.ns{float: left; max-width:97%; object-fit: cover;}
img.nt{float: left; width: 472px; height: 880px;}
img.s{float: left; margin-right: 8px; height: 25%; width: 25;}
img{float: left; margin-right: 8px;}

section{padding-bottom: 2px; margin-bottom: 2px;}
section:after{display: block; content: ""; clear: both;}

#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #ef3f98;
  opacity: 0.6;
  border-radius: 15px;
}
#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;
}