@charset "euc-jp";

/* 基本設定 */

.category-block {
	display: none;
}

h2.ttl-h2 {
	display: none;
}

.category-desc {
	margin-bottom: 0
}
.topicpath-nav + .category-desc {
	margin-bottom: 10px
}

.category-desc {
	clear: both
}

.category-desc .shukuka img {
	width: auto;
}

.shukuka {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
}

.shukuka-section {
	padding: 40px 0;
}

.shukuka h2 {
	margin-bottom: 1em;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

.shukuka h3 {
	margin-bottom: 1em;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

.shukuka h4 {
	margin-bottom: 1em;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}

.shukuka p {
	margin-bottom: 1em;
	font-size: 17px;
	line-height: 1.7;
}

.shukuka li {
	margin-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom: .8em;
	font-size: 17px;
	line-height: 1.5;
}
.shukuka li::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='tcb-icon' fill='%23ef4134' viewBox='0 0 24 24'%3E%3Cpath d='M18.5,12A3.5,3.5 0 0,0 22,8.5A6.5,6.5 0 0,0 15.5,2A3.5,3.5 0 0,0 12,5.5A3.5,3.5 0 0,0 8.5,2A6.5,6.5 0 0,0 2,8.5A3.5,3.5 0 0,0 5.5,12A3.5,3.5 0 0,0 2,15.5A6.5,6.5 0 0,0 8.5,22A3.5,3.5 0 0,0 12,18.5A3.5,3.5 0 0,0 15.5,22A6.5,6.5 0 0,0 22,15.5A3.5,3.5 0 0,0 18.5,12M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M14.5,12A2.5,2.5 0 0,1 12,14.5A2.5,2.5 0 0,1 9.5,12A2.5,2.5 0 0,1 12,9.5A2.5,2.5 0 0,1 14.5,12Z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position:  relative;
	top: 2px;
}

@media (max-width:750px) {
	.shukuka h2 {
		font-size: 28px;
	}
}

/* 文字装飾・レイアウト */

.bold {
	font-weight: bold
}

.red {
	color: rgb(239, 65, 52);
}

.green {
	color: rgb(71,143,8);
}

.text-inline {
	display: inline-block;
	text-align: left;
}

.center {
	text-align: center;
}

@media (min-width:751px) {
	.center_pc {
		text-align: center;
	}
}
@media (max-width:750px) {
	.center_sp {
		text-align: center;
	}
}


/* レイアウト */

.flexbox {
	display: flex;
	gap: 5%;
}

.flex-col {
	flex: 1;
}

@media (max-width:750px) {
	.flexbox {
		flex-direction: column;
	}
	.flex-col + .flex-col {
		margin-top: 5%;
	}
}

/* ボタン */

.button-wrap {
	padding: 20px 0;;
	text-align: center;
}

.button {
	display: inline-block;
	padding: 20px 50px 20px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #666;
	box-shadow: rgba(0,0,0,0.25) 0px 8px 12px 0px;
	--tve-applied-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.25);
	background-color: transparent !important;
	background-image: linear-gradient(142deg,rgb(237,124,124) 8%,rgb(244,199,199) 43%,rgb(190,22,42) 83%),linear-gradient(var(--tcb-local-color-62516,rgb(19,114,211)),var(--tcb-local-color-62516,rgb(19,114,211))) !important;
	--tve-applied-background-image: linear-gradient(142deg,rgb(237,124,124) 8%,rgb(244,199,199) 43%,rgb(190,22,42) 83%),linear-gradient(var$(--tcb-local-color-62516,rgb(19,114,211)),var$(--tcb-local-color-62516,rgb(19,114,211))) !important;
	background-size: auto,auto !important;
	background-attachment: scroll,scroll !important;
	background-position: 50% 50%,50% 50% !important;
	background-repeat: no-repeat,no-repeat !important;
	--background-image: linear-gradient(142deg,rgb(237,124,124) 8%,rgb(244,199,199) 43%,rgb(190,22,42) 83%),linear-gradient(var(--tcb-local-color-62516,rgb(19,114,211)),var(--tcb-local-color-62516,rgb(19,114,211))) !important;
	--background-size: auto auto,auto !important;
	--background-position: 50% 50%,50% 50% !important;
	--background-attachment: scroll,scroll !important;
	--background-repeat: no-repeat,no-repeat !important;
	position: relative;
}
.button::after {
	position: absolute;
	right: 1em;
	top: 1em;
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.button:hover {
	color: #fff;
}


/* スライド */

.shukuka .banner-block {
	margin: 25px;
}

.slick-slide {
	margin: 0 5px 0;
}

.slick-prev::before, .slick-next::before {
	color: #666 !important;
}



/* 導入部・*/

#intro .text-inline {
	margin-top: 2em;
}


/* お花贈り・*/

#hanaokuri {
	padding-bottom: 60px;
}

#hanaokuri .flex-col:first-child {
	flex: auto;
	width: 44%;
}
#hanaokuri .flex-col:last-child {
	flex: auto;
	width: 56%;
}

@media (max-width:750px) {
	#hanaokuri .flex-col:first-child,
	#hanaokuri .flex-col:last-child {
		width: 100%;
	}
}


/* 花屋が見たお届け先の現実 */

#genjitsu {
	padding: 40px 25px;
	background-color: #f8f8f8;
}

#genjitsu h2 {
	margin-bottom: .5em;
}

#genjitsu .flexbox {
	margin: 30px 0;
	gap: 3%;
}

#genjitsu .flex-col {
	padding: 25px 20px 10px;
	box-shadow: rgba(0,0,0,0.05) 0px 9px 19px -1px;
	border-radius: 20px;
	background-color: #fff;
}

#genjitsu .flex-col h4 {
	margin-bottom: .5em;
	padding-left: 1.25em;
	text-indent: -1.25em;
	font-size: 16px;
}

#genjitsu .flex-col p {
	font-size: 16px;
}

#genjitsu .flex-col h4::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .25em;
	/*border-bottom: 1px solid var(--tcb-local-color-0b68b,rgba(250,238,238,1));*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position:  relative;
	top: 2px;
}
#genjitsu .flex-col h4.icon-diamond::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d3928d' viewBox='0 0 576 512'%3E%3Cpath d='M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z'%3E%3C/path%3E%3C/svg%3E");
}
#genjitsu .flex-col h4.icon-plant::before {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d3928d' viewBox='0 0 512 512'%3E%3Cpath d='M458.622 255.92l45.985-45.005c13.708-12.977 7.316-36.039-10.664-40.339l-62.65-15.99 17.661-62.015c4.991-17.838-11.829-34.663-29.661-29.671l-61.994 17.667-15.984-62.671C337.085.197 313.765-6.276 300.99 7.228L256 53.57 211.011 7.229c-12.63-13.351-36.047-7.234-40.325 10.668l-15.984 62.671-61.995-17.667C74.87 57.907 58.056 74.738 63.046 92.572l17.661 62.015-62.65 15.99C.069 174.878-6.31 197.944 7.392 210.915l45.985 45.005-45.985 45.004c-13.708 12.977-7.316 36.039 10.664 40.339l62.65 15.99-17.661 62.015c-4.991 17.838 11.829 34.663 29.661 29.671l61.994-17.667 15.984 62.671c4.439 18.575 27.696 24.018 40.325 10.668L256 458.61l44.989 46.001c12.5 13.488 35.987 7.486 40.325-10.668l15.984-62.671 61.994 17.667c17.836 4.994 34.651-11.837 29.661-29.671l-17.661-62.015 62.65-15.99c17.987-4.302 24.366-27.367 10.664-40.339l-45.984-45.004z'%3E%3C/path%3E%3C/svg%3E");
}


/* 店舗オーナー・*/

#shopowner {
	padding-top: 60px;
}

#shopowner .flexbox {
	padding: 40px;
	border-radius: 20px;
	background-color: #fbf1f1;
}

#shopowner .flex-col p {
	margin: 1em 0 0;
	font-size: 16px;
}

@media (max-width:750px) {
	#shopowner .flexbox {
		padding: 30px;
	}
	#shopowner .flex-col + .flex-col {
		margin-top: 15%;
	}

}


/* ご提案 */

#teian {
	margin-bottom: 60px;
}

#teian h4 {
	margin-bottom: 1.5em;
}

#teian .flex-col:first-child {
	flex: auto;
	width: 35%;
}
#teian .flex-col:first-child img {
	border-radius: 0 40px;
}
#teian .flex-col:last-child {
	flex: auto;
	width: 65%;
}

@media (max-width:750px) {
	#teian {
		margin-bottom: 20px;
	}
	#teian .flex-col:first-child,
	#teian .flex-col:last-child {
		width: 100%;
	}
	#teian .flex-col:first-child img {
		border-radius: 0 20px;
	}
}

/* 人気のラインナップ */

#lineup {
	margin-bottom: 10px;
}

/* スタッフ */

#staff {
	padding: 40px 40px 20px;
	border-radius: 25px;
	border: solid 10px #faeeee;
}

@media (max-width:750px) {
	#staff {
		padding: 30px 20px 15px;
	}
}