@charset "utf-8";

#article-01 .mobile-page-u96-section-main-visual {
  background: url(/mobile/set/data/products/tablet/lenovo-14e-chromebook-gen3/img/p/img-m-article-01.jpg?20240219) no-repeat top center;
}

#article-02 .mobile-page-u96-section-main-visual {
  background: url(/mobile/set/data/products/tablet/lenovo-14e-chromebook-gen3/img/p/img-m-article-02.jpg?20240219) no-repeat top center;
}

#article-03 .mobile-page-u96-section-main-visual {
  background: url(/mobile/set/data/products/tablet/lenovo-14e-chromebook-gen3/img/p/img-m-article-03.jpg?20240219) no-repeat top center;
}

#article-04 .mobile-page-u96-section-main-visual {
  background: url(/mobile/set/data/products/tablet/lenovo-14e-chromebook-gen3/img/p/img-m-article-04.jpg?20240219) no-repeat top center;
}

#article-05 .mobile-page-u96-section-main-visual {
  background: url(/mobile/set/data/products/tablet/lenovo-14e-chromebook-gen3/img/p/img-m-article-05.jpg?20240219) no-repeat top center;
}

@media only screen and (max-width: 900px) {
  .mobile-page-u96-products_detail .mobile-page-u96-j_toggle .mobile-page-u96-section-main-visual {
    height: 100%!important;
    background: transparent!important;
  }
}
@media only screen and (min-width: 901px){
  .mobile-page-u96-products_detail .mobile-page-u96-flex.mobile-page-u96-pcFlexMiddle {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
  }
  .mobile-page-u96-products_detail #spec.mobile-page-u96-mt-custom{
    margin-top: 100px;
  }
  .mobile-page-u96-products_detail_custom{
    background-color: #fff;
  }
  .mobile-page-u96-products_detail .mobile-page-u96-btn{
    border: 1px solid #333;
  }
  .mobile-page-u96-products_detail #spec .mobile-page-u96-btn{
    border: 1px solid #c1c1c2;
  }
}
@media only screen and (max-width: 900px){
  .mobile-page-u96-products_detail .mobile-page-u96-section-main-visual .mobile-page-u96-flex>.mobile-page-u96-spFlex12 {
      width: 100%;
      height: 100%;
      margin-bottom: 0;
  }
  .mobile-page-u96-products_detail #spec.mobile-page-u96-mt-custom{
    margin-top: 50px;
  }
  .mobile-page-u96-products_detail_custom{
    background-color: #fff;
  }
  .mobile-page-u96-products_detail .mobile-page-u96-btn{
    border: 1px solid #000;
  }
  .mobile-page-u96-products_detail #spec .mobile-page-u96-btn{
    border: 1px solid #c1c1c2;
  }
}

@media only screen and (max-width: 900px){
  .mobile-page-u96-j_toggle .mobile-page-u96-section-main-visual .mobile-page-u96-ttlNormal {
    margin-top: 35px;
  }
  .mobile-page-u96-j_toggle .mobile-page-u96-section-main-visual .mobile-page-u96-lead {
    margin-top: 20px;
  }
  .mobile-page-u96-small-title{
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin-top: 25px;
  }
  .mobile-page-u96-title-head{
    width: 92%;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 20px 0;
    margin: 0 auto 30px;
    line-height: 27px;
  }
  .mobile-page-u96-title-head::before{
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
      to right,
      #34a853 0%, #34a853 25%,
      #fbbc05 25%, #fbbc05 50%,
      #ea4335 50%, #ea4335 75%,
      #4285f4 75%, #4285f4 100%
    );
  }
  .mobile-page-u96-title-head::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
      to right,
      #34a853 0%, #34a853 25%,
      #fbbc05 25%, #fbbc05 50%,
      #ea4335 50%, #ea4335 75%,
      #4285f4 75%, #4285f4 100%
    );
  }
}

.mobile-page-u96-products_detail .mobile-page-u96-inner > .mobile-page-u96-section ~ .mobile-page-u96-section {
  border-top: 1px solid #e0e0e0;
}


@media only screen and (min-width: 901px){
  .mobile-page-u96-contents-list {
    width: 500px;
    margin: 0 auto;
  }
  .mobile-page-u96-spFlex03{
    width : 250px;
  }
  .mobile-page-u96-spFlex03:first-child{
    margin-left: 0;
    margin-right: 0;
  }
  .mobile-page-u96-spFlex03:last-child{
    margin-left: 0;
    margin-right: 0;
  }
  .mobile-page-u96-small-title{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
  }
  .mobile-page-u96-title-head{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 30px 0;
    margin: 0 auto 50px;
    line-height: 48px;
  }
  .mobile-page-u96-title-head::before{
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
      to right,
      #34a853 0%, #34a853 25%,
      #fbbc05 25%, #fbbc05 50%,
      #ea4335 50%, #ea4335 75%,
      #4285f4 75%, #4285f4 100%
    );
  }
  .mobile-page-u96-title-head::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
      to right,
      #34a853 0%, #34a853 25%,
      #fbbc05 25%, #fbbc05 50%,
      #ea4335 50%, #ea4335 75%,
      #4285f4 75%, #4285f4 100%
    );
  }
  .u-pc-nowrap{
    white-space: nowrap;
  }
}


.mobile-page-u96-section.mobile-page-u96-google-border{
  position: relative;
}
.mobile-page-u96-products_detail .mobile-page-u96-inner > .mobile-page-u96-section.mobile-page-u96-google-border ~ .mobile-page-u96-section.mobile-page-u96-google-border::before{
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    to right,
    #34a853 0%, #34a853 25%,
    #fbbc05 25%, #fbbc05 50%,
    #ea4335 50%, #ea4335 75%,
    #4285f4 75%, #4285f4 100%
  );
}

@media only screen and (max-width: 900px) {
  .float-bnr-img .js-float-parm .bgBlack {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    margin-bottom: -24px;
  }
}

.bnr-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 695px;
  margin: 0 auto;
  padding: 10px 0;
}

@media only screen and (max-width: 900px) {
  .bnr-list{
    margin: 0 10px 0 0;
  }
}

.bnr-list .bnr-item {
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
  margin: 0 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: auto;
}

@media only screen and (max-width: 900px) {
  .bnr-list .bnr-item {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 0 0 0 10px;
  }
}

.bnr-item p {
  margin-top: 0;
  text-align: left;
}

.bnr-list a.button-blue-item {
  margin: 0;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 70px;
  padding-left: 22px;
}

@media only screen and (max-width: 900px) {
  .bnr-list a.button-blue-item {
    height: auto;
    padding-left: 0;
  }
}

.button-blue-icon {
  display: flex;
  align-items: center;
}

.bnr-item p.button-blue-text {
  line-height: 28px;
  margin-left: 22px;
  text-align: left;
}

.button-blue-text span {
  font-size: 20px;
}

/* .js-float-default, .js-float-parm {
  display: none;
} */


.mobile-page-u96-product-modal {
  display: none;
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: rgba(0,0,0,.7)
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__contentWrapper {
  width: inherit;
  margin-top: 20%;
  margin-bottom: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media all and (min-width: 901px) {
  .mobile-page-u96-product-modal .mobile-page-u96-product-modal__contentWrapper {
      margin-top:5%;
      margin-bottom: 5%
  }
}

.mobile-page-u96-product-modal__content {
  position: relative
}

@media all and (max-width: 900px) {
  .mobile-page-u96-product-modal__content {
      font-size:1.4rem;
      margin-right: 20px;
      margin-left: 20px
  }
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__container {
  background: #fff;
  /* overflow-y: auto; */
  -ms-overflow-style: none;
  width: 100%;
  border-radius: 25px
}

@media all and (min-width: 901px) {
  .mobile-page-u96-product-modal .mobile-page-u96-product-modal__container {
      max-width:790px;
      margin: 0 auto
  }
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__container::-webkit-scrollbar {
  display: none
}

.mobile-page-u96-product-modal .mobile-page-u96-product-modal__closeButton:focus,.mobile-page-u96-product-modal .mobile-page-u96-product-modal__closeButton:hover {
  text-decoration: none;
  cursor: pointer
}

.mobile-page-u96-product-modal .mobile-page-u96-modal-panel .mobile-page-u96-modal-panel__header {
  background-color: #f5f5f5;
  position: relative
}

.mobile-page-u96-modal-panel__closeIcon {
  content: "";
  background: url(/mobile/set/data/products/tablet/lenovo-14e-chromebook-gen3/img/shared/icon_close.png) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1
}

@media all and (min-width: 901px) {
  .mobile-page-u96-modal-panel__closeIcon {
      top:-15px;
      right: -15px
  }
}

@media all and (max-width: 900px) {
  .mobile-page-u96-modal-panel__closeIcon {
      top:-10px;
      right: -10px
  }
}

@media all and (min-width: 901px) {
  .mobile-page-u96-product-modal .mobile-page-u96-modal-content {
      padding:60px;
      padding-bottom: 0
  }
}

@media all and (max-width: 900px) {
  .mobile-page-u96-product-modal .mobile-page-u96-modal-content {
      padding:8vw 6.6666666667vw
  }
}

.mobile-page-u96-products_detail .mobile-page-u96-ttlNormal:before {
 content: none;
}

.u-d-inline-block{
  display: inline-block;
}