@charset "UTF-8"; .forPc, .menu, .lenovoLogo { display: none; } #header { border-bottom: #ededed solid 1px; } .copyRight { border-top: 1px solid #ededed; } .pageTop { width: 40px; height: 40px; right: 10px; background-size: 40px; border-radius: 50%; } .logoBox { width: 90%; margin: 15px auto 35px; overflow: hidden; } .logoBox dl { display: table; float: left; } .logoBox dt, .logoBox dd { display: table-cell; vertical-align: middle; font-weight: bold; font-size: .85rem; line-height: 1.4; letter-spacing: .07em; font-feature-settings: "palt" 1; } .logoBox dt img { width: 48px; margin-right: 15px; } .logoBox dd b { display: block; font-size: 1.3rem; margin-top: 3px; } #mainContents { font-weight: nomal; letter-spacing: .04em; font-feature-settings: "palt" 1; } .mainTitle-add { padding-top: 100%; margin: 0 auto; background: url(https://p4-ofp.static.pub/ShareResource/JPResource/JP-Images/content-page/loq-16irh8/main_title-231128.jpg) no-repeat center top; background-size: 100%; text-indent: -999em; font-size: 0; } .lead { box-sizing: border-box; font-size: 1.2rem; line-height: 1.9; padding: 0 26px 35px; } .lead a { color: #00a4ea; text-decoration: underline; font-weight: bold; } .bnr a { text-decoration: none; } .topbnr { padding: 28px 26px; } .innerbnr { background: #f6f6f6; margin-top: 40px; padding: 28px 26px; } .topbnr img, .innerbnr img { width: 100%; } .paragraphB p, .paragraph p { font-size: 1.26rem; line-height: 1.9; margin-top: 30px; } .paragraphIn>p:first-child { margin-top: 10px; } .paragraphB p+p, .paragraph p+p { margin-top: 20px; } .paragraphB .cap, .paragraph .cap { font-size: 1rem; line-height: 1.7; margin-top: 10px  !important; } p.sTxt { font-size: .85rem; line-height: 1.5; margin-top: 15px  !important; text-indent: -1.3rem; padding-left: 1.3rem; } p.sTxt+p.sTxt { margin-top: 8px; } .paragraph { border-top: 1px solid #b9b9b9; transition: background-color .2s, border-top-color .2s; } #matome .paragraphIn { padding-bottom: 40px; } .spAccordion { display: none; padding: 0; } .spAccordion-none { padding: 0; } .paragraphIn { padding: 0px 26px 10px; } .paragraph p b { border-bottom: #878787 dotted 1px; font-weight: bold; } .sTxt { display: block; font-size: .8rem; line-height: 1.6; margin-top: 15px; text-indent: -20px; padding-left: 20px; } .paragraph h2 { position: relative; font-weight: bold; padding: 22px 40px 20px 26px; } .paragraph h2 span { color: #000; display: block; padding-right: 20px; font-size: 1.4rem; line-height: 1.4; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); letter-spacing: .02em; font-feature-settings: "palt" 1; } .paragraph h2 span b { color: #00a4ea; display: block; font-size: 1.6rem; padding-bottom: 7px; } .paragraph h2:after { content: ""; display: inline-block; position: absolute; top: 1px; bottom: 0; right: 20px; width: 8px; height: 8px; margin: auto; -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, opacity .2s ease; transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; border-bottom: 2px solid #c9c5c2; border-right: 2px solid #c9c5c2; } .paragraph.active h2:after { top: 3px; -webkit-transform: rotate(225deg); transform: rotate(225deg); } :is(.imgBox, .imgBox01, .imgBoxMain, .imgBox02) { margin-top: 40px; } :is(.imgBox, .imgBox01, .imgBox02, .imgBoxSp01, .imgBox04) :is(.cap) { margin-top: 15px; } :is(.imgBox, .imgBox01, .imgBoxMain, .imgBox02, .imgBoxSp01, .imgBox04, .imgSp03) :is(img) { width: 100%; } .imgSp03, .imgBox .imagesClear+.imagesClear, .imgBox01 a+a, .imgBox a+a { display: block; margin-top: 15px; } .imgBox02 .imagesClear, .imgSp03 .imagesClear, .imgBoxSp01 .imagesClear { display: table; } .imgBox02 .imagesClear a, .imgSp03 .imagesClear a, .imgBoxSp01 .imagesClear a, .imgBoxSp01 .imagesClear .cap { display: table-cell; vertical-align: top; } .imgBoxSp01 .imagesClear a { width: 33%; } .imgBoxSp01 .imagesClear .cap { padding-left: 15px; } .imgSp03 .imagesClear a { padding: 0 3px; } .imgBox02 .imagesClear a { width: 65%; } .imgBox02 .imagesClear a+a { width: 30%; padding-left: 10px; } .sTitle { border-left: #009ee2 solid 4px; box-sizing: border-box; margin-top: 40px; padding-left: 7px; } .sTitle strong { font-size: 1.38rem; font-weight: bold; } .sTitle+.imgBox02, .sTitle+.imgBox, .sTitle+.imgBoxSp01 { margin: 10px auto 0; } #article01 table { border: solid 1px #0096d6; border-width: 1px; border-spacing: 0; color: #000; width: 800px; margin: 10px auto 0; empty-cells: show; line-height: 1.5; font-size: 100%; } #article01 th { background: #ebf7fc; border: solid 1px #0096d6; border-width: 0 1px 1px 0; color: #0096d6; font-size: .95rem; font-weight: bold; text-align: center; margin: 0; padding: 7px 5px; } #article01 td { background: #fff; border: solid 1px #0096d6; text-align: center; padding: 7px; font-size: .95rem; line-height: 1.7; } #article01 .fixCell { position: sticky; left: 0; width: 90px  !important; z-index: 2; } #article01 .fixCell:before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #0096d6; } .table01 span { background: url(https://p2-ofp.static.pub/ShareResource/JPResource/JP-Images/article/tieup/loq-15irh8/sp_table_icon.png) no-repeat; background-size: 100%; display: inline-block; width: 50px; height: 19px; position: relative; top: -18px; } .table01 .itemSpan b { display: inline-block; position: relative; top: -13px; } .scroll { overflow: auto; padding-bottom: 10px; } .scroll::-webkit-scrollbar { height: 5px; } .scroll::-webkit-scrollbar-track { background: #f1f1f1; } .scroll::-webkit-scrollbar-thumb { background: #bcbcbc; } .productBox { border-top: 1px solid #b9b9b9; border-bottom: 1px solid #fff; background: #f7f7f7; box-sizing: border-box; padding: 60px 26px 30px; } .productBox img { width: 100%; } .productsTitle { margin-top: 50px; } .productBox table { border: solid 1px #0096d6; border-width: 1px; border-spacing: 0; color: #000; width: 2000px; margin: 15px 0 0; empty-cells: show; line-height: 1.5; font-size: 100%; } .productBox th { background: #ebf7fc; border: solid 1px #0096d6; border-width: 0 1px 1px 0; color: #0096d6; font-size: .9rem; font-weight: bold; text-align: center; margin: 0; padding: 13px 5px; } .productBox td { background: #fff; border: solid 1px #0096d6; padding: 13px 10px; font-size: .95rem; line-height: 1.5; word-wrap: break-word; } .productBox td.cellColor { color: #0096d6; background: #ebf7fc; font-size: .95rem; font-weight: bold; text-align: center; } .productsItemName { color: #0096d6; font-size: 1.1rem; font-weight: bold; margin: 0 0 5px; } .productsItemName span { background: #009ee2; border-radius: 3px; display: inline-block; color: #fff; font-size: .95rem; margin-bottom: 6px; padding: 5px 5px 3px; } .productsItemPrice { display: none; } .cellSize04 { width: 80px; } .cellSize06 { width: 80px; } .cellSize11 { width: 80px; } .cellSize12 { width: 90px; } .productBox .fixCell { position: sticky; left: 0; width: 60px  !important; z-index: 2; } .productBox .fixCell:before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #0096d6; pointer-events: none; z-index: -2; } .productBox .fixCell a { display: block; z-index: 10  !important; } .releasedate { font-size: .85rem; padding: 30px 0 35px; } .sp { display: block  !important; } .pc { display: none  !important; } .productImg a, .mainTitle-txt a { width: 90%; margin: 0 auto; display: block; color: #fff; padding: 15px 0; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; font-size: 14px; } .mainTitle-txt a { width: 80%; } .mainTitle-txt { margin: 20px auto; } .mainTitle-txt a:hover, .top-hero a:hover { opacity: .7; transition: .2s ease-in-out; } .productImg .top, .mainTitle-txt .top { background-color: #e1251a; margin: 10px auto; } .productImg .btm, .mainTitle-txt .btm { background-color: #4472c4; } .top-hero { margin: 10px auto; } .top-hero img { width: 96%; margin: 0 auto; } .top-hero h3 { font-size: 18px; font-weight: bold; text-align: center; margin: 10px auto; }