#main_content {
	margin-top: 130px;
}


.top_sec{
	max-width:980px;
	margin:0 auto;
	position: relative;
}

.cover1,
.cover2,
.cover3 {
  animation: cover 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  height: calc(100% / 3);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.cover1 {
  top: 0;
}

.cover2 {
  animation-delay: 0.2s;
  top: calc(100% / 3);
}

.cover3 {
  animation-delay: 0.4s;
  top: calc(100% / 3 * 2);
}

@keyframes cover {
  100% {
    transform: translateX(100%);
  }
}



.main_copy{
	position:absolute;
	left:70px;
	top:30px;
	width:200px;
}




.btn_list{
	margin-top:30px;
}
.btn_list:after{
	content: "";
	position: absolute;
	z-index: -99;
	background: #d7e8bc;
	width: 100%;
    height: 120px;
    bottom: -20px;
}

.btn_list_wrap{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1080px;
	margin:0 auto;
	padding: 0 60px;
}

.btn_list_wrap > div{
	width: 8.5%;
	position:relative;
	cursor: pointer;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.btn_list_wrap > div:hover{
	z-index:99;
	opacity:0.6;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.btn_list_wrap > div a {
	text-align:center;
}


.btn_list_wrap > div a span{
	font-size:9pt;
	line-height:120%;
	display:inline-block;
	width: 100%;
	margin-top: 8px;
}








.content_index{
	margin-top: 100px;
}


.content_index_inner {

}

.content_box{
	position:relative;
	margin-bottom: 100px;
}

	.content_box:after{
	content:"";
	background: #d7e8bc;
	position:absolute;
	z-index: -99;
	left:0;
	bottom: -30px;
	width:100%;
	height:80px;
}
	
	.content_box_wrap{
	display:flex;
	justify-content: space-between;
	width: 1120px;
	padding: 0 120px;
	margin: 0 auto;
	}





.content_box_wrap > div.content_detail{
	width:200px;
	position: relative;
}

.content_box_wrap > div.content_item{
	width: 450px;
	position: relative;
}


.content_box_wrap .copylight{
	position:absolute;
	right:-50px;
	bottom:80px;
}


.content_box_wrap > div.content_note{
	width: 250px;
	position:relative;
}

.content_box_wrap > div.content_note p{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size:14px;
}


.shop_info .new{
	margin-bottom:10px;
}


.shop_info .new p{
	font-size:11pt;
	font-weight:bold;
	color:#e60012;
}


.shop_info .floor p{
	font-size:14pt;
}

.shop_info .shop_name{
	margin-top:20px;
}

.shop_info .shop_name p{
	font-size:20pt;
	line-height:120%;
	display: inline-block;
	background:#d7e8bc;
}

.shop_info .insta{
	margin-top:10px;
}

.shop_info .insta a{
	font-size:12pt;
}


.shop_voice{
	position: absolute;
	width: 110%;
    bottom: 0;
}



#content09 .content_box_wrap > div.content_detail{
	width:400px;
	position: relative;
}

#content09 .content_box_wrap > div.content_item{
	width: 450px;
}

#content09 .shop_note{
	position:absolute;
	bottom:0;
}

#content09 .shop_note p{
	font-size:14px;
}

	
	

	
	
	
	
	.image-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;

	transform-style: preserve-3d;
	animation: rotateY 7s infinite;

	}

	.image {
	width: 100%;
    height: 100%;
	position: absolute;
    backface-visibility: hidden;
	transform-style: preserve-3d;
}



.front {
	transform: rotateY(0deg);
}

.back {
	transform: rotateY(180deg);
}

/*
@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
    }
    40% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
    }
    90% {
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
*/















@media screen and (max-width: 640px){
	
	
	
	#main_content {
		margin-top: 80px;
	}
	
	
	.main_copy {
		width: 35%;
	}
	
	
	
	.btn_list:after {
		display:none;
	}
	
	.btn_list_sp02{
		margin-top:20px;
	}
	
	.btn_list_wrap {
		justify-content: center;
		padding: 0 20px;
		gap:5%;
		position:relative;
	}
	
	.btn_list_wrap:after {
		content: "";
	position: absolute;
	z-index: -99;
	background: #d7e8bc;
	width: 100%;
    height: 60px;
    bottom: 20px;
	}
	
	
	.btn_list_wrap > div a span {
		font-size: 6pt;
	}
	
	
	.btn_list_wrap > div {
		width: 16%;
	}
	
	
	
	
	.content_index {
		margin-top: 60px;
	}
	
	
	.content_index_inner {
		width: 100%;
		padding: 0 0px;
	}
	
	
	.shop_voice {
		width: 100%;
	}
	
	
	
	.top_sec {
		padding: 0 40px;
	}
	
	.content_box_wrap > div.content_detail {
		width: 40%;
		min-height:350px;
	}
	
	
	
	.content_box_wrap > div.content_item {
		width: 58%;
	}
	
	#content09 .content_box_wrap > div.content_detail {
		width: 40%;
		min-height:auto;
	}
	
	#content09 .content_box_wrap > div.content_item{
		width: 60%;
	}
	
	
	.content_box_wrap {
		width: 100%;
		padding: 0 20px;
	}
	
	
	.content_note{
		margin-top:20px;
	}
	
	
	.shop_info .floor p {
    font-size: 12pt;
	}
	
	
	.shop_info .shop_name p {
		font-size: 14pt;
	}
	
	
	#content09 .shop_note {
		position: relative;
		margin-top:20px;
		padding:0 20px;
	}
	
	
	
	.shop_info .insta a{
		font-size: 9pt;
		line-height: 120%;
		word-wrap: break-word;
		display: block;
	}

	
	
	.content_box_wrap .copylight {
		position: static;
		text-align: right;
	}
	
	.content_box_wrap .copylight p{
		font-size:9px;
	}
	
	
	
	
	
	
	
	
}


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

}