/* ---------------------- Common ---------------------- */

body{
  /*background-color:#181818;*/
  /*background-color:#777e41;*/
  background-color:#FFF;
  font-feature-settings: "palt";
  text-align: center;
}

/* ---------------------- Header ---------------------- */

.soloita_header{
  position:relative;
  background-color:#202020;
  height:40px;
  line-height:1;
}
.soloita_header_menu{
  position:absolute;
  top:50%;
  left:80px;
  transform:translateY(-50%);
  font-size:0;
  letter-spacing:-.4em;
}
.soloita_header_menu > li{
  display:inline-block;
  letter-spacing:normal;
}
.soloita_header_menu > li:not(:last-child){
  margin-right:15px;
}
.soloita_header_menu > li > a{
  font-size:14px;
  color:#FFF;
}
.soloita_header_cart{
  position:absolute;
  top:50%;
  right:80px;
  transform:translateY(-50%);
}
.soloita_header_cart > a{
  display:block;
  color:#FFF;
  font-size:12px;
  text-decoration:none;
  padding:0 6px 9px 11px;
  background-image:url("/sys/themes/eases5-child/images/soloita/ic_cart.svg");
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:center bottom;
}

/* ---------------------- Main wrap ---------------------- */

.soloita_main{
}

/* ---------------------- Logo ---------------------- */

.soloita_logo{
  padding:50px 0 30px;
}
.soloita_logo > h1{
}
.soloita_logo > h1 > img{
  width:250px;
}

/* ---------------------- FV ---------------------- */

.soloita_fv{
  position:relative;
  margin-bottom:200px;
}
.soloita_fv_desc{
  position:absolute;
  z-index:10;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.soloita_fv_desc > h2{
  font-size:88px;
  color:#FFF;
  line-height:1.3;
  font-feature-settings: "palt";
  text-shadow:0.5px 0.5px 1px #000;
}
.soloita_fv_desc > h2 > span{
  display:inline-block;
  white-space:nowrap;
}
.soloita_fv_desc > h2 > span:last-child{
  padding-left:64px;
  letter-spacing:0.1em;
}
.soloita_fv_desc > p{
  font-size:22px;
  color:#FFF;
  line-height:1.5;
  text-shadow:0.5px 0.5px 1px #000;
}
.soloit_fv_bg{
  position:absolute;
  top:-20%;
  left:0;
  width:100%;
  height:150%;
  background-image:url("/sys/themes/eases5-child/images/soloita/test.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.soloit_fv_bg_video{
}
.soloit_fv_bg_video > video{
  width:100%;
}

/* ---------------------- Item list ---------------------- */

.soloita_item{
  max-width:1040px;
  padding:0 50px;
  margin:0 auto 100px;
  line-height:1;
}
.soloita_item_list{
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-between;
}
.soloita_item_list li{
  width:48%;
  height: auto;
}
.soloita_item_link{
  display:block;
  color:#000;
}
.soloita_item_quick{
  font-size:16px;
}
.soloita_item_image{
  position:relative;
  overflow:hidden;
  margin-bottom:20px;
}
.soloita_item_image > img{
  max-width:100%;
}
.soloita_item_quick{
  position:absolute;
  left:0;
  bottom:0;
  display:block;
  width:100%;
  background-color:rgba(0,0,0,0.5);
  color:#FFF;
  font-size:20px;
  line-height:1;
  text-align:center;
  padding:15px 0;
  transform:translateY(100%);
  transition:all 0.5s ease;
}
.soloita_item_pickup{
  position:absolute;
  left:0;
  top:0;
  display:block;
  background-color:#7D8260;
  color:#FFF;
  font-size:16px;
  line-height:1;
  text-align:center;
  padding:10px 15px;
}

.soloita_item_link:hover .soloita_item_image > span{
  transform:translateY(0);
}
.soloita_item_info{
  text-align:left;
}
.soloita_item_info > h3{
  font-size:18px;
  margin-bottom:15px;
}
.soloita_item_info > p{
  font-size:18px;
}


/* ---------------------- About ---------------------- */

.soloita_about{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:center;
  height:900px;
  background-image: url("/sys/themes/eases5-child/images/soloita/about_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom:200px;
}
.soloita_about > div{
  max-width:1480px;
  padding:0 100px;
  text-align:left;
}
.soloita_about > div > h2{
  color:#FFF;
  font-size:64px;
  text-shadow:0.5px 0.5px 1px #000;
  line-height:1;
  margin-bottom:32px;
}
.soloita_about > div > h3{
  color:#FFF;
  font-size:32px;
  text-shadow:0.5px 0.5px 1px #000;
  line-height:1.2;
  margin-bottom:48px;
}
.soloita_about > div > p{
  color:#FFF;
  font-size:22px;
  text-shadow:0.5px 0.5px 1px #000;
  line-height:1.75;
}
.soloita_about > div > p:not(:last-child){
  margin-bottom:32px;
}

/* ---------------------- Made in ---------------------- */

.soloita_made{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:center;
  height:900px;
  background-image: url("/sys/themes/eases5-child/images/soloita/made_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom:200px;
}
.soloita_made > div{
  max-width:1480px;
  padding:0 100px;
  text-align:left;
}
.soloita_made > div > h2{
  color:#edba2e;
  font-size:64px;
  text-shadow:0.5px 0.5px 1px #000;
  line-height:1.5;
  margin-bottom:32px;
}
.soloita_made > div > h3{
  color:#FFF;
  font-size:32px;
  text-shadow:0.5px 0.5px 1px #000;
  line-height:1;
  margin-bottom:48px;
}
.soloita_made > div > p{
  color:#FFF;
  font-size:32px;
  text-shadow:0.5px 0.5px 1px #000;
  line-height:2;
}

/* ---------------------- Photo list ---------------------- */

.soloita_photo{
  margin-bottom:200px;
}
.soloita_photo_list{
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  align-items:flex-start;
  max-width:940px;
  margin:0 auto;
  list-style: none;
}
.soloita_photo_list > li{
  width:32.5%;
  margin-bottom:1.25%;
}
.soloita_photo_list > li:nth-child(3n+1),
.soloita_photo_list > li:nth-child(3n+2){
  margin-right:1.25%;
}
.soloita_photo_list > li > a{
  display:block;
  padding-bottom:100%;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.soloita_photo_list > li > a > img{
  max-width:100%;
}

/* ---------------------- Video ---------------------- */

.soloita_video{
  margin-bottom:200px;
}
.soloita_video_in{
  max-width:940px;
  margin:0 auto;
}
.soloita_video_in > div{
  position:relative;
  padding-bottom:56.5%;
}
.soloita_video_in > div > iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.soloita_video_in > div > video{
  max-width:100%;
}

/* ---------------------- Enjoy ---------------------- */

.soloita_enjoy{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:center;
  margin-bottom:200px;
}
.soloita_enjoy_image{
  width:65%;
}
.soloita_enjoy_image > img{
  width:100%;
}
.soloita_enjoy_info{
  width:35%;
}
.soloita_enjoy_info > h2{
  color:#000;
  font-size:42px;
  line-height:1.3;
  margin-bottom:30px;
}
.soloita_enjoy_btn{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:center;
}
.soloita_enjoy_btn > a{
  display:inline-block;
  color:#FFF;
  font-size:18px;
  line-height:1;
  padding:10px 30px;
  background-color:#FF3300;
}
.soloita_enjoy_btn > a:first-child{
  margin-right:15px;
}

/* ---------------------- Contact section ---------------------- */

.soloita_contact{
  margin-bottom:50px;
}
.soloita_contact > h2{
  color:#000;
  font-size:50px;
  margin-bottom:20px;
}
.soloita_contact > p{
  color:#000;
  font-size:18px;
  line-height:1;
}
.soloita_contact > p:not(:last-child){
  margin-bottom:20px;
}
.soloita_contact > p > a{
  display:inline-block;
  vertical-align:top;
}
.soloita_contact > p > a > img{
  width:18px;
}

/* ---------------------- Blank section ---------------------- */

.soloita_blank{
  height:500px;
  background-image: url("/sys/themes/eases5-child/images/soloita/test.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* ---------------------- Map ---------------------- */

.soloita_map{
}
.soloita_map > div{
  height:460px;
}


/* ---------------------- Footer ---------------------- */

.soloita_footer{
  padding:50px 0;
}
.soloita_footer_phone{
  color:#000;
  font-size:15px;
  margin-bottom:30px;
}
.soloita_footer_sns{
  margin-bottom:30px;
}
.soloita_footer_sns > li{
  display:inline-block;
}
.soloita_footer_sns > li:not(:last-child){
  margin-right:15px;
}
.soloita_footer_sns > li > a{
  display:block;
}
.soloita_footer_sns > li > a > img{
  width:20px;
}
.soloita_footer_copy{
  color:#000;
  font-size:14px;
}

/* ---------------------- SP ---------------------- */

@media screen and (max-width: 960px) {

  /* ---------------------- Logo ---------------------- */

  .soloita_logo{
    padding:30px 0 30px;
  }
  .soloita_logo > h1 > img{
    width:200px;
  }

  /* ---------------------- FV ---------------------- */

  .soloita_fv{
    margin-bottom:50px;
  }
  .soloita_fv_desc > h2{
    font-size:36px;
  }
  .soloita_fv_desc > h2 > span:last-child{
    padding-left:32px;
  }

  /* ---------------------- About ---------------------- */

  .soloita_about{
    height:auto;
    margin-bottom:50px;
  }
  .soloita_about > div{
    padding:50px 20px;
  }
  .soloita_about > div > h2{
    font-size:32px;
    line-height:1;
    margin-bottom:20px;
  }
  .soloita_about > div > h3{
    font-size:20px;
    margin-bottom:20px;
  }
  .soloita_about > div > p{
    font-size:14px;
    line-height:1.5;
  }
  .soloita_about > div > p:not(:last-child){
    margin-bottom:16px;
  }

  /* ---------------------- Made in ---------------------- */

  .soloita_made{
    height:auto;
    margin-bottom:50px;
  }
  .soloita_made > div{
    padding:50px 20px;
  }
  .soloita_made > div > h2{
    font-size:32px;
    line-height:1.5;
    margin-bottom:20px;
  }
  .soloita_made > div > h3{
    font-size:24px;
    margin-bottom:20px;
  }
  .soloita_made > div > p{
    font-size:16px;
    line-height:1.5;
  }

  /* ---------------------- Photo list ---------------------- */

  .soloita_photo{
    margin-bottom:50px;
  }
  .soloita_photo_list{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:flex-start;
    max-width:940px;
    margin:0 auto;
    list-style: none;
  }
  .soloita_photo_list > li{
    width:32.5%;
    margin-bottom:1.25%;
  }
  .soloita_photo_list > li > a{
    display:block;
  }
  .soloita_photo_list > li > a > img{
    max-width:100%;
  }

  /* ---------------------- Video ---------------------- */

  .soloita_video{
    margin-bottom:50px;
  }

  /* ---------------------- Enjoy ---------------------- */

  .soloita_enjoy{
    display:block;
    margin-bottom:50px;
  }
  .soloita_enjoy_image{
    width:100%;
    margin-bottom:15px;
  }
  .soloita_enjoy_info{
    width:100%;
  }
  .soloita_enjoy_info > h2{
    font-size:36px;
    margin-bottom:20px;
  }
  .soloita_enjoy_btn{
    padding:0 20px;
    justify-content:space-between;
  }
  .soloita_enjoy_btn > a{
    width:48%;
    font-size:16px;
    padding:10px 0;
  }
  .soloita_enjoy_btn > a:first-child{
    margin-right:15px;
  }

  /* ---------------------- Contact section ---------------------- */

  .soloita_contact{
    margin-bottom:50px;
  }
  .soloita_contact > h2{
    font-size:36px;
    margin-bottom:20px;
  }
  .soloita_contact > p{
    text-align:left;
    font-size:16px;
    line-height:1.2;
    padding:0 20px;
  }
  .soloita_contact > p:not(:last-child){
    margin-bottom:15px;
  }
  .soloita_contact > p > a > img{
    width:16px;
  }


}