@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		max-width: 1920px; /*固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
		padding-bottom: 80px;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
		height: 780px !important;
		padding-top: 30px;
	}
	.mv_text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 458px;

	}
	.mv_text img {
		width: 100%;
		height: auto;
	}
	.navi_pc {
		z-index: 999;
		top: -160px;
	}
	.metaslider .theme-default .nivoSlider {
		height: 80vh;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
	.mv_text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 30px);
	}
	.mv_text img {
		width: 100%;
		height: auto;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	ニュース＆ブログ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_news {
		margin: 120px 0;
	}
	.post_wrap ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.post_wrap li {
		width: 100%;
		margin: 0 10px;
	}
	.post_date {
		margin: 10px 0 15px 0;
	}
	.more li{
		text-align: center;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_news {
		margin: 60px 0;
	}
	.post_date {
		margin: 5px 0 0 0;
	}
	.post_wrap li{
		margin-bottom: 25px;
	}
	.post_wrap li:last-child{
		margin-bottom: 0px;
	}
	.post_wrap {
		padding: 0 20px;
	}
	.more li{
		text-align: center;
	}
}





/* ================================================================================

	コンセプト

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_concept {
		padding: 120px 0;
		background: url(../img/concept_img.png) center top / cover no-repeat;
	}
	.concept_icon {
		width: 60px;
		height: auto;
		margin: 0 auto;
	}
	.concept_text {
		text-align: center;
		margin-top: 35px;
	}
	.more li{
		text-align: center;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_concept {
		padding: 60px 0;
		background: url(../img/concept_img.png) center top / cover no-repeat;
	}
	.concept_icon {
		width: 45px;
		height: auto;
		margin: 0 auto;
	}
	.concept_text {
		text-align: center;
		margin-top: 25px;
		padding: 0 20px;
	}
	.more li{
		text-align: center;
	}
}





/* ================================================================================

	フラワーアート

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_menu {
		margin: 120px 0;
	}
	.menu_flex > div > div {
		align-items: center;
		padding-top: 10px;
	}

	.flex_left {
		margin-right: 30px;
	}
	.flex_right {
		position: relative;
	}
	.flex_right::before {
		position: absolute;
		content: "";
		width: 214px;
		height: 195px;
		background: url(../img/text_flower1.png) center top / 100% no-repeat;
		display: block;
		right: 0;
		bottom: -70px;
	}

	.more.m_right li{
		text-align: left;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_menu {
		margin: 60px 0;
	}
	.menu_flex > div > div {
		align-items: center;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.flex_left {
		margin-bottom: 25px;
	}
	.flex_right {
		position: relative;
	}
	.flex_right::before {
		position: absolute;
		content: "";
		width:125px;
		height: 125px;
		background: url(../img/text_flower1.png) center top / 100% no-repeat;
		display: block;
		right: 0;
		bottom: -100px;
	}
}





/* ================================================================================

	インスタグラム

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.title.insta_title h2 {
		margin-bottom: 0px;
	}
	.top_instagram {
		padding-bottom: 80px;
		background: linear-gradient(
			0deg,
			#CEA98F 0%,
			#CEA98F 76%,
			#FFFCF8 76%,
			#FFFCF8 100%
		  );
	}
	.top_instagram .more a{
		margin-top: 0;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_instagram {
		margin-top: 90px;
	}
	.title.insta_title h2 {
		margin-bottom: 0px;
	}
	.top_instagram {
		padding-bottom: 60px;
		background: linear-gradient(
			0deg,
			#CEA98F 0%,
			#CEA98F 90%,
			#FFFCF8 90%,
			#FFFCF8 100%
		  );
	}
	.top_instagram .more a{
		margin-top: 0;
	}
}





/* ================================================================================

	トップのアクセス

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_access {
		margin: 120px 0;
	}
	.flex_right2 {
		position: relative;
	}
	.flex_right2::before {
		position: absolute;
		content: "";
		width: 171px;
		height: 195px;
		background: url(../img/text_flower2.png) center top / 100% no-repeat;
		display: block;
		right: 0;
		bottom: -70px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_access {
		margin: 60px 0;
	}
	.flex_right2 {
		position: relative;
	}
	.flex_right2::before {
		position: absolute;
		content: "";
		width: 120px;
		height: 120px;
		background: url(../img/text_flower2.png) center top / 100% no-repeat;
		display: block;
		right: 0;
		bottom: -120px;
	}
}