@charset "utf-8";
/* CSS Document */

.line .sp {
    display:none;
}
.line {
    text-align:center;
    max-width:800px;
    margin:0 auto;
    position:relative;
    margin-bottom:100px;
    background:#FCFCFC;
    padding-bottom:40px;
}
.line img {
    width:100%;
}
.line div.qr > * {
    display:inline-block;
}
.line div.qr {
    background:#4ECD00;
    color:#fff;
    text-align:center;
    font-size:40px;
    font-weight:bold;
    padding:13px 10px 0px;
    box-shadow: 0px -3px 10px rgba(0,0,0,0.2);
    z-index:10000 !important;
    position:relative;
}
.line div.qr p {
    vertical-align:top;
    line-height:124px;
}
.line div.qr span {
    width:124px;
    height:124px;
    background:url(img/icon.png) no-repeat -451px top;
}
.line h2 {
    font-size:40px;
    color:#4ECD00;
    font-weight:bold;
    padding:50px 0;
}
.line section {
    padding:0 40px 0px;
}
.line section .box {
    border:1px solid #ddd;
    padding:6%;
    margin-top:-1px;
    background:#fff;
}
.line section h3 {
    color:#525252;
    font-size:32px;
    font-weight:bold;
    line-height:1.3;
    margin-bottom:45px;
}
.line section div.img.single img {
    max-height:590px;
    width:auto;
}
.line .gr {
}

.line .box2 {
    border:1px solid #ddd;
    padding:6%;
    margin-top:-1px;
    background:#fff;
}
.line .box2 .apr {
    border-bottom:1px dashed #ddd;
    padding-bottom:30px;
    margin-bottom:30px;
}
.line .box2 .apr.buy {
    border: none;
    padding-bottom:0px;
    margin-bottom:0px;
}
.line .box2 .apr > p {
    font-size:40px;
    line-height:1.2;
    text-align:left;
    color:#D93600;
    margin-bottom:25px;
}
.line .box2 .apr.buy > p {
    color:#13A9E0;
}
.line .box2 .apr > p span.ic {
    display:block;
    width:224px;
    height:224px;
    float:left;
    background:url(img/icon.png) no-repeat left top;
}
.line .box2 .apr.buy > p span.ic {
    background:url(img/icon.png) no-repeat -225px top;
}
.line .box2 .apr > p span.t {
    display:block;
    float:left;
    padding-top:60px;
    margin-left:30px;
    font-weight:bold;
}
.line .box2 ul li {
    display:inline-block;
    margin:6px;
}
.line .box2 ul li:first-child {
    margin-left:0;
}
.line .box2 ul li:last-child {
    margin-right:0;
}
.line .box2 ul li a {
    width:307px;
    height:91px;
    background:url(img/icon.png) no-repeat left -225px;
    display:block;
}
.line .box2 ul li p {
    font-size:24px;
    margin-top:5px;
}
.line .box2 ul li.ggl a {
    background:url(img/icon.png) no-repeat -307px -225px;
}
.floating {
    background:#4ECD00;
    position:fixed;
    width:100%;
    left:0;
    bottom:0;
    text-align:center;
    box-shadow: 0px -3px 10px rgba(0,0,0,0.2);
    display:none;
}
.floating a {
    color:#fff;
    font-size:32px;
    font-weight:bold;
    line-height:1;
    width:100%;
    display:block;
    padding:15px 0 12px;
}
.floating a span {
    color:#fff;
    font-size:23px;
    font-weight:lighter;
}
#footer{
    padding:0 0 130px;
}
@media screen and (max-width: 768px) {
    .line div.qr {
        display:none;
    }
.line {
    margin-bottom:30px;
    padding-bottom:25px;
}
.line h2 {
    font-size:20px;
    padding:30px 0;
}
.line section {
    padding:0 20px 0px;
}
.line section h3 {
    font-size:16px;
    margin-bottom:15px;
}
.line section div.img.single img {
    width:70%;
}
.line .box2 {
    padding:5%;
}
.line .box2 .apr {
    padding-bottom:20px;
    margin-bottom:20px;
}
.line .box2 .apr > p {
    font-size:18px;
    margin-bottom:10px;
}
.line .box2 .apr > p span.ic {
    display:block;
    width:80px;
    height:80px;
    float:left;
    background:url(img/icon.png) no-repeat left top;
    background-size:219px;
}
.line .box2 .apr.buy > p span.ic {
    background:url(img/icon.png) no-repeat -80px top;
    background-size:219px;
}
.line .box2 .apr > p span.t {
    padding-top:19px;
    margin-left:10px;
}
.line .box2 ul li {
    display:inline-block;
    margin:2px;
}
.line .box2 ul li:first-child {
    margin-left:0;
}
.line .box2 ul li:last-child {
    margin-right:0;
}
.line .box2 ul li a {
    width:120px;
    height:36px;
    background:url(img/icon.png) no-repeat left -88px;
    background-size:240px;
}
.line .box2 ul li p {
    font-size:12px;
    margin-top:3px;
}
.line .box2 ul li.ggl a {
    background:url(img/icon.png) no-repeat -120px -88px;
    background-size:240px;
}

.line .sp {
    display:block;
}


.floating a {
    font-size:20px;
    line-height:1.2;
    padding:14px 0;
}
.floating a span {
    font-size:17px;
}
#footer{
    padding:0 0 80px;
}

}