mobile - update

This commit is contained in:
lbard33
2026-01-16 16:12:48 +09:00
parent 2635aff0ea
commit 39de8edde4
8 changed files with 305 additions and 112 deletions

View File

@@ -280,3 +280,61 @@
.list__posts li a{display:block;width:100%;height:100%;}
.list__posts li:hover{text-shadow:1px 0px 1px RGBA(0,0,0,0.3);}
.list__posts li:hover .lists__img{box-shadow:1px 1px 5px RGBA(144,20,68,0.2);}
@media (max-width: 1023px) {
html, body{margin:0;overflow-x:hidden;min-height:100%;}
.body__wrap{width:100%;max-width:640px;margin:0 auto;position:relative;}
.nav__div{height:30px;border:none;padding:20px;position:absolute;}
.nav__title{display:none;}
.menu__wrap{width:calc(100% - 40px);z-index:999;max-width:640px;position:absolute;height:100vh;}
.wixon__wrap{width:100%;}
header{height:70px;}
.header__inner{width:100%;height:70px;}
h1{margin:0 !important;}
.header__inner h1 img{height:70px;padding:10px 20px;}
.container{margin-top:30px;}
.content{border:none;}
.content__inner{display:none;}
.fake__lists{display:block;}
.fake__lists li{border-bottom: 1px solid #e7e6e7;padding-top:30px;}
footer{height:100%;position:relative;}
.footer__inner{display:block;padding:0 20px;width:auto;}
.footer__tel{padding-top:30px;}
.footer__info{text-align:center;}
.footer__info ul{display:none;}
footer address{margin-top:10px;}
.slogan{display:none;}
.footer__logo{margin:0;padding:50px 0;text-align:center;}
.footer__logo img{width:70%;}
.container__post .content{width:auto;padding:0 30px;}
.title__div{display:block;height:auto;line-height:1em;padding:10px;width:auto;}
.content__title{line-height:1.5em;text-indent:0;}
.content__date{padding-top:10px;}
.content__desc{padding:10px;word-break:break-word;}
.content__desc > div{width:auto !important;}
.other__list__way{flex-shrink: 0;}
.other__list__title{padding-left:20px;}
.other__list__date{display:none;}
.btn__area{text-align:center;display:flex;justify-content: space-around;padding-top:30px;padding-bottom:0;}
.btn__area a{margin:0;width:30%;}
.login__container{padding-top:50px;}
.login__container .uk-form-stacked{padding-top:50px;width:auto !important;min-width:auto !important;}
.post__container form{width:auto !important;min-width:auto !important;}
}