@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(../../images/products/notebook/common/circle-down_g.png) center right no-repeat; position:relative; }
.ncb_point dt.ncb_active{ background:url(../../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; }
}
