.shere{
    background-image: url(img/pc/btm-back.jpg);
    background-size:100% ;
    background-repeat: no-repeat;

}


button{
	background: none;
    border: none;
    padding: 0;
    }
    
.btmc{
	display:inline-block;
	width:23%;
	
}


.btmeria{
	width:100%;
	text-align:center;
	
	}
	

@media screen and (max-width:700px) {
.btmeria img{
	width: 92%;
    margin: 0;
	}
	
}
.line-it-button{ width: 22%;
    margin: 24% 3% 13% 3%;}
    
    
    
    
    
@media screen and (min-width:701px) and (max-width:5000px){
body{
max-width:5000px; 
margin:auto;
}
.btmeria img{

    margin: 0;
	}
	.buttoncopy1{
	width: 92%;
    margin: 0;
	}
	
	.buttoncopy2{
	width: 92%;
    margin: 0;
	}
.buttoncopy3{width:92%;}
}


.shere{
    background-image: url(img/pc/btm-back.jpg);
    background-size:100% ;
    background-repeat: no-repeat;
}

button{
	background: none;
    border: none;
    padding: 0;
}
    
.btmc{
	display:inline-block;
	width:23%;
}

.btmeria{
	width:100%;
	text-align:center;
}

@media screen and (max-width:700px) {
    .btmeria img{
        width: 92%;
        margin: 0;
    }
    
    .acord {
    background-image:url("img/harukas_gundam_backsp.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; /* 背景を固定 */
}
    
    
}

.line-it-button{
    width: 22%;
    margin: 24% 3% 13% 3%;
}
    
@media screen and (min-width:701px) and (max-width:5000px){
    body{
        max-width:5000px; 
        margin:auto;
    }
    .btmeria img{
        margin: 0;
    }
    .buttoncopy1, .buttoncopy2, .buttoncopy3 {
        width: 92%;
        margin: 0;
    }
}

.accordion {
    margin:0 auto;
    width: 100%;
}
.toggle {
    display: none;
}
.option {
    position: relative;
    margin-bottom: 0;
}
.title,
.content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}
.title {
    padding: 0;
    display: block;
}
.title::after,
.title::before {
    content: "";
    transition: all 0.3s;
}
.content {
    max-height: 0;
    overflow: hidden;
}
.content p {
    margin: 0;
}
.toggle:checked + .title + .content {
    max-height: 3000px;
    transition: all 1.5s;
}
.toggle:checked + .title::before {
    transform: rotate(90deg) !important;
}

.acord {
    background-image:url("img/harukas_gundam_back.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; /* 背景を固定 */
}
    
.buttonhover:hover {
    opacity:0.8;
}

.wrapper {
	background-color: ;
}
    
a:hover img {
    opacity: 0.7;
}

/* ふわっと表示するためのCSS */
section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================
  フローティングバナー（追従バナー）
========================== */
.bl_floatingBanner {
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 150px;
  max-width: 100%;
  z-index:1111;
}
.bl_floatingBanner.js_close {
  display: none;
}
.bl_floatingBanner_img {
  display: block;
  transition: 0.3s;
}
.bl_floatingBanner_img:hover {
  opacity: 0.6;
}
.bl_floatingBanner_close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: -15px;
  cursor: pointer;
}
.bl_floatingBanner_close span:nth-of-type(1) {
  position: absolute;
  top: 7px;
  right: 0;
  width: 15px;
  height: 1px;
  background-color: #000;
  transform: rotate(45deg);
}
.bl_floatingBanner_close span:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 7px;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(45deg);
}