DMSビデオ

:root{--main:#e57808; --deputy:#e57808; --width:1600px; --font:"モントセラト"; }

.contact-wechat img{width:100px; height:auto; display:none; position:absolute; top:-25px; left:-110px; transform:scaleX(0); transform-origin:center center; transition:transform 0.3s ease, width 0.3s ease; }

.contact-items-bg .contact-wechat:hover img{display:block; transform:scaleX(1); }

.layout{オーバーフロー:hidden; }

.layout-bg{box-sizing:border-box; width:var(--width); max-width:100%; margin:auto; Overflow:visible; }

.clear{表示:なし; }

.page-layout .mod{display:none !important; }

.page-layout .layout{position:static !important; }

.page-layout .layout-bg{flex-direction:inherit !important; align-items:inherit !important; }

.main{位置:相対; }

.page-body .main{position:static !important; }

.page-layout .left .left-bottom-bg{display:block; padding:inherit !important; }

.page-layout .layout-foot .left .left-bottom-right{padding:inherit !important; }

.layout-sys2 .left、.layout-sys2 .right、.layout-sys3 .left、.layout-sys3 .center、.layout-sys3 .right、.layout-sys4 .left、.layout-sys4 .centerleft、.layout-sys4 .centerright、.layout-sys4 .right、.layout-sys4-1 .left、.layout-sys4-1 .right、.layout-sys4-1 .right .right-top、.layout-sys4-1 .right .right-bottom、.layout-sys4-1 .right .right-bottom-left、.layout-sys4-1 .right .right-bottom-right、.layout-sys4-2 .left、.layout-sys4-2 .right、.layout-sys4-1 .right .right-top、.layout-sys4-1 .right .right-bottom、.layout-sys4-2 .right .right-top-left、.layout-sys4-2 .right .right-top-right、.layout-sys4-3 .left、.layout-sys4-1 .left .left-top、.layout-sys4-1 .left .left-bottom、.layout-sys4-3 .left .left-top-left、.layout-sys4-3 .left .left-top-right、.layout-sys4-3 .right、.layout-sys4-4 .left、.layout-sys4-1 .left .left-top、.layout-sys4-1 .left .left-bottom、.layout-sys4-4 .left .left-bottom-left、.layout-sys4-4 .left .left-bottom-right、.layout-sys4-4 .right{幅:自動; }

input[type="text"],input[type="password"],input[type="email"],textarea{-webkit-appearance:none; }

入力:フォーカス{アウトライン:なし;}

テキストエリア:フォーカス{アウトライン:なし;}

.mod h1、.mod h2、.mod h3、.mod h4、.mod h5{font-size:inherit; font-weight:inherit; font-family:var(--font); }

.mod-content .content-bg{オーバーフロー:hidden; }

ボタン{font-size:inherit; font-weight:inherit; font-family:inherit; }

ボタン:ホバー{不透明度:1 !重要; }

.mod a{display:inline-block; color:inherit; transition:All 0.3s ease-in-out; font-family:var(--font); }

.mod{color:#333; font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); font-family:'Inter','Arial',sans-serif; font-weight:400; }

.mod-color .mod-content img{display:block; max-width:100%; margin:auto; transition:All 0.3s ease-in-out; }

*:disabled{カーソル:許可されていません!重要; }

.disabled{カーソル:許可されていません !重要; }

*:before,*:after{transition:All 0.3s ease-in-out; }

.layout-page{padding:calc(2% + 20px) 0; }

.layout-page .left{width:calc(77.5% - 1vw - 10px); }

.レイアウトページ .right{幅:22.5%; }

.layout-page .mod-color+.mod-color{margin-top:calc(1vw + 20px); }

.layout-page .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); }

.layout-page .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); color:#000; font-weight:500; }

.layout-pagecontact{padding:calc(2% + 20px) 0; }

.layout-pagecontact .layout-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; }

.layout-pagecontact .left、.layout-pagecontact .right{width:calc(50% - 1vw - 10px); }

.layout-pagecontact .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); }

.layout-pagecontact .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); color:#000; font-weight:500; }

.layout-nav{transition:All 0.3s ease-in-out; Overflow:visible; Position:sticky; Top:0; Z-index:8; Background:var(--main); Box-shadow:0 5px 10px rgba(0,0,0,0.1); }

.layout-nav .layout-bg{display:flex; align-items:center; justify-content:space-between; }

.layout-share{背景:#333; }

.layout-share .layout-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:calc(1vw + 10px) 0; border-bottom:1px solid rgba(255,255,255,0.5); }

.layout-foot{padding:calc(2% + 20px) 0; background:#333; }

.layout-foot .layout-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }

@media(最大幅:1700px){

.layout-bg{幅:calc(100% - 4vw - 40px); }

}

@media(最大幅:1600px){

.layout-bg{幅:calc(100% - 2vw - 20px); }

}

@media(最小幅:769px){

.layout-nav .center{flex:1 1 0; }

.layout-share .left{flex:1 1 0; }

.layout-foot .left{width:calc(75% - 1vw - 10px); }

.layout-foot .right{width:calc(25% - 1vw - 10px); }

}

@media(最大幅:768px){

.mod-othercontent01 .mod-content img{max-width:inherit; width:100%; }

.layout{最小幅:320px; }

.layout-bg{幅:calc(100% - 2vw - 20px); }

.layout-pagecontact .layout-bg > div{幅:100%; パディング:10px 0; }

.layout-page .layout-bg > .left{width:100%; }

.layout-page .layout-bg > .right{width:100%; padding-top:20px; }

.layout-top{position:sticky; top:0; z-index:9; }

.layout-nav{高さ:50px; 上:40px; z-index:8; パディング:10px 0; }

.layout-nav .left{order:2; flex:auto; }

.layout-nav .center{order:1; }

.layout-nav .right{order:3; }

.layout-share .layout-bg > div{幅:100%; パディング:10px 0; }

.layout-foot .layout-bg > div{幅:100%; パディング:10px 0; }

}

.mod .pagination{padding:5px 0; display:flex; align-items:center; justify-content:center; }

.mod .pagination .pagination-nav li{float:left; margin:2px; }

.mod .pagination .pagination-nav li a{text-align:center; background:#f0f0f0; display:block; line-height:30px; Overflow:hidden; color:#333; border-radius:3px; font-size:14px; padding:0.5px; min-width:20px; cursor:pointer; text-transform:uppercase; }

.mod .pagination .pagination-link:hover{background:var(--main); color:#fff; }

.mod .pagination .pagination-nav .pagination-active .pagination-link{cursor:not-allowed; color:#aaa; background:transparent; }

.mod .pagination .pagination-nav .pagination-disabled a{cursor:not-allowed; background:transparent; color:#ccc !important; }

.mod .pagination .page-goto{display:flex; align-items:center; justify-content:center; }

.mod .pagination .page-goto > *{margin:2px; }

.mod .pagination .page-goto .pager-label{line-height:30px; padding:0.5px; color:#fff; }

.mod .pagination .page-goto .textfield-normal{height:20px; min-width:40px; line-height:20px; background:#f0f0f0; color:#333; font-size:14px; padding:5px; border-radius:50vw; margin:0.5px; border:none; text-align:center; }

.mod .pagination .page-goto .pager-button{background:#f0f0f0; display:block; padding:1px 10px; line-height:30px; color:#333; font-size:14px; border-radius:3px; }

.mod .pagination .page-goto .pager-button:hover{background:var(--main); color:#fff; }

@media(最大幅:480px){

.mod .pagination .pagination-nav li{display:none; }

.mod .pagination .pagination-nav li:first-of-type,.mod .pagination .pagination-nav li:last-of-type{display:block; }

}

.mod-detail .bottom-bg{行の高さ:20px; 色:#333; }

.mod-detail .bottom-bg > div{display:flex; align-items:center; }

.mod-detail .bottom-bg a{flex:1 2 0; display:block; text-overflow:ellipsis; white-space:pre; Overflow:hidden; color:#333; }

.mod-detail .mod-bottom span:after{content:":"; padding:0 3px; }

.mod-detail .mod-bottom a{color:var(--main); }

.mod-detail .mod-bottom a:hover{テキスト装飾:下線; }