@CHARSET "utf-8";
body{
	overflow-wrap: break-word;
	font-size: 12pt !important;
    font-weight: normal;
    color: #28303d;
    text-align: left;
    background-color: #fbfaf5 !important;
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serif !important;
}
main {
	display: block;
}
.Pc {
	display:block !important;
}

.Sp {
	display:none !important;
}
.er-cf{
	clear: both;
}
.entry-header,
.entry-content{
	border: none;
	margin-left: 2% !important;
	margin-right: 2% !important;
}
.noboder{
	border: none !important;
}
.caution {
    font-size: 8pt !important;
}
img {
	max-width: 100% !important;
}
p {
    margin-bottom: 15px !important;
    padding: 0 20px !important;
}
h1,h2,h3,h4{
	margin-bottom: 20px !important;
}
h1,
h1.entry-title{
	font-size: 34pt !important;
    font-weight: bold !important;
	padding-left: 30px !important;
}
h1:after {
    background-color: #e3e9dc;
    border-radius: 5px;
    height: 15px;
    content: "";
    display: block;
    margin-top: -13px;
    margin-left: -30px;
}
h2 {
    font-size: 28pt !important;
    font-weight: bold !important;
    position: relative !important;
	padding-top: 30px !important;
	padding-bottom: 10px !important;
    padding-left: 30px !important;
}
h2:before {
    content: '';
    background-color: #e3e9dc;
    display: block;
    position: absolute;
    left: 0;
    height: 40px;
    width: 60px;
    border-radius: 50%;
	top: 20px;
    z-index: -1;
}
h3 {
    font-size: 24pt !important;
    font-weight: bold !important;
    padding: 5px 0px 5px 30px !important;
    background: #e3e9dc;
    border-radius: 20px 10px;
}
h4{
	font-size: 20pt !important;
    font-weight: bold !important;
    padding-left: 30px !important;
    border-left: 10px solid #e3e9dc;
}

#content {
    width: 1200px;
    margin: auto;
	margin-bottom: 30px !important;
}
.home .content-area {
    width: 100%;
    float: none;
}
.content-area {
    width: 900px;
    float: right;
}
.sidebar {
    width: 300px;
    float: left;
	padding: 30px;
}

#sec_inner{
	width: 1200px;
	margin: auto;
}
.map {
    width: 90%;
    margin: auto;
    margin-top: 30px;
}
.map iframe {
    height: 300px;
    width: 100%;
}
.page_link li {
    float: left;
    text-align: center;
    font-size: 14pt;
    border: 2px solid #356f28;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 30px;
    margin: 0 30px 0 0;
    transition-duration: 0.5s;
}
.page_link li:hover {
    cursor: pointer;
    transform: scale(1.2);
}
.page_link li a {
    /* border-bottom: 1px dotted; */
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12pt;
}
.external_link {
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
    border: 3px solid #1B6F32;
    width: 80%;
    margin: auto;
}
.external_link a {
    color: #1B6F32;
}
/* テーブル */
.tb01 {
    width: 90%;
    margin: auto;
	margin-bottom: 30px !important;
}
.tb01 th {
    width: 30%;
    background: #1B6F32;
    color: #FFF;
    border-color: #FFF;
}
.tb01 td {
    border-color: #1B6F32;
}
.box1 {
    background: #1B6F32;
    color: #FFF;
    padding: 20px 20px !important;
    border-radius: 30px;
    width: 90%;
    margin: auto;
}
.tb02 {
    width: 90%;
    margin: auto;
	margin-bottom: 30px !important;
}
.tb02 th {
    background: #1b6f32;
    color: #fff;
    border-color: #fff;
}
.tb02 .col1 {
    width: 10%;
}
.tb02 .col2 {
	width: 14%;
}
.tb02 .col3 {
	width: 12%;
}
.tb02 .col4 {
	width: 12%;
}
.tb02 .col5 {
	width: 36%;
}
.tb02 .col6 {
	width: 16%;
}
.tb03 {
    width: 90%;
    margin: auto;
	margin-bottom: 30px !important;
}
.tb03 th {
    width: 30%;
    background: #1b6f32;
    color: #fff;
    border-color: #fff;
}
.tb03 td {
	color: #1B6F32;
	font-weight: bold;
    width: 30%;
}
/* 投稿 */
#single p, #single a {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serif;
}
/* サイドバー */
.side_head:after {
    background-color: #e3e9dc;
    border-radius: 5px;
    height: 10px;
    content: "";
    display: block;
    margin-top: -15px;
}
.side_head p {
    padding-left: 20px;
    font-weight: bold;
}
.side_head p span {
    font-size: 18pt;
}
.side_link {
    margin-top: 20px;
    background: #f0efea;
    border-radius: 15px;
}
.side_link ul {
    margin: 0;
    padding: 20px 0px;
}
.side_link ul li {
	padding: 5px 0px 5px 20px;
}
.side_link ul li:hover{
    background-color: #dddcd8;	
}
.side_link ul li a {
    color: #356f28;
}
.side_link ul li a:hover {
    color: #333333;
    font-weight: bold;
}
/* メニュー */
#menu-btn-check {
    display: none;
}
.menu-content {
    display: none !important;
}
/* グローバルメニュー */
#er-menu {
	background-color: #356f28;
	min-width: 1200px;
}
#er-menu-cb {
    display: none !important;
}

nav {
	clear:both;
/*	padding-top:8px; */
    width: 1200px;
	margin: auto;}

nav ul	{
/*	margin: 0 0 10px 0; */
	padding-left: 0;
	    height: 60px;
    margin-top: 8px;
}

nav ul li {
	list-style-type: none;
	float: left;
/*	width: 25%; */
	width: 200px;
	    height: 60px;
    padding-top: 10px;
}

nav ul li a	{
	display: block;
	line-height: 2em;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

nav ul li:hover {
	background-color: #69a65b;
	color: #fff;
}

.er-breadcrumbs a {
	color:#ef7a00;
}

/* header */
hgroup {
    min-height: 130px;
	min-width:1200px;
}
#head-left {
    float: left;
    width: 360px;
}
#head-logo {
    padding-left: 50px;
    padding-top: 20px;
}
#head-right {
    float: right;
	width: 800px;
    margin-left: 40px;
}
#head-link {
    width: 100%;
}
#head-link ul {
    padding-right: 50px;
    width: 100%;
}
#head-link ul li {
    float: right;
    padding: 20px;
    width: 20%;
}
#head-ec {
    clear: both;
    width: 100%;
}
#head-search {
    width: 340px;
}
#searchform{
	position:relative;
	max-width:300px;	
	margin-bottom:20px;
}
#searchbox{
	height:50px;
	padding:0 10px; 
	position:absolute; 
	left:0;
	top:0; 
	border-radius:10px 0px 0px 10px;
	outline:0;
	background:#FFF;
}
#searchsubmit{
	height:50px;
	width:50px;	
	position:absolute; 
	left:240px; 
	top:0;
	background:#356f28;
	color:#fff;
	border:none;
	border-radius:0 10px 10px 0;
}
#searchsubmit .fa-search{
	font-size:20px;	
	position:absolute;
	top:30%;
	left:30%;	
}
#searchsubmit:hover{
color:#888;
}
#head-tel {
    width: 340px;
    float: left;
    padding-top: 10px;
}
#head-ec-link {
    float: right;
    width: 460px;
    padding-top: 10px;
}
#head-ec-link a {
    padding-right: 40px;
}

/* フッター */
footer {
    background-color: #356f28;
    padding: 60px 0 0 0;
	min-width: 1200px;
}
.footer-title{
	font-size: 14pt;
	font-weight: bold;
	width: 90%;
	border-bottom: 1px solid #FFFFFF;
    padding-bottom: 5px;
	padding-left: 0 !important;
    margin: 0 !important;
}
#footer-navi{
	background-color: #356f28;
	color: #FFFFFF;
	margin: auto;
    width: 1200px;
    padding-bottom: 60px;
}
#footer-navi ul {
    padding: 10px 0;
}
#footer-navi ul li {
    padding: 2px 0;
}
#footer-navi ul li a {
    color: #FFFFFF;
    font-size: 9pt;
}
#footer-navi1{
	float: left;
	width: 25%;
}
#footer-navi2{
	float: left;
	width: 25%;
}
#footer-navi3{
	float: left;
	width: 25%;
}
#footer-navi4{
	float: left;
	width: 25%;
}
#footer-copyright{
	background-color: #25541a;
	color: #FFFFFF;
	text-align: center;
    font-size: 12pt;
    padding: 10px 0;
}
#page-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
}
#page-top a {
	display: inline-block;
}
#page-top dl dt {
	margin-right: 10px;
}
#page-top dl dt, #page-top dl dd {
	float: left;
	margin-bottom: 0;
}
#page-top dl dt a, #page-top dl dt img {
/*
	width: 50px;
	height: 50px; 
*/
}
/* ページネーション */
#er-page-list {
    text-align: center;
    margin: 20px 0 !important;
}
.er-page-number {
    background: #ededed;
    color: #356f28;
    border-radius: 10px;
    margin: 0 10px !important;
    width: 40px;
    height: 40px;
    text-align: center !important;
    padding: 0 !important;
    display: inline-block !important;
    line-height: 40px !important;
    font-weight: bold;
}
.er-page-number:hover {
    opacity: 0.5;
}
.er-page-here {
    background: #356f28 !important;
    color: #FFF !important;
}
.er-page-nolink:hover {
    opacity: 1 !important;
}
/* rslider */
.rslides_tabs {
    background: #fbfaf5 !important;
}
.rslides_here {
    background: #356f28 !important;
}
.rslides_tabs li {
    background: #ededed;
    color: #356f28;
    border-radius: 10px;
    margin: 0 10px !important;
    width: 30px;
    text-align: center;
    padding: 0 !important;
}
.rslides_tabs li a {
    color: #356f28;
    font-weight: bold;
    display: contents;
	padding: 9px 0 !important;
}
.rslides_nav {
    background-color: #356f28 !important;
    color: #FFFFFF !important;
    margin-top: -45px !important;
    opacity: 1 !important;
    border-radius: 18px !important;
    font-size: 30px !important;
	padding: 3px 12px !important;
}
.rslides_nav:hover {
    opacity: 0.7 !important;
}
.rslides_nav.prev{
    margin-left: -30px;	
}
.rslides_nav.next{
    margin-right: -30px;	
}
/* PCの表示サイズを下回った再に横→を消す */
@media only screen and (max-width:1200px){
	.rslides_nav.prev,
	.rslides_nav.next{
		display:none !important;
	}
}
/* トップページ */
#main_slider {
    margin-top: 30px;
	min-width: 1200px;
}
#sec1,#sec2,#sec3,#sec4,#sec5 {
    margin: 0;
	padding: 60px 0;
}
#sec1 {
    padding-top: 20px;
}
#sec2, #sec4 {
    background: url(../../uploads/back02.png) repeat;
}
#sec_head{
	text-align: center;
	padding-bottom: 30px;
}
#sec1_link ul {
    width: 100%;
    padding: 0;
}
#sec1_link ul li {
    width: 25%;
    padding: 0;
    float: left;
    text-align: center;
}
#sec1_banner {
    clear: both;
    padding-top: 50px;
    text-align: center;
}
#sec2_link ul {
    width: 99%;
    padding: 0;
	margin: auto;
}
#sec2_link2 ul {
    width: 66%;
    padding: 0;
	margin: auto;
}
#sec2_link ul li {
    width: 33%;
    padding: 0;
    float: left;
    text-align: center;
	padding-bottom: 30px;
}
#sec2_link2 ul li {
    width: 50%;
    padding: 0;
    float: left;
    text-align: center;
}
#sec3_link ul {
    width: 100%;
    padding: 0;
}
#sec3_link ul li {
    width: 25%;
    padding: 0;
    float: left;
    text-align: center;
}
#sec3_link ul li a {
    color: #1B6F32;
    font-size: 16pt;
    font-weight: bold;
    line-height: 2em;
}
#sec4-news {
    width: 80%;
    margin: auto;
}
.sec4-news-content {
    padding: 10px 0;
}
.sec4-news-date {
    padding: 0 20px 0 0;
	font-weight: bold;
}
.sec4-news-cat {
    width: 100px;
    text-align: center;
    background-color: #356f28;
    border-radius: 10px;
    border: 1px solid #356f28;
    display: inline-block;
}
.sec4-news-cat a {
    color: #FFFFFF;
    font-weight: bold;
}
.sec4-news-title {
    padding: 0 0 0 20px;
}
.sec4-news-title a {
    color: #356f28;
}
#sec5_link ul {
    width: 100%;
    padding: 0;
	margin: auto;
}
#sec5_link ul li {
    width: 50%;
    padding: 0;
    float: left;
    text-align: center;
}
#sec5_banner {
    clear: both;
    padding-top: 50px;
    text-align: center;
}
.all_items {
    margin-top: 20px;
    text-align: center;
}
.all_items:after {
    background-color: #e3e9dc;
    border-radius: 5px;
    height: 15px;
    content: "";
    display: block;
    width: 250px;
    margin: auto;
    margin-top: -33px;
}
.all_items a {
    font-size: 20pt;
    font-weight: bold;
    color: #1B6F32;
}
/* 一覧ページ */
.list-item {
    float: left;
    width: 33.33%;
	padding-bottom: 30px !important;
}
.list-item:nth-child(3n+2) {
    clear: both;
}
.list-item img {
    max-width: 100%;
}
.list-item_title {
    margin-bottom: 5px !important;
}
.list-item_title a {
    color: #356f28;
    font-weight: bold;
    font-size: 14pt;
}
.list-text {
    font-size: 11pt;
    margin-bottom: 5px !important;
}
.list-price {
    font-weight: bold;
}
.list-note {
    text-align: center;
    margin: 40px 0 0 0 !important;
    font-size: 20pt;
    font-weight: bold;
}
/* 商品ページ */
.item_head_text {
    font-size: 24pt;
	font-weight: bold;
    text-shadow: 3px 3px 0 rgb(0 0 0 / 10%);
    color: #356f28; 
/*	color: #612374; */
}
.item_head_text2 {
    font-size: 24pt;
	font-weight: bold;
    text-shadow: 3px 3px 0 rgb(0 0 0 / 10%);
}
.item_table {
    width: 90%;
    margin: auto;
	margin-bottom: 20px;
}
.item_cart {
    margin-top: 30px;
}
.item_cart_left{
	float:left;
	width: 25%;
}
.item_cart_right{
	float:right;
	width: 75%;
}

.item_cart_text {
    float: left;
    width: 60%;
    padding: 20px 0;
}
.item_cart_title {
    font-size: 18pt;
    font-weight: bold;
}
.item_price {
    font-size: 16pt;
}
.item_volume {
    width: 40%;
    float: right;
    padding: 20px 0;
}
.item_volume p {
    text-align: left !important;
    padding: 10px!important;
    font-weight: bold !important;
}
.item_volume p a {
    color: #356f28;
}
.item_volume span {
    float: left;
    vertical-align: middle;
    display: inline;
    padding: 5px;
}
.item_volume input[type=text] {
    padding: 3px 8px !important;
    width: 60px !important;
    text-align: right !important;
}

.item_volume input[type=submit] {
    padding: 0 20px !important;
}
.item_spec {
    width: 100%;
	padding: 10px 20px !important;
}
.item_spec dt {
	width: 15%;
    float: left;
    padding: 0 0 10px 0 !important;
    clear: both;
}
.item_spec dd {
    width: 85%;
    float: left;
    padding: 0 !important;
}
.item_spec2 {
    width: 100%;
	padding: 10px 20px !important;
}
.item_spec2 dt {
	width: 40%;
    float: left;
    padding: 0 0 10px 0 !important;
    clear: both;
}
.item_spec2 dd {
    width: 60%;
    float: left;
    padding: 0 !important;
}
.list-item_3col {
    float: left;
    width: 33.33%;
}
.list-item_3col img {
    max-width: 100%;
}
.item-left {
    float: left;
	width: 65%;
}
.item-right {
    float: right;
	width: 35%;
}
.item-left50 {
    float: left;
	width: 50%;
}
.item-right50 {
    float: right;
	width: 50%;
}
.item-center50 {
    width: 50%;
    margin: auto;
}
.howto_img {
	max-height: 150px;
    height: 150px;
	display: flex;
}
/* 会社案内 */
#company p, #company a {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serift;
}
.signature {
    text-align: right;
}
.signature span {
    padding-top: 5px;
    line-height: 1.5em;
    display: inline-block;
    font-family: "HG行書体" !important;
    font-size: 18pt !important;
    margin-bottom: 50px !important;
}
.philosophy {
    line-height: 3em;
    font-size: 24pt !important;
    font-family: "HG正楷書体-PRO" !important;
    text-align: center;
    width: 100%;
    padding: 0 30px 50px 30px!important;
    margin-bottom: 50px !important;
}
/* 採用情報 */
#recruit p, #recruit a {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serift;
}
.recruit_link {
    width: 100%;
    text-align: center;
    font-size: 24pt;
    border: 5px dotted #E2E9DD;
    margin-bottom: 20px;
}
/* えがおのひろば。 */
#store p, #store a {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serift;
}
.store_head_text {
	text-align: center;
    font-size: 14pt;
    font-weight: bold;
    color: #356f28;
}
/* 代理店募集 */
#agencies p, #agencies a {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serift;
}
#agencies ul {
    width: 100%;
    padding: 0;
}
#agencies ul li {
    width: 50%;
    padding: 0;
    float: left;
    text-align: center;
}
#agencies ul li a {
    color: #1B6F32;
    font-size: 16pt;
    font-weight: bold;
    line-height: 2em;
}
.agencies_note {
	font-size: 24pt;
    font-weight: bold;
    text-shadow: 3px 3px 0 rgb(0 0 0 / 10%);
    color: #356f28;
	text-align: center;
}
/* お問い合わせ */
#contact p, #contact a {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serift;
}
#contact span {
    color: red;
}
#contact input[type=text],
#contact input[type=email],
#contact textarea {
    width: 90% !important;
    margin: 0 5%;
    padding: 10px !important;
	border: 1px solid #333 !important;
    border-radius: 10px !important;
	color: #333 !important;
}
#contact input[type=submit] {
    width: 90% !important;
    margin: 0 5%;
    padding: 10px !important;
    text-align: center;

}
.contact_tel {
    font-size: 28px;
}
.contact_tel img {
    padding-right: 20px;
}

/* PC版telリンク無効 */
@media only screen and (min-width:1024px){
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
/* プライバシーポリシー */
#privacypolicy {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serif !important;
}
/* サイトマップ */
#sitemap {
    font-family: noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo ,sans-serif !important;
}