body{
	color:#4c4948;
}

a{
	color: #4c4948;
}

#main_content{
	margin-top:130px;
}


.top_sec{
	max-width: 1080px;
	margin:0 auto;
	padding: 0 120px;
	position:relative;
		z-index:99;
	}


.top_detail {
	width: 35%;
	position: absolute;
	top: 0;
	right: 0;
}

.main_sub{
	width: 220px;
}

.main_logo{
	margin-top:40px;
}

.main_copy {
	margin-top:10px;
	padding:0 40px;
}

.main_copy p{
	font-size:13pt;
	line-height:200%;
}


.top_img{
	position:relative;
	width:78%;
}

.top_img > div{
	position:absolute;
}



.btn_list{
	position:relative;
	margin-top:50px;
}

.btn_list_wrap{
	position: relative;
	max-width: 880px;
	margin:0 auto;
	padding: 0 60px;
	display: flex;
	justify-content: space-between;
}

.btn_list_wrap > div{
	width:10%;
	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 span{
	position:absolute;
	bottom:-10px;
	right:-10px;
	width:40px;
}



	
.content_index{
	margin-top: 150px;
}

.content_index_inner {
	width: 1180px;
	padding: 0 120px;
	margin: 0 auto;
	position: relative;
}


.content_box{
	position:relative;
	padding-bottom: 100px;
	padding-top: 50px;
}


.content_box:last-child{
	margin-bottom:0px;
}


	

	.content_img{
	position:relative;
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}


	.content_img .content_img01{
	width: 45%;	
	z-index: 99;
	}

	


.content_img .content_img01 .content_img01_img img{
	
	animation-name: anim_s;
	transform: rotate(10deg);
	animation-duration: 8s;
	animation-iteration-count:infinite;
}

	

@keyframes anim_s {
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}






	.content_img .content_img02{
	width:55%;
	position:relative;
	}

	.content_img .content_img02 img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}


	.content_img .content_img02 .voice{
	position:absolute;
	top:30px;
	right:0;
	text-align:center;
	padding:0 15px 5px;
	border-bottom: 1px solid #4c4948;
}

	.content_img .content_img02 .voice p{
	font-size:13pt;
	letter-spacing:1px;
	}

	.content_img .content_img02 .voice span{
	display:block;
	font-family: "futura-pt", sans-serif;
	}






#content01 .content_img .content_img01 .content_img01_img{
	width: 50%;
	transform: translate(55%, -2%);
	-webkit-transform: translate(55%, -2%);
	}
	
	#content02 .content_img .content_img01 .content_img01_img{
	width: 90%;
	transform: translate(20%, 26%);
	-webkit-transform: translate(20%, 26%);
	}


	#content03 .content_img .content_img01 .content_img01_img{
	width: 90%;
	transform: translate(12%, 8%);
	-webkit-transform: translate(12%, 8%);
	}


	#content04 .content_img .content_img01 .content_img01_img{
	width: 85%;
	transform: translate(20%, 18%);
	-webkit-transform: translate(20%, 18%);
}

	#content05 .content_img .content_img01 .content_img01_img{
	width: 82%;
	transform: translate(20%, 12%);
	-webkit-transform: translate(25%, 12%);
}

	#content06 .content_img .content_img01 .content_img01_img{
	width: 85%;
	transform: translate(20%, 28%);
	-webkit-transform: translate(20%, 28%);
}


	#content07 .content_img .content_img01 .content_img01_img{
	width: 82%;
	transform: translate(18%, 22%);
	-webkit-transform: translate(18%, 22%);
}

	#content08 .content_img .content_img01 .content_img01_img{
	width: 80%;
	transform: translate(24%, 10%);
	-webkit-transform: translate(24%, 10%);
}


	#content09 .content_img .content_img01 .content_img01_img{
width: 65%;
    transform: translate(50%, 12%);
    -webkit-transform: translate(50%, 12%);
}


	#content01 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}

	#content02 .content_img .content_img02 .voice{
	top:auto;
	bottom:60px;
	right:-80px;
}

	#content03 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}

	#content04 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}

	#content05 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}

	#content06 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}

	#content07 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}

	#content08 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}

	#content09 .content_img .content_img02 .voice{
	top:30px;
	right:-80px;
}


.content_detail{
	margin:30px auto 0;
}



.shop_info{
	text-align:center;
	position:relative;
}



.shop_info:after{
	content:"";
	position:absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image:url(images/bg_title.png);
	background-size: 100% 100%;
	width:520px;
	height:160px;
	z-index:-9;
}



.shop_info .place p{
	font-size:12pt;
}

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

.shop_info .nm p{
	font-size: 23pt;
	font-weight: bold;
	position:relative;
}


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

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

.shop_place{
	text-align: center;
	margin-top: 40px;
	color: #4c4948;
}

.shop_place span.cresit{
	display:inline;
	font-size:13pt;
	margin-right:10px;
}

.shop_place span.warning{
	display:block;
	font-size:11pt;
	margin-top:10px;
}



.shop_place p{
	display:inline;
	font-size:28pt;
	font-weight:bold;
}


.shop_place p small{
	font-size:16pt;
	vertical-align: baseline;
}


.shop_place p span{
	font-size:12pt;
}



.shop_note{
	margin-top:20px;
	width:500px;
	margin:0 auto;
	text-align: center;
}



.shop_note p{
	font-size:13pt;
	text-align: left;
	display:inline-block;
}












@media screen and (max-width: 640px){
	
	
	#main_content {
		margin-top: 80px;
	}
	
	.main_logo {
		margin-top: 20px;
	}
	
	
	
	
	.main_sub {
		width:80%;
	}
	
	
	.top_sec {
		padding: 0 0px;
	}
	
	.top_detail {
		width: 60%;
		right: -12px;
	}
	
	.top_img {
		top: 0px;
		width: 100%;
	}
	
	.top_img01 {
		width: 90%;
		top: -30px;
		left: -5px;
	}
	
	
	.top_img02 {
		top: -10px;
		right: -48px;
		width: 70%;
	}
	
	.top_img04 {
		top: 130px;
		left: -10px;
		width: 88%;
	}
	
	.top_img03 {
		top: 105px;
		right: -65px;
		width: 95%;
	}
	
	.top_img05 {
		top: 215px;
		right: -35px;
		width: 50%;
	}
	
	
	
	
	
	.main_copy {
		margin-top: 0;
		padding: 0 20px;
	}
	
	.main_copy p {
		font-size: 11pt;
		line-height: 165%;
	}
	
	
	.btn_list {
		margin-top: 20px;
	}
	
	
	.btn_list_wrap {
		padding: 0 30px;
		display: flex;
		display: -webkit-flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
	}
	
	
	.btn_list_wrap > div {
		width: 18%;
		margin-bottom: 6px;
	}
	
	
	.btn_list_wrap > div.btn06 {
		transform: translateX(33px);
		-webkit-transform: translateX(33px);
		-moz-transform: translateX(33px);
		-o-transform: translateX(33px);
		-ms-transform: translateX(33px);
	}
	
	.btn_list_wrap > div.btn07 {
		transform: translateX(11px);
		-webkit-transform: translateX(11px);
		-moz-transform: translateX(11px);
		-o-transform: translateX(11px);
		-ms-transform: translateX(11px);
	}
	
	.btn_list_wrap > div.btn08 {
		transform: translateX(-11px);
		-webkit-transform: translateX(-11px);
		-moz-transform: translateX(-11px);
		-o-transform: translateX(-11px);
		-ms-transform: translateX(-11px);
	}
	
	.btn_list_wrap > div.btn09 {
		transform: translateX(-33px);
		-webkit-transform: translateX(-33px);
		-moz-transform: translateX(-33px);
		-o-transform: translateX(-33px);
		-ms-transform: translateX(-33px);
	}
	
	
	.content_index {
		margin-top: 80px;
	}
	
	
	.content_index_inner {
		width:100%;
		padding: 0 30px;
	}
	
	.content_box {
		display: block;
		padding-bottom: 0;
		padding-top: 80px;
	}
	
	.content_wrap {
		width: 100%;
		padding: 0 30px;
		display: block;
		
	}
	
	
	.content_img {
		width: 100%;
	}
	
	
	
	
	
	
	.content_detail {
		width: 100%;
		margin-top: 20px;
	}
	
	.shop_info {
		margin-bottom: 20px;
	}
	
	
	.shop_info:after {
		top: -20px;
		width: 100%;
		height: 130px;
	}
	
	.shop_info .nm p {
		font-size: 16pt;
	}
	
	

	
	.shop_place {
		margin-top: 20px;
	}
		
	.shop_place p {
		font-size: 20pt;
	}
	
	.shop_place span.cresit {
		display: block;
		font-size: 10pt;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	.shop_place span.warning {
		font-size: 9pt;
		margin-top: 5px;
	}
	
	
	
	.shop_info .place p {
		font-size: 10pt;
	}
	
	.shop_info .nm {
		margin-top: 5px;
	}
	
	
	.shop_info .insta {
		margin-top: 5px;
	}
	
	.shop_info .insta a {
		font-size: 10pt;
	}
	
	
	.shop_note {
		width: 100%;
	}
	
	
	.shop_note p {
		font-size: 10pt;
	}
	
	.shop_place p small {
		font-size: 13pt;
	}
	
	
	
	
	
	
	
	
	
	
	.content_img .content_img02 {
		width: 60%;
	}
	
	.content_img .content_img01 {
		width: 25%;
	}
	
	
	.content_img .content_img02 .voice p {
		font-size: 9pt;
		line-height: 130%;
	}
	
	.content_img .content_img02 .voice{
		top: -30px!important;
		right: -20px!important;
	}
	

	#content02 .content_img .content_img02 .voice {
		bottom: auto;
	}
	
	
	
	
	#content01 .content_img .content_img01 .content_img01_img {
		width: 100%;
		transform: translate(20%, -5%);
		-webkit-transform: translate(20%, -5%);
	}
	
	
	#content02 .content_img .content_img01 .content_img01_img {
        width: 200%;
		transform: translate(0%, 18%);
        -webkit-transform: translate(0%, 18%);
	}
	
	
	#content03 .content_img .content_img01 .content_img01_img {
		width: 190%;
		transform:translate(-5%, 6%);
		-webkit-transform: translate(-5%, 6%);
	}
	
	#content04 .content_img .content_img01 .content_img01_img {
		width: 175%;
		transform: translate(0%, 13%);
		-webkit-transform: translate(0%, 13%);
	}
	
	#content05 .content_img .content_img01 .content_img01_img {
		width: 180%;
		transform:translate(0%, 7%);
		-webkit-transform: translate(0%, 7%);
	}
	
	#content06 .content_img .content_img01 .content_img01_img {
		width: 180%;
		transform: translate(0%, 18%);
		-webkit-transform: translate(0%, 18%);
	}
	
	#content07 .content_img .content_img01 .content_img01_img {
		width: 180%;
		transform: translate(0%, 18%);
		-webkit-transform: translate(0%, 18%);
	}
	
	#content08 .content_img .content_img01 .content_img01_img {
		width: 160%;
		transform: translate(16%, 5%);
		-webkit-transform: translate(16%, 5%);
	}
		
	#content09 .content_img .content_img01 .content_img01_img {
		width: 140%;
		transform: translate(15%, 5%);
		-webkit-transform: translate(15%, 5%);
	}
	
	
}