@charset "UTF-8"; /* kv sup */ .main_visual.ncb_kv > img.spNone{ position:relative; } /*dummy*/ .main_visual.ncb_kv{ border: solid 1px #7cbe42; border-width: 10px 0; box-sizing: border-box; position:relative; } .main_visual.ncb_kv > img{ position:absolute; width:auto; height:auto; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } /* layout common */ .mt20{ margin-top:20px; } .ncb_cont, .ncb_cont * { box-sizing: border-box; } .ncb_cont img { width:auto; height:auto; max-width:100%; } .ncb_sec { width:982px; margin:0 auto; padding: 55px 0; } .ncb_sec li{ line-height: 2; } p.ncb_att::before, .ncb_att > li::before { content: "※ "; } p.ncb_att, .ncb_att > li { text-indent:-1.35em; padding-left:1.35em; } .ncb_list > li{ text-indent:-1em; padding-left:1.2em; margin-left:-0.5em; } .ncb_list li::before{ content:"・"; } .ncb_ex > a:link, .ncb_ex > a:visited, .ncb_ex > a:hover, .ncb_ex > a:active, .ncb_lineup a:link, .ncb_lineup a:visited, .ncb_lineup a:hover, .ncb_lineup a:active, .ncb_report a:link, .ncb_report a:visited, .ncb_report a:hover, .ncb_report a:active { text-decoration: none; } .ncb_link{ color: #00f; } .ncb_link:link, .ncb_link:visited, .ncb_link:hover, .ncb_link:active{ color: #00f; } .ncb_acc dt, .ncb_ex > a, .ncb_lineup a img, .ncb_lineup .ncb_acc a { transition: all 0.3s ease; } .ncb_acc dt:hover, .ncb_ex > a:hover, .ncb_lineup a:hover img{ opacity: 0.7; } .ncb_lineup .ncb_acc a:hover{ background:rgba(0,0,0,0.6) } .ncb_acc dt{ cursor: pointer; } .ncb_report figure { margin:0; } /* content */ .ncb_sec h2, .ncb_sec h3{ text-align:center; color:#df332a; margin-bottom:0; } .ncb_lead.ncb_sec h2, .ncb_sec h3{ margin-bottom:55px; } .ncb_lead.ncb_sec{ padding: 0 0 55px; } .ncb_lead > ul{ display: flex; justify-content:space-around; margin-bottom:40px; counter-reset:count; } .ncb_lead > ul > li{ width:400px; margin:0; padding:0; } .ncb_lead > ul > li > ol > li::before{ counter-increment:count; content: "※" counter(count) " "; } .ncb_lead > ul > li > ol > li { text-indent:-2em; padding-left:2em; } .ncb_lead > ul > li > ol { text-align:center; } .ncb_concept > li > dl { margin:40px 1em 50px; } .ncb_concept > li:last-child > dl{ margin-bottom:0; } .ncb_concept > li > dl dt{ font-weight:bold; margin-bottom:1em; } .ncb_enjoy > li{ margin-bottom:27px; } .ncb_enjoy > li:last-child{ margin-bottom:0; } .ncb_ex{ display: flex; position:relative; margin-bottom:55px; } .ncb_ex.ncb_ex_re{ flex-direction:row-reverse; } .ncb_ex > div, .ncb_ex > dl, .ncb_ex.ncb_ex_re > p{ width:50%; } .ncb_ex.ncb_ex_re > div{ text-align:right; } .ncb_ex > a{ position:absolute; bottom:0; right:0; display: block; background:#008fcc; color: #fff; font-weight: bold; padding: 5px 30px; text-align:center; } .ncb_ex > dl dt { font-size: 200%; line-height: 1.6; margin-bottom: 17px; color:#008fcc; } .ncb_ex > dl dd, .ncb_ex.ncb_ex_re > p { line-height: 2; } .ncb_present{text-align:center; margin-top:20px; } .ncb_point {margin-bottom:40px;} .ncb_point dt{ padding:20px 0; font-size:30px; font-weight:bold; text-align:center; background:url(https://acerjapan.com/content/images/products/notebook/common/circle-down_g.png) center right no-repeat; position:relative; } .ncb_point dt.ncb_active{ background:url(https://acerjapan.com/content/images/products/notebook/common/circle-up_g.png) center right no-repeat; } .ncb_point dt:nth-of-type(1) { color: #df332a; } .ncb_point dt:nth-of-type(2) { color: #4db246; } .ncb_point dt:nth-of-type(3) { color: #008fcc; } .ncb_point dt:nth-of-type(4) { color: #ffc72c; } .ncb_point dt:nth-of-type(5) { color: #757575; } .ncb_point dd{ display:flex; padding-bottom:40px; } .ncb_point dd:nth-of-type(odd){ flex-direction: row-reverse; } .ncb_point dd > div:first-of-type{ width:30%; text-align:center; } .ncb_point dd > div:last-of-type{ width:70%; } .ncb_lineup h4 { font-size: 200%; line-height: 1.6875em; margin-bottom: 17px; text-align:center; } .ncb_lineup.fot_list { margin-bottom:0; } .ncb_lineup.fot_list > ul { padding:0; animation: none; } .ncb_lineup.fot_list > ul > li { float:none; position:relative; z-index:10; } .ncb_sec .ncb_lineup.fot_list li{ line-height:1.6; } .fot_list > ul .thumbnail img { height:auto; } .ncb_lineup > ul{ display: flex; flex-wrap: wrap; justify-content: center; } .ncb_lineup > ul > li { width:196px; text-align:center; margin: 0 33px 40px; } .ncb_lineup > ul > li:nth-child(4n) { margin-right:0; } .ncb_lineup .text { margin-top:20px; } .ncb_lineup .text p { line-height:1.6; } .ncb_lineup .ncb_acc > dt{ position: absolute; bottom: 0; width:100%; text-align:center; background:#b71818; color:#fff; padding:2px; } .ncb_lineup .ncb_acc > dd{ position: absolute; bottom: 0; z-index:20; width:100%; margin-bottom:34px; } .ncb_lineup .ncb_acc > dd a{ display:block; padding:6px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #ccc; } .ncb_lineup .ncb_acc > dd li:last-child a{ border-bottom:0; } .ncb_report{ display: flex; flex-wrap:wrap; } .ncb_report > li{ display: flex; width:30%; margin-top:2em; margin-right:5%; } .ncb_report > li:nth-child(3n){ margin-right:0; } .ncb_report > li:nth-child(-n+3){ margin-top:0; } .ncb_report > li > a{ display: flex; flex-direction:column; width:100%; border-radius:10px; border:solid 2px; } .ncb_report > li:nth-child(5n+1) > a{ border-color:#f3bf0a; } .ncb_report > li:nth-child(5n+2) > a{ border-color:#1486bd; } .ncb_report > li:nth-child(5n+3) > a{ border-color:#c23c31; } .ncb_report > li:nth-child(5n+4) > a{ border-color:#4db246; } .ncb_report > li:nth-child(5n+5) > a{ border-color:#757575; } .ncb_report figure { height:200px; overflow:hidden; background:#f8f8f8; border-radius: 8px 8px 0 0; position:relative; } .ncb_report > li.ncb_sup figure img{ object-fit:cover; width:auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .ncb_report figcaption { margin: 1em 1em 0.5em; } .ncb_report > li > a > span{ display:block; margin-top:auto; padding:0 1em 0.5em; text-align:right; color:#999; font-size:0.8em; } @media screen and (max-width: 768px){ /* kv sup */ .main_visual.ncb_kv{ border:none; } main#product .product_present_area .main_visual { padding-top:0 ;} main#product .product_present_area .main_visual img{ width:100%; height:auto; } /* layout common */ .ncb_sec{ width:100%; padding: 25px 1em; } .ncb_lead.ncb_sec{ padding: 0 1em 25px; } .ncb_lead > ul > li > ol > li{ font-size: 68.75%; } .ncb_sec dt, .ncb_sec dd, .ncb_sec figcaption{ font-size: 68.75%; line-height: 1.63em; } /* content */ .ncb_lead.ncb_sec h2, .ncb_sec h3{ margin-bottom:25px; } .ncb_lead > ul{ width:81.75%; flex-direction:column; margin-left:auto; margin-right:auto; text-align:center; } .ncb_lead > ul > li{ width:100%; margin-top:30px; } .ncb_lead > ul > li:first-child{ margin-top:0; } .ncb_concept > li > dl { margin:30px 10px 40px; } .ncb_concept > li > dl p{ font-size:100%; } .ncb_enjoy > li{ margin-bottom:10px; } .ncb_enjoy > li:last-child{ margin-bottom:0; } .ncb_ex{ flex-direction:column-reverse; padding-bottom:3em; margin-bottom:25px; } .ncb_ex.ncb_ex_re{ flex-direction:column; padding-bottom:0; } .ncb_ex > div, .ncb_ex > dl, .ncb_ex.ncb_ex_re > p{ width:100%; } .ncb_ex > div{ text-align:center; } .ncb_ex > dl dt { font-size: 100%; } .ncb_ex > a { width:90%; padding: 5px 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .ncb_point dt{ padding:10px 0; font-size:18px; text-align:left; background-size:18px; } .ncb_point dt.ncb_active{ background-size:18px; } .ncb_point dd{ flex-direction: column; padding-bottom:20px; } .ncb_point dd:nth-of-type(odd) { flex-direction: column; } .ncb_point dd > div:first-of-type, .ncb_point dd > div:last-of-type{ width:100%; } .ncb_point dd > div:first-of-type{ padding-bottom:10px; } .ncb_lineup h4 { font-size: 100%; } .ncb_lineup.fot_list { width:100%; } .ncb_report > li{ margin-right:0; } .ncb_lineup > ul{ margin-left: -10px; margin-right: -10px; justify-content: flex-start; } .ncb_lineup > ul > li { width:50%; margin: 0 0 20px; padding-bottom:40px; } .ncb_lineup > ul > li:nth-of-type(even), .ncb_report > li:nth-of-type(even) { padding-left:5px; } .ncb_lineup > ul > li:nth-of-type(odd), .ncb_report > li:nth-of-type(odd) { padding-right:5px; } .fot_list > ul > li:nth-child(2n) { margin: 0 0 20px; } .ncb_lineup .text { margin-top:10px; } .ncb_lineup .ncb_acc > dd{ margin-bottom:24px; } .ncb_report > li, .ncb_report > li:nth-child(-n+3){ width:50%; margin-top:2em; } .ncb_report > li:nth-child(-n+2){ margin-top:0; } .ncb_report > li > a > span{ font-size: 68.75%; } } @media screen and (max-width: 567px){ .ncb_report{ flex-direction:column; } .ncb_report > li, .ncb_report > li:nth-child(-n+3){ width:100%; margin-top:2em; } .ncb_report > li:first-child{ margin-top:0; } .ncb_report > li:nth-of-type(even) { padding-left:0; } .ncb_report > li:nth-of-type(odd) { padding-right:0; } }
Your History
  • 読み込み中…