@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
  #contentContainer {
    position: relative;
    margin-top: 80px;
    padding-bottom: calc(140 * 100vw/1440);
    text-align: center;
    color: hsl(12, 4%, 23%);
    background: url(../img/top_bg01.png) no-repeat #f8f8f8;
    background-size: cover;
  } 
  .pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
.padOnly {
  display: none;
}

@media screen and (max-width:768px) { 
  /*　for iPhone Landscape　(iPhone 横)　*/
  #contentContainer {
    background: url(../img/top_bg_full01.png) no-repeat #f8f8f8;
    background-size: 100%;
    padding-bottom: calc(10 * 100vw/375);
  }
  .spOnly {
    display: block;
  }
  .padOnly {
    display: none;
  }
  .pcOnly {
    display: none;
  }
}

#store .pcOnly {
  display: none !important;
}

#store .spOnly {
  display: none !important;
}

#store .padOnly {
  display: flex !important;
}

h1, h3 {
  font-family: 'jins_next_regular','Noto Sans Japanese',sans-serif;
  font-weight: normal;
}

.p-top__tit {
  padding: 140px 0 60px;
}

.p-top__tit__sub {
  margin: 0 0 25px;
  font-size: 35px;
  font-family: 'jins_next_regular','Noto Sans Japanese',sans-serif;
  font-weight: normal;
}

.p-top__tit__main {
  font-size: 67px;
  margin-bottom: 15px;
}

.p-top__tit__lead {
  font-size: 23px;
  font-family: "Noto Sans Japanese", -apple-system, "Droid Sans", Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, HelveticaNeue, Helvetica, sans-serif;
  margin-bottom: 0;
  line-height: 1.5;
}

.p-top__list {
  max-width: 990px;
  margin: 0 auto;
}

.p-top__list__icon {
  line-height: 1;
  margin-bottom: 40px;
}

.option .p-top__list__icon img {
  width: 50px;
  height: 50px;
}

.basic .p-top__list__icon img {
  width: 47px;
  height: 50px;
}

.faq .p-top__list__icon img {
  width: 52px;
  height: 49px;
}

.p-top__list__tit {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
}

.p-top__list__subtit {
  margin-bottom: 30px;
  line-height: 1;
  font-size: 12px;
  font-family: "Noto Sans Japanese", -apple-system, "Droid Sans", Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, HelveticaNeue, Helvetica, sans-serif;
}

.p-top__list__arrow {
  line-height: 1;
  margin-bottom: 20px;
}

.p-top__list__arrow img {
  width: 12px;
  height: 12px;
}

.p-top__list__lead {
  margin: 0 30px;
  text-align: left;
  font-size: 12px;
  line-height: 1.6666;
  font-family: 'jins_next_regular','Noto Sans Japanese',sans-serif;
  text-align: center;
}

.p-top__list ul {
  display: flex;
  padding: 0;
  margin: 0;
}

.p-top__list ul li {
  margin-right: 20px;
  list-style: none;
}

.p-top__list ul .p-top__list__box:last-child {
  margin: 0;
}

.p-top__list ul .p-top__list__box a {
  width: 320px;
  height: 320px;
  display: block;
  text-decoration: none;
  background: #fff;
  padding-top: 35px;
  color: #3E3A39;
}

.p-top__list ul .p-top__list__box a:hover {
  opacity: 0.6;
}

/*　for iPhone Landscape　(iPhone 横)　*/
@media screen and (max-width:768px) { 
  .p-top__list ul .p-top__list__box a:hover {
    opacity: 1;
  }

  .p-top__tit {
    padding: calc(50 * 100vw/375) 0;
  }

  .p-top__tit__sub {
    line-height: 1;
    font-size: calc(21 * 100vw/375);
    margin-bottom: calc(20 * 100vw/375);
  }

  .p-top__tit__main {
    width: calc(364 * 100vw/1000);
    margin: 0 auto;
    font-size: calc(36 * 100vw/375);
    line-height: 1;
  }

  .p-top__tit__lead {
    font-size: calc(12 * 100vw/375);
  }
  
  .p-top__list.spOnly ul{
    display: block;
  }
  .p-top__list ul li {
    margin: 0 calc(20 * 100vw/375) calc(12.5 * 100vw/375);
    background: none;
}
.p-top__list ul .p-top__list__box:last-child {
  margin: 0 calc(20 * 100vw/375);
}
  .p-top__list__box a{
    display: flex;
    width: 100%;
    height: calc(40 * 100vw/375);
    padding: 0;
  }
  .p-top__list__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(52 * 100vw/375);
    margin: 0 calc(18 * 100vw/375);
  }
  .option .p-top__list__icon img {
    width: calc(50 * 100vw/375);
    height: calc(50 * 100vw/375);
  }
  
  .basic .p-top__list__icon img {
    width: calc(47 * 100vw/375);
    height: calc(50 * 100vw/375);
  }
  
  .faq .p-top__list__icon img {
    width: calc(52 * 100vw/375);
    height: calc(49 * 100vw/375);
  }
  .p-top__list ul .p-top__list__box a {
    position: relative;
    display: flex;
    width: 100%;
    height: calc(130 * 100vw/375);
    padding: 0;
    height: auto;
    border-radius: 0px;
  }
  /* @media screen and (max-width:320px) {
    .p-top__list ul .p-top__list__box a {
      height: calc(160 * 100vw/375);
    }
    .p-top__list__icon {
      margin: calc(57 * 100vw/375) calc(18 * 100vw/375);
    }
  } */

  .p-top__list__wrap {
    width: 65%;
    text-align: left;
    margin: calc(15 * 100vw/375) 0 0;
}
  .p-top__list__tit {
    width: 100%;
    font-size: calc(18 * 100vw/375);
    font-weight: bold;
    margin-bottom: calc(15 * 100vw/375);
  }
  .p-top__list__subtit {
    width: 100%;
    font-size: calc(12 * 100vw/375);
    margin-bottom: calc(15 * 100vw/375);
  }
  .p-top__list__arrow {
    position: absolute;
    margin: 0;
    top: 45%;
    right: calc(22 * 100vw/375);
    width: calc(12 * 100vw/375);
    height: calc(12 * 100vw/375);
    line-height: 1;
  }
  .p-top__list__lead {
    font-size: 10px;
    margin: 0 0  calc(15 * 100vw/375);
    text-align: left;
  }

}

#store #contentContainer {
  position: relative;
  margin-top: 0px;
  padding-bottom: calc(140 * 100vw/1024);
  text-align: center;
  color: hsl(12, 4%, 23%);
  background: #f8f8f8 url(../img/top_bg_full01.png) no-repeat 50% 50%;
  background-size: cover;
} 

#store .p-top__tit {
padding: calc(140 * 100vw/1024) 0 calc(60 * 100vw/1024);
}

#store .p-top__tit__sub {
width: calc(176 * 100vw/2160);
margin: 0 auto calc(25 * 100vw/1024);
font-size: calc(35 * 100vw/1024);
font-family: 'jins_next_regular','Noto Sans Japanese',sans-serif;
font-weight: normal;
justify-content: center;
}

#store .p-top__tit__main {
width: calc(532 * 100vw/2160);
font-size: calc(67 * 100vw/1024);
justify-content: center;
margin: 0 auto calc(15 * 100vw/1024);
}

#store .p-top__tit__lead {
font-size: calc(23 * 100vw/1024);
font-family: "Noto Sans Japanese", -apple-system, "Droid Sans", Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, HelveticaNeue, Helvetica, sans-serif;
margin-bottom: 0;
line-height: 1.5;
}

#store .p-top__list {
max-width: 990px;
margin: 0 auto;
}

#store .p-top__list__icon {
line-height: 1;
margin-bottom: 10px;
}

#store .option .p-top__list__icon img {
width: calc(50 * 100vw/1024);
height: calc(50 * 100vw/1024);
}

#store .basic .p-top__list__icon img {
width: calc(47 * 100vw/1024);
height: calc(50 * 100vw/1024);
}

#store .faq .p-top__list__icon img {
width: calc(52 * 100vw/1024);
height: calc(49 * 100vw/1024);
}

#store .p-top__list__tit {
font-size: calc(20 * 100vw/1024);
line-height: 1;
margin-bottom: 10px;
}

#store .option .p-top__list__tit {
font-size: calc(28 * 100vw/1024);
}

#store .p-top__list__subtit {
margin-bottom: calc(18 * 100vw/1024);
line-height: 1;
font-size: 12px;
font-family: "Noto Sans Japanese", -apple-system, "Droid Sans", Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, HelveticaNeue, Helvetica, sans-serif;
}

#store .p-top__list__arrow {
margin-bottom: calc(20 * 100vw/1024);
}

#store .p-top__list__lead {
margin: 0 calc(30 * 100vw/1024);
text-align: left;
font-size: calc(12 * 100vw/1024);
line-height: 1.6666;
text-align: left;
}

#store .p-top__list ul {
display: flex;
padding: 0;
margin: 0;
}

#store .p-top__list ul li {
margin-right: calc(20 * 100vw/1024);
list-style: none;
}

#store .p-top__list.padOnly {
display: flex;
justify-content: center;
}

#store .p-top__list__box {
position: relative;
}

#store .p-top__list__box.basic {
margin-bottom: calc(20 * 100vw/1024);
}

#store .p-top__list ul .p-top__list__box:last-child {
margin: 0;
}

#store .p-top__list ul .p-top__list__box a {
width: calc(180 * 100vw/1024);
height: calc(180 * 100vw/1024);
padding-top: calc(45 * 100vw/1024);
display: block;
text-decoration: none;
background: #fff;
color: #3E3A39;
border-radius: 6px;
}

#store .padOnly.p-top__list ul li .p-top__list__box.option a {
width: calc(380 * 100vw/1024);
height: calc(380 * 100vw/1024);
padding-top: calc(120 * 100vw/1024);
}

#store .p-top__list__arrow {
position: absolute;
bottom: calc(20 * 100vw/1024);
left: 0;
right: 0;
margin-bottom: 0px;
}

#store .p-top__list__arrow img {
width: calc(12 * 100vw/1024);
height: calc(12 * 100vw/1024);
}

#store .option .p-top__list__arrow {
bottom: calc(40 * 100vw/1024);
}

#store .option .p-top__list__arrow img {
width: calc(20 * 100vw/1024);
height: calc(20 * 100vw/1024);
}


#store .p-top__list ul .p-top__list__box a:hover {
opacity: 0.6;
}

/* banner */
.lensBanner{
  background: #f9f9fa;
  padding: 90px 0;
}
.lensBanner_item{
  max-width: 900px;
  margin: 0 auto;
}
.lensBanner_item img{
  width: 100%;
  display: block;
}

@media screen and (max-width:768px) { 
  .lensBanner{
    padding: 30px 0;
  }  
}