@charset "utf-8";

/* ----------------------------------------------------------------
  共通的な定義
 ------------------------------------------------------------------ */

body {
  color:#000;
  font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

@media (min-width: 992px) {
.container {
max-width: 1000px;
}
}


a img{
filter : alpha(opacity=100);
}

a:hover img {
filter : alpha(opacity=80);
}

a:link{
  text-decoration : underline;
  color:#000;
}
a:active{
  text-decoration : none;
  color:#5BB430;
}
a:visited{
  text-decoration : underline;
  color:#000;
}
a:hover{
  text-decoration: none;
  color:#5BB430;
}

/* 共通ヘッダー部分 */
.navbar-default {
margin-bottom: 0;
background-color: #FFFFFF;
border: none;
}

.navbar > .container .navbar-brand {
margin-left: 0;
}

.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
.navbar-brand img {
margin-top: 8px;
width: 200px;
}

@media (min-width: 767px) {
.navbar-brand img {
margin-top: 8px;
width: 100%;
}
.navbar-brand {
padding-left: 0;
}
}

.navbar-right > li {
text-align: right;
}


/* --- スマホ用プルダウンメニュー --- */
.navbar-default .navbar-toggle {
margin-top: 18px;
margin-right: 15px;
color: #AAA;
border-color: #AAA;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #EEE;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
color: #FFFFFF;
background-color: #DEDEDE;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #FFFFFF;
background-color: #DEDEDE;
}

.navbar-default .navbar-nav li {
padding-left: 20px;
font-size: 1.25em;
border-bottom: dotted 1px #DEDEDE;
}
.navbar-default .navbar-nav > li > a {
color: #555;
}

@media (min-width: 768px) {
.navbar-default .navbar-nav li {
border-bottom: none;
}
}





/* ----------------------------------------------------------------
  各パーツの定義
 ------------------------------------------------------------------ */

/* ====== ヘッダー ====== */
._my_navbar_logo_img {
border-top: solid 9px #5BB430;
padding-top:0px;
margin-left: -5px;
}

._my_navbar_logo_img h1 {
margin-top: 0;
padding: 0;
}

@media (min-width: 768px) {
  ._my_navbar_logo_img {
    padding-top: 0px;
    margin-left: -15px;
  }
}

._my_navbar_link {
margin-top: 5px;
margin-bottom: 5px;
margin-right: -30px;
padding: 0;
}

/* スマホ用 */
ul._my_header_menu {
list-style-type: none;
font-size: 0.85em;
}


/* Google カスタム検索 */
._my_google_search {
margin:32px 0 0 0;
padding:0;
}

._my_google_search > form {
width: 200px !important;
}

._my_google_search > form input[type="text"] {
height: 32px;
padding: 0 5px !important;
width: 175px;
border:1px #66C79D solid;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

._my_google_search > form input[type="submit"] {
background: url("../imgs/search.gif") no-repeat scroll 50% 50% #FFFFFF;
border: 0 none;
color: #FFFFFF;
height: 30px;
margin-left: -38px;
overflow: hidden;
text-indent: -999px;
width: 30px;
-webkit-appearance: none;
border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;
}




/* ====== グローバルナビゲーション ====== */
._my_wrapper_gnav {
}

._my_wrapper_gnav .container {
padding: 0;
}
._my_wrapper_gnav .container > ul {
padding-left: 0;
height: 80px;
list-style-type: none;
}

._my_wrapper_gnav .container > ul > li {
margin-top: 25px;
float: left;
width: 13.0%;
text-align: center;
border-left: 1px solid #D6D6D6;
}

._my_wrapper_gnav .container > ul > li.catalog {
margin-top: 0;
float: left;
width: 22.0%;
height: 80px;
text-indent: -9999px;
border-left: none;
background: url("../imgs/catalog.gif") no-repeat 0 0;
}

._my_wrapper_gnav .container > ul > li > a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1em;
outline: none;
}

._my_wrapper_gnav .container > ul > li.catalog > a {
height: 80px;
}

._my_wrapper_gnav .container > ul > li a,
._my_wrapper_gnav .container > ul > li a:link,
._my_wrapper_gnav .container > ul > li a:active,
._my_wrapper_gnav .container > ul > li a:visited,
._my_wrapper_gnav .container > ul > li a:hover{
  text-decoration : none;
}

@media (min-width: 992px) {
  ._my_wrapper_gnav .container > ul > li > a {
    font-size: 1.15em;
  }
}

/* ブログメニュー */
div#blog_menu {
margin: 0;
padding: 10px;
background-color: #FFF;
border: solid 1px #DDD;
border-top-style: none;
box-shadow: 2px 2px 2px #AAA;
position: absolute;
z-index: 1000;
}

div#blog_menu > ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#blog_menu > ul > li {
margin: 0;
padding: 0;
text-align: left;
font-size: 1em;
}
div#blog_menu > ul > li a {
display: block;
margin: 0;
padding: 5px 0;
}

div#blog_menu > ul > li a:link,
div#blog_menu > ul > li a:visit,
div#blog_menu > ul > li a:active {
text-decoration: none;
}

div#blog_menu > ul > li a:hover {
text-decoration: underline;
}



/* ====== スライド写真 ====== */
._my_wrapper_slider {
margin: 0;
padding: 10px 0 30px 0;
}

._my_wrapper_slider ul {
list-style-type: none;
}





/* ====== メインコンテンツ ====== */
._my_side {
margin-top: 20px;
text-align: center;
}

@media (min-width: 768px) {
._my_side {
text-align: right;
}
}

._my_side img {
width: auto;
margin-bottom: 10px;
}
._my_side p {
text-align: left;
}

@media (min-width: 768px) {
._my_side img {
margin-bottom: 10px;
max-width: 100%;
}
}

@media (min-width: 992px) {
._my_main {
padding-left: 0;
}
._my_side {
padding-right: 0;
}
}

/* 文字色など */
._my_caution {
color: #CC0000;
}

._my_nowrap {
white-space: nowrap;
}

._my_margintop {
margin-top: 15px;
}

/* インデント */
._my_indent {
margin: 0 0 0 10px;
}

/* ボタン共通 */
._my_button,
._my_button:link,
._my_button:visited,
._my_button:active,
._my_button:hover {
background-color: #EFEFEF;
text-decoration: none;
}



/* ===== トップページ ===== */

/* --- レイアウト --- */
._my_top_left {
margin-bottom: 20px;
}

@media (min-width: 768px) {
  ._my_top_left {
    margin-bottom: 0;
  }
}


/* --- お知らせ --- */
._my_top_news {
margin:0;
padding:0;
}

._my_top_news h3 {
overflow: hidden;
margin:0;
padding:0 0 10px 0;
border-bottom:1px solid #000;
font-weight: bold;
font-size: 1.25em;
}

._my_top_news h3 p{
float:left;
margin:0;
padding:0;
}

._my_top_news h3 p.more {
float:right;
margin:2px 0 0 0;
padding-left:5px;
font-size: 0.75em;
font-weight:normal;
background: url("../imgs/arrow_g.png") no-repeat 0 50%;
}

._my_top_news dl{
padding: 0;
margin:10px 0;
list-style:none;
overflow:hidden;
}

._my_top_news dt{
margin:0;
padding:15px 1em 10px 0.5em;
float:left;
font-size: 1em;
font-weight:normal;
background: url(../imgs/arrow_g.png)  no-repeat 0 50%;
}

._my_top_news dd{
margin:0;
padding:15px 0.5em;
font-size: 1em;
border-bottom:dotted #666 1px;
line-height:1.5em;
}

/* --- ブログ --- */
._my_top_blog {
margin:0;
padding:0;
}

._my_top_blog h3{
margin:0;
padding:0 0 10px 0;
border-bottom:1px solid #000;
font-weight: bold;
font-size: 1.25em;
}

._my_top_blog dl{
overflow:hidden;
width:100%;
padding: 0;
margin:10px 0;
list-style:none;
}

._my_top_blog dt{
clear:left;
float:left;
margin-right:10px;
padding:0;
width:70px;
height: 52px;
overflow: hidden;
}

._my_top_blog dd{
margin:0 0 20px 0;
padding:0 0.5em;
}

.bs {
overflow:hidden;
}

.date{
float:left;
margin:0;
padding:5px;
font-size:80%;
}

.cate{
float:left;
margin:0;
padding:3px;
color:#fff;
font-size:75%;
background-color:#5BB430;
}

._my_top_blog dd p{
margin:0;
padding:0 0.5em;
line-height:1.5em;
font-size:90%;
}


/* --- 商品情報 --- */
._my_top_products {
margin:0;
padding: 20px 0;
background-color:#F1FAF1;
}

._my_top_products .container > h3 {
margin-top: 8px;
margin-bottom: 8px;
font-size: 1.25em;
font-weight: bold;
}

._my_top_products ul {
margin:20px 0 0 0;
padding:0;
overflow:hidden;
list-style-type: none;
}
._my_top_products ul > li {
float:left;
width: 46%;
margin:5px;
padding:0;
}

._my_top_products ul > li img{
width: 100%;
border-radius: 5px;
}

figure {
position: relative;
overflow: hidden;
}

figcaption {
position: absolute;
bottom: 5px;
right: 0;
z-index: 2;
width: 100%;
padding: 0;
background: rgba(91,180,48,1);;
-webkit-transition: .3s;
transition: .3s;
}

figcaption > h3 {
color:#fff;
text-align:center;
font-size: 0.75em;
font-weight: bold;
margin-top: 8px;
margin-bottom: 8px;
}

figure:hover figcaption {
right: 100%;
}

figure img {
border-radius: 5px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

figure:hover img {
border-radius: 5px;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}


@media (min-width: 600px) {
  figcaption > h3 {
    font-size: 1em;
  }
  ._my_top_products ul > li {
    width: 30%;
  }
}

@media (min-width: 768px) {
  figcaption > h3 {
    font-size: 1.25em;
  }
  ._my_top_products ul > li {
    width: 31%;
  }
}

@media (min-width: 992px) {
  ._my_top_products ul > li {
    width: 32%;
  }
}

/* --- 特集ページ --- */
._my_top_feature {
margin:0;
padding: 30px 0;
}

._my_top_feature .container > h3 {
margin-top: 8px;
margin-bottom: 8px;
font-size: 1.25em;
font-weight: bold;
}

/* owlプラグイン用 */
#owl-demo{
margin:20px 0;
padding:0;
}

#owl-demo .item{
line-height:1.3;
margin: 5px;
padding: 10px 20px 10px 0;
background-color:#fff;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}
#owl-demo .item h4{
font-size:90%;
color:#FF6600;
margin:5px 0;
}

#owl-demo .item p{
margin:0;
padding:0;
font-size:80%;
}


/* --- ミッション --- */
._my_top_mission {
margin:0;
padding:50px 0;
background-color:#693806;
}

._my_top_mission dl{
text-align:center;
margin:0 auto;
padding:0;
overflow:hidden;
}

._my_top_mission dt{
margin:0 auto;
padding:0;
color:#fff;
font-weight:bold;
font-size:150%;
text-align:center;
}

._my_top_mission dd{
float:left;
width:33%;
margin:20px 0 0 0;
padding:20px;
color:#fff;
text-align:center;
border-left: 2px solid #fff;
}

._my_top_mission dd:last-child {
border-right: 2px solid #fff;
}


._my_top_mission dd p{
color:#fff;
margin:10px;
line-height:1.5;
font-size:90%;
}

.more_p {
width:33%;
margin:20px auto;
border:2px solid #fff;
padding:20px 0;
text-align:center;
font-weight:bold;
color:#fff;
}

.more_p a:link{
  text-decoration : none;
  color:#fff;
}
.more_p a:active{
  text-decoration : underline;
  color:#fff;
}
.more_p a:visited{
  text-decoration : none;
  color:#fff;
}
.more_p a:hover{
  text-decoration: underline;
}


/* --- リクルート --- */
._my_top_recruit {
margin:0;
padding:0;
}

._my_top_recruit h3{
margin-top: 8px;
margin-bottom: 8px;
font-size: 1.25em;
font-weight: bold;
}

._my_top_recruit ul{
width:70%;
margin:20px 0;
padding:0;
list-style:none;
overflow:hidden;
}

._my_top_recruit li{
margin:0 15px 15px 0;
}

.button {
font-weight:bold;
text-decoration:none;
display:block;
padding:8px 50px 6px 50px;
border-radius:3px;
color:#fff;
box-shadow:2px 2px 2px #555;
background:#5BB430 url(../imgs/arrow_w.png)  no-repeat 30px 50%;
}

.button a{
text-decoration:none;
color:#fff;
}


@media (min-width: 768px) {
  ._my_top_recruit {
    padding:80px 0;
    background: url(../imgs/rec_bg.jpg)  no-repeat right 50%;
  }
  ._my_top_recruit li{
    float:left;
  }
}



/* ===== ページの先頭へ ====== */
.pagetop {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 10;
}

.pagetop a {
width: 83px;
height: 63px;
opacity: 0.7;
}

.pagetop a:hover {
opacity: 1.0;
}

@media (min-width: 768px) {
  .pagetop {
    bottom: 60px;
    right: 60px;
  }
}

._my_link_pagetop {
margin: 0;
padding: 10px;
text-align: center;
color: #000;
background-color: #DDD;
}
._my_link_pagetop a,
._my_link_pagetop a:link,
._my_link_pagetop a:visited {
color: #000;
text-decoration: none;
}

._my_link_pagetop a:hover {
color: #000;
text-decoration: underline;
}

/* Facebook */
._my_link_facebook {
margin: 0;
padding: 10px;
text-align: center;
color: #FFF;
background-color: #3A5795;
}
._my_link_facebook a,
._my_link_facebook a:link,
._my_link_facebook a:visited {
color: #FFF;
text-decoration: none;
}

._my_link_facebook a:hover {
color: #FFF;
text-decoration: underline;
}


/* ===== フッター部分 ====== */
._my_wrapper_footer {
padding-top: 10px;
background:#F1FAF1 url(../imgs/cara.png)  no-repeat -1690px bottom;
}

._my_wrapper_footer .container {
padding: 10px 0 ;
}

._my_wrapper_footer .container a,
._my_wrapper_footer .container a:link,
._my_wrapper_footer .container a:visited {
text-decoration: none;
}

._my_wrapper_footer .container a:hover {
text-decoration: underline;
}

/* 会社情報・リンク */
._my_footer_cinfo {
margin:0;
padding:0 0 80px 0;
}

._my_footer_cinfo dl {
padding-bottom: 10px;
}

._my_footer_cinfo dt {
margin:10px 0;
padding:0 0 60px 0;
text-align: center;
}

._my_footer_cinfo dd {
font-size: 0.85em;
line-height:1.3;
margin:0 0 10px 0;
padding:0;
}

/* カテゴリー別リンク */
._my_footer_sinfo {
margin:20px 0 0 0;
padding:0;
overflow:hidden;
}

._my_footer_sinfo .smap {
width:20%;
float:left;
margin:0 6px 0 0;
padding:0;
}

._my_footer_sinfo .smap dt{
font-size: 0.85em;
margin:0 5px 0 0;
padding:0;
font-weight:bold;
color:#5BB430;
}
._my_footer_sinfo .smap dd{
font-size: 0.80em;
line-height:1.2;
margin:0 0 2px 0;
padding:0;
}

@media (min-width: 768px) {
  ._my_wrapper_footer {
    padding-top: 0;
    background:#F1FAF1 url(../imgs/cara.png)  no-repeat center bottom;
  }
  ._my_footer_cinfo dt {
    padding-bottom: 0;
    text-align: left;
  }
  ._my_footer_sinfo .smap {
    width:22%;
  }
}

@media (min-width: 992px) {
  ._my_footer_sinfo .smap {
    width:24%;
  }
}

/* コピーライト部分 */
._my_wrapper_footer_copy {
margin: 0;
padding: 0;
color:#fff;
font-size: 1em;
background-color:#5BB430;
}

._my_wrapper_footer_copy .container {
padding: 10px 0;
}

@media (min-width: 768px) {
  ._my_wrapper_footer_copy .container {
    padding: 30px 0;
  }
}

._my_wrapper_footer_copy ul{
margin: 0 0 20px 0;
padding: 10px;
overflow:hidden;
list-style:none;
}

._my_wrapper_footer_copy li {
float:left;
padding-right:6px;
margin-right:6px;
display: inline-block;
}

._my_footer_copy {
width:350px;
text-align: right;
font-size: 0.6em;
}

@media (min-width: 768px) {
  ._my_wrapper_footer_copy ul {
    margin-bottom: 0;
    padding:0;
  }
  ._my_wrapper_footer_copy li {
    border-right:1px solid #fff;
  }
  ._my_wrapper_footer_copy li:last-child {
    border-right: none;
  }
  ._my_footer_copy {
    font-size: 0.85em;
  }
}

._my_wrapper_footer_copy .container a,
._my_wrapper_footer_copy .container a:link,
._my_wrapper_footer_copy .container a:visited {
color:#fff;
}

._my_wrapper_footer_copy .container a:hover {
color:#fff;
text-decoration: none;
}