#main_content {
	margin-top: 130px;
}


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

.top_sec_text{
	position:absolute;
	width: 100%;
	top:10px;
	padding:0 20px;
	display:flex;
			justify-content: space-between;
}

.top_sec_text01{
	width:35%;
	clip-path: inset(0 100% 0 0);
}

.open .top_sec_text01 {
	-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	transition: 1s cubic-bezier(0.78, .18, .34, .98);
	clip-path: inset(0);
}


.top_sec_text02{
	width:20%;
	padding:25px 0;
	position:relative;
	opacity:0;
}

.open .top_sec_text02{
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: .4s cubic-bezier(0.78, .18, .34, .98) 1s;
	opacity:1;
}

.top_sec_text02 span{
	width:100%;
	padding:25px 0;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.open .top_sec_text02 span{
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	opacity:1;
}





.top_sec_text03{
	width:35%;
	clip-path: inset(0 0 0 100%);
}

.open .top_sec_text03 {
	-webkit-transition: 1.2s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 1.2s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 1.2s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 1.2s cubic-bezier(0.78, .18, .34, .98);
	transition: 1.2s cubic-bezier(0.78, .18, .34, .98);
  clip-path: inset(0);
}


.btn_list{
	margin-top:30px;
}


.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: 980px;
	margin:0 auto;
	padding: 0 60px;
}

.btn_list_wrap > div{
	width: 12%;
	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 a > div{ 
	padding:0 10px;
}

.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:after{
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: -99;
	background: #ee6779;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.btn_list_wrap > div:nth-child(even) a:after{
	background:#f8a897;
}





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




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


.main_none p{
	font-size:20px;
	line-height:160%;
	font-weight:bold;
	color:#f8a897;
}




.content_index{
	margin-top: 100px;
}


	.content_index_inner {
	
	}

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

.bg01{
	position:absolute;
	top:10%;
	left:5%;
	z-index:-99;
	background:#f8a897;
	width:20%;
	height:200px;
}

.bg02{
    position: absolute;
    bottom: -45px;
    left: -45px;
    z-index: -99;
    background: #ee6779;
    width: 500px;
    height: 300px;
}

.bg03{
    position: absolute;
	top:10%;
    right: 0px;
    z-index: -99;
    background: #f8a897;
    width: 50px;
    height: 200px;
}





.content_box:nth-child(2n) .bg01{
	top:auto;
	bottom:20%;
	left:5%;
	width:550px;
	height:300px;
}

.content_box:nth-child(2n) .bg02{
	bottom:auto;
	top:40px;
	right: -100px;
	left:auto;
    z-index: -999;
    width: 400px;
    height: 200px;
}


.content_box:nth-child(2n) .bg03{
    background: #ee6779;
}



	
	.content_box_wrap{
	display:flex;
	justify-content: space-between;
	align-items: center;
	width: 1120px;
	padding: 0 120px;
	margin: 0 auto;
}

.content_img{
	width:45%;
	border:10px solid #fff;
	position:relative;
}


.content_detail{
	width:40%;
}

.content_note p{
	font-size:16px;
}

.content_title{
	margin-top:20px;
}

.content_title p{
	text-align:center;
	font-size:16px;
}

.content_price{
	margin-top:10px;
}

.content_price p {
	font-size: 36px;
	font-weight: bold;
	text-align:center;
}

.content_price p.warning{
	margin-top:15px;
	font-size: 13px;
	font-weight: normal;
	text-align:center;
}


.content_bottom{
	margin-top: 100px;
	text-align:center;
	position:relative;

}
.content_bottom .new {
	position:absolute;
	top:-40px;
	width:100%;
}

.content_bottom .new p{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#e60012;
}

.content_bottom_wrap{
	display:inline-block;
	background:#fff;
	padding: 0 20px;
}

.content_bottom:after{
	content:"";
	position:absolute;
	z-index:-99;
	top:0;
	left:0;
	background:#f8a897;
	width:50%;
	height:100%;
}

.content_box:nth-child(2n) .content_bottom:after{
	left:auto;
	right:0;
	background:#ee6779;
}






.content_bottom_title p{
	font-size: 26px;
	text-align:center;
	background:#fff;
}	

.content_bottom_title p span{
	font-size: 20px;
}	

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






@media screen and (max-width: 640px){
	
	
	
	#main_content {
		margin-top: 80px;
	}
	
	
	.top_sec_text {
    top: 10px;
    padding: 0 10px;
	}
	
	.top_sec_text02 {
		padding: 15px 0;
	}
	
	
	
	.btn_list:after {
		display:none;
	}
	
	.btn_list_sp02{
		margin-top:20px;
	}
	
	.btn_list_wrap {
		padding: 0 25px;
		gap:0%;
		position:relative;
	}
	
	.btn_list_wrap > div {
		width: 25%;
	}
	
	.btn_list_wrap > div a > div {
    padding: 0 0px;
	}
	
	.btn_list_wrap > div a span {
		font-size: 8pt;
	}
	.btn_list_wrap > div a:after {
		width: 55px;
		height: 55px;
		top: 18px;
	}
	
	
	
	
	
	.content_index {
		margin-top: 60px;
	}
	
	
	.content_index_inner {
		width: 100%;
		padding: 0 0px;
	}
	
		
	.content_box_wrap {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
	}
	
	.content_img {
		width: 70%;
		margin:0 auto;
	}
	
	.content_detail {
		width: 100%;
		padding: 0px 58px;
		margin-top:20px;
	}
	
	
	.content_img_box{
		
	}
	
	.content_bottom_title p {
		font-size: 18px;
	}
	
	.top_sec {
		margin: 0 30px;
	}
	
	
	.main_none {
		margin: 20px auto 0;
		padding: 0 30px;
	}
	
	.main_none p{
		font-size: 14px;
		line-height: 160%;
	}
	
	
	.bg01 {
		top: 5%;
		left: 5%;
		width: 50%;
		height: 120px;
	}
	
	.content_box:nth-child(2n) .bg01 {
		top: auto;
		top: 15%;
		left: 5%;
		width: 85%;
		height: 180px;
}
	
	
	.bg02 {
		bottom: -30px;
		left: -30px;
		background: #ee6779;
		width: 140%;
		height: 180px;
	}
	
	
	.content_box:nth-child(2n)  .bg02 {
		bottom: auto;
		left: auto;
		right: -30%;
		top: 20px;
		width: 140%;
		height: 120px;
	}
	
	
	
	
	.bg03 {
		display:none;
	}
	
	
	
	
	
	.content_note{
		margin-top:30px;
	}
	
	.content_note p {
		font-size: 14px;
	}
	
	
	.content_bottom {
		margin-top: 50px;
	}
	
	
	.content_bottom .new p {
		font-size: 15px;
	}
	
	.content_bottom .new {
		top: -30px;
	}
	
	
	.top_sec_text02 span {
		padding: 15px 0;
	}
	
	
	
	
}


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

}