@charset "utf-8";

@media only screen and (max-width: 767px) {
	.sp-only {
		display: block;
	}
	.pc-only {
		display: none;
	}
	.font-sizeS {
	font-size: 1.2rem;
}
/* ------------------------------------------------------
 *header
 ------------------------------------------------------ */
 .Header {
 	background: #ffffff;
 	background: rgba(255, 255, 255, 0);
 	border-bottom: none;
    padding: 15px 0;
 }
 .Header .HeaderBody:after {
 	content: '';
 	display: none;
 }

 /* header-identity */
 .Header .HeaderBody .header-identity {
 	margin: 0 0 auto;
 }
 .Header .HeaderBody .header-identity > .identity_logo {
 	padding: 0;
 }
 .Header .HeaderBody .header-identity > .identity_logo > a {
 	display: block;
 	margin: 0 auto;
 }
 .Header .HeaderBody .HeaderUtility > ul > li.kids:after {
 	background: none !important;
 }
 .HeaderMenu ,#headerMenu {
 	display: block;
 }
 .Header .HeaderBody .HeaderMenu {
    top: 10px;
 }
 .Header .HeaderBody .HeaderUtility {
 	margin: 0 0 0 auto;
 }
 .Header .HeaderBody .HeaderUtility > ul {
 	-webkit-display: flex;
 	display: flex;
 	-webkit-align-items: center;
 	align-items: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 }
 .Header .HeaderBody .HeaderUtility > ul > li {
 	position: relative;
 	display: table;
 }
 .Header .HeaderBody .HeaderUtility > ul > li:after {
 	display: none;
 }
 .Header .HeaderBody .HeaderUtility > ul > li.kids:after {
 	background: none !important;
 }
/* .Header .HeaderBody .HeaderMenu > .menu-button > a:before ,.Header .HeaderBody .HeaderMenu > .menu-button > a > span:before ,.Header .HeaderBody .HeaderMenu > .menu-button > a:after {
  background: #fff;
 }*/
  .Header .HeaderBody .HeaderMenu > .menu-button.open > a:before, .Header .HeaderBody .HeaderMenu > .menu-button.open > a > span:before, .Header .HeaderBody .HeaderMenu > .menu-button.open > a:after {
  background: #000;
}
/* ------------------------------------------------------
 *header
 ------------------------------------------------------ */

/* ------------------------------------------------------
 *main
 ------------------------------------------------------ */
 /*slider*/
.slick-dots {
    bottom: 10px !important;
}
.slick-dots li {
	margin: 0;
}
.slick-dots li.slick-active button:before {
    color: #fff;
}
.slick-dots li button:before {
	color: #fff;
}
.slick-prev, .slick-next {
    display: none !important;
}
.slick-slide {
    padding: 0 !important;
}
.slick-slide img {
    margin: 0 auto;
}
/*slider*/
 .heading_title {
 	position: relative;
 	display: inline-block;
 	margin-bottom: 1em;
 }
 /*以下で線を表示*/
.heading_title:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 80px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;
}
.heading-lv2-v2 {
  margin-top: 0;
}
.heading-lv2-v2 .heading_title {
  font-size: 3.2rem;
}
 .item-list-area {
 	justify-content: center;
 	grid-gap: 15px;
 }
 .item-list-area .item-column {
 	width: calc(100% / 3 - 15px);
 	max-width: 310px;
 	margin: 0;
 }
 .item-list-area .item-column:nth-child(-n+3) {
 	margin-top: 0 !important;
 }
 .item-list-area .item-column:nth-child(3n) {
 	margin-right: 0;
 }
 .lead-area, .features-area ,.our_50year_timeline-area ,.products-area ,.instagram-area {
 	padding: 40px 5vw;
 }
 .lead-area {
	text-align: center;
}
.lead-area .heading_title:before {
	display: none;
}
.lead-area .heading_title {
    font-size: 2rem;
}
.features-area {
	background-color: #F9F9F9;
}
.features-area p {
    width: 100%;
    max-width: 327px;
    height: 96px;
    padding: 10px 20px;
    margin: 0 auto;
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
}
 .features-area .item-list-area {
 	flex-direction: column;
 }
.our_50year_timeline-area {
    background-color: #F2F2F2;
}
.products-area {
	text-align: center;
}
.instagram-area {
	background-color: #F5F5F5;
}
 .products-area .item-list-area .item-column {
 	width: calc(100% / 2 - 15px);
 }
 .banner-area {
  padding: 0;
  margin: 0;
 }
 .model-image {
  padding: 0 5px;
 }
 .item .model-image a {
 	margin: 0 auto;
 }
/* ------------------------------------------------------
 *main
 ------------------------------------------------------ */
 .footer-area {
    text-align: center;
    padding: 35px;
}
.img-blur {
   animation: blur ease forwards;
   animation-timeline: view();
   animation-range: cover 0% cover 100%;
 }

 @keyframes blur{
   0%{ filter: blur(8px); }
  80%{ filter: blur(0); }
 /*100%{ filter: blur(0); }*/
 }
}