@charset "utf-8";
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.info {    
    font-family: "游明朝", YuMincho, serif;
    font-weight:500;
}
.main img{
    width:100%;
}

.btn-container {
    text-align:center;
}
.btn {
    font-size:1.5rem;    
    margin:0 5px;    
}
.btn i {    
    line-height:1.5;
}
    .btn.disabled {
        cursor:default;
        pointer-events:none;
    }
@media screen and (min-width: 1025px) {
.content {
    padding:40px 20px 0 20px;
    display:flex;
}
.main {
    width:60%;
}
.info {
    width:40%;    
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-content {
    font-size:1.4rem;
    padding:0px 40px;
}
#comment {
    height:120px;
}
}
@media screen and (max-width: 1024px) {
.content {
    margin-top:20px;
}
.main {
    width:100%;
    padding:5px;
}
.info {
    width:100%;
    padding:20px;
}
.info-content{
    font-size:2.5vh;
    text-align:center;
    padding-top:30px;
}
#comment {
    min-height: 120px;
}

}