.blv_lpWrapper .bx-wrapper .bx-viewport { width:100%; left:0 !important; } .bx-wrapper img { width:100%; max-width: 100%; } /*------------------------------------------------------ ベースとなる枠 ------------------------------------------------------*/ .blv_lpWrapper {background: #FFF;width:73.75em;margin:0 auto;position:relative;clear:both;} @media (max-width: 1180px) {.blv_lpWrapper {width:100%;}} .blv_background_bk{ background:#000000;} /*------------------------------------------------------ スライドショー ------------------------------------------------------*/ .blv_slider li .modelName {color: #FFF;font-family:Arial, Helvetica, sans-serif;ont-size:13px;position: absolute;right: 15px;bottom: 20px;line-height:1.4;} .txycolor_w{color: #FFF!important;} .txycolor_b{color: #000!important;} @media (max-width: 1180px) {.blv_slider_off img{width: 100%; height: auto;}} @media (max-width: 980px) {.blv_slider li .modelName {font-size:11px;right: 15px;bottom: 20px;}} @media (max-width: 780px) {.blv_slider li .modelName {font-size:11px;right: 15px;bottom: 20px;}} @media (max-width: 750px) {.blv_slider li .modelName {font-size:11px;right: 15px;bottom: 40px;}} @media (max-width: 580px) {.blv_slider li .modelName {font-size:9px;right: 15px;bottom: 10px;}} /* bxSlider layout ------------------------------------------------------*/ .blv_lpWrapper #bx-pager,.blv_lpWrapper .bx-wrapper .bx-viewport {width:100%;} .blv_lpWrapper .bx-wrapper {position:relative;width:100%;} .blv_lpWrapper .bx-viewport li {line-height:0;} @media (max-width: 1180px) {.blv_lpWrapper .bx-viewport img {width:100%;height:auto;}} /* bxSlider pager ------------------------------------------------------*/ .blv_lpWrapper .bx-controls {line-height:0;} .blv_lpWrapper .bx-wrapper .bx-pager {font-size: 0.85em;font-family: Arial;font-weight: bold;color: #666;position:absolute;z-index:9999;bottom:70px;left:90px;text-align:left !important;} .blv_lpWrapper .bx-wrapper .bx-pager .bx-pager-item, .blv_lpWrapper .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;　*zoom: 1;　*display: inline;} .blv_lpWrapper .bx-wrapper .bx-pager.bx-default-pager a {background: #262626;text-indent: -9999px;display: block;width: 20px;height: 20px;margin: 0 5px;outline: 0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;} .blv_lpWrapper .bx-wrapper .bx-pager.bx-default-pager a:hover,.blv_lpWrapper .bx-wrapper .bx-pager.bx-default-pager a.active {background: #d20505;} @media (max-width: 980px) { .blv_lpWrapper .bx-wrapper .bx-pager {left:70px;bottom:50px;} .blv_lpWrapper .bx-wrapper .bx-pager.bx-default-pager a {width: 13px;height: 13px;} } @media (max-width: 780px) { .blv_lpWrapper .bx-wrapper .bx-pager {left:55px;bottom:45px;} .blv_lpWrapper .bx-wrapper .bx-pager.bx-default-pager a {width: 10px;height: 10px;} } @media (max-width: 720px) { .blv_lpWrapper .bx-wrapper .bx-pager {left:45px;bottom:40px;} .blv_lpWrapper .bx-wrapper .bx-pager.bx-default-pager a {width: 7px;height: 7px;} } @media (max-width: 580px) { .blv_lpWrapper .bx-wrapper .bx-pager {position:relative;z-index:9999;top:0px;left:0px;margin-top:30px;margin-bottom:20px;text-align:center;} .blv_lpWrapper .bx-wrapper .bx-pager.bx-default-pager a {width: 20px;height: 20px;} } /*------------------------------------------------------ タイトルまわり ------------------------------------------------------*/ .blv_lpWrapper #blv_tabBox {margin-top:-30px; padding-bottom:80px; overflow:hidden; position:relative; z-index:98;} .blv_lpWrapper .blv_specialLayout{margin-top:-30px; padding-bottom:80px; overflow:hidden; position:relative; z-index:98;} @media (max-width: 580px) { .blv_lpWrapper #blv_tabBox {margin-top:0px;} .blv_lpWrapper .blv_specialLayout {margin-top:0px;} } /*-- blv_tabMenu --*/ .blv_lpWrapper .blv_tabMenu .blv_tabLinkBox{float:right; width:50%; overflow:visible; text-align:right; padding-top:40px; padding-right:5%;} .blv_lpWrapper ul.blv_categoryLink li{ display:inline; border-right:#C9C9C9 1px solid; padding:0 15px;} .blv_lpWrapper ul.blv_categoryLink li:first-child{border-left:#C9C9C9 1px solid;} .blv_lpWrapper ul.blv_categoryLink li a{ display:inline; font-size:1.063em; color:#333; line-height:1;} .blv_lpWrapper .blv_tabMenu { overflow: visible; color:#FFF;} .blv_lpWrapper .blv_tabMenu li {list-style:none;width: 50%; min-height: 59px;} .blv_lpWrapper .blv_tabMenu a {color:#FFF;font-size: 2em;line-height:59px;display:block;} .blv_lpWrapper .blv_tabMenu .blv_ThinkPadtitle{ float:left;background: url(/medias/bg-tabBtn-thinkpad-def.png?context=bWFzdGVyfGltYWdlc3wyMjIzfGltYWdlL3BuZ3xpbWFnZXMvaGZkL2g5YS85NDM4MDM3OTAxMzQyLnBuZ3wwOWZlNzY5ZmRlZmIwNTIyYTJkODg3YjZkOGI2NWMwN2VjMjc4YjhiYWQ4MDRiMDkzOTY3Zjk0NWRkOGEyZTgz) no-repeat right center;background-size:100% 100%;} .blv_tcWrapper .blv_tabMenu .blv_ThinkPadtitle{ float:left!important; background: url(/medias/bg-tabBtn-thinkcenterThinkvision-on-cat.png?context=bWFzdGVyfGltYWdlc3wyMzAxfGltYWdlL3BuZ3xpbWFnZXMvaDFjL2g0Ny85NDM4MDM3OTY2ODc4LnBuZ3w0ZjI0ODhlMDE5Nzk2ZmNmZWNkYjAzYTMyMzljMGI3ZmE1NTcwOWY3YmQzNmUyNmJjODdmZTE2N2NkNTNmNjAx) no-repeat right center!important;background-size:100% 100%!important;} /*.blv_lpWrapper .blv_tabMenu .blv_ThinkPadtitle span {padding-right:8.98%;}*/ /*-- blv_tabMenu --*/ @media (max-width: 750px) { .blv_lpWrapper .blv_tabMenu li.blv_ThinkPadtitle {list-style:none;width: 95%;height: auto;} .blv_lpWrapper .blv_tabMenu a {color:#FFF;font-size: 2em;line-height:59px;display:block;} /*.blv_lpWrapper .blv_tabMenu .blv_ThinkPadtitle span {padding-right:8.98%;}*/ .blv_lpWrapper .blv_tabMenu { overflow: visible; color:#FFF; height:auto;} .blv_lpWrapper .blv_tabMenu li {list-style:none;width: 95%; height:auto;} .blv_lpWrapper .blv_tabMenu li:first-child {margin-bottom:13px;} .blv_lpWrapper .blv_tabMenu .blv_tabLinkBox{ clear:both; width:100%; overflow:visible; text-align:center; padding-top:10px; padding-right:0%; padding-left:5% ;} } @media (max-width: 580px) { .blv_lpWrapper .blv_tabMenu li.blv_ThinkPadtitle {list-style:none;width: 95%;height: auto;} .blv_lpWrapper .blv_tabMenu li {list-style:none;width: 95%;height: 30px;} .blv_lpWrapper .blv_tabMenu li:first-child {margin-bottom:13px;} .blv_lpWrapper .blv_tabMenu .blv_ThinkPadtitle span{ display: block; vertical-align: top; line-height:1; text-align:left; padding:0;} .blv_lpWrapper .blv_tabMenu .blv_ThinkPadtitle h2{ display: block; font-size:1.313em; vertical-align: top; line-height:1; text-align:left; padding:5px 0 0 0;} } @media (max-width: 1180px) {.blv_lpWrapper .blv_tabMenu a {font-size: 1.5em;}} @media (max-width: 750px) {.blv_lpWrapper .blv_tabMenu a {font-size: 1.15em;}} /*------------------------------------------------------ 製品関連 ------------------------------------------------------*/ .blv_lpWrapper .blv_tabContentsBox {width:auto;} .blv_tabContentsBox{ clear:both; } .blv_tabMenu:after,.blv_categoryLink:after{ content: " "; display: block; clear: both;height: 0;　visibility: hidden;} /*キャッチテキスト*/ .blv_lpWrapper .blv_tabContentsBox .blv_introTit { /*font-family: LenovoDoMedium,".HiraKakuInterface-W1", sans-serif;*/ font-family:Helvetica, Arial,".HiraKakuInterface-W1", sans-serif!important; font-size:2em;text-align:center;line-height:1;} @media (max-width: 580px) { .blv_lpWrapper .blv_tabContentsBox .blv_introTit {font-size: 2em;text-align:left;line-height:1;word-break:break-all;} .blv_lpWrapper .blv_tabContentsBox .blv_introTit span {display:block;} .blv_lpWrapper .blv_tabContentsBox .blv_introTxt {text-align:left;} } .blv_lpWrapper .blv_categoryList li {width: 245px;display:inline-block;margin-right: 20px;margin-top:20px;border: 1px solid #CCC;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align: top;} .blv_lpWrapper .blv_categoryList li {background: -webkit-linear-gradient(top, #fff, #fff, #e6e6e6);background: linear-gradient(to bottom, #fff, #fff, #e6e6e6);} .blv_lpWrapper .blv_categoryList li a {display:block;} .blv_lpWrapper .blv_categoryList li .blv_categoryImage {text-align:center;background: #fff;} .blv_lpWrapper .blv_categoryList li .blv_categoryImage img {width:100%; height:auto;} .blv_lpWrapper .blv_categoryList li .blv_categoryName {background: -webkit-linear-gradient(top, #171717, #4D4D4D, #191919);background: linear-gradient(to bottom, #171717, #4D4D4D, #191919);} .blv_lpWrapper .blv_categoryList li .blv_categoryName span {font-size: 0.938em;line-height:1.2;color:#FFF;text-align:center;background: -webkit-linear-gradient(top, #171717, #4D4D4D, #191919);background: linear-gradient(to bottom, #171717, #4D4D4D, #191919);display:block;width:87.5%;margin:0 auto;padding:1px 5px;} .blv_lpWrapper .blv_categoryList li .blv_categoryTxt {font-size: 0.875em;text-align:left;color:#000;width:90%;margin:0.6em auto;/*min-height:12.500em;*/} @media (max-width: 750px) { .blv_lpWrapper .blv_categoryList {margin-left: 0px;margin-right: 0px;} .blv_lpWrapper .blv_categoryList li {width: auto;display:block;margin-right: 0px;margin-top:35px;} /*.blv_lpWrapper .blv_categoryList li .blv_categoryTxt {min-height:1em;}*/ } @media (max-width: 580px) { .blv_lpWrapper ul.blv_categoryLink li{ display: block; border-right:#C9C9C9 1px solid;border-left:#C9C9C9 1px solid; padding:0;} .blv_lpWrapper ul.blv_categoryLink li:first-child{border-left:#C9C9C9 1px solid;} .blv_lpWrapper ul.blv_categoryLink li a{display: block; font-size:1.063em; color:#333; line-height:1;} .blv_lpWrapper .blv_categoryList li.blv_pickup img.blv_horizontalImage {display:none;} .blv_lpWrapper .blv_categoryList li.blv_pickup img.blv_verticalImage {display:block;} /*.blv_lpWrapper .blv_categoryList li .blv_categoryTxt {min-height:1em;}*/ } /*ボタン ------------------------------------------------------*/ .blv_lpWrapper .blv_btnBox {text-align:center;padding:0 0 1em 0;} .blv_lpWrapper .blv_btnBox a {color: #FFF;font-size: 1em;display:block;width:13.5em;padding:2px 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin: 0px auto ;} .blv_lpWrapper .blv_btnBox a.blv_btn_offer { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2YWJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOThlYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #16abdb), color-stop(100%, #398ec6)); background-image: -webkit-linear-gradient(#16abdb,#398ec6); background-image: -moz-linear-gradient(#16abdb,#398ec6); background-image: -o-linear-gradient(#16abdb,#398ec6); background-image: linear-gradient(#16abdb,#398ec6); background-color: #398ec6; color: #fff; border: 1px solid #3b93ca; } .blv_tcWrapper .blv_btnBox a.blv_btn_offer { background: #ff9614; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTYxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTUwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff9614 0%, #d15000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9614), color-stop(100%,#d15000)); background: -webkit-linear-gradient(top, #ff9614 0%,#d15000 100%); background: -o-linear-gradient(top, #ff9614 0%,#d15000 100%); background: -ms-linear-gradient(top, #ff9614 0%,#d15000 100%); background: linear-gradient(to bottom, #ff9614 0%,#d15000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9614', endColorstr='#d15000',GradientType=0 ); color: #fff; border: 1px solid #ff9614; } .blv_lpWrapper .blv_btnBox a:hover {filter:alpha(opacity=90);-moz-opacity: 0.9;opacity:0.9;} /*------------------------------------------------------ 微調整 ------------------------------------------------------*/ .blv_lpWrapper .blv_introTxt{ text-align:center;} .blv_lpWrapper .blv_categoryName, .blv_lpWrapper li.blv_ThinkPadtitle span{ /*font-family: LenovoDoMedium,".HiraKakuInterface-W1", sans-serif;*/} @media only screen and (max-width:579px) { .blv_lpWrapper .blv_tabContentsBox {padding-top:25%; width:95%; margin-left:auto; margin-right:auto;} .blv_ThinkPadtitle{ padding-top:10px; padding-left:5%;} } @media only screen and (min-width:580px) and (max-width:749px) { .blv_lpWrapper .blv_introTit span{ font-size:1.500em; color: #555;} .blv_lpWrapper .blv_tabContentsBox {padding-top:5%;width:95%; margin-left:auto;margin-right:auto;} .blv_lpWrapper li.blv_ThinkPadtitle{ padding-left:5%;} .blv_lpWrapper li.blv_ThinkPadtitle span,li.blv_ThinkPadtitle h2{ display:block; vertical-align:top;} .blv_lpWrapper li.blv_ThinkPadtitle span{ padding-right:10px; padding-top:10px; padding-bottom:3px; line-height:1;} .blv_lpWrapper li.blv_ThinkPadtitle h2{ padding-right:15px; font-size:1.750em; padding-top:0px; padding-bottom:10px; line-height:1;} } @media only screen and (min-width:750px) and (max-width:979px) { .blv_lpWrapper .blv_tabContentsBox{padding-top:5%;} .blv_lpWrapper .blv_introTit span{ font-size:1.500em; color:#555;} .blv_lpWrapper .blv_tabContentsBox {padding-top:5%;width:565px;margin-left:auto; padding-left:25px; margin-right:auto;} .blv_lpWrapper li.blv_ThinkPadtitle span,li.blv_ThinkPadtitle h2{ display:block; vertical-align:top;} .blv_lpWrapper li.blv_ThinkPadtitle{ padding-left:5%;} .blv_lpWrapper li.blv_ThinkPadtitle span{ padding-right:10px; padding-top:10px; padding-bottom:3px; line-height:1;} .blv_lpWrapper li.blv_ThinkPadtitle h2{ padding-right:15px; font-size:1.750em; padding-top:0px; padding-bottom:10px; line-height:1;} } @media only screen and (min-width:980px) and (max-width:1179px) { .blv_lpWrapper .blv_tabContentsBox {padding-top:5%; padding-left:25px; width:835px;margin-left:auto;margin-right:auto;} .blv_lpWrapper .blv_introTit span{ font-size:1.500em; color: #555;} .blv_lpWrapper li.blv_ThinkPadtitle span,li.blv_ThinkPadtitle h2{ display:inline-block; vertical-align:top;} .blv_lpWrapper li.blv_ThinkPadtitle{ padding-left:5%;} .blv_lpWrapper li.blv_ThinkPadtitle span{ padding-right:10px; padding-top:16px;} .blv_lpWrapper li.blv_ThinkPadtitle h2{ padding-right:30px; font-size:1.938em; padding-top:3px;} } @media only screen and (min-width:1180px) { .blv_lpWrapper .blv_introTit span{ font-size:1.500em; color: #555;} .blv_lpWrapper .blv_tabContentsBox {padding-top:5%;width:1105px;padding-left:25px;margin-left:auto;margin-right:auto;} .blv_lpWrapper li.blv_ThinkPadtitle span,li.blv_ThinkPadtitle h2{ display:inline-block; vertical-align:top;} .blv_lpWrapper li.blv_ThinkPadtitle{ padding-left:5%;} .blv_lpWrapper li.blv_ThinkPadtitle span{ padding-right:10px; padding-top:16px;} .blv_lpWrapper li.blv_ThinkPadtitle h2{ padding-right:30px; font-size:1.938em; padding-top:3px;} } @media only screen and (min-width:580px) and (max-width:749px) { .blv_tcWrapper li.blv_ThinkPadtitle span.tcb,li.blv_ThinkPadtitle h2.tcb{ display:block; vertical-align:top;} .blv_tcWrapper li.blv_ThinkPadtitle span.tcb{ padding-right:10px; padding-top:10px; padding-bottom:3px; line-height:1;} .blv_tcWrapper li.blv_ThinkPadtitle h2.tcb{ padding-right:15px; font-size:1.750em; padding-top:0px; padding-bottom:10px; line-height:1;} } @media only screen and (min-width:750px) and (max-width:979px) { .blv_tcWrapper li.blv_ThinkPadtitle span.tcb,li.blv_ThinkPadtitle h2.tcb{ display:block; vertical-align:top;} .blv_tcWrapper li.blv_ThinkPadtitle span.tcb{ padding-right:10px; padding-top:10px; padding-bottom:3px; line-height:1;} .blv_tcWrapper li.blv_ThinkPadtitle h2.tcb{ padding-right:15px; font-size:1.750em; padding-top:0px; padding-bottom:10px; line-height:1;} } @media only screen and (min-width:980px) and (max-width:1179px) { .blv_tcWrapper li.blv_ThinkPadtitle span,li.blv_ThinkPadtitle h2.tcb{ display:block; vertical-align:top;} .blv_tcWrapper li.blv_ThinkPadtitle span.tcb{ padding-right:10px; padding-top:10px; padding-bottom:3px; line-height:1;} .blv_tcWrapper li.blv_ThinkPadtitle h2.tcb{ padding-right:15px; font-size:1.750em; padding-top:0px; padding-bottom:10px; line-height:1;} } @media only screen and (min-width:1180px) { .blv_tcWrapper li.blv_ThinkPadtitle span,li.blv_ThinkPadtitle h2.tcb{ display:block; vertical-align:top;} .blv_tcWrapper li.blv_ThinkPadtitle span.tcb{ padding-right:10px; padding-top:10px; padding-bottom:3px; line-height:1;} .blv_tcWrapper li.blv_ThinkPadtitle h2.tcb{ padding-right:15px; font-size:1.750em; padding-top:0px; padding-bottom:10px; line-height:1;} } .blv_tabContentsBox.blv_new{ background-color:#e3e3e3; margin-top: 5%; padding-top:20px;} .blv_lpWrapper .blv_new .blv_stack_table li h3{ border-bottom: #555555 2px solid; font-weight:bold; } .blv_lpWrapper .blv_new .blv_stack_table{margin: 10px auto 10px auto;} @media only screen and (max-width:579px) { .blv_tabContentsBox.blv_new{padding-left: 25px;padding-right: 25px;} .blv_tabContentsBox.blv_new h2{text-align: left; font-size: 28px; line-height: 1.2; padding: 10px 0px 10px 0px; } } @media only screen and (min-width:580px) and (max-width:749px) { .blv_tabContentsBox.blv_new{padding-left: 25px;padding-right: 25px;} .blv_tabContentsBox.blv_new h2{text-align: left; font-size: 28px; line-height: 1.2; padding: 10px 0px 10px 0px; } } @media only screen and (max-width:979px) { .blv_tabContentsBox.blv_new{padding-right: 25px;} .blv_tabContentsBox.blv_new h2{text-align: left; font-size: 32px; line-height: 1.2; padding: 10px 0px 10px 0px; } .blv_lpWrapper .blv_new .blv_stack_table li p{text-align:left; padding-bottom:25px;} } @media only screen and (min-width:980px) and (max-width:1179px) { .blv_tabContentsBox.blv_new h2{text-align: center; font-size: 35px; line-height: 1.2; } .blv_lpWrapper .blv_new .blv_stack_table li{width: 380px;display:inline-block;margin-right: 25px;margin-top:20px;vertical-align: top;} .blv_lpWrapper .blv_new .blv_stack_table li p{padding-bottom:25px;} } @media only screen and (min-width:1180px) { .blv_tabContentsBox.blv_new h2{text-align: center; font-size: 35px; line-height: 1.2; } .blv_lpWrapper .blv_new .blv_stack_table li{width: 335px;display:inline-block;margin-right: 25px;margin-top:20px;vertical-align: top;} } /*------------------------------------------------------ ThinkPad Stack ------------------------------------------------------*/ .blv_background_bk{ background:#000000;} .blv_specialLayout .blv_jpReadTit span{} .blv_mgnone{margin-top:0px!important;} .blv_rpimg img{ width:100%; height:auto;} .blv_staTitle{ background:url(/medias/stack-img03.png?context=bWFzdGVyfGltYWdlc3w5Njg1fGltYWdlL3BuZ3xpbWFnZXMvaGYzL2g0OS85NDM4MDM3NzcwMjcwLnBuZ3w5YWUyYTMxMWQ1ODQ5YzQ4NWQ5MDgxZmM4NzVlNWY2ZWMwNDY1MTdmMzg1NDZmYjAwMTRkNWRkZWQyN2EwNTFm) no-repeat left center; background-size:100px 100px;} .blv_staReadTxt span{ font-size:13px;} .blv_bgbkbox { padding-bottom:80px;} .blv_bgbkbox h2.blv_introTit span{ color:#fff;} .blv_bgbkbox p.blv_introTxt{ color:#fff;} @media only screen and (max-width:579px) { .blv_bgbkbox h2.blv_introTit span{ font-size:22px;} .blv_flxreadBox{ color:#fff; padding:25% 0 100px 0;} .blv_flxreadBox h2{ font-size:22px; line-height:1.5;} .blv_flxreadBox h2 span{ display:block;} .blv_staTitle{ background:url(/medias/stack-img03.png?context=bWFzdGVyfGltYWdlc3w5Njg1fGltYWdlL3BuZ3xpbWFnZXMvaGYzL2g0OS85NDM4MDM3NzcwMjcwLnBuZ3w5YWUyYTMxMWQ1ODQ5YzQ4NWQ5MDgxZmM4NzVlNWY2ZWMwNDY1MTdmMzg1NDZmYjAwMTRkNWRkZWQyN2EwNTFm) no-repeat left top; background-size:100px 100px;} .blv_staTitle{padding-top:120px; margin-bottom:50px; margin-top:0;} .blv_staTitle h2{ text-align:left; font-size:28px; line-height:1.2; } .blv_staTitle p{ text-align:left; } .blv_stack_table{ margin:50px auto 30px auto; text-align:center;} .blv_stack_table li{ display:inline; } .blv_staReadTxt{ text-align:left; } .blv_specialLayout .blv_jpReadTit span{ font-size:22px!important; line-height:1.4; display:block; text-align:left;} .blv_specialLayout .blv_jpReadTxt{text-align:left;} .blv_stackimg02{ background:#000000 url(/medias/stack-img02.png?context=bWFzdGVyfGltYWdlc3wxNzI4NDh8aW1hZ2UvcG5nfGltYWdlcy9oMjgvaDkxLzk0MzgwMzc4MzU4MDYucG5nfGRmYTYyZDdmZDlmOWFmYzc0ZDM2NmM2NTUzZjVhYjkxY2I0OTMyY2U0YWU3MWRhNDg5MTA2YzMyMjcwMjIyNGM) center 5% no-repeat; background-size:50%;} } @media only screen and (min-width:580px) and (max-width:749px) { .blv_bgbkbox h2.blv_introTit span{ font-size:22px;} .blv_flxreadBox{ color:#fff; padding:40% 0 100px 0;} .blv_flxreadBox h2{ font-size:22px; line-height:1.5;} .blv_flxreadBox h2 span{ display:block;} .blv_staTitle{ background:url(/medias/stack-img03.png?context=bWFzdGVyfGltYWdlc3w5Njg1fGltYWdlL3BuZ3xpbWFnZXMvaGYzL2g0OS85NDM4MDM3NzcwMjcwLnBuZ3w5YWUyYTMxMWQ1ODQ5YzQ4NWQ5MDgxZmM4NzVlNWY2ZWMwNDY1MTdmMzg1NDZmYjAwMTRkNWRkZWQyN2EwNTFm) no-repeat left top; background-size:100px 100px;} .blv_staTitle{padding-top:120px; margin-bottom:50px; margin-top:0;} .blv_staTitle h2{ text-align:left; font-size:28px; line-height:1.2; } .blv_staTitle p{ text-align:left; } .blv_stack_table{ margin:50px auto 20px auto; text-align:center;} .blv_stack_table li{ display:inline; } .blv_staReadTxt{ text-align:left; } .blv_specialLayout .blv_jpReadTit span{ font-size:22px!important; line-height:1.4; display:block; text-align:left;} .blv_specialLayout .blv_jpReadTxt{text-align:left;} .blv_stackimg02{ background:#000000 url(/medias/stack-img02.png?context=bWFzdGVyfGltYWdlc3wxNzI4NDh8aW1hZ2UvcG5nfGltYWdlcy9oMjgvaDkxLzk0MzgwMzc4MzU4MDYucG5nfGRmYTYyZDdmZDlmOWFmYzc0ZDM2NmM2NTUzZjVhYjkxY2I0OTMyY2U0YWU3MWRhNDg5MTA2YzMyMjcwMjIyNGM) center 5% no-repeat; background-size:50%;} } @media only screen and (min-width:750px) and (max-width:979px) { .blv_bgbkbox h2.blv_introTit span{ font-size:22px;} .blv_flxreadBox{ color:#fff; padding:60% 0 100px 0;} .blv_flxreadBox h2{ font-size:22px; line-height:1.5;} .blv_flxreadBox h2 span{ display:block;} .blv_staTitle{ background:url(/medias/stack-img03.png?context=bWFzdGVyfGltYWdlc3w5Njg1fGltYWdlL3BuZ3xpbWFnZXMvaGYzL2g0OS85NDM4MDM3NzcwMjcwLnBuZ3w5YWUyYTMxMWQ1ODQ5YzQ4NWQ5MDgxZmM4NzVlNWY2ZWMwNDY1MTdmMzg1NDZmYjAwMTRkNWRkZWQyN2EwNTFm) no-repeat left top; background-size:100px 100px;} .blv_staTitle{padding-top:120px; margin-bottom:50px;} .blv_staTitle h2{ text-align:left; font-size:35px; line-height:1.2; } .blv_staTitle p{ text-align:left; } .blv_stack_table{ margin:50px auto 20px auto; text-align:center;} .blv_stack_table li{ display:inline; } .blv_staReadTxt{ text-align:left; } .blv_specialLayout .blv_jpReadTit span{ font-size:22px!important; line-height:1.4; display:block; text-align:left;} .blv_specialLayout .blv_jpReadTxt{text-align:left;} .blv_stackimg02{ background:#000000 url(/medias/stack-img02.png?context=bWFzdGVyfGltYWdlc3wxNzI4NDh8aW1hZ2UvcG5nfGltYWdlcy9oMjgvaDkxLzk0MzgwMzc4MzU4MDYucG5nfGRmYTYyZDdmZDlmOWFmYzc0ZDM2NmM2NTUzZjVhYjkxY2I0OTMyY2U0YWU3MWRhNDg5MTA2YzMyMjcwMjIyNGM) center 25px no-repeat;} } @media only screen and (min-width:980px) and (max-width:1179px) { .blv_bgbkbox h2.blv_introTit span{ font-size:30px;} .blv_flxreadBox{ color:#fff; width:450px; text-align:center; padding:50px 0;} .blv_flxreadBox h2{ font-size:28px; line-height:1.5;} .blv_flxreadBox h2 span{ display:block;} .blv_flxreadBox p span{ display:block;} .blv_staTitle{ margin:0 auto 30px auto; width:780px; padding:0 100px} .blv_staTitle h2{ text-align:center; font-size:35px; line-height:1.2; } .blv_staTitle p{ text-align:center; } .blv_staReadTxt{ text-align:center; } .blv_stack_table{ display:table; margin:50px auto 20px auto;} .blv_stack_table li{ display:table-cell;} .blv_specialLayout .blv_jpReadTit span{ font-size:24px!important; line-height:1.5; display:block;} .blv_stackimg02{ background:#000000 url(/medias/stack-img02.png?context=bWFzdGVyfGltYWdlc3wxNzI4NDh8aW1hZ2UvcG5nfGltYWdlcy9oMjgvaDkxLzk0MzgwMzc4MzU4MDYucG5nfGRmYTYyZDdmZDlmOWFmYzc0ZDM2NmM2NTUzZjVhYjkxY2I0OTMyY2U0YWU3MWRhNDg5MTA2YzMyMjcwMjIyNGM) right center no-repeat;} } @media only screen and (min-width:1180px) { .blv_bgbkbox h2.blv_introTit span{ font-size:30px;} .blv_flxreadBox{ color:#fff; width:600px; text-align:center; padding:50px 0;} .blv_flxreadBox h2{ font-size:28px; line-height:1.5;} .blv_flxreadBox h2 span{ display:block;} .blv_flxreadBox p span{ display:block;} .blv_staTitle{ margin:0 auto 30px auto; width:780px; padding:0 100px} .blv_staTitle h2{ text-align:center; font-size:35px; line-height:1.2; } .blv_staTitle p{ text-align:center; } .blv_staReadTxt{ text-align:center; } .blv_stack_table{ display:table; margin:50px auto 20px auto;} .blv_stack_table li{ display:table-cell;} .blv_specialLayout .blv_jpReadTit span{ font-size:28px!important; line-height:1.5; display:block;} .blv_StackImages01{ width:875px; margin:0 auto;} .blv_stackimg02{ background:#000000 url(/medias/stack-img02.png?context=bWFzdGVyfGltYWdlc3wxNzI4NDh8aW1hZ2UvcG5nfGltYWdlcy9oMjgvaDkxLzk0MzgwMzc4MzU4MDYucG5nfGRmYTYyZDdmZDlmOWFmYzc0ZDM2NmM2NTUzZjVhYjkxY2I0OTMyY2U0YWU3MWRhNDg5MTA2YzMyMjcwMjIyNGM) right center no-repeat;} } /*------------------------------------------------------ Tiny アクセサリー ------------------------------------------------------*/ .blv_pdfBox{ font-size:14px;} .blv_tinyinBox01 img{ width:100%; height:auto;} .blv_tinyinBox05 img{width:100%; height:auto;} @media only screen and (max-width:579px) { .bv_csfsize{ font-size:20px!important;} .bv_csfsize span{ display:block;} .blv_tinyBox{ padding:5% 5%;} .blv_pdfBox{ padding:5% 5%;} .blv_tinyinBox01 {height:auto;} .blv_tinyinBox02 {} .blv_tinyinBox02 h3,.blv_tinyinBox03 h3{ border-bottom:#DB0003 1px solid; font-size:21px;} .blv_tinyinBox04 img{ width:60%; height:auto;} } @media only screen and (min-width:580px) and (max-width:749px) { .bv_csfsize{ font-size:20px!important;} .bv_csfsize span{ display:block;} .blv_tinyBox{ margin:60px auto; } .blv_pdfBox{margin:0 auto 30px auto; text-align:right;} .blv_tinyinBox01 {height:auto;} .blv_tinyinBox02 {} .blv_tinyinBox02 h3,.blv_tinyinBox03 h3{ border-bottom:#DB0003 1px solid; font-size:24px;} .blv_tinyinBox04{ } } @media only screen and (min-width:750px) and (max-width:979px) { .bv_csfsize{ font-size:20px!important;} .bv_csfsize span{ display:block;} .blv_tinyBox{ margin:50px auto; width:500px; } .blv_pdfBox{margin:0 auto 30px auto; width:500px; text-align:right;} .blv_tinyinBox01 { width:518px; height:auto;} .blv_tinyinBox02 h3,.blv_tinyinBox03 h3{ border-bottom:#DB0003 1px solid; font-size:21px;} } @media only screen and (min-width:980px) and (max-width:1179px) { .bv_csfsize{ font-size:21px!important;} .bv_csfsize span{ display:block;} .blv_tinyBox{ display:table;margin:50px auto; width:980px; } .blv_tinyImageBox,.blv_tinyTxtBox{ display: table-cell; vertical-align:top;} .blv_pdfBox{margin:0 auto 30px auto; width:980px; text-align:right;} .blv_tinyinBox01 { width:518px; height:auto;} .blv_tinyinBox02 {padding-left:20px;} .blv_tinyinBox02 h3,.blv_tinyinBox03 h3{ border-bottom:#DB0003 1px solid; font-size:24px;} .blv_tinyinBox04{ padding-left:20px;} } @media only screen and (min-width:1180px) { .bv_csfsize{ font-size:28px!important;} .bv_csfsize span{ display:block;} .blv_tinyBox{ display:table;margin:50px auto; width:1048px; } .blv_tinyImageBox,.blv_tinyTxtBox{ display: table-cell; vertical-align:top;} .blv_pdfBox{margin:0 auto 30px auto; width:1048px; text-align:right;} .blv_tinyinBox01 { width:518px; height:auto;} .blv_tinyinBox02 {width:417px; padding-left:20px;} .blv_tinyinBox02 h3,.blv_tinyinBox03 h3{ border-bottom:#DB0003 1px solid; font-size:24px;} .blv_tinyinBox04{ padding-left:20px;} }