#no01 #no1_btn {
  position: relative;
}
  #no01 #no1_btn .btn {
    width: 31.9%;
    position: absolute;
    left: 54%;
  }
  #no01 #no1_btn .btn.theme {
    bottom: 56%;
  }
  #no01 #no1_btn .btn.wallpaper {
    bottom: 25%;
  }

.footer_navi ul{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: -1px;
}
.footer_navi ul li{
	display: table-cell
}

.footer_to_top #pagetop {
    width: 12rem;
    position: relative;
    top: 2rem;
    left: 59%;
}
.footer_to_top .box {
    margin-top: 2%;
    padding: 14% 0 4% 0 !important;
    font-size: 13px;
    text-align: center;
}

#scroller {
    width:auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#scroller #inner img{
    width: 138%;
}
.btn_double ul li{
    width: 43.75%;
    float: left;
}
.btn_double ul li:last-child{
    width: 56.25%;
}

/*------------------------------
modal
-------------------------------*/

#modal-content01,
#modal-content02 {
    width: 100% ;
    position: fixed ;
    display: none ;
    z-index: 2 ;
}
#modal-content01 p img{
    margin: 0 auto;
}
#modal-content01 .adjust{
    height: 23px;
    position: relative;
    top: 0px;
}
#modal-overlay {
    z-index: 1 ;
    display: none ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    width: 100% ;
    height: 120% ;
    background-color: rgba( 0,0,0, 0.5 ) ;
}

.button-link {
    color: #00f ;
    text-decoration: underline ;
}
 
.button-link:hover {
    cursor: pointer ;
    color: #f00 ;
}

/*------------------------------------------------------------
  movie
------------------------------------------------------------*/

.news-post__media a{
  display: block;
  position: relative;
}

.news-post__media a{
  opacity: 1;
  -ms-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.no-touchevents .news-post__media a:hover{
  opacity: 0.75;
}

.news-post__media{
  /* width: 270px; */
  margin: auto;
}
.news-post__media img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.js-news-video-modal a::before,
.js-modal-movie a::before{
    background: none;
}
.modal-content .js-modal-movie a::before{
  background-image: none;
}