@charset "utf-8";
/* Line */
body{background: #f9f4e3;}
footer .list-btn{justify-content: center;}
#fix-btn-sp{background: linear-gradient(to right, #f5c04e 0%, #f5c04e 50%, #b78210 51%, #b78210 100%); justify-content: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);}
#fix-btn-sp a img{box-shadow: none;}

.line{padding: 9rem 0 14rem; text-align: center;}
.line-tit{font-size: 3.4rem; color: #916f2b; display: flex; align-items: center; justify-content: center; margin: 0 0 6rem;}
.line-tit:before,
.line-tit:after{content: ''; width: 2px; height: 9rem; background: #916f2b;}
.line-tit:before{margin-right: 1em; transform: rotate(-35deg); -webkit-transform: rotate(-35deg);}
.line-tit:after{margin-left: 1em; transform: rotate(35deg); -webkit-transform: rotate(35deg);}

.line-close{font-size: 2rem; line-height: 1; display: block; width: 28rem; padding: 1em 0; border-radius: 3px; color: #fff; background: linear-gradient(to right, #ad9360, #6d5320); text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.59); margin: 0 auto;}
.line-close:hover{background: #6d5320;}

.qrcode{text-align: center; font-size: 2rem; line-height: 1; padding: 1em 0; background: #fff; display: inline-block; border-radius: 2em; border: 1px solid #916f2b; color: #916f2b; margin: 0 auto; width: 20rem;}
.qrcode-img{margin: 4rem auto; width: 70%;}
.qrcode-txt{font-size: 2.4rem; margin: 0 0 10rem;}

/*          Media
----------------------------*/
@media (max-width: 767px){
    .line-tit:before,
    .line-tit:after{height: 15rem;}
    .line-tit:before{transform: rotate(-20deg); -webkit-transform: rotate(-20deg);}
    .line-tit:after{transform: rotate(20deg); -webkit-transform: rotate(20deg);}
}