#g-station { background-color: #0b0938 } #g-station .doujou-common .content { width: 1100px; padding: 25px 0 40px 0; margin: 0 auto; background-color: #1d223f; -webkit-transform: translate(0, -25px); transform: translate(0, -25px) } #g-station .doujou-common .inner-box1 { width: 780px; margin: 0 auto } #g-station .doujou-common h1 { font-size: 38px; color: #fff; line-height: 1.5; font-weight: bold; margin: 0 30px } #g-station .doujou-common a { cursor: pointer  !important; text-decoration: underline; -webkit-transition: opacity .4s; transition: opacity .4s } #g-station .doujou-common a:hover { opacity: .7 } #g-station .doujou-common ul li { list-style-type: disc  !important; margin-left: 20px } #g-station .doujou-common .wid100 { width: 100% } #g-station .doujou-common .top { background-image: url(//static.lenovo.com/jp/Campaign-page/2020-Gaming-doujou-redesign/legion-doujou/doujou/column-top-bg.jpg); background-size: cover; padding: 0px 0 50px 240px } #g-station .doujou-common .top .article-head-top-pc { background-color: rgba(0, 0, 0, .431); margin: 0 px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 0 15px 20px; -ms-flex-wrap: wrap; flex-wrap: wrap } #g-station .doujou-common .top .article-head-top-pc div { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center } #g-station .doujou-common .top .article-head-top-pc .l-doujou { margin-right: 50px } #g-station .doujou-common .top .article-head-top-pc .windows { width: 440px } #g-station .doujou-common .top .article-head-top-pc .intel { margin: 0 30px 0 20%; width: 450px } #g-station .doujou-common .top .article-head-top-pc div:first-child { width: 15%; margin-top: .5vw } #g-station .doujou-common .top .article-head-top-pc div:nth-child(2) { width: 40%; min-width: 400px } #g-station .doujou-common .top .article-head-top-pc div:last-child { width: 40%; margin-left: 5%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } #g-station .doujou-common .top .top-inner { width: 1100px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 150px; padding-top: 50px; padding-bottom: 30px } #g-station .doujou-common .main { padding-left: 240px; color: #fff; background-image: url(//static.lenovo.com/jp/Campaign-page/2020-Gaming-doujou-redesign/legion-doujou/doujou/doujou-bg.jpg) } @media(max-width:769px) { #g-station .doujou-common .article-head-top-sp { background-color: rgba(0, 0, 0, .52); padding-bottom: 2vw } #g-station .doujou-common .article-head-top-sp .id-portal { width: 20%; margin: 2vw 4% 0 0 } #g-station .doujou-common .article-head-top-sp .windows { width: 70%; -webkit-transform: translate(0, -3vw); transform: translate(0, -3vw) } #g-station .doujou-common .article-head-top-sp .intel { width: 60vw; margin: 0 0 0 38vw } #g-station .doujou-common .content { width: 100% } #g-station .doujou-common .pc { display: none  !important } #g-station .doujou-common h1 { font-size: 24px } #g-station .doujou-common h1 span { font-size: 18px  !important } #g-station .doujou-common .top { padding: 0px 0 50px 0px } #g-station .doujou-common .top .top-inner { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0px; padding-top: 50px; padding-bottom: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #g-station .doujou-common .main { padding-left: 0 } #g-station .doujou-common .inner-box1 { width: 100%; padding: 0 30px } }