body{
	font-family: "fot-tsukuardgothic-std", sans-serif;
	}

	#main_content{
	    margin-top: 100px;
	}
	
	.main_wrap{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	padding:0 120px;
	max-width:1280px;
	margin:0 auto;
	}



	
	
	.main_detail{
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
	
		.main_copy {
	text-align: -webkit-center;
	}
	
	.main_copy h2{
	font-size:50px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height:160%;
}



	.main_copy h2 span{
	opacity:0;
	filter: blur(20px);
}


	.open .main_copy h2 span:nth-child(1){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
}


	.open .main_copy h2 span:nth-child(2){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
}


	.open .main_copy h2 span:nth-child(3){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
}


	.open .main_copy h2 span:nth-child(4){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-ms-transition:.8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-o-transition:.8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
}



	.open .main_copy h2 span:nth-child(5){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
}


	.open .main_copy h2 span:nth-child(7){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 2s;
}

	.open .main_copy h2 span:nth-child(8){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
}

	.open .main_copy h2 span:nth-child(9){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.4s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.4s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.4s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.4s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.4s;
}

	.open .main_copy h2 span:nth-child(10){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.6s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.6s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.6s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.6s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.6s;
}


	.open .main_copy h2 span:nth-child(11){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.8s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.8s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.8s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.8s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 2.8s;
}


	.open .main_copy h2 span:nth-child(12){
	opacity:1;
	filter: blur(0);
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 3s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 3s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 3s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 3s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) 3s;
}



	
	
	.main_note{
	margin-top:50px;
	opacity: 0;
	filter: blur(20px);
	}

.open .main_note{
	filter: blur(0);
	opacity: 1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
}


	
	.main_note p{
	font-size:16px;
	line-height: 180%;
	text-align: right;
}







	
	.btn_list{
	width:190px;
	position:relative;
	z-index: 99;
	opacity:0;
	filter: blur(20px);
}

.open .btn_list{
	filter: blur(0);
	opacity: 1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	}



	.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;
}
	
	.btn_list_wrap > div{
	width:46%;
	margin-bottom:14px;
}

.btn_list_wrap > div a:hover{
	opacity:.6;
	}


.main_image{
	opacity:0;
	width:530px;
	filter: blur(20px);
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
}


.open .main_image{
	filter: blur(0);
	opacity: 1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) .5s;
	}










.content_index{
    margin-top: 100px;
}


.content_index_inner {
    max-width: 1180px;
    padding: 0 120px;
    margin: 0 auto;
}

.content_box{
	margin-bottom:100px;
}

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


.content_img{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.content_img > div{ 
	width:50%;
	opacity:1;
	-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);
}

.content_img > div:hover{ 
	opacity:.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);
}


.content_detail{
	position: relative;
	text-align:center;
	margin-top:10px;
}

.shop_caption p{
	font-size:15px;
}

.shop_copy{
	margin-top:30px;
}

.shop_copy p{
	font-size:22px;
	line-height:180%;
}

.shop_name {
	margin-top:30px;
}

.shop_name p {
    font-size: 26px;
    font-weight: bold;
}

.shop_name p span {
    font-size: 14px;
    font-weight: normal;
}

.shop_ac{
	margin-top:10px;
}

.shop_ac p {
    font-size: 14px;
    text-align: center;
}


.new_open{
	width: 80px;
	position: absolute;
	left: 20%;
	bottom: 65px;
}









@media screen and (max-width: 640px){
	
	
	
	.main_wrap {
		padding: 0 20px;
	}
	
	
	.btn_list {
		width: 110px;

	}
	
	.btn_list_wrap > div {
		width: 46%;
		margin-bottom: 8px;
	}
	
	.main_image {
		width: 40%;
		position: absolute;
		top: 130px;
		right: 0px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
	
	.main_detail {
		width: 100%;
	}
	
	
	.main_copy h2 {
		font-size: 28px;
		line-height: 130%;
	}
	
	.main_note {
		margin-top: 30px;
		padding:0 30px;
	}
	
		.main_note p {
		font-size: 11px;
		line-height: 140%;
	}
	
	
	.content_index {
		margin-top: 60px;
	}
	
	
	.content_index_inner {
		padding: 0 0px;
	}
	
	.content_box {
		display: block;
		margin-bottom: 70px;
	}
	
	.shop_copy {
		margin-top: 15px;
	}
	
	
	.shop_copy p {
    font-size: 18px;
	}
	
	.shop_name {
    margin-top: 15px;
	}
	
	
	
	.shop_name p {
		font-size: 18px;
	}
	
	
	.shop_name p span {
		font-size: 12px;
	}
	
	.shop_ac {
    margin-top: 5px;
	}
	
	
	
	.new_open {
		width: 60px;
		left: auto;
			right: 5%;
		bottom: -35px;
	}
	
	
	
	
	
	
	
}