/*スマホ CSS*/
@media screen and (max-width: 670px) {

	#wrapper {
		position: relative;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	.secondary_background {
		padding: 20px 0;
	}

	header {
		width: 100%;
		height: 70px;
		line-height: 70px;
		padding: 0;
		background: linear-gradient(90deg, #0e5130 0%, #0e5130 80%, #ecefd1 80%, #ecefd1 100%);
	}

	.header_left {
		display: inline-block;
		width: 80%;
		padding: 0;
	}

	.header_right {
		position: absolute;
		right: 0;
		float: right;
		width: 70px;
		height: 70px;
	}

	header img.header_logo {
		width: 95%;
		margin-top: -5px;
	}

	.content_block {
		width: 85%;
		margin: 0 auto;
	}

	/*ドロワーメニュー*/
	.drower_menu img {
		position: fixed;
		top: 20px;
		right: 20px;
		display: inline-block;
		opacity: 1;
		transform: translateX(0);
		transition: all .5s;
	}

	.drower_menu img.flag_on {
		z-index: 100;
		opacity: 1;
	}

	.drower_menu img.flag_on:hover {
		cursor: pointer;
	}

	.drower_menu img.flag_off {
		z-index: 99;
		opacity: 0;
	}

	#drower_menu_list {
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 0;
		margin-top: 70px;
		background-color: rgb(255, 255, 255, 0.9);
		transform: translateX(100%);
		transition: all .9s;
	}

	#drower_menu_list ul {
		list-style: none;

	}

	#drower_menu_list li {
		text-align: left;
		padding-left: 1em;
		text-indent: -.7em;
		list-style: none;
		border-bottom: 0.1px solid #0e5130;
		line-height: 55px;
	}

	#drower_menu_list li:before {
		content: "• ";
		font-size: 3em;
		vertical-align: bottom;
		color: #aaa;
	}

	#drower_menu_list li.first {
		border-top: 0.1px solid #0e5130;
	}

	#drower_menu_list li.first:before {
		color: #59974f;
	}

	#drower_menu_list li.second:before {
		color: #d2838e;
	}

	#drower_menu_list li.third:before {
		color: #cbaf2c;
	}

	#drower_menu_list li.fourth:before {
		color: #5e7c90;
	}

	#drower_menu_list li.fifth:before {
		color: #9c7c9f;
	}

	#drower_menu_list a {
		color: #000;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
	}

	#drower_menu_list.open {
		transform: translateX(0)
	}

	.accordion ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: none;

	}

	.accordion ul li {
		margin: 0;
		padding: 0;
	}

	.accordion a {
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

	.sub {
		line-height: 40px !important;
	}

	.sub a {
		font-size: 1em !important;
		font-weight: normal;
	}

	#drower_menu_list li.sub {
		text-align: left;
		text-indent: -.7em;
		list-style: none;
		margin-left: 3em;
		border-bottom: 0.1px solid #0e5130;
		line-height: 60px;
	}

	li.sub:before {
		content: "• ";
		font-size: 1em !important;
		vertical-align: bottom;
		color: #aaa;
	}

	.top_margin {
		height: 70px;
	}

	.top {
		width: 100%;
		margin: 0;
	}

	.top .slider {
		width: 100%;
	}

	.top .slider img {
		width: 100%;
	}

	.top_menu_block {
		line-height: 0;
	}

	.top_menu_block img {
		width: 100%;
	}

	.top_menu_left {
		display: block;
		width: 100%;
		float: none;
	}

	.top_menu_right {
		display: block;
		float: none;
		width: 100%;
	}

	.top_news_block {
		display: block;
		width: 85%;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	.top_news p {
		flex-direction: column;
		margin-bottom: 15px;
	}

	.top_news span {
		display: block;
	}

	.top_news p .top_news_date {
		width: 100%;
	}

	.top_news p .top_news_content {
		width: 100%;
		margin: 0.3em 0 0;
		line-height: 1.2em;
	}

	.top_news_title {
		line-height: 4em;
		height: 3.4em;
	}

	footer.footer {
		padding: 30px 0;
		line-height: 1.2;
		text-align: center;
	}

	footer.footer img {
		width: 85%;
	}

	footer.footer .left {
		display: block;
		width: 100%;
	}

	footer.footer .right {
		display: none;
	}

	footer.footer .address {
		margin-top: 5px;
		font-size: 0.8em;
		color: #fff;
	}

	footer.footer .tel img {
		width: 260px;
	}

	/*pages*/
	.pages_top {
		padding: 0;
		margin-bottom: -30px;
	}

	.pages_top img {
		margin: 0;
		padding: 0;

	}

	.pages_top img.pages_top_image {
		width: 100%;

	}

	.pages_bukai {
		margin-top: 70px;
		font-size: 1.3em;
		height: 40px;
		line-height: 40px;
		padding-left: 15px;
		letter-spacing: 2px;
	}

	.pages_bukai img.pc_displaynone {
		display: inline-block;
		width: 60px;
		margin-left: 2px;
		margin-right: 20px;
	}

	.pages_top_margin {
		height: 120px;
	}

	.no_label {
		height: 40px;
	}

	.pages_message_strong {
		margin-top: 30px;
		font-size: 1.1em;
		text-align: justify;
		line-height: 1.8;
		white-space: inherit;
	}

	.pages_message_small {
		margin-top: 10px;
		font-size: 0.85em;
		font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		text-align: justify;
		line-height: 2.4;
		margin-bottom: 40px;
		white-space: inherit;
	}

	.ooba_img_block img {
		display: block;
		width: 100%;
		float: none;
	}

	.ooba_img_block::after {
		display: block;
		content: "";
		clear: both;
	}

	.pages_dish_block {
		height: auto;
	}

	.pages_dish_block .left {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}

	.pages_dish_block .left img {
		position: relative;
		width: 100%;
	}

	.pages_dish_block .right {
		position: relative;
		display: block;
		float: none;
		width: 100%;
		height: auto;
		text-align: right;
	}

	.pages_dish_block .right img {
		width: 80%;
	}

	.pages_product_block_bellrose {
		height: auto;
	}

	.pages_product_block_bellrose .left {
		display: block;
		position: static;
		width: 100%;
		height: auto;
	}

	.pages_product_block_bellrose .left img {
		margin: 0;
	}

	.pages_product_block_bellrose .right {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.pages_product_block_bellrose .right img {
		position: static;
	}

	.pages_dish_block:after {
		display: block;
		content: "";
		clear: both;
	}



	.pages_dish {
		position: relative;
		width: 85%;
		margin: 0 auto;
		margin-top: -160px;
		margin-bottom: 20px;
		left: 0;
		text-align: center;
	}

	.pages_dish_title {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 2.2;
		margin-top: 20px;
	}

	.pages_dish_content {
		text-align: justify;
		font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		line-height: 1.8;
	}

	.pages_product_block {
		height: auto;
	}

	.pages_product_block .right {
		position: relative;
		display: block;
		float: none;
		width: 100%;
		height: auto;
		text-align: right;
		z-index: 0;
	}

	.pages_product_block .right img {
		position: relative;
		width: 100%;
		bottom: 0;
		left: 0;
	}

	.pages_product_block .left {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		z-index: 1;
	}

	.pages_product_block .left img {
		width: 80%;
		margin: 0;
	}

	.pages_product_block .right img.ooba_product {
		position: relative;
		bottom: 0;
		padding: 0;
		width: 90%;

	}

	.pages_product_block::after {
		display: block;
		content: "";
		clear: both;
	}

	.pages_product {
		position: relative;
		width: 85%;
		margin: 0 auto;
		margin-top: -160px;
		margin-bottom: 20px;
		left: 0;
		text-align: center;
	}

	.pages_product_title {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 2.2;
		margin-top: 20px;
	}

	.hanaho_dish_title,
	.hanaho_product_title {
		margin-top: -40px;
	}

	.pages_product_content {
		text-align: justify;
		font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		line-height: 1.8;
	}

	.ooba_bc_block {
		margin: 10px 0;
	}

	.ooba_bc_block img {
		width: 100%;
		margin: 0;
	}

	.bukai_gaiyo {
		margin-top: 0;
		margin-bottom: 40px;
	}

	.bukai_gaiyo .left {
		display: block;
		width: 100%;
		margin: 20px 0;
	}

	.bukai_gaiyo .left img {
		width: 100%;
	}

	.bukai_gaiyo .right {
		display: block;
		width: 100%;
		float: none;
	}

	.bukai_gaiyo .right .midashi {
		font-size: 1.1em;
		font-weight: bold;
		height: 42px;
		line-height: 42px;
		margin-bottom: 15px;
		padding-left: 13px;
		letter-spacing: 1px;
	}

	.bukai_gaiyo_ooba {
		border-top: 1.5px solid #006536;
		background: linear-gradient(90deg, #4c9079 0%, #4c9079 80%, #fff 100%);
	}

	.bukai_gaiyo_kikuhana {
		border-top: 1.5px solid #006536;
		background: linear-gradient(90deg, #cbaf2c 0%, #cbaf2c 80%, #fff 100%);
	}

	.bukai_gaiyo_kikuha {
		border-top: 1.5px solid #006536;
		background: linear-gradient(90deg, #789641 0%, #789641 80%, #fff 100%);
	}

	.bukai_gaiyo_hanaho {
		border-top: 1.5px solid #006536;
		background: linear-gradient(90deg, #9b7caf 0%, #9b7caf 80%, #fff 100%);
	}

	.bukai_gaiyo_edible {
		border-top: 1.5px solid #006536;
		background: linear-gradient(90deg, #cdc200 0%, #cdc200 80%, #fff 100%);
	}

	.bukai_gaiyo_rose {
		border-top: 1.5px solid #006536;
		background: linear-gradient(90deg, #d2839c 0%, #d2839c 80%, #fff 100%);
	}

	.bukai_gaiyo_herb {
		border-top: 1.5px solid #006536;
		background: linear-gradient(90deg, #59974f 0%, #59974f 80%, #fff 100%);
	}

	.bukai_gaiyo .right .gaiyo_strong {
		font-size: 1.05em;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.bukai_gaiyo .right .gaiyo_contents {
		font-size: 0.95em;
		margin-bottom: 10px;
	}

	.bukai_gaiyo .right .gaiyo_right_left {
		display: block;
		font-weight: bold;
		width: 100%;
		font-size: 0.85em;
	}

	.bukai_gaiyo .right .gaiyo_right_left table {
		width: 100%;
		border-top: 1px solid #aaa;
	}

	.bukai_gaiyo .right .gaiyo_right_left tr {
		display: table-row;
		border-bottom: 1px solid #aaa !important;
	}

	.bukai_gaiyo .right .gaiyo_right_left td {
		display: table-cell;
	}

	.bukai_gaiyo .right .gaiyo_right_left td.year {
		width: 70px;
	}

	.bukai_gaiyo .right .gaiyo_right_right {
		display: block;
		width: 100%;
		line-height: 1.2;
	}

	.gaiyo_title {
		font-size: 1em;
		letter-spacing: 1px;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 5px;
	}

	.gaiyo_title span {
		font-size: 0.8em;
	}

	.gaiyo_data {
		width: 100%;
		font-size: 0.85em;
	}

	.gaiyo_data table {
		width: 100%;
		display: block;
	}

	.gaiyo_data tbody {
		display: block;
	}

	.gaiyo_data tr {
		display: table-row;
		width: 100%;
	}

	.gaiyo_data td {
		display: table-cell;
	}

	.gaiyo_data td.data_title {
		width: 85px;
	}

	.torikumi_message_midashi_pc {
		display: none;
	}

	.torikumi_message_midashi_inner_pc {
		display: none;
	}

	.torikumi_message_midashi_sp {
		display: block;
		height: auto;
		background: linear-gradient(90deg, #0e5130 0%, #0e5130 50%, #ecefd1 100%);
		font-size: 0.9em;
		float: none;
		padding: 10px;
		padding-left: 7.5%;
		margin: 30px auto;
	}

	.torikumi_message_midashi_inner_sp {
		display: block;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		font-size: 1.6em;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
	}

	.torikumi_message_small {
		display: block;
		float: none;
		width: 85%;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		padding: 0;
		line-height: 2em;
		margin: 0 auto;
		letter-spacing: 0;
	}

	.torikumi_head_name {
		position: relative;
		width: 85%;
		bottom: 0;
		left: 0;
		display: block;
		float: none;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		padding: 0;
		line-height: 1.1em;
		font-size: 1.5em;
		text-align: right;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.torikumi_head_name span {
		display: block;
		font-size: 0.6em;
	}

	.table {
		float: none;
		margin: 60px auto;
		width: 85%;
		border-top: 1px solid #aaa;
	}

	.table a {
		color: #000;
	}

	.tr {
		border-bottom: 1px solid #aaa;
	}

	.td {
		display: table-cell;
		padding-left: 0;
	}

	.td.table_title {
		width: 90px;
	}

	.td.ayumi_table_title {
		width: 90px;
	}

	.sosikizu_group {
		width: 85%;
		margin: 0 auto;
	}

	.sosikizu_left {
		display: block;
		writing-mode: horizontal-tb;
		width: auto;
		font-size: 1.4em;
		padding-left: 0;
		text-align: left;
		line-height: 80px;
	}

	.sosikizu_left img {
		width: 60px;
		vertical-align: middle;
		padding-bottom: 0;
		padding-right: 10px;
	}

	.sosikizu_right {
		display: block;
		float: right;
		width: 100%;
	}

	.sosikizu_right img {
		width: 100%;
	}

	.pages_img_block {
		clear: both;
		margin: 40px 0;
	}

	.no_margin {
		margin: 0;
		margin-bottom: -7px;
	}

	.torikumi_img_block {
		clear: both;
		margin: 0;
	}

	.torikumi_img_block img {
		width: 100%;
	}

	.outline_bu_block {
		margin-bottom: 60px;
	}

	.seinembu,
	.joseibu {
		display: block;
		width: 85%;
		margin: 0 auto;
		text-align: justify;
	}

	.joseibu {
		float: none;
	}

	.seinenbu_name,
	.joseibu_name {
		display: block;
		font-size: 1.3em;
		letter-spacing: 2px;
		color: #fff;
		margin: 0 auto;
		height: 190px;
		text-align: left;
		padding: 10px;
		font-weight: bold;
	}

	.joseibu_name {
		background: linear-gradient(180deg, #cc7394 0%, #cc7394 15%, #fff 100%);

	}

	.bu_title {
		font-size: 1.1em;
		font-weight: bold;
		margin-top: -100px;
		line-height: 1.7em;
		margin-bottom: 5px;
		letter-spacing: 0;
	}

	.bu_contents {
		font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 0.9em;
	}

	.mobile_displaynone {
		display: none;
	}

	.pc_displaynone {
		display: block;
	}

	.bc_block {
		margin: 0 auto;
		width: 100%;
		min-height: 320px;
		clear: both;
	}

	.bc_block .bc_block_left {
		display: block;
		width: 100%;
		margin: 0;
	}

	.bc_block .bc_block_right {
		display: block;
		margin: 0 auto;
		width: 85%;
	}

	.bc_block .bc_block_right {
		float: none;
	}

	.bc_block .bc_block_left img {
		width: 100%;
	}

	.bc_block .bc_block_left img.bc_img02 {
		position: relative;
		left: 0;
		width: 100%;
		height: auto;
		margin: 20px 0 0;
	}

	.bc_block .bc_block_right img {
		display: block;
		height: 80px;
		width: auto;
		margin: 10px auto;
	}

	.bc_block_strong {
		font-size: 1em;
		font-weight: bold;
		line-height: 1.6em;
		margin-top: 40px;
	}

	.bc_block_small {
		font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 0.9em;
	}

	.bc_gaiyo {
		width: 85%;
		margin: 0 auto;
		text-align: justify;
		margin-bottom: 60px;
	}

	.bc_gaiyo_title {
		font-size: 1em;
		font-weight: bold;
	}

	.bc_gaiyo_content {
		font-size: 0.9em;
	}

	.bc_gaiyo_content span {
		display: block;
	}

	/*花穂SNS類追加 CSS*/
	.sns-block {
		top: auto;
		left: auto;
		bottom: 22px;
		right: 80px;
		width: 92px;
	}

	.move-right {
		right: -30px;
	}

	.sns-block a {
		width: 35px;
	}

	.sns-block a img {
		width: 35px;
	}

	.sns-block a p {
		display: none;
	}

	.pdf-box {
		position: absolute;
		bottom: 22px;
		right: 22px;
		width: 35px;
	}

	.pdf-box a img {
		width: 35px;
	}

	.pdf-box a p {
		display: none;
	}

	/*花穂動画埋め込み*/
	.movie-box {
		margin-top: 29px;
	}

	.movie-box video {
		width: 100%;
	}

	.hanaho-margin {
		margin-top: 60px;
	}

	.herb_pages_wrap {
		flex-direction: column;
		margin-top: 10px;
	}

	.herb_pages_product_block {
		width: 100%;
	}

	.herb_pages_product_block .left_2 {
		margin-top: 30px;
	}

	.herb_pages_product_block .pages_product {
		bottom: 62px;
	}

	.herb_pages_product_block .left_2 {
		margin-top: -80px;
	}

	.herb_content_block {
		width: 100%;
	}

	.herb_content_block .right_1 {
		line-height: 0;
	}

	.herb_content_block .right_1 img {
		width: 100%;
		margin: 0;
	}

	.herb_content_block .right_2 {
		padding: 0;
		margin-top: 7px;
	}

	.herb_content_block .midashi {
		width: 85%;
		margin: 30px auto 0;
	}

	.herb_content_block .gaiyo_right_right {
		width: 85%;
		margin: 0 auto;
	}

	.herb_content_block .gaiyo_right_right .data_title {
		width: 24%;
	}

	.herb_content_block .gaiyo_right_right .data {
		width: 76%;
	}

	.wordbreak {
		word-break: keep-all;
		text-align: left;
	}

	.herb_content_block .gaiyo_title {
		margin-top: 5px;
	}
}
