@charset "UTF-8";
/* CSS Document */
html{
	color: #606060;
	font-size: 62.5%;
	font-family:Yu YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-feature-settings: "palt";
	position:relative;
	background-color: #F9F9F9;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

footer{
	text-align: center;
	margin: 85px auto 0;
}

.logo{
	width:29.68vw;
	position: absolute;
	top:-4vw; left:-1vw;
	margin: 0;
	z-index:-1;
}

.about-title{
	display:none;
}

.about-text{
	margin-top:80px;
	padding:98px, 0, 76px;
	font-size:11px;
	font-weight:300;
	text-align: center;
	letter-spacing: 0.3em;
	line-height: 2.545;
}

.text-anime{
	overflow: hidden;
	position: relative;
}

.text-anime:before{
	animation: text-anime 9s cubic-bezier(.3, 0, .2, 2) forwards;
	animation-delay: 900ms;
	background: #f9f9f9;
	bottom: 0;
	content:'';
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

@keyframes text-anime{
	100% {
		transform: translateY(100%);
	}
}

.img_description{
	margin-top:32px;
	letter-spacing: 0.1em;
	line-height: 2.4;
}

.profile{
	margin-top:160px;
	padding: 67px 26.95vw 73px 11.13vw;
	background-color: #F5F2EA;
}

.section_title{
	font-family:'Raleway';
	font-weight:300;
	font-size:16px;
	letter-spacing:0.3em;
}

.profile_name{
	margin-top:24px;
	font-weight:300;
	font-size:16px;
	letter-spacing:0.4em;
}

.profile_text{
	margin-top: 16px;
	width: 40.429vw;
	min-width:414px;
	font-size:10px;
	font-weight:400;
	letter-spacing: 0.2em;
	line-height: 2.4;
}

/*下からフワッと用*/
.effect-fade{
  opacity : 0;
  transform: translateY(60px);
  transition: 2s;
}
/*下からフワッと用ここまで*/


@media screen and (min-width:768px){

.flex-container{
	display:flex;
	margin: 0 auto;
}

.header_left{
	margin: 3.9vw 0 0 0;
	width:38.476vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header_right{
	margin: 3.9vw 3.9vw 0 0;
	height:38.67vw;
	overflow:hidden;
}

.header-img_left{
	width:21.48vw;
}

.header-img_right{
	width:57.61vw;
}

.photogallery{
	margin-top:126px;
	padding:0 8.496vw 0 7.519vw;
}

.photogallery .flex-container{
	align-items: flex-end;
}

.img_title{
	width: 16.4vw;
	max-width: 168px;
}

.photogallery_block{
	margin-top:40px;
}

.photogallery_block:first-of-type{
	margin-top: 0;
}

/*絹の花(花籠)*/
.hanakago .slide-img{
	width:46.87vw;
}

.hanakago .caption{
	padding-left:20px;
	width:37.1vw;
	text-align: left;
}

.hanakago .img_description{
	max-width:284px;
	width:27.73vw;
}
/*絹の花(花籠)ここまで*/

/*山野草*/
.sanyaso.flex-container{
	flex-flow: row-reverse;
}
	
.sanyaso .slide-img{
	width:37.1vw;
}

.sanyaso .caption{
	padding-right:20px;
	width:46.875vw;
	text-align:right;
}

.sanyaso .img_description{
	max-width:240px;
	width:23.43vw;
	margin:32px 0 0 auto;
}
/*山野草ここまで*/
	
/*生き物*/
.ikimono .slide-img{
	width:46.87vw;
	padding-left:11.71vw;
	box-sizing: border-box;
}

.ikimono .caption{
	padding-left:20px;
	width:37.1vw;
	text-align: left;
}

.ikimono .img_description{
	max-width:302px;
	width:29.49vw;;
}
/*生き物ここまで*/
	
.profile{
	display: flex;
}

.profile_img{
	width:17.57vw;
	min-width:180px;
}

.profile-right{
	margin-left:3.9vw;
}

.store-contact{
	margin-top: 124px;
	padding:0 3.417vw 0 11.134vw;
}

.store-contact_left{
	width:41.699vw;
	padding-right:20px;
}

.store_info{
	margin-top:24px;
}

.medium_text{
	font-size:12px;
	letter-spacing:0.2em;
	line-height:2.4;
}

.small_text{
	font-weight:300;
	font-size:10px;
	letter-spacing:0.2em;
	line-height:2.4;
}

.contact{
	margin-top:55px;
}

.contact_img{
	width:43.75vw;
}
	
.contact .small_text{
	margin-top:24px;
}

.footer-logo{
	width:9.47vw;
	display: inline-block;
}

.copyright{
	display: block;
	margin:16px auto 40px;
}

.only-sp{
	display: none;
}

/*hover時に矢印表示*/
.slick-slider .slick-arrow {
	display: none !important;
}

.slick-slider:hover .slick-arrow {
	display: block !important;
}

.slick-arrow{
	display: block;
	height:100%;
	width:15%;
	background-color:#808080;
	opacity:0.2;
	transition:all 0.8s !important;
}

.slick-arrow:hover{
	background-color:#808080;
	opacity:0.4;
}

.slick-prev{
	z-index:100;
	left:0;
}

.slick-prev:before{
	content:url(../images/prev-arrow@2x.png);
}

.slick-next{
	right:0;
}

.slick-next:before{
	content:url(../images/next-arrow@2x.png);
}
/*hover時に矢印表示ここまで*/	
		
}


@media screen and (max-width: 767px){
	html{
		background-color: #FFFFFF;
	}
	
	.logo{
		width:33.866vw;
		z-index: 99;
	}
	
	.header_left{
		text-align: right;
	}
	
	.header-img_left{
		width:48vw;
		max-width:300px;
		margin-top:8vw;
		padding-right:6vw;
	}

	.header-img_right{
		width:calc(100% - 8vw);
		margin:8vw 0 0 8vw;
		z-index: -200;
	}
	
	.about-text{
		max-width:445px;
		margin:60px auto;
		padding:0 8vw;
		font-size:12px;
	}
	
	.text-anime:before{
		animation: text-anime 8s cubic-bezier(.3, 0, .2, 2) forwards;
		animation-delay: 800ms;
		background: #fff;
	}
	
	.photogallery{
		margin-top:60px;
	}
	
	.img_description{
		margin:10px auto 0 8vw;
/*		width:72vw;*/
		width:83.2vw;
		font-size:10px;
		font-weight:300;
		text-align: justify;
	}

	.photogallery_block{
		margin-top:40px;
	}

	.photogallery_block:first-of-type{
		margin-top: 0;
	}
	
	.slick_01 img{
		width:83.2vw;
		margin-left:5.33vw;
		transform: translateX(-2.933vw)
	}
	
	.slick-arrow{
		display: none !important;
	}
	
	.profile{
		margin-top:60px;
		padding:40px 8vw;
	}
	
	.profile_name{
		margin-top:20px;
	}
	
	.profile_text{
		width:83.73vw;
		min-width:260px;
		text-align: justify;
	}
	
	.store-contact{
		margin-top:40px;
	}
	
	.store-contact_left{
		padding:0 8vw 0;
	}

	.store_info{
		margin-top:10px;
	}

	.medium_text{
		font-size:12px;
		font-weight: 300;
		letter-spacing:0.2em;
		line-height:2.4;
	}

	.small_text{
		font-weight:300;
		font-size:10px;
		letter-spacing:0.2em;
		line-height:2.4;
	}

	.contact{
		margin-top:30px;
	}
	
	.contact .small_text{
		margin-top:10px;
	}
	
	.store-contact_right{
		text-align:center;
	}
	
	.contact_img{
		margin-top:40px;
		width:100vw;
		max-height:200px;
		object-fit: cover;
	}
	
	.footer-logo{
		margin: 20px auto;
		width:18vw;
		display: block;
	}
	
	.effect-fade{
		transform: translateY(10px);
		transition: 0.8s;
	}

	footer{
		margin: 40px auto;
	}
	
	.img_title, .profile_img, .only-pc{
		display: none;
	}
	
}