@charset "utf-8";
/* CSS Document for organic */
/* 20180302 created t.aoki */

	.btn-default_home {
		color: #FFFFFF;
		background-color: #5E3C29;
		border-color: #5E3C29;
	}
	.btn-default_home:hover {
		color: #5E3C29;
		background-color: #FFFFFF;
		border-color: #5E3C29;
	}
	.lh-2em {
		line-height: 2em;
	}
	.ul-brown {
		border-bottom: 1px solid #5E3C29;
		padding: 2px 20px;
		display: inline-block;
	}
	.ul-dot-inline {
		border-bottom: 1px dotted;
		display: inline;
	}
	.border-box {
	border: 1px solid;
	padding: 10px 30px;
	display: inline-block;
	}

    .text-desc-title {
		font-weight: bold;
    }
    .text-label {
		color: #5E3C29;
		font-size: small;
		font-weight: bold;
    }
    .text-description {
		font-size: small;
    }
    .text-description2 {
		font-size: x-small;
    }
    .product{
		background-color: #F0F0F0;
		padding: 5px
    }
    .product p{
		font-size: small;
    }
	h3 {
		font-size: 15px;
		line-height: 1.1em;
		font-weight: bold;
	}
	.sp-only{
		display: none;
    }
    .flex-container {
		display: inline-flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
    }
	.flex-item1 { order: 1; } /* EU COSMOS */
	.flex-item2 { order: 2; } /* EU NATRUE */
	.flex-item3 { order: 3; } /* USA USDA */
	.flex-item4 { order: 4; } /* JAPAN */
    @media (max-width: 768px) {
		p {
			font-size: small;
		}
		.flex-container{
			flex-direction: column;
		}
        .flex-item1 { order: 1; } /* EU COSMOS */
        .flex-item2 { order: 2; } /* EU NATRUE */
        .flex-item3 { order: 3; } /* USA USDA */
        .flex-item4 { order: 4; } /* JAPAN */
    }
    @media (max-width: 434px) {
		.sp-only{
			display: block;
        }
		.flex-container{
			flex-direction: column;
		}
		.flex-item1 { order: 1; } /* France */
		.flex-item2 { order: 2; } /* EU */
		.flex-item3 { order: 3; } /* USA */
		.flex-item4 { order: 4; } /* Germany */
		.flex-item5 { order: 5; } /* US */
		.flex-item6 { order: 6; } /* JAPAN */
    }
