@media screen and (min-width: 768px) {
html {
font-size: 64px !important;
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
.leo-container {
width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.leo-container > header .leo-po-fi,
.leo-foot-wrap,
.cube-popup {
width: 100%;
max-width: 480px;
left: 50% !important;
right: auto !important;
transform: translateX(-50%);
}
.leo-go-top.leo-po-fi {
width: .9rem;
max-width: .9rem;
left: auto !important;
right: calc((100vw - 480px) / 2 + 0.2rem) !important;
transform: none !important;
}
#bottom-right.aui-popup {
left: auto !important;
right: calc((100vw - 480px) / 2 + 0.2rem) !important;
top: auto !important;
bottom: 2.55rem !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
transform: none !important;
}
#bottom-right .aui-popup-content {
left: auto !important;
right: 0 !important;
top: auto !important;
bottom: 0 !important;
width: auto !important;
transform: none !important;
-webkit-transform: none !important;
}
#bottom-right .aui-list {
width: auto !important;
min-width: 0 !important;
}
#video-frame {
display: block;
width: 100% !important;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1024px) {
.leo-mod-title-pc-fix {
position: relative;
padding-right: 2.7rem;
}
.leo-mod-title-pc-fix .leo-more-pc-fix {
left: auto !important;
right: 0.2rem !important;
max-width: calc(100% - 2.9rem);
white-space: nowrap;
}
}