.nav-wrap {
  position: relative;
}
.scroll-nav {
  width: 100%;
  background: #73e600; /* ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®èƒŒæ™¯è‰² */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* æ…£æ€§ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ« */
}
.scroll-nav ul {
  max-width: 1060px; /* ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æœ€å¤§å¹… */
  min-width: 770px; /* ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æœ€å°å¹… */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 25px; /* å³å´ã®å›ºå®šåˆ†ä½™ç™½ã‚’ç©ºã‘ã‚‹ */
}
.scroll-nav ul li {
  float: left;
  width: 16.00%; /* ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å€‹åˆ¥ã®å¹… */
  text-align: center;
}
.scroll-nav ul li:hover {
  background: #ffa500; /* ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼æ™‚ã®èƒŒæ™¯è‰² */
}
.scroll-nav ul li a {
  display: inline-block;
  color: #FFFFFF; /* ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æ–‡å­—è‰² */
  text-decoration: none;
  font-weight:bold;
}
.next-btn { /* å³å´ã«å›ºå®šã™ã‚‹éƒ¨åˆ† */
  position: absolute;
  top: 0;
  right: 0;
  width: 25px; /* å›ºå®šéƒ¨åˆ†ã®å¹… */
  height: 40px; /* ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é«˜ã•ã«åˆã‚ã›ã‚‹ */
  line-height: 40px;
  background: #73e600;
  color: #555;
}
.scroll-nav ul li {
  border-left: 2px solid #fff;
    border-right: 2px solid #fff;
  box-sizing: border-box;
}
.scroll-nav ul li + li {
    border-left: none;
}

.box{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:2%;
	padding-bottom:0px;
	
	background-color:;
}

.text{
	color:#000;
	font-size:100%;
	font-weight:bold;
	text-align:center;
}

.gallery-demo-wrapper {
        list-style: none;
        text-align: center;
        padding-left: 0;
        margin-bottom: 36px;
      }

#page-top {
	display:none;
	position:fixed;
	right:8px;
        z-index:99;
}

#page-top a{
	display:block;
	z-index:0;
	text-decoration:none;
	text-align:center;
	width:50px;
	height:45px;
	border-radius:50%;
}

#page-top img{
	height: 50px;
    width: 50px;
    margin-top: 21px;
    border: 0;
}

#page-top:active {
	opacity:0.5;
}

@media screen and (max-width: 460px) {
  .lum-lightbox-inner img {
    max-width: 95vw !important;  /* 100%位に表示 */
    max-height: 85vh !important; /* 上下に適度に余白 */
  }


@media screen and (max-width: 460px) {
 .lum-lightbox-caption{
   max-width: 95vw !important;  /* 100%位に表示 */
   position:absolute;
 }


