@charset "utf-8";
/* CSS Document */

body{margin: 0;}
p{margin: 0;}

#container{z-index: 997;}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 大枠 */
.main_body{
	font-family:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}
	
a{color: #000;}
a:hover{opacity: 0.7;}

.concept_text1{width: 70%; text-align: center; margin: 0 auto;}
.concept_text2{width: 70%; text-align: left; margin: 0 auto; line-height: 30px;}

.s01{margin: 10% auto;}
.s01_inner{text-align: center}
.title_img{width: 60%;}


.lineup_item {max-width: 70%; margin: 0 auto; padding-bottom: 3%;}
a.btn_02 {
				  display: flex;
				  justify-content: center;
				  align-items: center;
				  background: #0f0f0f;
				  border: 1px solid #fff;
				  box-sizing: border-box;
				  width: 100%;
				  height: 80px;
				  padding: 0 6% 0 12%;
				  color: #fff;
				  font-size: 20.5px;
				  text-align: left;
				  text-decoration: none;
				  position: relative;
		}
a.btn_02:hover {opacity: 0.7;}
a.btn_02:before {
				  content: "";
				  display: inline-block;
				  width: 0;
				  height: 0;
				  border-style: solid;
				  border-width: 7px 0 7px 8px;
				  border-color: transparent transparent transparent #fff;
				  position: absolute;
				  top: 50%;
				  left: 30%;
				  margin-top: -7px;
		}


.flex_box3{display: flex; width: 80%; margin: 0 auto;}
.mens_box{width: 33%; text-align: center; margin: 0 auto;}
.mens_box img{width: 50%;}

.womens_box{width: 33%; text-align: center; margin: 0 auto;}
.womens_box img{width: 50%;}

.all_item{width: 33%; margin: 0 auto; text-align: center;}
.all_item img{width: 50%;}

.flex_box{display: flex;}
.flex_box2{display: flex;}
.img_box{width: 50%; margin: 0 4%;}

.slick-next slick-arrow{display: none!important;}

.text_box{width: 50%; text-align: left;}
.text_box2{width: 50%; text-align: right;}
.product_title{font-weight: bold;}
.product_title2{font-weight: bold;}
.product_text{line-height: 25px;}
.product_text2{line-height: 25px;}
.buy_btn img{width: 220px !important;}
.buy_btn a:hover{opacity: 0.7;}

.search{margin-top: 3%;}
.search img{width: 220px !important;}
.buy_btn a:hover{opacity: 0.7;}

.banner_area{display: flex; flex-wrap: wrap;}
.banner_box{width: 48%; margin: 1%;}
.banner_box img{width: 100%;}

footer{
    width: 100%;
    height: auto;
    background-color: #0f0f0f;
    color: white;
    text-align: center;
}
ul.footer-menu li {
display: inline;
}
ul.footer-menu li a{
color: white;
text-decoration: none;
}

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

.flex_box3{display: flex; width: 100%; margin: 0 auto;}
.mens_box{width: 33%; text-align: center; margin: 0 auto;}
.mens_box img{width: 70%;}

.womens_box{width: 33%; text-align: center; margin: 0 auto;}
.womens_box img{width: 70%;}

.all_item{width: 33%; margin: 0 auto; text-align: center;}
.all_item img{width: 70%;}

}


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

.concept_text1{width: 100%; text-align: center; margin: 0 auto;}
.concept_text2{width: 100%; text-align: left; margin: 0 auto;}

.lineup_item {max-width: 70%; margin: 0 auto; padding-bottom: 3%;}
a.btn_02 {font-size: 16.5px;}
a.btn_02:before {left: 15%;}

.flex_box3{display: flex; width: 80%; margin: 0 auto;}
.mens_box{width: 33%; text-align: center; margin: 0 auto;}
.mens_box img{width: 90%;}

.womens_box{width: 33%; text-align: center; margin: 0 auto;}
.womens_box img{width: 90%;}

.all_item{width: 33%; margin: 0 auto; text-align: center;}
.all_item img{width: 90%;}

.buy_btn img{width: 50%;}
.buy_btn a:hover{opacity: 0.7;}

.search{margin-top: 3%;}
.search img{width: 50%;}

}


@media screen and (max-width:425px) {
.concept_text1{width: 100%; text-align: center; margin: 0 auto;}
.concept_text2{width: 90%; text-align: left; margin: 0 auto;}

.lineup_item {max-width: 90%; margin: 0 auto; padding-bottom: 2%;}
a.btn_02{height: 50px;}
a.btn_02:before {left: 7%;}


.flex_box3{display: block; width: 100%; margin: 0 auto;}
.mens_box{width: 100%; text-align: center; margin: 0 auto; padding-bottom: 5%;}
.mens_box img{width: 50%;}

.womens_box{width: 100%; text-align: center; margin: 0 auto;}
.womens_box img{width: 50%;}

.all_item{width: 100%; margin: 0 auto; text-align: center; padding-bottom: 5%;}
.all_item img{width: 50%;}


.flex_box{display: block; margin-bottom: 20px;}
.flex_box2{display: flex;flex-direction: column-reverse; margin-bottom: 20px;}
.img_box{width: auto;margin-bottom: 20px;}
.text_box{width: 90%; margin: 0 auto;}
.text_box2{width: 90%; text-align: left; margin: 0 auto;}
.buy_btn{text-align: right;}
.buy_btn img{width: 50%;}

.search{margin-top: 3%; text-align: right;}
.search img{width: 50%;}

.banner_area{display: block; flex-wrap: wrap;}
.banner_box{width: 90%; margin: 1% auto;}
.banner_box img{width: 100%;}

.footer-menu{text-align: left;}

}