@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "游ゴシック";
	font-weight: 500;
}

a:hover{
	opacity: 0.8;
	transition: ease .2s;
}

.text_right {
	text-align: right;
}

.sp_only {
	display: none;
}

/*サイドメニューの大きさ*/
.side_menu_area {
	max-width: 240px;
	min-width: 230px;
	height: 100%;
	display: inline-block;
	margin-right: 30px;
}

/*トップのメインエリアの大きさ*/
.fs-l-pageMain {
	max-width: 914px;
}

/*コンテンツの大きさ*/
.header_contents_area, .fs-l-main {
	max-width: 1200px;
	margin: 0 auto;
}

/*サブタイトルデザイン*/
.sub_title {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 2rem;
	text-align: center;
}

/*.fs-c-breadcrumb__list {
	max-width: 1200px;
    padding-left: 280px;
    margin: 0 auto;
}
*/

/*-----------------------------------
				ヘッダー		
-----------------------------------*/
.fs-l-header {
	padding: 0px;
}

.header_content_1 {
	padding: 5px 0px;
	color: #FFFFFF;
	background-color: #7EB621;
}

.header_content_2 {
	padding: 20px 0px;
	background-color: #FFFFFF;
}

.header_content_3 {
	background-color: #F2F2F2;
	list-style: none;
}

.header_text_left {
	display: -webkit-box;
	-webkit-box-align: center;
}

.head_menu {
	text-align: center;
}

.head_sns img {
	background-color: #000000;
	border-radius: 50%;
}

.head_sns {
	text-align: center;
	margin-left: 10px;
}

.head_menu img {
	max-height: 30px;
}

.head_menu_text {
	font-size: 0.8rem;
	color: #221816;
}

.fs-icon--mypage::before {
	font-size: 3rem;
	content: "\e936";
}

.fs-icon--cart::before {
	font-size: 2.4rem;
	content: "\e930";
}

.fs-icon--contact::before {
	font-size: 3rem;
	content: "\e920";
}

.head_menu_icon::before {
	vertical-align: bottom;
	height: 30px;
	color: #221816;
	display: inline-block;
}

.header_grid_1 {
	display: grid;
	grid-template-columns: auto 1fr;
}

.header_grid_1 a {
	color: #FFFFFF;
}

.header_grid_1 span {
	margin-left: 5px;
	font-size: 1.8rem;
}

.header_grid_2 {
	display: grid;
	grid-template-columns: 65px 280px 1fr 65px 65px 65px 55px 45px 45px;
}

/*検索ボックス*/
.header_grid_2 .h-search form {
	width: 250px;
	margin: 10px auto 0;
}

.header_grid_2 .h-search form .fs-p-inputGroup{
	border: none;
	border-bottom: 1px solid #444444;
	background: none;
}
.header_grid_2 .h-search form input.fs-p-searchForm__input.fs-p-inputGroup__input {
	padding: 3px 5px 5px;
}
.header_grid_2 .h-search form button.fs-p-searchForm__button.fs-p-inputGroup__button {
	background: none;
	width: 20px;
	height: 20px;
}
.header_grid_2 .h-search form button.fs-p-searchForm__button.fs-p-inputGroup__button::before {
	content: "";
	background: url("https://mossfarm.itembox.design/item/header/icon-search.png") no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.head_ml {
	margin-left: 20px;
}



/*ハンバーガーメニュー*/
.hamburger-menu {
	cursor: pointer;
	position: relative;
	width: 35px;
	height: 30px;
	margin: 0 auto;
}

.hamburger-menu-batu {
    cursor: pointer;
    position: relative;
    width: 35px;
    height: 35px;
    margin: 7px auto;
}

.hamburger-menu-line {
	position: absolute;
	transition: var(--hamburger-menu-transition);
	width: calc(100% - var(--hamburger-menu-padding) * 2);
	height: var(--hamburger-menu-border-px);
	background-color: var(--hamburger-menu-border-color);
}

.line-top {
	top: 0;
	left: 0;
	border-top: 3px solid #342534;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	width: 100%;
   	transition: 0.3s; /* アニメーション秒数 */
}

.line-middle {
	top: 10px;
	left: 0;
	width: 100%;
	border-top: 3px solid #342534;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
   	transition: 0.3s; /* アニメーション秒数 */
}

.line-bottom {
	bottom: 6px;
	left: 0;
	width: 100%;
	border-top: 3px solid #342534;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
   	transition: 0.3s; /* アニメーション秒数 */
}

/* ハンバーガーメニュー押下時 */
/*.hamburger-menu.active > .line-top {
	top: 12px;
	transform: rotate(45deg);
}

.hamburger-menu.active > .line-middle {
	width: 0;
	height: 0;
	left: 14px;
}

.hamburger-menu.active > .line-bottom {
	bottom: 14px;
	transform: rotate(-45deg);
}*/


/*バツのみ*/
.hamburger-menu-batu > .line-top {
	top: 16px;
	left: auto;
    right: 0px;
	transform: rotate(45deg);
	border-color: #FFFFFF;
}

.hamburger-menu-batu > .line-middle {
	width: 0;
	height: 0;
	left: 14px;
	border-color: #FFFFFF;
}

.hamburger-menu-batu > .line-bottom {
    bottom: auto;
    left: auto;
    right: 0px;
    transform: rotate(-45deg);
    top: 16px;
	border-color: #FFFFFF;
}

.hamburger_menu.active {
	transform: translate3d(0%,0%,0);
}


/*------------------------------------
		ハンバーガメニューの中身
------------------------------------*/
.hamburger_menu {
	background-color: #FFFFFF;
	position: fixed;
	width: 375px;
	height: 100%;
	transform: translate3d(-100%,0%,0);
	transition: all .5s; /* 移動する速さ */
	z-index: 10;
	padding-bottom: 10px;
}

.hm_btn {
    background: #000000;
    width: 50px;
    float: right;
    height: 50px;
    margin-bottom: 15px;
}

.hm_menu_1 {
	text-align: center;
}

.hm_menu_1 .fs-p-inputGroup {
	background: none;
	border-radius: 15px;
	border: 1px solid #ddd;
}

.hm_menu_1 .fs-p-inputGroup__input {
	border-radius: 15px;
}

.hm_menu_1 .fs-p-inputGroup__button {
	background: none;
}

.hm_menu_1 .fs-p-inputGroup input {
	padding: 5px 10px;

}

.hm_menu_1 .fs-p-searchForm__button::before {
	color: #221816;
}

.hm_menu_1 .fs-p-searchForm {
	margin-top: 20px;
}

.hm_btn .head_menu_text {
	color: #FFFFFF;
}

.head_menu_contents {
	overflow-y: scroll;
	height: 90vh;
	width: 95%;
	padding: 0px 30px;
}

.hm_grid_1 {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

.hm_login a {
	display: block;
	color: #FFFFFF;
	background-color: #000000;
	padding: 10px 0px;
}

.hm_registration a {
	display: block;
	color: #FFFFFF;
	background-color: #009900;
	padding: 10px 0px;
}

.hm_menu_title {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	border-bottom: 1px solid grey;
}

.hm_grid_2 {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(8, 40px);
	grid-gap: 10px;
	line-height: 16px;
}

.hm_grid_2 a {
	text-align: center;
	background-color: #F2F2F2;
	height: 40px;
	color: #221816;
	display: -webkit-box;
	-webkit-box-align: center;
    -webkit-box-pack: center;
	border-radius: 10px;
	padding: 5px 10px;
}

/*アコーディオン設定*/
.accordion-menu {
	border-collapse: collapse;
}
.accordion-menu li {
	list-style: none;
	padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
}

.sub_dd_title {
/*	background-color: #F2F2F2;*/
	font-weight: bold;
}

.accordion-menu ul {
	padding: 0px;
	margin: 0px;
}
.accordion-menu dt:hover {
	opacity: 0.8;
	transition: ease .2s;
}
.accordion-menu dt {
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
	font-size: 14px;
}
.accordion-menu dt:first-child {
	
}
.accordion-menu dd li:last-child {

}
.accordion-menu dd {
	display: none;
	color: #000000;
	margin: 0px;
}

.accordion-menu a {
	color: #000000;
}

.hm_accordion_1 {
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
}
.hm_accordion_1:before {
	display: block;
	content: "";
	position: absolute;
	bottom: 22px;
	right: 10px;
	margin: auto;
	width: 10px;
	height: 1px;
	background-color: #40180A;
	transition: .2s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.hm_accordion_1:after {
	position: absolute;
	display: block;
	content: "";
	position: absolute;
	bottom: 22px;
	right: 10px;
	margin: auto;
	width: 10px;
	height: 1px;
	background-color: #40180A;
	transition: .3s;
}
.hm_accordion_1.open:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.hm_accordion_1.open:after {
	background-color: transparent;
}
.hm_submenu a {
	position: relative;
	display: block;
}
.hm_submenu a:after {
	position: absolute;
	content: "";
	border-top: solid 1px #808080;
    border-right: solid 1px #808080;
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
	top: 6px;
	right: 20px;
}

.hm_menus {
	border-collapse: collapse;
}

.hm_menus li {
	list-style: none;
	padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
}

.hm_menus a {
	position: relative;
	display: block;
	color: #000000;
}

.hm_menus a::after {
	position: absolute;
	content: "";
	border-top: solid 1px #808080;
    border-right: solid 1px #808080;
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
	top: 6px;
	right: 20px;
}

body.active {
	position: relative;
	z-index: 3;
}

body.active::before {
	z-index: 3;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.6);
}

/*---------------------------------
			ドロップダウン
----------------------------------*/
.header_menu_1 {
	display: flex;
	position: relative;
	z-index: 2;
}
.header_menu_1 .header_menu_list {
	float: left;
	width: 14%;
	text-align: center;
}

.header_menu_1 .header_menu_list:hover {
	border-bottom: 4px solid #7EB621;
}
.header_menu_1 .header_menu_list > a {
	margin: 15px 0px;
	display: block;
	text-align: center;
	transition: .5s;
	color: #221816;
}

.head_drop_menu_img img {
	width: 60px;
	border-radius: 50%;
}

.head_drop_menu_text {
	color: #000000;
}

.header_main {
	max-width: 1100px;
    min-width: 800px;
    margin: 0 auto;
    list-style: none;
    width: 100%;
}

 
/* ②メガメニューのスタイル */
.header_menu_contents {
	background:rgba(255,255,255,0.6);
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}
.header_menu_contents li {
	list-style: none;
	width: 100%;
}
.header_menu_contents li a {
	color: #221816;
}

.header_grid_3 {
	max-width: 1200px;
	margin: 0px auto;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	padding: 10px 30px;
	grid-column-gap: 15px;
}

.header_menu_title {
	font-weight: bold;
	margin-bottom: 5px;
}

.head_menu_ml {
	margin-left: auto;
}
.head_menu_mr {
	margin-right: auto;
}

/*-----------------------------------
				フッター		
-----------------------------------*/
.footer_contents_area {
	padding-top: 30px;
	padding-bottom: 15px;
	max-width: 1200px;
	margin: 0 auto
}

.footer_content_1 {
	margin-top: 30px;
	background-color: #F2F2F2;
}

.footer_sub_title_1 {
	margin-bottom: 25px;
	font-weight: bold;
	border-bottom: 1px solid #626262;
}

.footer_grid_1 {
	display: grid;
	grid-template-columns: 0.8fr 0.8fr 0.8fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 20px;
}

.footer_grid_1 li {
	list-style: none;
}

.footer_grid_1 a {
	color: #626262;
}

.footer_content_2 {
	background-color: #7EB621;
	color: #FFFFFF;
}

.footer_grid_2 {
	text-align: center;
	margin: 0 auto;
	max-width: 700px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 40px;
}

.footer_grid_2 > div {
	background-color: #8EC03A;
	border-radius: 5px;
	padding: 15px 20px;
}

.footer_tel_fax {
	margin-top: 10px;
	font-size: 2.8rem;
	font-weight: bold;
}

.footer_sub_title_2 {
	border-bottom: 1px solid #FFFFFF;
}

.footer_logos {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 310px;
	text-align: center;
}

.footer_logo {
	margin-top: 30px;
	margin-bottom: 15px;
}

.footer_grid_3 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 150px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.footer_grid_3 img {
	border-radius: 50%;
	background-color: #8EC03A;
}

.copyright {
	margin-top: 30px;
	text-align: center;
	color: #FFFFFF;
}

.footer_time a {
	color: white;
}

/*-----------------------------------
			TOPへ戻るボタン		
-----------------------------------*/
.top_page {
	position: fixed;
    width: 60px;
    height: 60px;
    z-index: 5;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    right: 30px;
    bottom: 50px;
}

.top_page::before {
	position: fixed;
    content: "";
    border-top: solid 3px #FFFFFF;
    border-left: solid 3px #FFFFFF;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    right: 53px;
    bottom: 70px;
}


/*-----------------------------------
			サイドメニュー		
-----------------------------------*/
.side_banneres {
	margin: 40px 0px;
}

.side_menu_contents {
	margin-top: 10px;
}

.side_menu_contents a {
	display: block;
	color: #221816;
	padding: 3px 0px;
}

.side_sns_banner img {
	width: 100%;
	border-radius: 12px;
}

.item_introduction_banner {
	margin-top: 40px;
}

.side_banner a {
	display: block;
}

.side_banner img {
	width: 100%;
}

/*ドロップダウンメニュー*/
.side_drop_menu_contents,.side_drop_menu_2 {
	position: relative;
	z-index: 2;
}

.side_menu_list > a{
	font-weight: bold;
}
.side_drop_menu_contents .side_menu_list {
	width: 100%;
}

.side_drop_menu_contents .side_menu_list:hover {

}

.side_drop_menu_contents .side_menu_list > a,.side_drop_menu_2 .side_menu_list > a {
	display: block;
	transition: .5s;
	color: #221816;
}

 
/* メニューのスタイル */
.side_sub_menu_contents {
	background:rgba(255,255,255);
	display: none;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 240px;
	padding: 20px;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4)
}
.side_drop_menu_contents li ,.side_drop_menu_2 li {
	list-style: none;
	width: 100%;
}
.side_drop_menu_contents li a ,.side_drop_menu_2 li a {
	color: #221816;
}

.side_sub_menu_title {
	font-weight: bold;
	margin-bottom: 5px;
}


/*----------------------------------------
				TOPページ		
----------------------------------------*/
/*-----------------------------------
		スライドbox設定		
-----------------------------------*/
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display: none;
}

/*-----------------------------------
		スライドboxデザイン		
-----------------------------------*/

.common_box {
    margin: 0px 10px 0px 10px;
    display: inline-block;
}

.common_box a {
    text-decoration: none;
}

.common_box .product_name {
    color: #221816;
}

.common_box .product_price {
	margin-top: 10px;
    color: #221816;
}

/*-----------------------------------
		TOP 重要なお知らせ	
-----------------------------------*/

.news_contents_grid{
	display: grid;
    grid-template-columns: 1fr 4fr;
    margin: 20px 20px 0;
}

.news_title {
	background-color: #5c7d26;
    color: white;
    font-weight: bold;
    padding: 10px 15px;
    font-size: 15px;
    border-radius: 7px 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_text {
    border: solid 3px  #5c7d26;
	padding: 10px 10px 10px 45px;
	border-radius: 0 7px 7px 0;
}

/*-----------------------------------
		ブランド・シリーズ	
-----------------------------------*/

.top_brand_content {
	background-color: #F2F2F2;
}

.top_brand_contents {
	margin: 0 35px;
}

.brand_content {
	padding-bottom: 35px;
}

.brand_contents_grid {
	margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

.brand_contents_title {
	padding-top: 30px;
}

.brand_img img {
	vertical-align:top;
	width: 100%;
}

.text_area {
	background-color: white;
    padding: 20px 20px 30px;
}

.brand_contents_title {
	text-align: center;
	margin: 40px 0;
}

.brand_title_text {
    font-size: 2.5rem;
    border-top: solid 3px #7eb621;
    padding: 10px 0 0;
    display: inline-block;
    color: #7eb621;
    font-weight: bold;
    width: 20rem;
}

.series_name {
	font-size: 2rem;
    color: black;
    border-bottom: solid 1px;
    display: inline;
}

.brand_content a {
	color: black;
	text-decoration: none;
}

/*-----------------------------------
			TOP特集		
-----------------------------------*/
.top_special_content {
	margin-top: 50px;
}

.top_special_contents{
	margin: 0 20px;
}

.special_contents_grid {
	margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

.product_discription {
	margin-top: 10px;
}

.sale_text {
	color: red;
}

.special_content .product_name {
	color: #221816;
}

.special_content a {
	/* text-decoration: none; */
	color: #221816;
}

/*-----------------------------------
		モスファームおすすめ情報		
-----------------------------------*/
.top_title {
	position: relative;
    margin-top: 40px;
}
.title_text {
	position: absolute;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    -webkit-box-pack: center;
    font-size: 2.2rem;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-box-align: center;
    margin-bottom: 8px;
}

.top_grid_1 {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

.osusume_joho_img_main {
	position: relative;
}

.osusume_joho_img_sub {
	position: absolute;
	max-width: 150px;
	top: 0px;
	left: 0px;
}

.osusume_joho_text_1 {
	color: #000000;
}

/*-----------------------------------
				ランキング		
-----------------------------------*/
.top_ranking_contents {
	/* width: 90%; */
	margin: 0 auto;
}

.common_box_main_image {
	width: 100%;
}

.top_ranking_contents .product_slide_1 {
	margin-top: 20px;
}

.top_ranking_contents .product_slide_1 .bx-controls-direction .bx-prev {
   	position: absolute;
    top: 135px;
    left: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
}

.top_ranking_contents .product_slide_1 .bx-controls-direction .bx-prev::before {
    position: absolute;
    bottom: 20px;
    right: 0px;
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: solid 2px #808080;
    border-left: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_ranking_contents .product_slide_1 .bx-controls-direction .bx-next {
    position: absolute;
    top: 135px;
    right: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
   }

.top_ranking_contents .product_slide_1 .bx-controls-direction .bx-next::before {
    position: absolute;
    bottom: 20px;
    right: 25px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_ranking_contents .product_slide_1 .bx-pager-item {
    display: inline-block;
}

.top_ranking_contents .product_slide_1 {
        position: relative;
}

.ranking_number {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	background-color: #F2F2F2;
	color: #000000;
	margin: 20px auto;
}

.ranking_1 {
	background-color: #D3BC38;
	color: #FFFFFF;
}

.ranking_2 {
	background-color: #676767;
	color: #FFFFFF;
}

.ranking_3 {
	background-color: #A37462;
	color: #FFFFFF;
}

/* 任意商品用ランキング表示 */
.top_ranking_contents .fs-c-slick .slick-slide:before {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	margin: 15px auto;
}

.top_ranking_contents .fs-c-slick .slick-slide:nth-child(n+4):before {
	background-color: #F2F2F2;
	color: #000000;
}

.top_ranking_contents .fs-c-slick .slick-slide:first-child:before {
	content: "1";
	background-color: #D3BC38;
	color: #FFFFFF;
}

.top_ranking_contents .fs-c-slick .slick-slide:nth-child(2):before {
	content: "2";
	background-color: #676767;
	color: #FFFFFF;
}

.top_ranking_contents .fs-c-slick .slick-slide:nth-child(3):before {
	content: "3";
	background-color: #A37462;
	color: #FFFFFF;
}

.top_ranking_contents .fs-c-slick .slick-slide:nth-child(4):before {
	content: "4";
}
.top_ranking_contents .fs-c-slick .slick-slide:nth-child(5):before {
	content: "5";
}
.top_ranking_contents .fs-c-slick .slick-slide:nth-child(6):before {
	content: "6";
}
.top_ranking_contents .fs-c-slick .slick-slide:nth-child(7):before {
	content: "7";
}
.top_ranking_contents .fs-c-slick .slick-slide:nth-child(8):before {
	content: "8";
}
.top_ranking_contents .fs-c-slick .slick-slide:nth-child(9):before {
	content: "9";
}
.top_ranking_contents .fs-c-slick .slick-slide:nth-child(10):before {
	content: "10";
}

/*-----------------------------------
				新着商品		
-----------------------------------*/
.top_new_product_contents {
	/* width: 90%; */
	margin: 0 auto;
}

.top_new_product_contents .product_slide_1 {
	margin-top: 20px;
}

.top_new_product_contents .product_slide_1 .bx-controls-direction .bx-prev {
   	position: absolute;
    top: 65px;
    left: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
}

.top_new_product_contents .product_slide_1 .bx-controls-direction .bx-prev::before {
    position: absolute;
    bottom: 20px;
    right: 0px;
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: solid 2px #808080;
    border-left: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_new_product_contents .product_slide_1 .bx-controls-direction .bx-next {
    position: absolute;
    top: 65px;
    right: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
   }

.top_new_product_contents .product_slide_1 .bx-controls-direction .bx-next::before {
    position: absolute;
    bottom: 20px;
    right: 25px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_new_product_contents .product_slide_1 .bx-pager-item {
    display: inline-block;
}

.top_new_product_contents .product_slide_1 {
        position: relative;
}

/*-----------------------------------
		モスファームのおすすめ商品		
-----------------------------------*/
.top_sub_title {
	margin: 30px 0 0 30px;
	font-size: 2.5rem;
}

/*家庭用の苔*/
.top_sub_home {
	/* width: 90%; */
	margin: 0 auto;
}

.top_sub_home .product_slide_1 {
	margin-top: 20px;
}

.top_sub_home .product_slide_1 .bx-controls-direction .bx-prev {
   	position: absolute;
    top: 65px;
    left: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
}

.top_sub_home .product_slide_1 .bx-controls-direction .bx-prev::before {
    position: absolute;
    bottom: 20px;
    right: 0px;
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: solid 2px #808080;
    border-left: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_home .product_slide_1 .bx-controls-direction .bx-next {
    position: absolute;
    top: 65px;
    right: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
   }

.top_sub_home .product_slide_1 .bx-controls-direction .bx-next::before {
    position: absolute;
    bottom: 20px;
    right: 25px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_home .product_slide_1 .bx-pager-item {
    display: inline-block;
}

.top_sub_home .product_slide_1 {
        position: relative;
}

/*盆栽用の苔*/
.top_sub_bonsai {
	/* width: 90%; */
	margin: 0 auto;
}

.top_sub_bonsai .product_slide_1 {
	margin-top: 20px;
}

.top_sub_bonsai .product_slide_1 .bx-controls-direction .bx-prev {
   	position: absolute;
    top: 65px;
    left: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
}

.top_sub_bonsai .product_slide_1 .bx-controls-direction .bx-prev::before {
    position: absolute;
    bottom: 20px;
    right: 0px;
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: solid 2px #808080;
    border-left: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_bonsai .product_slide_1 .bx-controls-direction .bx-next {
    position: absolute;
    top: 65px;
    right: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
   }

.top_sub_bonsai .product_slide_1 .bx-controls-direction .bx-next::before {
    position: absolute;
    bottom: 20px;
    right: 25px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_bonsai .product_slide_1 .bx-pager-item {
    display: inline-block;
}

.top_sub_bonsai .product_slide_1 {
        position: relative;
}

/*テラリウム用の苔*/
.top_sub_terrarium {
	/* width: 90%; */
	margin: 0 auto;
}

.top_sub_terrarium .product_slide_1 {
	margin-top: 20px;
}

.top_sub_terrarium .product_slide_1 .bx-controls-direction .bx-prev {
   	position: absolute;
    top: 65px;
    left: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
}

.top_sub_terrarium .product_slide_1 .bx-controls-direction .bx-prev::before {
    position: absolute;
    bottom: 20px;
    right: 0px;
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: solid 2px #808080;
    border-left: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_terrarium .product_slide_1 .bx-controls-direction .bx-next {
    position: absolute;
    top: 65px;
    right: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
   }

.top_sub_terrarium .product_slide_1 .bx-controls-direction .bx-next::before {
    position: absolute;
    bottom: 20px;
    right: 25px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_terrarium .product_slide_1 .bx-pager-item {
    display: inline-block;
}

.top_sub_terrarium .product_slide_1 {
        position: relative;
}

/*小さいサイズの苔*/
.top_sub_small_size {
	/* width: 90%; */
	margin: 0 auto;
}

.top_sub_small_size .product_slide_1 {
	margin-top: 20px;
}

.top_sub_small_size .product_slide_1 .bx-controls-direction .bx-prev {
   	position: absolute;
    top: 65px;
    left: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
}

.top_sub_small_size .product_slide_1 .bx-controls-direction .bx-prev::before {
    position: absolute;
    bottom: 20px;
    right: 0px;
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: solid 2px #808080;
    border-left: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_small_size .product_slide_1 .bx-controls-direction .bx-next {
    position: absolute;
    top: 65px;
    right: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
   }

.top_sub_small_size .product_slide_1 .bx-controls-direction .bx-next::before {
    position: absolute;
    bottom: 20px;
    right: 25px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_small_size .product_slide_1 .bx-pager-item {
    display: inline-block;
}

.top_sub_small_size .product_slide_1 {
        position: relative;
}

/*苔玉*/
.top_sub_moss_ball {
	/* width: 90%; */
	margin: 0 auto;
}

.top_sub_moss_ball .product_slide_1 {
	margin-top: 20px;
}

.top_sub_moss_ball .product_slide_1 .bx-controls-direction .bx-prev {
   	position: absolute;
    top: 65px;
    left: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
}

.top_sub_moss_ball .product_slide_1 .bx-controls-direction .bx-prev::before {
    position: absolute;
    bottom: 20px;
    right: 0px;
    content: "";
    width: 30px;
    height: 30px;
    border-bottom: solid 2px #808080;
    border-left: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_moss_ball .product_slide_1 .bx-controls-direction .bx-next {
    position: absolute;
    top: 65px;
    right: -6%;
    text-decoration: none;
    font-size: 0px;
    color: #000000;
    box-sizing: border-box;
    padding: 7px 8px 2px 8px;
    width: 55px;
    height: 70px;
    background-color: #FFFFFF;
   }

/*右矢印*/
.top_sub_moss_ball .product_slide_1 .bx-controls-direction .bx-next::before {
    position: absolute;
    bottom: 20px;
    right: 25px;
    content: "";
    width: 30px;
    height: 30px;
    border-top: solid 2px #808080;
    border-right: solid 2px #808080;
    transform: rotate(45deg);
    color: #808080;
}

.top_sub_moss_ball .product_slide_1 .bx-pager-item {
    display: inline-block;
}

.top_sub_moss_ball .product_slide_1 {
        position: relative;
}

/*-----------------------------------
		苔の種類で選ぶ		
-----------------------------------*/

.moss_icon_description {
	background-color: #F2F2F2;
	padding: 30px;
	margin: 30px 0 40px;
	border-radius: 10px;
}

.moss_icon_title {
	display: flex;
	align-items: center;
	font-size: 1.7rem;
	font-weight: bold;
}

.moss_icon_title::before,
.moss_icon_title::after {
	content: '';
	height: 1px;
	background-color: #333;
	flex-grow: 1;
}

.moss_icon_title::before {
	margin-right: 1.5rem;
}

.moss_icon_title::after {
	margin-left: 1.5rem;
}

.icon_content_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
    padding: 25px 15px 0;
}

.icon_details {
	display: flex;
    background-color: white;
    padding: 15px 30px;
    border-radius: 10px;
}

.icon_details img {
	vertical-align: top;
}

.icon_text {
	padding: 10px 20px;
}

.moss_kind_grid {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
}

.moss_kind_grid > div {
	position: relative;
}

.moss_kind_text {
	position: absolute;
    text-align: center;
    color: #000000;
    max-width: 115px;
    padding: 5px 0px;
    background: rgba(255,255,255,0.8);
    z-index: 1;
    bottom: 35px;
    border-radius: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.moss_sun_kind_img {
	/* position: absolute;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
	text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
	right: 0; */
	position: absolute;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    text-align: center;
    top: 60px;
    bottom: 0px;
    left: 0px;
	right: 100px;
	z-index: 20;
}

.head_menu_logo {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}


/*-----------------------------------
			  苔のあれこれ		
-----------------------------------*/
.moss_arekore_grid {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
}

.moss_arekore_img {
	position: relative;
	display: flex;
}

.moss_arekore_img img {
	width: 100%;
	position: relative;
	border-radius: 20px;
}

.moss_arekore_img::after {
	content: '';
	background-color: rgba(0,0,0,.4);
	position: absolute;
	border-radius: 20px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.moss_arekore_text {
	position: absolute;
    top: 40%;
    text-align: center;
    width: 80%;
    margin: 0px 10%;
    padding: 10px 0px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    z-index: 1;
    font-size: 1.6rem;
    font-weight: bold;
}


/*-----------------------------------
			  カレンダー		
-----------------------------------*/

.footer_contents_area .calendar_area {
	padding: 10px 30px;
	background-color: #FFFFFF;
}

.calendar_title {
	font-size: 1.6rem;
	text-align: center;
}

/* 何も入力されていないセル */
.blank_cell {
	background-color: #FFFFFF !important;
}

/*文字サイズ*/
.calendar h1 {
    font-size: 16px;
}

/*線を1つに*/
.calendar table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.calendar td {
    padding: 6px;
    text-align: center;
}

/* 日曜 */
.calendar td:first-child {
	color: #FFFFFF;
    background-color: #CC3333;
}

/* 土曜 */
.calendar td:last-child {
	color: #FFFFFF;
    background-color: #CC3333;
}

/* 一番上のセル */
.calendar tr:nth-child(1) td{
	color: #221816;
	background-color: #FFFFFF;
}

.calendar tr:nth-child(1) {
	border-top: 1px solid #221816;
	border-bottom: 1px solid #221816;
	padding: 0px 5px;
}

/* 指定した祝日のデザイン */
.calendar .holiday {
	background-color: #CC3333;
	color: #FFFFFF;
}

.calendar .today {
	background-color: #7EB621!important;
	color: #FFFFFF!important;
}

.calendar caption {
	text-align: center;
}

.calendar_texts {
	margin-top: 10px;
}

.holiday_mark {
	position: relative;
	display: -webkit-box;
	-webkit-box-align: center;
	padding-left: 20px;
}

.holiday_mark::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background-color: #CC3333;
	left: 0px;
}

.calendar_text_1 {
	margin-top: 10px;
}


/*-----------------------------------
			商品詳細バナー	
-----------------------------------*/
.product_banners {
	margin: 30px 0px;
}
.product_banner_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}

/*-----------------------------------
			レビューボタン	
-----------------------------------*/
#fs_ProductDetails .fs-c-productReview__addReview a {
	padding: 7px 25px;
	background: linear-gradient(#FF9400, #FF6B00);
	color: #FFFFFF;
	border-radius: 5px;
}

/*---------------------------------------------------
			  商品詳細
---------------------------------------------------*/
/* 共通 */
.column2_contents {
	padding: 30px;
    background-color: #F2F2F2;
    margin: 30px 0px;
}

.column2_grid_1 {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-column-gap: 20px;
    background: white;
    padding: 10px;
    margin-bottom: 30px;
}

.column2_grid_2 {
    display: grid;
    grid-template-columns: 1.5fr 1fr ;
    grid-column-gap: 20px;
    background: white;
    padding: 10px;
}

.column2_text {
    padding: 15px;
    font-size: 1.8rem;
    letter-spacing: 2px;
    line-height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*-----------------------------------
			  杉苔		
-----------------------------------*/
.product_title {
	margin-bottom: 20px;
}
.product_title img {
	border-radius: 7px;
	z-index: 1;
}
.title_balloon  {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	margin: 0px auto;
	right: 0px;
	left: 0px;
	bottom: -4px;
	background-color: #A1DA43;
	transform: rotate(45deg);
}

.cedar_moss_title_1 {
	font-size: 2.6rem;
	font-weight: bold;
	margin: 30px 0px;
}

.cedar_moss_title_1::before {
	content: "";
	border-left: 4px solid #7EB621;
	margin-right: 15px;
	padding: 5px 0px;
}

.cedar_moss_title_2 {
	font-size: 2.8rem;
	padding: 10px 0px;
	text-align: center;
	color: #FFFFFF;
	background-color: #009900;
	margin-top: 30px;
}

.cedar_moss_title_2 > div {
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	margin: 0px 30px;
	padding: 10px 0px;
}

.cedar_moss_title_3 {
	margin: 20px 0px;
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 8px 0px;
}

.cedar_moss_sub_title_1 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.cedar_moss_sub_title_2 {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.cedar_moss_sub_title_2 span {
	color: #CC3333;
}

.cedar_moss_sub_title_3 {
	font-weight: bold;
	font-size: 2.2rem;
	color: #009900;
}

.cedar_moss_sub_title_4 {
	font-weight: bold;
	font-size: 1.4rem;
	color: #009900;
	padding: 4px 0px;
}

.cedar_moss_text {
	line-height: 26px;
	margin-bottom: 10px;
}
.cedar_moss_text li {
	list-style: none;
}

/*こだわりのフキダシ*/
.cedar_moss_detailed {
	font-weight: bold;
	max-width: 150px;
	position: relative;
	font-size: 1.6rem;
	color: #FFFFFF;
	background-color: #009900;
	border-radius: 7px;
	text-align: center;
    padding: 7px 0px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.cedar_moss_detailed::before {
	position: absolute;
	content: "";
	background-color: #009900;
	transform: rotate(45deg);
	left: 25px;
	bottom: -7px;
	width: 15px;
	height: 15px;
}

.cedar_moss_grid_1 {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	grid-column-gap: 20px;
}

.cedar_moss_grid_2 {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-column-gap: 20px;
}

.cedar_moss_grid_3 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 30px;
}

.cedar_moss_content_1 .cedar_moss_texts {
	padding-top: 30px;
	padding-right: 30px;
}

.cedar_moss_content_2 {
	background-color: #F2F2F2;
	padding: 35px;
	margin-top: 30px;
}
.cedar_moss_content_2 .cedar_moss_text {
	padding: 10px;
}

.cedar_moss_content_3 {
	padding: 35px;
}

.cedar_moss_content_4 {
	background-color: #F0F6DF;
	padding: 35px;
}

.cedar_moss_content_5 {
	padding: 35px;
}

.cedar_moss_content_6 {
	margin-top: 20px;
	background-color: #F2F2F2;
	padding: 35px;
}

.cedar_moss_content_8 {
	position: relative;
	background-color: #F2F2F2;
	padding: 35px;
	margin-bottom: 50px;
}

.cedar_moss_content_8::before {
	position: absolute;
	content: "";
	margin: 0px auto;
	right: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	background-color: #F2F2F2;
	transform: rotate(45deg);
	bottom: -15px;
}

.cedar_moss_content_9 {
	background-color: #F2F2F2;
	padding: 35px;
	margin-bottom: 50px;
}

.cedar_moss_img img {
	width: 100%;
}

.cedar_moss_img_1 img {
	border-radius: 5px;
	width: 100%;
}

.cedar_moss_img_2 {
	position: relative;
}
.cedar_moss_img_2 img {
	width: 100%;
}

.cedar_moss_points {
	width: 150px;
    padding: 5px 0px;
    text-align: center;
	position: absolute;
	color: #FFFFFF;
	top: -15px;
	left: -15px;
}
.cedar_moss_point_1 {
	background-color: #FF9900;
}
.cedar_moss_point_2 {
	background-color: #333333;
}

.cedar_moss_point_texts {
	position: relative;
}
.cedar_moss_point_title {
	position: absolute;
	width: 200px;
	padding: 7px 0px;
    text-align: center;
    color: #FFFFFF;
    top: 4px;
	left: 20px;
	border-radius: 10px;
	background-color: #009900;
}

.cedar_moss_point_text {
	background-color: #FFFFFF;
	border: 2px solid #009900;
	border-radius: 5px;
    height: 90%;
    margin-top: 20px;
    padding: 35px 20px 20px 20px;
}

.cedar_moss_step {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 30px;
}

.cedar_moss_step span {
	font-size: 1.8rem;
	border-radius: 7px;
	padding: 5px 25px;
	text-align: center;
	background-color: #7EB621;
	color: #FFFFFF;
	margin-right: 10px;
}

.cedar_moss_mt_1 {
	margin-top: 10px;
}
.cedar_moss_mt_2 {
	margin-top: 20px;
}
.cedar_moss_mt_3 {
	margin-top: 30px;
}

.cedar_moss_bc_1 {
	background-color: #FFFFFF;
	padding: 10px;
}

/*-----------------------------------
			  テラリウム	
-----------------------------------*/
.terrarium_moss_grid_1 {
	display: grid;
	grid-template-columns: 3fr 1fr;
}

.terrarium_moss_title_1 {
	font-size: 3.2rem;
	font-weight: bold;
}
.terrarium_moss_title_2 {
	padding: 20px;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #000000;
}
.terrarium_moss_title_2 span {
	font-size: 2.6rem;
	font-weight: bold;
}
.terrarium_moss_title_3 {
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}

.terrarium_moss_content_2 {
	background-color: #F2F2F2;
	padding: 35px;
}

.terrarium_moss_content_4 {
	background-color: #F0F6DF;
	padding: 35px;
}
.terrarium_moss_content_4 .cedar_moss_detailed {
	margin-top: 0px;
}

.terrarium_moss_content_5 {
	background-color: #FFF9E7;
	padding: 35px;
}
.terrarium_moss_content_6 {
	background-color: #F2F2F2;
	padding: 35px;
}
.terrarium_moss_img_1 {
	text-align: center;
}
.terrarium_moss_img_1 img {
	max-width: 1000px;
}

.text_center {
	text-align: center;
}
.terrarium_text_1 {
	font-size: 2rem;
}

.cedar_moss_mt_5 {
	margin-top: 50px;
}


/*-----------------------------------
			  砂苔	
-----------------------------------*/
.sand_moss_grid_1 {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 20px;
}

.sand_moss_content_2 {
	background-color: #F8F3C9;
	padding: 35px;
	margin: 30px 0px;
}

.sand_moss_sub_title_1 {
	font-size: 2rem;
	background-color: #FF9900;
	color: #FFFFFF;
	padding: 12px 0px;
	margin-bottom: 20px;
	border-radius: 7px;
}
.sand_moss_number_1::before {
	content: "1";
	font-size: 1.6rem;
	color: #FF9900;
	background-color: #FFFFFF;
    width: 22px;
    height: 22px;
    padding: 5px;
	border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin: auto 15px;
}
.sand_moss_number_2::before {
	content: "2";
	font-size: 1.6rem;
	color: #FF9900;
	background-color: #FFFFFF;
    width: 22px;
    height: 22px;
    padding: 5px;
	border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin: auto 15px;
}

.sand_moss_text_1 {
	color: #009900;
	font-size: 2rem;
	font-weight: bold;
	margin: 20px 0px;
}

.sand_moss_img img {
	width: 100%;
}

.sand_moss_img_1 img {
	max-width: 100%;
}

.sand_moss_content_4 .cedar_moss_text {
	text-align: center;
}

/*-----------------------------------
			ふくろうセット	
-----------------------------------*/
.owl_set_content_1 {
	margin: 30px 0px;
}
.owl_set_content_2 {
	margin: 30px 0px;
}
.owl_set_content_3 {
	margin: 30px 0px;
	padding: 35px;
	background-color: #F2F2F2;
}
.owl_set_content_4 {
	margin: 30px 0px;
	padding: 35px;
	background-color: #FFF9E7;
}

.owl_set_title_1 {
	font-size: 2.6rem;
}
.owl_set_title_2 {
	font-weight: bold;
	font-size: 2rem;
	color: #FF6600;
}
.owl_set_border {
	border-top: 3px solid #FFCC33;
	margin-bottom: 20px;
}

.owl_set_grid_1 {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.owl_set_grid_2 {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 40px;
}

.owl_set_text_1 {
	line-height: 26px;
	margin-top: 10px;

}
.owl_set_text_2 {
	margin-top: 10px;
	line-height: 26px;
}

.owl_set_contents .top_title {
	margin-top: 0px;
}

.owl_set_img img {
	width: 100%;
}

/*-----------------------------------
	ホソバオキナゴケミニパック（M1)
-----------------------------------*/

.hosobaokinagoke_set_top_img {
    display: grid;
    grid-gap: 20px;
}

.hosobaokinagoke_set_content_2 {
	padding: 30px;
    background-color: #F2F2F2;
    margin: 30px 0px;
}

.hosobaokinagoke_set_grid_1 {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-column-gap: 20px;
    background: white;
    padding: 10px;
    margin-bottom: 30px;
}

.hosobaokinagoke_set_grid_2 {
    display: grid;
    grid-template-columns: 1.5fr 1fr ;
    grid-column-gap: 20px;
    background: white;
    padding: 10px;
}

.hosobaokinagoke_set_text_1 {
    line-height: 26px;
    padding: 10px 0;
}

/*-----------------------------------
	富士の苔玉キット+観葉植物セット
-----------------------------------*/

.fuji_moss_set_grid_3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

.fuji_moss_set_contents_1 {
	margin: 30px 0px;
}

.fuji_moss_set_contents_2 {
	margin: 30px 0px 60px;
}

.fuji_moss_set_contents_3 {
	margin: 30px 0px;
	padding: 35px;
	background-color: #F2F2F2;
}

.fuji_moss_set_contents_4 {
    display: grid;
    grid-gap: 20px;
    background-color: #F2F2F2;
    padding: 30px;
    margin: 30px 0;
}

.fuji_moss_set_voice_grid {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.fuji_moss_set_contents_5 {
    background-color: #F2F2F2;
    padding: 5px;
    margin: 30px 0;
}

.fuji_moss_set_contents_6, .fuji_moss_set_contents_7 {
	margin: 30px 0;
}

.fuji_moss_set_text2 {
	text-align: center;
    background: white;
    padding: 30px;
}

.fuji_moss_set_title_1 {
	font-size: 2.6rem;
	font-weight: bold;
}

.fuji_moss_set_subtitle1 {
	font-size: 2.2rem;
    font-weight: bold;
    border-bottom: solid 1px;
    border-top: solid 1px;
    padding: 12px 0;
    text-align: center;
}

.foliage_plant_grid {
	background-color: #F2F2F2;
    text-align: center;
    padding: 20px 0;
}

.foliage_plant_text_grid {
	background-color: white;
    text-align: left;
    padding: 20px;
}

.foliage_plant_img img {
    background-color: #ffffff;
    padding: 8px;
}

.foliage_plant_text {
	font-weight: bold;
    padding-top: 10px;
}

.fuji_moss_set_voice_title_1 {
	font-size: 2rem;
    color: #7eb621;
    font-weight: bold;
    text-align: center;
}

.fuji_moss_set_voice_title_2 {
	text-align: center;
    font-size: 5.5rem;
    color: #663333;
    font-weight: bold;
    border-bottom: solid 2px;
    padding-top: 5px;
}

.fuji_moss_set_voice_text {
	font-size: 1.8rem;
    padding: 10px;
    margin: 20px 0 30px;
}

/*-----------------------------------
		苔テラリウムキット
-----------------------------------*/

.terrarium_kit_contents_1 {
	margin: 30px 0px;
}

.terrarium_kit_contents_2 {
	margin: 30px 0px;
}

.terrarium_kit_contents_3 {
	margin: 30px 0px;
	padding: 35px;
	background-color: #F2F2F2;
}

.terrarium_kit_contents_4 {
    display: grid;
    grid-gap: 20px;
    background-color: #F2F2F2;
    padding: 30px;
    margin: 30px 0;
}

.terrarium_kit_grid_1 {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.terrarium_kit_contents_5 {
    background-color: #F2F2F2;
    padding: 5px;
    margin: 30px 0;
}

.terrarium_kit_text2 {
	text-align: center;
    background: white;
    padding: 30px;
}

/*-----------------------------------
			鳥シリーズ
-----------------------------------*/

.bird_series_contents_1 {
	margin: 30px 0px;
}

.bird_series_contents_2 {
	margin: 30px 0px;
}

.bird_series_contents_3 {
	margin: 30px 0px;
	padding: 35px;
	background-color: #F2F2F2;
}

.bird_series_contents_4 {
	background-color: #F2F2F2;
	padding: 35px;
	margin: 30px 0;
}

.bird_series_grid_1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-top: 30px;
}

.bird_series_grid_2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.bird_series_grid_img {
	padding: 10px;
    background: white;
}

.bird_series_text_1 {
	text-align: center;
}

/*-----------------------------------
			ハイゴケ	
-----------------------------------*/
.hai_moss_mediumTray_content_1 {
	margin: 30px 0px;
}
.hai_moss_mediumTray_content_2 {
	margin: 30px 0px;
	padding: 35px;
	background-color: #F8F3C9;
}

.hai_moss_mediumTray_text_1 {
	margin: 10px 0px;
	font-size: 2rem;
    color: #009901;
    font-weight: bold;
}
.hai_moss_mediumTray_text_2 {
	margin-top: 10px;
}
.hai_moss_mediumTray_text_3 {
	margin-bottom: 10px;
}

.hai_moss_mediumTray_grid_1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.hai_moss_mb {
	margin-bottom: 10px;
}

/*-----------------------------------
			杉苔並品8枚入り	
-----------------------------------*/
.cedarMoss_normal_content_1	{
	padding: 10px 35px 35px 35px;
}

.cedarMoss_normal_img_2 {
	margin-top: 15px;
	text-align: center;
}
.cedarMoss_normal_img_2 img {
	max-width: 920px;
	width: 100%;
}
.font_red {
	color: #FE0002;
}

.cedarMoss_normal_text_1 {
	margin-top: 10px;
}

.cedarMoss_normal_contents .top_title {
	margin-top: 10px;
}

/*---------------------------------------------------
			  フリーページ
---------------------------------------------------*/
.contents_page_title {
	border-top: 3px solid #5C7D26;
	border-bottom: 3px solid #5C7D26;
	padding: 1px 0px;
	margin: 30px 0px;
}
.contents_page_title > div {
	padding: 10px 25px;
	border-top: 1px solid #5C7D26;
	border-bottom: 1px solid #5C7D26;
	font-size: 2rem;
	font-weight: bold;
}

.contents_page_sub_title {
	position: relative;
	margin-top: 50px;
	margin-bottom: 30px;
}
.contents_page_sub_title_img {

}
.contents_page_sub_title_text {
	position: absolute;
	left: 20px;
	top: 0px;
	bottom: 0px;
	display: -webkit-box;
	-webkit-box-align: center;
	color: #FFFFFF;
	font-size: 2.2rem;
	font-weight: bold;
}
.contents_page_sub_title_text::before {
	content: "";
	border-left: 4px solid #5C7D26;
	margin-right: 20px;
}

/*-----------------------------------
			  会社概要
-----------------------------------*/
.company_text {
	line-height: 26px;
}
.company_text_1 {
	padding: 0px 20px;
}
.company_text_3 {
	margin-top: 30px;
	padding: 0px 20px;
}

.company_table table {
	width: 100%;
	border-collapse: collapse;
}
.company_table th,.company_table td {
	padding: 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.company_table th {
	width: 250px;
	background-color: #F2F2F2;
}
.company_table td {
	padding: 0px 25px;
}

.company_grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
}
.company_img_1 {
	padding: 5px 0px;
	border: 1px solid #cccccc;
	text-align: center;
}
.company_img_1 img {
	max-width: 100%;
}


/*-----------------------------------
			モスファームについて
-----------------------------------*/
.mossfarm_grid_1 {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 10px;
}
.mossfarm_grid_2 {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	grid-column-gap: 30px;
}
.mossfarm_grid_3 {
	margin: 30px 0px;
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-column-gap: 30px;
}

.mossfarm_img img {
	width: 100%;
}

.mossfarm_text {
	line-height: 26px;
}
.mossfarm_text_1 {
	margin: 30px 0px;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.mossfarm_text_2 {
	text-align: center;
	margin: 30px 0px;
}

.mossfarm_content_1 {
	padding: 35px;
	background-color: #F0F6DF;
}
.mossfarm_title {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 3px solid #009900;
	color: #009900;
	margin-bottom: 20px;
}

.mossfarm_title_2 {
	text-align: center;
	color: #FFFFFF;
	background-color: #009900;
	font-size: 2rem;
	font-weight: bold;
	padding: 5px 0px;
	margin-top: 30px;
}

/*-----------------------------------
			庭園苔の育て方
-----------------------------------*/
.garden_content_1 {
	padding: 35px;
	background-color: #F0F6DF;
}
.garden_sub_content {
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #009900;
	border-radius: 5px;
	padding: 30px 10px;
	margin-top: 70px;
}
.garden_sub_content_title {
	padding: 10px 20px;
	width: 90%;
	background-color: #FFFFFF;
	border: 1px solid #009900;
	position: absolute;
	top: -25px;
	left: 30px;
}

.garden_content_2 {
	margin: 30px 0px;
	padding: 20px;
	background-color: #F2F2F2;
}
.garden_sub_content_2 {
	background-color: #FFFFFF;
	padding: 20px 20px;
	margin: 20px 0px;
}
.garden_text_3::before {
	content: "";
	padding: 7px 0px;
	border-left: 4px solid #CCCCCC;
	margin-right: 15px;
}

.garden_content_3 {
	padding: 20px;
	background-color: #F2F2F2;
	margin: 30px 0px;
}

.garden_sub_title_1 {
	width: 280px;
	text-align: center;
	font-size: 2rem;
	background-color: #333333;
	color: #FFFFFF;
}
.garden_sub_title_2 {
	font-size: 2rem;
	color: #009900;
}
.garden_sub_title_2 span {
	margin-right: 15px;
	display: inline-block;
	text-align: center;
	width: 150px;
	color: #FFFFFF;
	background-color: #009900;
}
.garden_sub_title_3 {
	text-align: center;
	font-weight: bold;
	background-color: #F2F2F2;
	margin: 10px 0px;
	padding: 5px 0px;
}
.garden_sub_title_4 {
	padding: 5px 20px;
	border-radius: 5px;
	font-size: 2rem;
	font-weight: bold;
	background-color: #999999;
	color: #FFFFFF;
	margin: 30px 0px;
}
.garden_sub_title_5 {
	text-align: center;
	font-size: 2.6rem;
}

.garden_grid_1 {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 30px;
	grid-row-gap: 20px;
	margin-top: 20px;
	padding: 0px 20px;
}
.garden_grid_2 {
	display: grid;
	padding: 0px 35px;
	grid-column-gap: 30px;
	grid-template-columns: 1fr 3fr;
}
.garden_grid_3 {
	display: grid;
	grid-column-gap: 30px;
	grid-template-columns: 1.5fr 1fr;
}
.garden_grid_4 {
	display: grid;
	grid-column-gap: 30px;
	grid-template-columns: 1fr 2fr;
}

.garden_img_1 img {
	width: 100%;
}
.garden_img_2 {
	text-align: center;
}
.garden_img_2 img {
	max-width: 100%;
}
.garden_img_3 img {
	width: 100%;
	border-radius: 5px;
}
.garden_img_4 img {
	width: 100%;
	border-radius: 8px;
}

.moss_kind_img img {
	width: 100%;
	border: 1px solid #009900;
	border-radius: 50%;
}

.garden_box {
	position: relative;
}

.garden_text {
	line-height: 26px;
}
.garden_text_1 {
	padding: 0px 35px;
}
.garden_text_3 {
	margin: auto 0px;
}
.garden_text_4 {
	margin-top: 10px;
}
.garden_special_text {
	text-align: center;
	padding: 10px 0px;
	border-radius: 8px;
	background-color: #FF9900;
	color: #FFFFFF;
}

.garden_m3 {
	margin: 30px 0px;
}


/*-----------------------------------
		苔のよくある質問Q&A
-----------------------------------*/
.faq_grid {
	display: grid;
	grid-template-columns: 50px 1fr;
}

.faq_Q {
	background-color: #FF9900;
	height: 40px;
}

.faq_Q_1 {
	text-align: center;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
.faq_Q_1 img {
	max-height: 21px;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.faq_Q_2 {
	color: #FFFFFF;
	display: -webkit-box;
	-webkit-box-align: center;
}

.faq_A {
	margin: 20px 0px 30px 0px;
}

.faq_A_1 {
	text-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
}
.faq_A_1 img {
	max-height: 19px;
	display: -webkit-box;
	-webkit-box-pack: center;
}

.faq_sub_title {
	margin-top: 15px;
	font-weight: bold;
}

/*-----------------------------------
			殺菌剤の撒き方
-----------------------------------*/
.fungicide_text {
	line-height: 26px;
}
.fungicide_text_1 {
	padding: 0 0 20px 0;
}
.fungicide_text_2 {
	margin-bottom: 10px;
}

.fungicide_grid_1 {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
}

.fungicide_grid_2, .fungicide_grid_3 {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
}

.fungicide_img_1 {
    padding: 5px;
    border: 1px solid #cccccc;
	text-align: center;
}
.fungicide_img_1 img {
	width: 100%;
    height: 100%;
}

.fungicide_content_3 ,.fungicide_content_4 {
	position: relative;
    background-color: #F2F2F2;
    padding: 35px;
    margin-bottom: 50px;
}

.fungicide_step {
	font-size: 2rem;
    font-weight: bold;
    margin-bottom: 30px;
}

.fungicide_step span {
    font-size: 1.8rem;
    border-radius: 7px;
    padding: 5px 25px;
    text-align: center;
    background-color: #7EB621;
    color: #FFFFFF;
    margin-right: 10px;
}

.fungicide_content_3::before {
	position: absolute;
	content: "";
	margin: 0px auto;
	right: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	background-color: #F2F2F2;
	transform: rotate(45deg);
	bottom: -15px;
}

.breadcrumbs_1 {
	margin: 20px 0;
}

/*---------------------------------------------------
			  出張訪問ページ
---------------------------------------------------*/
.onsite_text {
	line-height: 26px;
}
.onsite_text_1 {
	padding: 0 0 20px 0;
}

.onsite_contents_1 p {
	margin: 35px 0 80px;
}

.onsite_table table {
	width: 100%;
	border-collapse: collapse;
}

.onsite_table p {
	line-height: 2.5em;
}

.onsite_table th,.onsite_table td {
	padding: 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.onsite_table th {
	width: 250px;
	background-color: #F2F2F2;
	padding-left: 20px;
	text-align: left;
}
.onsite_table td {
	padding: 0px 25px;
}

.onsite_contents_3:hover {
    color: white;
	text-decoration: none;
}

.onsite_contents_3 {
	text-align: center;
}

.onsite_btn {
	display: inline-block;
    height: 100px;
    width: 65%;
    border-radius:10px;
    color: white;
    text-align: center;
	font-size: 30px;
	letter-spacing: -2px;
	padding: 25px 0;
	margin: 30px 0;
	background: -moz-linear-gradient(top,#f47777 20%, #cc3333);
    background: -webkit-linear-gradient(top,#f47777 20%, #cc3333);
    background: linear-gradient(to bottom, #f47777 20%, #cc3333);
	border: solid 1px #cc3333;
}

.onsite_btn:hover {
	text-decoration: none;
	color: white;
	background: -moz-linear-gradient(top,#f47777d9 20%, #c12d2de8);
    background: -webkit-linear-gradient(top,#f47777d9 20%, #c12d2de8);
    background: linear-gradient(to bottom, #f47777d9 20%, #c12d2de8);
}

.onsite_btn:visited {
	color: white;
}

.btn_arrow{
	display: inline-block;
	width: 18px;
	height: 18px;
	border-top: 3px solid white;
	border-right: 3px solid white;
	transform: rotate(45deg);

}

/*---------------------------------------------------
			  カテゴリページ
---------------------------------------------------*/
.categoryPage_btn {
	width: 100%;
	border-radius: 5px;
}
.categoryPage_btn a {
	position: relative;
	height: 50px;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	color: #FFFFFF;
    font-size: 2rem;
    font-weight: bold;
    margin-right: 10px;
}
.categoryPage_btn a:before{
	position: absolute;
    content: '';
    border-top: solid 3px #FFFFFF;
    border-right: solid 3px #FFFFFF;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    right: 30px;
}

/*ボタンの色*/
.c_btn_color_1 {
	background: linear-gradient(#986500, #673400);
}
.c_btn_color_2 {
	background: linear-gradient(#a4b457, #74890c);
}
.c_btn_color_3 {
	background: linear-gradient(#7cc3d7, #3a8ba2);
}
.c_btn_color_4 {
	background: linear-gradient(#efe356, #feaf32);
}
.c_btn_color_5 {
	background: linear-gradient(#a4cdde, #26578d);
}
.c_btn_color_6 {
	background: linear-gradient(#b4bdc7, #2e3a41 );
}
.c_btn_color_7 {
	background: linear-gradient(#a6d15f, #84bc27);
}
.c_btn_color_8 {
	background: linear-gradient(#abea44, #5d8e0b);
}
.c_btn_color_9 {
	background: linear-gradient(#a1cb5c, #324a08);
}

.categoryPage_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

.categoryPage_box {
	text-align: center;
	padding: 5px;
	border: 2px solid #CDCDCDCD;
}

.categoryPage_sub_title {
	margin: 5px auto 10px auto;
	font-size: 2.4rem;
	text-align: center;
	display: inline-block;
	border-bottom: 2px solid #648330;
}

.categoryPage_img img {
	width: 100%;
}

.categoryPage_text {
	line-height: 26px;
}


/*-----------------------------------
		テラリウム用の苔
-----------------------------------*/
.c_terrarium_moss_content_1 {
	background-color: #EEEEEE;
}

.c_terrarium_moss_text {
	padding: 20px;
}

/*-----------------------------------
		商品詳細_購入数
-----------------------------------*/

.fs-c-quantity:after {
	content: "個";
	position: absolute;
    padding: 3px 5px;
}


/*-----------------------------------
		富士山みやび苔
-----------------------------------*/
#miyabi_content{
	color: #000000;
}

.main_title {
    margin: 10rem 0 7rem;
}

.miyabi_title {
	text-align: center;
    font-size: 4rem;
	margin-bottom: 3rem;
	/* display: inline-block; */
	position: relative;
}

.miyabi_title:before {
	content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    display: inline-block;
    width: 53px;
    height: 3px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #000000;
}

.miyabi_title img {
	height: 45px;
    margin: 6px 15px 6px 0;
    vertical-align: top;
}

#miyabi_content .sub_title {
	font-size: 2.3rem;
    text-align: center;
}

.miyabi_contents_1 {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

#miyabi_content .sub_title2{
	margin: 60px 0 30px;
    font-size: 3.5rem;
	text-align: center;
}

.contents_text1 {
    background-color: #F2F2F2;
    font-size: 1.6rem;
    padding: 40px;
    text-align: center;
    line-height: 3rem;
}

.miyabi_contents_2 {
	/* padding-bottom: calc(10vw + 10px);   */
    position: relative;
    overflow: hidden;
	background-image: url(https://mossfarm.itembox.design/item/categorypage/miyabi/miyabi_back.png);
	background-repeat: no-repeat;
    background-size: 100% auto;
}

.miyabi_contents_2 ul {
    margin-top: 615px;
    z-index: 2;
    position: relative;
    padding: 70px 70px 0;
}

.miyabi_contents_2 ul li {
	display: flex;
    margin-bottom: 70px;
}


.miyabi_contents_2 ul li .img,
.miyabi_contents_2 ul li .txt {
	width: 100%;
	box-sizing: border-box;
}

ul li:nth-child(even) {
    flex-direction: row-reverse;
}

ul li:nth-child(odd) .txt {
    margin: 0;
	grid-column-start: 2;
    grid-column-end: 4;
	font-size: 1.6rem;
}

ul li:nth-child(even) .txt {
    margin: 0;
	font-size: 1.6rem;
}

ul li:nth-child(even) .img {
    text-align: right;
	padding: 0 0 0 45px;
}

.description {
	/* display: flex; */
	display: grid;
    grid-template-columns: 1fr 3fr;
    margin-left: 40px;
}

.height_title {
	writing-mode: vertical-rl;
    font-size: 30px;
    margin: 0 35px;
    border-right: solid 1px;
    padding-right: 15px;
    display: inline-block;
    height: 21rem;
}

.miyabi_contents_2 .img {
	margin: 0;
}

.border_title {
	font-size: 2.5rem;
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    text-align: center;
    padding: 18px 0;
	margin: 6rem 0;
}

.miyabi_contents_3  .contents_text1 {
	background-color: #333333;
    color: white;
	font-size: 1.6rem;
}

.miyabi_contents_3 img {
	height: 100%;
}

.miyabi_contents_2 .grid {
	grid-column-start: 2;
    grid-column-end: 2;
    margin-top: 30px;
}

.miyabi_difference_1, .miyabi_difference_2 {
	position: relative;
	padding: 15px;
}

.difference_grid {
	background-color: #F2F2F2;
    display: grid;
    grid-template-columns: 30px auto 1fr;
    grid-template-rows: 30px auto 30px;
    height: 400px;
    padding: 25px;
    column-gap: 25px;
    margin-bottom: 30px;
}

.difference_title {
	background-color: #849d52;
    color: white;
    font-size: 30px;
    writing-mode: vertical-rl;
    padding: 30px 5px;
    top: -10px;
    position: absolute;
    left: 50px;
    height: 366px;
    z-index: 2;
}

.d_sub_title {
	grid-column-start: 3;
    grid-row-start: 2;
    background-color: #849d52;
    color: white;
    font-size: 22px;
    padding: 5px 25px;
    text-align: center;
    z-index: 2;
    width: 335px;
    height: 38px;
    margin-left: 20px;
}

.d_description {
	grid-column-start: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    background-color: white;
    border: solid 1px;
    padding: 27px;
    right: 70px;
    z-index: 1;
    margin-top: 20px;
}

.feature {
	font-size: 20px;
}

.miyabi_difference_1 .img, .miyabi_difference_2 .img {
    grid-column-start: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    text-align: right;
	padding-left: 35px;
}

.miyabi_difference_2 .difference_title{
	background-color: #333333;
}

.miyabi_difference_2 .d_sub_title{
	background-color: #333333;
}

.miyabi_contents_4 {
	display: grid;
    grid-template-columns: 560px 0.5fr 1fr;
}

.miyabi_contents_4 .height_title {
	height: 24rem;
}

.movie_txt {
	grid-column-start: 1;
    grid-row-start: 2;
    text-align: center;
    font-size: 13px;
}

.miyabi_contents_4 .txt {
	grid-column-start: 3;
    grid-row-start: 1;
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.miyabi_contents_5 {
	display: grid;
    grid-template-columns: 100px 1fr 1fr;
    grid-template-rows: 150px auto;
    padding: 25px;
    grid-column-gap: 20px;
}

.miyabi_contents_5 .height_title {
	grid-column-start: 1;
	height: 20rem;
}

.miyabi_contents_5 .txt {
	grid-column-start: 2;
    padding-right: 30px;
    margin: 0;
	font-size: 1.6rem;
}

.warranty_btn {
    background-color: #333333;
    color: white;
    font-size: 18px;
    padding: 10px 40px;
    height: 50px;
    width: 200px;
    text-align: center;
}

.btn_grid {
	grid-column-start: 2;
}

.miyabi_contents_5 .img {
	grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.btn_grid a {
	color: white;
    text-decoration: none;
}

.btn_grid a:hover {
	opacity: 0.8;
    transition: ease .2s;
}

.miyabi_contents_6 {
	display: grid;
    grid-template-columns: 560px 1fr;
    grid-template-rows: 50px 265px auto auto;
    grid-column-gap: 50px;
	margin-bottom: 140px;
}

.miyabi_contents_6 .movie_txt {
    grid-column-start: 1;
    grid-row-start: 3;
}

.miyabi_contents_6 .title {
    font-size: 25px;
    margin: 0;
    border-bottom: solid 1px;
}

.miyabi_contents_6 .txt {
	grid-column-start: 2;
    margin: 35px 0 0;
	font-size: 1.6rem;
}

.miyabi_contents_7 {
	display: flex;
}

.miyabi_contents_7 .img:not(:last-child) {
	margin-right: 30px;
}

.miyabi_contents_8 {
	margin-bottom: 70px;
}

.form_grid {
	display: grid;
    grid-template-columns: 1fr 1fr;
	grid-template-rows: 45px 1fr auto auto;
}

.miyabi_contents_8 .products_title {
	grid-column-start: 2;
    font-size: 20px;
	border-bottom: solid 1px black;
}

.products_title img {
	margin: 0 15px;
    vertical-align: top;
}

.miyabi_contents_8 table {
	grid-column-start: 2;
	margin: 20px 0;
    font-size: 16px;
}

.detail th {
	background-color: #333333;
    color: white;
    text-align: center;
    padding: 7px;
	font-weight: normal;
}

.detail td {
	padding-left: 20px;
    border-bottom: solid 1px #d2d2d2;
}

.detail tr:first-child td {
	border-top: solid 1px #d2d2d2;
}

.miyabi_price {
	grid-column-start: 2;
	font-size: 20px;
}

.sp_only {
	display: none;
}

.soil_price {
	grid-column-start: 2;
	font-size: 25px;
}

.sale_txt {
	color: #e60000;
	font-size: 25px;
}

.txt_2 {
	font-size: 1.6rem;
}

.miyabi_contents_8 .img {
	grid-column-start: 1;
    grid-row-start: 1;
}

.miyabi_form {
	grid-column-start: 2;
}

.miyabi_form td,  .miyabi_form tr {
	display: flex;
}

.miyabi_form button {
	border: none;
    background-color: #849d52;
    color: white;
    padding: 10px 80px;
    margin-left: 40px;
}

.miyabi_form .cart {
	display: inline;
    margin-right: 10px;
}

.cart img {
	vertical-align: top;
}

.detail_2 {
	background-color: #F2F2F2;
    padding: 25px;
    width: 50%;
	margin: 30px 0 0 auto;
}

.detail_2 .title {
	font-size: 20px;
    border-bottom: solid 1px black;
    padding-bottom: 10px;
}

.miyabi_contents_9 {
	display: grid;
    grid-column-gap: 35px;
}

.miyabi_contents_9 .products_title {
	font-size: 25px;
    border-bottom: solid 1px black;
    padding-bottom: 10px;
}

.miyabi_contents_9 .img img {
	width: 100%;
}

.soil_detail {
	margin-bottom: 40px;
}

.soil2 {
	grid-column-start: 2;
	margin-bottom: 50px;
}

.soil2  .soil_price {
	margin: 20px 0;
}

/* 保証について */
.warranty_contents {
	margin-bottom: 30px;
}

.warranty_contents .img {
	margin-left: 40px;
}

.warranty_contents .title {
	background-color: #333333;
    color: white;
    font-size: 23px;
    text-align: center;
    padding: 10px;
}

.warranty_contents .txt {
	margin: 0;
    padding: 20px;
	display: flex;
	font-size: 1.6rem;
}

/*****************************************************

 mainvisual
 
*****************************************************/
/* mainvisual
----------------------------------------------------*/
.mainvisual {
	width: 100%;
	height: 70vh;
	/*background: url("https://mossfarm.itembox.design/item/images/home/bg_mainvisual.jpg") no-repeat;
	background-size: cover;*/
	background: url("https://mossfarm.itembox.design/item/images/home/dot.png") repeat;
	position: relative;
	overflow: hidden;
  }
  .mainvisual video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
  }
  .mainvisual .maintitle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 478px;
	height: 315px;
	margin: auto;
	text-indent: -9999px;
	overflow: hidden;
	background: url("https://mossfarm.itembox.design/item/images/common/main_title_logo.svg") no-repeat;
	background-size: contain;
	background-position: center;
  }
  
  @media screen and (max-width: 1050px) {
	.mainvisual {
	  margin-top: 64px;
	  padding-bottom: 56.25%;
	  height: 0px;
	}
	.mainvisual video {
	  width: 100%;
	  position: relative;
	  left: 0;
	  top: 0;
	  min-width: 100%;
	  min-height: 0;
	  -webkit-transform: translate3d(0%, 0%, 0);
	  transform: translate3d(0%, 0%, 0);
	}
	.mainvisual .maintitle {
	  width: 45%;
	  max-width: 478px;
	  height: auto;
	  max-height: 315px;
	}
  }
  @media screen and (max-width: 1050px) and (orientation: landscape) {
	.mainvisual {
	  margin-top: 64px;
	  padding-bottom: 40%;
	  height: 0px;
	}
	.mainvisual .maintitle {
	  width: 50%;
	  max-width: 350px;
	  height: auto;
	  max-height: 200px;
	}
  }