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


	#main_content{
	margin-top:100px;
	}

.main_visual{
	position:relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0px 120px;
}

	
.main_visual_wrap{
	padding:50px 0;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	opacity:0;
}

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



	
	
	
	.line{
	width:0%;
	height:3px;
	background:#000000;
	position: relative;
	}
	
	.line:before{
	content:"";
	width:0%;
	height:1px;
	background:#000000;
	display:block;
	margin-top:6px;
	position: absolute;
}





	.open .line{
	width:100%;
	-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: 1s cubic-bezier(0.78, .18, .34, .98) 1s;
}
	
	.open .line:before{
	width:100%;
	-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-o-transition: 1s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	transition: 1s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	}
	
	







	.line_sec{
	max-width: 1180px;
	margin: 0px auto 0;
	padding: 0px 120px;
	}
	
	
		
	
	
	
	.main_logo{
	width: 35%;
	margin-right: 3%;
	}
	
	.main_logo p{
	width:80%;
	display:inline-block;
	}
	
	.main_note{
		width:17%;
	}
	
	.main_note p{
	font-size: 15px;
	text-align: justify;
	}
	
	.main_img{
	width: 40%;
	}
	


.shop_recommend{
	text-align:center;
	position:relative;
			opacity:0;
}

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




.shop_recommend:after{
	content:"";
	position:absolute;
	top:40%;
	left:0;
	width:100%;
	height: 1px;
	background:#000;
}

.shop_recommend p{
	display: inline-block;
	width: 220px;
	background: #fcfff1;
	padding: 0 20px;
	position: relative;
	z-index: 99;
}





.btn_list{
	margin-top:30px;
	margin-bottom: 20px;
	opacity:0;
}

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



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

.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);
}


	.content_index{
	margin-top: 50px;
		opacity:0;
}

.open .content_index{
	opacity:1;
	-webkit-transition:.6s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-moz-transition:.6s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	transition: .6s cubic-bezier(0.78, .18, .34, .98) 1.8s;
}
	
	
	.content_index_inner {
	max-width: 1180px;
	padding: 0 120px;
	margin: 0 auto;
	}


.content_index .line_sec{
	padding: 0px 0px;
	margin:50px 0;
}



.content_index .line_sec .line{
	width:0%;
}

.content_index .line_sec.active .line{
	width:100%;
	-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);
}




.content_box_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 30px;
}



.content_box{
	width: 48%;
	position:relative;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}


.content_box .content_img{
	width:58%;
	position:relative;
}

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


.content_box .content_detail{
	width: 42%;	
	position:relative;
}

.content_detail{
		text-align:center;
}

.content_detail a{

	font-size:9pt;
}


	

.shop_copy p{
	font-size:14px;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.shop_detail{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-top:10px;
	padding-bottom: 5px;
	margin-top:10px;
}

.shop_menu p{
	font-size:14px;
	line-height:140%;
	text-align:center;
	font-weight:bold;
}

.shop_menu p span{
	font-size:11px;
	display:block;
}




#content07 .shop_menu p{
	font-size:13px;
}


.shop_price p{
	font-size:22px;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.shop_price p span{
	font-size:11px;
	line-height:140%;
}

.shop_price p span.other{
	font-size:10px;
	line-height:140%;
	display:block;
}

.shop_name{
	margin-top:10px;
}

.shop_name p{
	font-size:20px;
	line-height: 100%;
	font-weight:bold;
	text-align:center;
}

.shop_name p b{
	font-size:14px;
}


.shop_name p span{
	margin-top: 3px;
	display:block;
	font-size:11px;
	line-height: 130%;
	font-weight:normal;
}



.shop_ac{
	margin-top:5px;
	line-height: 100%;
}

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

















@media screen and (max-width: 640px){
	
	
	
	
	
	
	
	
	
	
	#main_content {
		margin-top: 70px;
	}
	
	
	
	.main_visual {
    padding: 0px 0px;
	}
	
	.main_visual_wrap {
		padding: 20px 30px;
	}
	
	.main_logo {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	
	
	.main_note {
		width:48%;
	}
	
	.main_note p {
		font-size: 12px;
		line-height: 150%;
	}
	
	.main_img {
		width: 48%;
	}
	
	.line_sec {
		padding: 0px 0px;
		margin: 0 10px;
	}
	
	.shop_recommend p {
		width: 180px;
	}
	
	
	
	.btn_list_wrap {
		padding: 0 28px;
		justify-content: center;
	}
	
	
	
	
	.btn_list_wrap > div {
		width: 22%;
		margin: 0 1% 30px;
	}
	
	.btn_list_wrap > div:nth-child(n+5){
		margin-bottom:0px;
	}
	
	
	#main_content .btn_list_wrap > div {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
	}
	
	
	
	
	
	.content_index {
		margin-top: 33px;
	}
	
	
	.content_index_inner {
		padding: 0 10px;
	}
	
	.content_index .line_sec {
    margin: 30px 0px;
	}
	
	.content_index .content_box_wrap .line_sec {
    margin: 30px 0px;
	}
	
	
	.content_box_wrap {
		padding: 0 0px;
		display: block;
	}
	
	
	
	.content_box {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 0px;
		align-items: start;
	}
	
	.content_box .content_img {
		width: 49%;
	}
	
	
	.content_box .content_detail {
		width: 49%;
	}
	
	
	.shop_detail {
		margin-top: 5px;
		padding-top: 5px;
		padding-bottom: 0;
	}
	
	
	
	#content07 .shop_menu p {
    font-size: 12px;
	}
	
	
	
	.shop_name{
		margin-top: 5px;
		position:relative;
		z-index:99;
	}
	
	.shop_name p {
		font-size: 20px;
	}
	
	
	.shop_note p {
		font-size: 12px;
		text-align: left;
	}
	
	
	.shop_price p {
    font-size: 20px;
	}
	
	
	.shop_price p span {
    font-size: 10px;
}
	
	
	
}