/* CSS Document */
/* ##################################################################### */
/*	EyewillStrap Ver.1.0
/* ##################################################################### */

.bgbox {
  height: 30vh;
  width: 100%;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

.thumbnail01{  background-image: url("../images/img_01.jpg");}
.thumbnail02{  background-image: url("../images/img_02.jpg");}
.thumbnail03{  background-image: url("../images/img_03.jpg");}
.thumbnail04{  background-image: url("../images/img_04.jpg");}
.thumbnail05{  background-image: url("../images/img_05.jpg");}
.thumbnail06{  background-image: url("../images/img_06.jpg");}
.thumbnail07{  background-image: url("../images/img_07.jpg");}


nav ul li.current a,
nav ul li a:hover{
    color:#ed895d;
}


.pageTitleArea {
  display: none;
}
.breadCrumbArea {
  display: none;
}
#localNav {
  display: none;
}
.navbar-nav li.list01 .nav-link {
  color: #fff;
  border-bottom: 2px solid #148acc;
  ;
  padding-bottom: 0.7rem;
}
.inquiryBox {
  display: none;
}
/*　複数　card-carousel*/
.mv .slick-prev, .mv .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 25px;
  height: 25px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10;
}
.mv .slick-prev:before {
  content: '';
  display: inline-block;
  width:25px;
  height:25px;
  background-image: url("../images/arrow_icon_prev.png");
  background-repeat: no-repeat;
	background-size: 25px 10px;
  background-size: contain;
  vertical-align: middle;
background-position:center top;
}
.mv .slick-next:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("../images/arrow_icon_next.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;

}
.mv .slick-prev:hover, .mv .slick-prev:focus, .mv .slick-prev {
  left: 15px;
}
.mv .slick-next:hover, .mv .slick-next:focus, .mv .slick-next {
  right: 15px;
}
/* */


/*=============
slick
=============*/

.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.full div.img01 {
  background-image: url("../images/slider/slider_01_sp.jpg");
}
.full div.img02 {
  background-image: url("../images/slider/slider_02_sp.jpg");
}
.full div.img03 {
  background-image: url("../images/slider/slider_03_sp.jpg");
}
.full div.img04 {
  background-image: url("../images/slider/slider_04_sp.jpg");
}

/* ===================================================================== */
/*	スマホ基本設定
/* ===================================================================== */
.breadCrumb {
  display: none;
}

@media (min-width: 480px) {

.mv .slick-prev, .mv .slick-next {
  top: 40%;
  -webkit-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  transform: translate(0, -45%);
}	
.mv .slick-prev:hover, .mv .slick-prev:focus, .mv .slick-prev {
  left: 35px;
}
.mv .slick-next:hover, .mv .slick-next:focus, .mv .slick-next {
  right: 35px;
}	
.mv .slick-prev:before {
  width: 20px;
  height: 40px;
}
.mv .slick-next:before {
  width: 20px;
  height: 40px;
}
}
@media (min-width: 576px) {

}
@media (min-width: 768px) { 
.bgbox {
  height: 420px;
  width: 100%;
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}    
    
    
.mv .slick-prev, .mv .slick-next {
  top: 45%;
  -webkit-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  transform: translate(0, -45%);
}	
.mv .slick-prev:hover, .mv .slick-prev:focus, .mv .slick-prev {
  left: 45px;
}
.mv .slick-next:hover, .mv .slick-next:focus, .mv .slick-next {
  right: 45px;
}	
.mv .slick-prev:before {
  width: 30px;
  height: 60px;
}
.mv .slick-next:before {
  width: 30px;
  height: 60px;
}
.full div.img01 {
  background-image: url("../images/slider/slider_01.jpg");
}
.full div.img02 {
  background-image: url("../images/slider/slider_02.jpg");
}
.full div.img03 {
  background-image: url("../images/slider/slider_03.jpg");
}
.full div.img04 {
  background-image: url("../images/slider/slider_04.jpg");
}    
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}