.left-nav{ position: fixed; left: 2.6vw; top: 31.83vw; padding: 26px; border-radius: 8px; border:1px solid rgba(194,198,213,1); } .left-nav div{ font-size:18px; font-weight:400; columns: #444444;; line-height:25px; } .left-nav div:first-child{ margin-bottom: 35px; } .active{ color: #5A74CB; } .banner{ width: 100%; height: 23.44vw; margin-top: 88px; } .main{ margin: 30px auto; box-sizing: border-box; } .title{ text-align: center; font-size:32px; font-weight:600; color:rgba(51,51,51,1); margin-bottom:20px; } .time{ text-align: center; font-size:16px; font-weight:400; color:#999; } .content{ margin-top: 2.6vw; font-size:16px; } .content iframe{ max-width:100%; } .content p{ font-size:16px; text-indent:2em; } .content img,.content video{ max-width: 100%; margin: 10px auto; display:block; } .content a{ color:#547DD4; border-bottom:1px dotted #547DD4; } .nextprev{ color:#999; } .nextprev a:hover{ color:#3677E2; } .relate{ margin-top:30px; } .relate h3{ font-weight:700; } .relate .image{ height:140px; border-radius:8px; } .relate h4{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .relate a{ display:block; } .relate .row div{ margin:10px auto; } .product{ margin-top:40px; } .product h3{ font-weight:700; } .product .con{ margin:20px auto; } .product .item{ margin: 10px 0 30px 0; } .product h4{ font-size:16px; font-weight:700; } .product a{ display:block; height:100%; } /* PAD */ @media screen and (min-width:768px) and (max-width:1199px) { .left-nav{ padding: 22px; } .left-nav div{ font-size: 16px; } .title{ font-size: 26px; margin-bottom:15px; } .time{ font-size: 16px; line-height: 25px; } .main{ width:94%; margin:40px auto; } } /* 鎵嬫満 */ @media screen and (max-width:767px) { .banner{ margin-top: 64px; } .left-nav{ display: none; } .main{ width:94%; margin:20px auto; } .title{ font-size: 18px; margin-bottom:10px; } .time{ font-size: 12px; } .content{ margin-top: 2.6vw; font-size:16px; } }