@charset "UTF-8";
/*=============================================================
 products 製品紹介
=============================================================*/
/*! common
================================================= */
/*! #ecFooter
---------------------------------------- */
#ecFooter { /*! category nav */ /*! bnrArea */ /*! guideArea */ }
#ecFooter .categoryNav { display: none; }
@media screen and (min-width: 769px) { #ecFooter .categoryNav .txt img { width: 216px; } }
#ecFooter .bnrArea { background: #4f6129; }
#ecFooter .bnrArea .bnrBox { text-align: center; }
#ecFooter .bnrArea .bnrBox .img { width: 100%; height: auto; }
@media screen and (min-width: 769px) { #ecFooter .bnrArea { margin: 0 -200%; padding: 60px 200%; }  #ecFooter .bnrArea .bnrBox { max-width: 1040px; margin: 0 auto; }  #ecFooter .bnrArea .bnr a { display: block; }  #ecFooter .bnrArea .bnr a img { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  #ecFooter .bnrArea .bnr a:hover img { opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } }
#ecFooter .guideArea { padding: 30px 25px; background: #39491b; }
#ecFooter .guideArea .btnList { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#ecFooter .guideArea .btnList li { width: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; }
#ecFooter .guideArea .btnList li a { display: block; box-sizing: border-box; height: 80px; line-height: 1.25; overflow: hidden; padding: 18px 0 0; background: #626e4c; color: #fff; font-size: 14px; text-decoration: none; }
#ecFooter .guideArea .btnList li a:before { display: none; }
#ecFooter .guideArea .btnList li a span:before { display: block; width: auto; height: auto; margin: 0 0 7px; border: none; color: #fff; font-size: 22px; -webkit-transform: none; transform: none; }
#ecFooter .guideArea .btnList li.inquiry a { padding: 12px 0 0; background: #fff; color: #495b26; }
#ecFooter .guideArea .btnList li.inquiry span:before { color: #495b26; font-size: 18px; }
#ecFooter .guideArea .js-supportBox { color: #fff; text-decoration: none; }
#ecFooter .guideArea .js-supportBox .supportList { padding: 12px 0 15px; border: 1px solid #fff; color: #fff; text-align: center; }
#ecFooter .guideArea .js-supportBox .supportList dt { width: 204px; margin: 0 auto 10px; }
#ecFooter .guideArea .js-supportBox .supportList dd { line-height: 1.0; font-size: 14px; }
#ecFooter .guideArea .js-supportBox .supportList dd.tel { position: relative; width: 195px; margin: 0 auto 10px; padding-left: 45px; }
#ecFooter .guideArea .js-supportBox .supportList dd.tel:before { position: absolute; top: 0; left: 0; font-family: hinoseiyaku !important; font-size: 22px; }
#ecFooter .guideArea .js-supportBox .supportList img { width: 100%; height: auto; }
@media screen and (min-width: 769px) { #ecFooter .guideArea { margin: 0 -200%; padding: 60px 200%; }  #ecFooter .guideArea .guideIn { width: 1040px; overflow: hidden; margin: 0 auto; }  #ecFooter .guideArea .btnList { display: block; float: left; width: 358px; margin: 0; }  #ecFooter .guideArea .btnList li { width: auto; }  #ecFooter .guideArea .btnList li + li { margin: 20px 0 0; }  #ecFooter .guideArea .btnList li a { position: relative; height: 65px; line-height: 66px; padding: 0; font-size: 16px; -webkit-transition: all .3s ease; transition: all .3s ease; }  #ecFooter .guideArea .btnList li a:before { display: block; right: 15px; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }  #ecFooter .guideArea .btnList li a:after { background: #57643d; }  #ecFooter .guideArea .btnList li a span:before { display: inline-block; margin: 0 10px 0 0; font-size: 16px; }  #ecFooter .guideArea .btnList li.inquiry a { padding: 0; background: #fff; color: #495b26; }  #ecFooter .guideArea .btnList li.inquiry a:before { border-top: 1px solid #495b26; border-right: 1px solid #495b26; }  #ecFooter .guideArea .btnList li.inquiry a:after { background: #edf7e8; }  #ecFooter .guideArea .btnList li.inquiry a span:before { font-size: 13px; }  #ecFooter .guideArea .js-supportBox { float: right; width: 632px; cursor: default; }  #ecFooter .guideArea .js-supportBox .supportList { padding: 24px 0 20px; }  #ecFooter .guideArea .js-supportBox .supportList dt { width: 298px; margin: 0 auto 14px; }  #ecFooter .guideArea .js-supportBox .supportList dd { line-height: 1.0; font-size: 16px; }  #ecFooter .guideArea .js-supportBox .supportList dd.tel { width: 260px; margin: 0 auto 14px; padding-left: 65px; }  #ecFooter .guideArea .js-supportBox .supportList dd.tel:before { font-size: 30px; } }
/*! ============================================= */
/*! index 製品紹介
================================================= */
/*! mainImg
---------------------------------------- */
#products.index #mainImg { background-image: url(/img/products/index/bg_mainimg01.jpg); }
#products.index #mainImgIn { width: 50%; }
#products.index .mainTit img { float: right; width: 181px; }
@media screen and (min-width: 769px) { #products.index #mainImg { height: 375px; }  #products.index #mainImgIn { width: 1040px; height: 375px; }  #products.index .mainTit { left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }  #products.index .mainTit img { width: auto; } }
/*! lead
---------------------------------------- */
#products.index { /* header */ /* mainNav */ }
#products.index main > header:first-child { text-align: center; }
#products.index main > header:first-child h2 { display: inline-block; margin: 15px 0 25px; padding: 0 0 15px; border-bottom: 5px double #b9c0a9; text-align: center; vertical-align: top; }
#products.index main > header:first-child h2 img { width: 202px; }
#products.index main > header:first-child .btnNews01 { display: none; width: 95px; height: 95px; overflow: hidden; margin: -15px -15px 15px 10px; vertical-align: top; }
@media screen and (min-width: 769px) { #products.index main > header:first-child h2 { margin: 0 0 70px; padding: 0 0 6px; border-bottom: 1px double #b9c0a9; }  #products.index main > header:first-child h2:after { display: block; width: 100%; height: 1px; margin: 15px 0 0; background: #b9c0a9; content: ""; }  #products.index main > header:first-child h2 img { width: 304px; }  #products.index main > header:first-child .btnNews01 { width: 130px; height: 130px; margin: -40px -90px 50px 30px; } }
#products.index .mainNav { margin: 0 5px; }
#products.index .mainNav a { display: block; width: 100%; text-decoration: none; }
#products.index .mainNav .btn { display: table-cell; position: relative; width: 768px; line-height: 1.3; padding: 8px 25px 8px 12px; background: #83942e; color: #fff; font-size: 18px; vertical-align: middle; }
#products.index .mainNav .btn:after { position: absolute; top: 50%; right: 14px; width: 10px; height: 10px; margin-top: -10px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#products.index .mainNav li:nth-child(-n+2) { float: left; width: 50%; margin: 0 0 13px -5px; }
#products.index .mainNav li:nth-child(2) { float: right; margin: 0 -5px 13px 0; }
#products.index .mainNav li:nth-child(n+3) { display: none; margin: 0 -5px 8px; }
#products.index .mainNav li:nth-child(n+3) h3 { display: table-cell; width: 58.46%; }
@media screen and (min-width: 769px) { #products.index .mainNav { overflow: hidden; margin: 0 0 110px; }  #products.index .mainNav .btn { display: table-cell; position: relative; width: 506px; overflow: hidden; padding: 20px 0 20px 0; text-align: center; }  #products.index .mainNav .btn p { position: relative; z-index: 2; }  #products.index .mainNav .btn:after { right: 15px; z-index: 3; width: 10px; height: 10px; margin-top: -5px; }  #products.index .mainNav a .btn:before { position: absolute; top: 0; left: -100%; z-index: 1; width: 100%; height: 100%; background: #72831e; opacity: 0; content: ""; -webkit-transition: all .3s ease; transition: all .3s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }  #products.index .mainNav a:hover .btn:before { left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  #products.index .mainNav li:nth-child(-n+2) { width: 506px; margin: 0 28px 0 0; }  #products.index .mainNav li:nth-child(2) { margin: 0; }  #products.index .mainNav li:nth-child(n+3) { display: none; float: left; clear: right; width: 328px; margin: 60px 28px 0 0; }  #products.index .mainNav li:nth-child(n+3) h3 { display: block; width: 100%; }  #products.index .mainNav li:last-child { margin: 0; } }
/*! select
---------------------------------------- */
#products.index #select { clear: both; padding-top: 55px; }
#products.index #select .mod_tit03 { display: none; margin-bottom: 35px; }
#products.index #select .mod_tit03 span { padding: 0 15px 0 80px; white-space: nowrap; }
#products.index #select .mod_tit03 span:before { display: inline-block; position: absolute; top: -5px; left: 15px; width: 50px; height: 50px; background: url(/img/products/index/ico_select01.png) center center no-repeat; background-size: cover; content: ""; }
#products.index #select .selectList { margin: 0 0 30px; text-align: center; letter-spacing: -.5em; }
#products.index #select .selectList li { display: inline-block; width: 30%; margin: 0 0 15px 5%; vertical-align: top; letter-spacing: 0; }
#products.index #select .selectList li:first-child , #products.index #select .selectList li:nth-child(3n+1) { margin-left: 0; }
#products.index #select .selectList li a { display: block; text-decoration: none; }
#products.index #select .selectList li .img { position: relative; width: 100%; min-width: 0; height: 108px; overflow: hidden; margin: 0 0 10px; border: 1px solid #e4e4e4; }
#products.index #select .selectList li .img img { position: absolute; left: 50%; width: auto; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#products.index #select .selectList li .txt { line-height: 1.4; font-size: 16px; text-align: center; }
#products.index #select p.pre { margin: -20px 0 50px; text-align: center; }
@media screen and (min-width: 769px) { #products.index #select { padding: 0; }  #products.index #select .mod_tit03 { margin-bottom: 65px; }  #products.index #select .mod_tit03 span { padding: 0 20px 0 114px; white-space: nowrap; }  #products.index #select .mod_tit03 span:before { top: -15px; left: 20px; width: 70px; height: 70px; }  #products.index #select .mod_tit03 span img { width: 317px; }  #products.index #select .selectList { margin: 0 0 65px; }  #products.index #select .selectList li { width: 328px; margin: 0 0 40px 28px; }  #products.index #select .selectList li:first-child , #products.index #select .selectList li:nth-child(3n+1) { margin-left: 0; }  #products.index #select .selectList li a img { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }  #products.index #select .selectList li a:hover img { opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }  #products.index #select .selectList li .img { height: 218px; margin: 0 0 15px; }  #products.index #select .selectList li .txt { font-size: 18px; }  #products.index #select p.pre { margin: -65px 0 80px; } }
/*! goods
---------------------------------------- */
#products.index #goods { margin: 0 0 40px; }
#products.index #goods .mod_tit03 { margin-bottom: 35px; }
#products.index #goods .mod_tit03 span { padding: 0 15px 0 80px; white-space: nowrap; }
#products.index #goods .mod_tit03 span:before { display: inline-block; position: absolute; top: -5px; left: 15px; width: 50px; height: 50px; background: url(/img/products/index/ico_goods01.png) center center no-repeat; background-size: cover; content: ""; }
#products.index #goods .goodsList { text-align: center; letter-spacing: -.5em; }
#products.index #goods .goodsList li { display: inline-block; width: 37%; margin: 0 0 25px 25px; letter-spacing: 0; }
#products.index #goods .goodsList li a { display: block; text-decoration: none; }
#products.index #goods .goodsList li .img { height: 88px; overflow: hidden; margin: 0 0 10px; border: 1px solid #e4e4e4; }
#products.index #goods .goodsList li .img img { width: auto; height: 100%; }
#products.index #goods .goodsList li .txt { font-size: 16px; text-align: center; }
#products.index #goods .goodsList li:nth-child(odd) { margin: 0 0 25px; }
@media screen and (min-width: 769px) { #products.index #goods { margin: 0 0 110px; }  #products.index #goods .mod_tit03 { margin-bottom: 65px; }  #products.index #goods .mod_tit03 span { padding: 0 20px 0 114px; white-space: nowrap; }  #products.index #goods .mod_tit03 span:before { top: -15px; left: 20px; width: 70px; height: 70px; }  #products.index #goods .mod_tit03 span img { width: 317px; }  #products.index #goods .goodsList { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 30px; letter-spacing: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }  #products.index #goods .goodsList li { width: 240px; margin: 0 0 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }  #products.index #goods .goodsList li a img { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }  #products.index #goods .goodsList li a:hover img { opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }  #products.index #goods .goodsList li .img { width: 100%; height: 158px; margin: 0 0 15px; }  #products.index #goods .goodsList li .txt { font-size: 16px; }  #products.index #goods .goodsList li:nth-child(odd) { margin: 0 0 30px; }  #products.index #goods .btn { text-align: center; } }
/*! gift
---------------------------------------- */
#products.index #gift { display: none; box-sizing: border-box; min-height: 213px; margin: 0 -25px; padding: 36px 0; background: url(/img/products/index/bg_gift02_sp.png) right top no-repeat, #161521 url(/img/products/index/bg_gift01_sp.jpg) center top no-repeat; background-size: contain, 768px auto; }
#products.index #gift h3 { width: 199px; margin: 0 0 18px 20px; }
#products.index #gift .btn { width: 193px; margin: 0 0 0 25px; }
#products.index #gift .btn .btnCmn01 { line-height: 1.4; padding: 10px 17px; border: 1px solid #fff; color: #fff; }
#products.index #gift .btn .btnCmn01:before { border-top: 1px solid #fff; border-right: 1px solid #fff; }
@media screen and (min-width: 769px) { #products.index #gift { position: relative; min-height: 396px; margin: 0 -200%; padding: 0 200%; background: #171824 url(/img/products/index/bg_gift01_pc.jpg) center top no-repeat; }  #products.index #gift .giftIn { display: block; position: absolute; box-sizing: border-box; width: 1200px; height: 100%; margin: 0 auto; padding: 110px 0 0 590px; background: url(/img/products/index/bg_gift02_pc.png) right top no-repeat; background-size: contain; }  #products.index #gift h3 { width: 308px; margin: 0 0 30px; }  #products.index #gift h3 img { width: 100%; }  #products.index #gift .btn { width: 300px; margin: 0; }  #products.index #gift .btn .btnCmn01 { width: 100%; padding: 14px 30px; }  #products.index #gift .btn .btnCmn01:after { top: -1px; height: 102%; background: #fff; }  #products.index #gift .btn .btnCmn01:hover:before { border-top: 1px solid #171824; border-right: 1px solid #171824; }  #products.index #gift .btn .btnCmn01 span { z-index: 3; -webkit-transition: color .3s ease; transition: color .3s ease; }  #products.index #gift .btn .btnCmn01:hover span { color: #171824; } }
/*! searchBox (for only SP)
---------------------------------------- */
#products.index .searchBox { margin: 0 -25px 40px; padding: 25px; background: #fbfbfb; }
#products.index .searchBox h3 { line-height: 1.0; margin: 0 0 15px; color: #4f6129; font-weight: normal; font-size: 18px; }
#products.index .searchBox .formBox { position: relative; overflow: hidden; border: 1px solid #ccc; border-radius: 4px; }
#products.index .searchBox .formBox select { width: 100%; line-height: 1.4; padding: 12px 100px 12px 10px; border: none; background: #fff; background: #fff url(/img/products/ico_search01_sp.png) right center no-repeat; background-size: 88px 8px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#products.index .searchBox .formBox .submit { position: absolute; top: 0; right: 0; width: 58px; height: 100%; }
#products.index .searchBox .formBox .submit:before { display: block; position: absolute; top: 11px; left: 17px; color: #fff; font-family: hinoseiyaku !important; font-size: 24px; content: "\e902"; }
#products.index .searchBox .formBox .submit input[type="submit"] { width: 58px; height: 100%; border: none; background: #f46a04; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/*! searchNav
---------------------------------------- */
#products.index .searchNav { margin: 0 -200% 100px; padding: 50px 200%; border-bottom: 1px solid #e4e4e4; background: #f8faf7; }
#products.index .searchNav h3 { margin: 0 0 34px; }
#products.index .searchNav h3:before { display: inline-block; margin: 0 18px -3px 0; color: #4f6129; font-size: 36px; vertical-align: middle; }
#products.index .searchNav ul { display: table; width: 100%; border-right: 1px solid #4f6129; }
#products.index .searchNav ul li { display: table-cell; width: 25%; height: 50px; border-left: 1px solid #4f6129; text-align: center; vertical-align: middle; }
#products.index .searchNav ul li a:hover:before { left: 4px; }
#products.index .searchNav.trouble { border-top: 2px solid #fff; border-bottom: none; background: #f8faf7; }
#products.index .searchNav.trouble ul li { width: 20%; padding: 13px 0; }
#products.index .searchNav.trouble ul li a { display: inline-block; text-decoration: none; text-align: center; }
@media screen and (max-width: 768px) { #products.index .searchNav.trouble { margin: 0 -25px; padding: 0; }  #products.index .searchNav.trouble h3 { margin: 40px 25px 15px; }  #products.index .searchNav.trouble h3:before { margin: 0 10px -1px 0; font-size: 32px; }  #products.index .searchNav.trouble h3 img { width: 183px; }  #products.index .searchNav.trouble ul { display: block; border: none; }  #products.index .searchNav.trouble ul li { display: table; width: 100%; height: auto; padding: 0; border: none; border-top: 1px solid #83942e; text-align: left; }  #products.index .searchNav.trouble ul li a { display: table-cell; height: 16px; padding: 20px 25px 20px 40px; text-align: left; }  #products.index .searchNav.trouble ul li a:before { position: relative; top: -1px; margin: 0 8px 0 0; }  #products.index .searchNav.trouble ul li a:hover:before { left: 0; } }
/*! ============================================= */
/*! .hyakusogan 百草丸 .fudogan 不導丸
================================================= */
.hyakusogan #contents #contentsIn , .fudogan #contents #contentsIn { padding: 0; }
.hyakusogan #ecFooter , .fudogan #ecFooter { display: none; border-top: 4px solid #4f6129; }
.hyakusogan #ecFooter .categoryNav , .fudogan #ecFooter .categoryNav { display: block; width: 100%; letter-spacing: -.5em; }
.hyakusogan #ecFooter .categoryNav p , .fudogan #ecFooter .categoryNav p { padding: 30px 0 25px; text-align: center; }
.hyakusogan #ecFooter .categoryNav p img , .fudogan #ecFooter .categoryNav p img { width: 185px; }
.hyakusogan #ecFooter .categoryNav ul , .fudogan #ecFooter .categoryNav ul { border-top: 1px solid #83942e; }
.hyakusogan #ecFooter .categoryNav ul li , .fudogan #ecFooter .categoryNav ul li { display: inline-block; box-sizing: border-box; width: 50%; border-bottom: 1px solid #83942e; letter-spacing: 0; }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(even) , .fudogan #ecFooter .categoryNav ul li:nth-child(even) { border-left: 1px solid #83942e; }
.hyakusogan #ecFooter .categoryNav ul li a , .fudogan #ecFooter .categoryNav ul li a { display: table-cell; position: relative; box-sizing: border-box; width: 384px; height: 64px; padding: 0 24px 0 50px; color: #4f6129; text-decoration: none; vertical-align: middle; }
.hyakusogan #ecFooter .categoryNav ul li a:before , .fudogan #ecFooter .categoryNav ul li a:before { position: absolute; top: 8px; left: 0; width: 50px; height: 50px; background-image: url(/img/common/footer/cat01.png); background-size: cover; content: ""; }
.hyakusogan #ecFooter .categoryNav ul li a:after , .fudogan #ecFooter .categoryNav ul li a:after { position: absolute; top: 0; right: 10px; bottom: 0; width: 10px; height: 10px; margin: auto; border-top: 1px solid #4f6129; border-right: 1px solid #4f6129; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(1) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(1) a:before { background-image: url(/img/common/footer/cat01.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(2) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(2) a:before { background-image: url(/img/common/footer/cat02.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(3) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(3) a:before { background-image: url(/img/common/footer/cat03.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(4) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(4) a:before { background-image: url(/img/common/footer/cat04.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(5) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(5) a:before { background-image: url(/img/common/footer/cat05.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(6) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(6) a:before { background-image: url(/img/common/footer/cat06.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(7) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(7) a:before { background-image: url(/img/common/footer/cat07.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(8) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(8) a:before { background-image: url(/img/common/footer/cat08.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(9) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(9) a:before { background-image: url(/img/common/footer/cat09.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(10) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(10) a:before { background-image: url(/img/common/footer/cat10.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(11) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(11) a:before { background-image: url(/img/common/footer/cat11.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(12) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(12) a:before { background-image: url(/img/common/footer/cat12.png); }
.hyakusogan #ecFooter .categoryNav ul li:nth-child(13) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(13) a:before { background-image: url(/img/common/footer/cat13.png); }
@media screen and (min-width: 769px) { .hyakusogan #ecFooter .categoryNav , .fudogan #ecFooter .categoryNav { width: 1040px; margin: 0 auto; }  .hyakusogan #ecFooter .categoryNav .txt img , .fudogan #ecFooter .categoryNav .txt img { width: 216px; }  .hyakusogan #ecFooter .categoryNav ul , .fudogan #ecFooter .categoryNav ul { margin: 0 -10px -10px 0; border: none; }  .hyakusogan #ecFooter .categoryNav ul li , .fudogan #ecFooter .categoryNav ul li { display: block; float: left; width: 165px; margin: 0 10px 10px 0; border: 1px solid #83942e; }  .hyakusogan #ecFooter .categoryNav ul li a , .fudogan #ecFooter .categoryNav ul li a { position: relative; width: 165px; height: 60px; padding: 0 15px 0 47px; font-size: 13px; }  .hyakusogan #ecFooter .categoryNav ul li a:before , .fudogan #ecFooter .categoryNav ul li a:before { position: absolute; top: 8px; left: 0; width: 50px; height: 50px; background-image: url(/img/common/footer/cat01.png); background-size: cover; content: ""; }  .hyakusogan #ecFooter .categoryNav ul li a:after , .fudogan #ecFooter .categoryNav ul li a:after { position: absolute; top: 25px; right: 10px; bottom: auto; }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(1) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(1) a:before { background-image: url(/img/common/footer/cat01.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(2) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(2) a:before { background-image: url(/img/common/footer/cat02.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(3) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(3) a:before { background-image: url(/img/common/footer/cat03.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(4) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(4) a:before { background-image: url(/img/common/footer/cat04.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(5) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(5) a:before { background-image: url(/img/common/footer/cat05.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(6) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(6) a:before { background-image: url(/img/common/footer/cat06.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(7) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(7) a:before { background-image: url(/img/common/footer/cat07.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(8) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(8) a:before { background-image: url(/img/common/footer/cat08.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(9) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(9) a:before { background-image: url(/img/common/footer/cat09.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(10) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(10) a:before { background-image: url(/img/common/footer/cat10.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(11) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(11) a:before { background-image: url(/img/common/footer/cat11.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(12) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(12) a:before { background-image: url(/img/common/footer/cat12.png); }  .hyakusogan #ecFooter .categoryNav ul li:nth-child(13) a:before , .fudogan #ecFooter .categoryNav ul li:nth-child(13) a:before { background-image: url(/img/common/footer/cat13.png); } }
.hyakusogan #ecFooter .searchBox , .fudogan #ecFooter .searchBox { padding: 30px 25px 35px; }
.hyakusogan #ecFooter .searchBox dt , .fudogan #ecFooter .searchBox dt { color: #4f6129; font-size: 18px; }
.hyakusogan #ecFooter .searchBox .formBox , .fudogan #ecFooter .searchBox .formBox { position: relative; overflow: hidden; margin-top: 10px; border: 1px solid #ccc; border-radius: 3px; }
.hyakusogan #ecFooter .searchBox .formBox select , .fudogan #ecFooter .searchBox .formBox select { width: 100%; height: 48px; padding: 0 15px; border: none; border-radius: 0; background: none; font-size: 16px; /* cancel */ box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.hyakusogan #ecFooter .searchBox .formBox .submitWrap , .fudogan #ecFooter .searchBox .formBox .submitWrap { position: absolute; top: 0; right: 0; }
.hyakusogan #ecFooter .searchBox .formBox .submit , .fudogan #ecFooter .searchBox .formBox .submit { position: relative; width: 58px; height: 48px; overflow: hidden; background: #4f6129; }
.hyakusogan #ecFooter .searchBox .formBox .submit:before , .fudogan #ecFooter .searchBox .formBox .submit:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 25px; height: 25px; margin: auto; color: #fff; font-size: 25px; }
.hyakusogan #ecFooter .searchBox .formBox .submit input , .fudogan #ecFooter .searchBox .formBox .submit input { position: relative; width: 58px; height: 48px; /* cancel */ overflow: hidden; border: none; border-radius: 0; background: none; text-indent: 150%; white-space: nowrap; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.hyakusogan #ecFooter .searchBox .searchForm + .searchForm , .fudogan #ecFooter .searchBox .searchForm + .searchForm { margin-top: 25px; }
@media screen and (min-width: 769px) { .hyakusogan #ecFooter .searchBox , .fudogan #ecFooter .searchBox { width: 1040px; overflow: hidden; margin: 0 auto; padding: 40px 0 50px; }  .hyakusogan #ecFooter .searchBox .searchForm , .fudogan #ecFooter .searchBox .searchForm { float: left; width: 500px; }  .hyakusogan #ecFooter .searchBox dt , .fudogan #ecFooter .searchBox dt { color: #4f6129; font-size: 18px; }  .hyakusogan #ecFooter .searchBox .formBox , .fudogan #ecFooter .searchBox .formBox { position: relative; overflow: hidden; margin-top: 10px; border: 1px solid #ccc; border-radius: 3px; }  .hyakusogan #ecFooter .searchBox .formBox select , .fudogan #ecFooter .searchBox .formBox select { width: 100%; height: 48px; padding: 0 15px; /* cancel */ border: none; border-radius: 0; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }  .hyakusogan #ecFooter .searchBox .formBox .submitWrap , .fudogan #ecFooter .searchBox .formBox .submitWrap { position: absolute; top: 0; right: 0; }  .hyakusogan #ecFooter .searchBox .formBox .submit , .fudogan #ecFooter .searchBox .formBox .submit { position: relative; width: 58px; height: 48px; overflow: hidden; background: #4f6129; }  .hyakusogan #ecFooter .searchBox .formBox .submit:before , .fudogan #ecFooter .searchBox .formBox .submit:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 25px; height: 25px; margin: auto; color: #fff; font-size: 25px; }  .hyakusogan #ecFooter .searchBox .formBox .submit input , .fudogan #ecFooter .searchBox .formBox .submit input { position: relative; width: 58px; height: 48px; /* cancel */ overflow: hidden; border: none; border-radius: 0; background: none; text-indent: 150%; white-space: nowrap; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }  .hyakusogan #ecFooter .searchBox .searchForm + .searchForm , .fudogan #ecFooter .searchBox .searchForm + .searchForm { margin: 0 0 0 40px; } }
.hyakusogan #mainImg , .fudogan #mainImg { background-image: url(/img/products/hyakusogan/bg_mv01_sp.jpg); }
.hyakusogan #mainImg .mainTit , .fudogan #mainImg .mainTit {top: 23px; -webkit-transform: none; transform: none; }
@media screen and (max-width: 769px) { .hyakusogan #mainImg .mainTit , .fudogan #mainImg .mainTit {left: 25%;top: 23px; -webkit-transform: none; transform: none; }}
.hyakusogan #mainImg .mainTit img , .fudogan #mainImg .mainTit img { width: 190px; }
@media screen and (min-width: 769px) { .hyakusogan #mainImg , .fudogan #mainImg { background-image: url(/img/products/hyakusogan/bg_mv01_pc.jpg); }  .hyakusogan #mainImg .mainTit , .fudogan #mainImg .mainTit { top: 90px; -webkit-transform: none; transform: none; }  .hyakusogan #mainImg .mainTit img , .fudogan #mainImg .mainTit img { width: 380px; } }
@media screen and (max-width: 480px) { 
	.hyakusogan #mainImg , .fudogan #mainImg { background-image: url(/img/products/hyakusogan/bg_mv01_sp.jpg); } }
	
.fudogan #mainImg { background-image: url(/img/products/fudogan/bg_mv01_sp.jpg); }
@media screen and (min-width: 769px) { .fudogan #mainImg { background-image: url(/img/products/fudogan/bg_mv01_pc.jpg); } }
.productsItem .intro { padding: 0 25px 35px; }
.productsItem .introTit { width: 315px; max-width: 100%; margin: 0 auto 20px; text-align: center; }
.fudogan .productsItem .introTit { width: 266px; }
.productsItem .introBox { padding: 15px; border:/*url(/img/products/hyakusogan/bg_effect04.png)*/ 1px solid #6f7f1d; border-radius: 6px; background: #fff; }
.productsItem .introBoxTit { margin-bottom: 8px; text-align: center; }
.productsItem .introBoxTit img { width: 115px; }
.fudogan .productsItem .introBoxTit img { width: 201px; }
.productsItem .introList li { position: relative; padding: 10px 0 10px 32px; }
.productsItem .introList li + li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAACCAYAAABR7VzxAAAAGklEQVQYV2O88fjAfwY8QEPWgRGfPCOlBgAA1+MIA93HBbAAAAAASUVORK5CYII="); background-repeat: repeat-x; background-position: top; background-size: 8px 1px; }
.productsItem .introList li strong { color: #4f6129; }
.productsItem .introList li:before { position: absolute; top: 10px; left: 0; width: 25px; height: 25px; background-image: url(/img/products/hyakusogan/ico01.png); background-size: cover; content: ""; }
@media screen and (min-width: 769px) { .productsItem .intro { padding: 0 0 80px; }  .productsItem .introTit { margin: 0; }  .productsItem .introTit img { width: auto; }  .fudogan .productsItem .introTit { margin: 0 0 -30px; }  .productsItem .introBox { padding: 40px 40px 35px; border: 2px solid #6f7f1d; }  .productsItem .introBoxTit { margin-bottom: 20px; text-align: left; }  .productsItem .introBoxTit img { width: 200px; }  .fudogan .productsItem .introBoxTit img { width: 342px; }  .productsItem .introList { padding: 0 0 0 50px; }  .productsItem .introList li { position: relative; padding: 14px 0 15px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAACCAYAAABR7VzxAAAAGklEQVQYV2O88fjAfwY8QEPWgRGfPCOlBgAA1+MIA93HBbAAAAAASUVORK5CYII="); background-repeat: repeat-x; background-position: bottom; background-size: 8px 1px; font-size: 18px; }  .productsItem .introList li + li { background-position: bottom; }  .productsItem .introList li:before { position: absolute; top: 10px; left: -50px; width: 40px; height: 40px; content: ""; } }
.productsItem .info { border-top: 6px solid #436201; background: url(/img/products/hyakusogan/bg_info01_sp.png) top left no-repeat; background-size: contain; }
.productsItem #history { border-top: 6px solid #436201; background: url(/img/products/hyakusogan/bg_history01_sp.jpg) top right no-repeat #fcfdfc; background-size: contain; }
.fudogan .productsItem .info { background: url(/img/products/fudogan/bg_info01_sp.png) top left no-repeat; background-size: contain; }
.productsItem .infoTitWrap { padding: 40px 0 20px; text-align: center; }
.productsItem .infoTitWrap p { margin-top: 20px; color: #4f6129; white-space: nowrap; }
.productsItem .infoTit img { width: 200px; }
.fudogan .productsItem .infoTit img { width: 276px; }
.productsItem .infoItemTit { padding: 15px 25px; background: #83942e; }
.productsItem .infoItemTit .tit , .productsItem .infoItemTit .tag { color: #fff; font-weight: normal; vertical-align: middle; }
.productsItem .infoItemTit .tit { padding-right: 15px; font-size: 20px; }
.productsItem .infoItemTit .tag { display: inline-block; line-height: 19px; padding: 0 10px; border: 1px solid #fff; font-size: 14px; }
.productsItem .infoItemIn { padding: 15px 25px 10px; }
.productsItem .infoItemMain { margin-top: 15px; zoom: 1; }
.productsItem .infoItemMain:after , .productsItem .infoItemMain:before { display: table; content: ""; }
.productsItem .infoItemMain:after { clear: both; }
.productsItem .infoItemImg { float: left; box-sizing: border-box; width: 35%; margin: 0 5% 0 0; border: 1px solid #e4e4e4; background: #fff; text-align: center; }
.productsItem .infoItemImgIn { display: table-cell; padding: 10%; vertical-align: middle; }
.productsItem .infoItemType { float: right; width: 60%; }
.productsItem .infoItemTypeTit { margin-bottom: 8px; color: #436201; font-weight: bold; }
.productsItem .infoItemTypeTag li { display: inline-block; padding: 0 2px; background: #f2f1ee; font-size: 14px; }
.productsItem .infoItemTypeTag li + li { margin-top: 4px; }
.productsItem .infoItemTypeTag li.notes { padding: 2px; border: 1px solid #e4e4e4; background: none; font-size: 11px; }
.productsItem .infoItemDetailTxt { margin-top: 10px; }
.productsItem .infoItemDetailTableWrap { margin-top: 10px; padding: 1px; border: 1px solid #e4e4e4; background: #fff; }
.productsItem .infoItemDetailTable th , .productsItem .infoItemDetailTable td { display: block; text-align: left; }
.productsItem .infoItemDetailTable th { padding: 8px 15px; background: #d8e3c0; color: #436201; font-size: 14px; }
.productsItem .infoItemDetailTable td { line-height: 1.4; padding: 10px 15px; font-size: 13px; }
.productsItem .infoItemDetailTable td sup { font-size: 11px; vertical-align: text-top; }
.productsItem .infoItemBox { margin-top: 15px; padding: 22px 20px; background: url(/img/products/hyakusogan/bg_box01_sp.png) no-repeat; background-size: cover; zoom: 1; }
.productsItem .infoItemBox:after , .productsItem .infoItemBox:before { display: table; content: ""; }
.productsItem .infoItemBox:after { clear: both; }
.productsItem .infoItemBoxImg { float: left; margin-right: 20px; }
.productsItem .infoItemBoxImg img { width: 72px; }
.productsItem .infoItemBoxTxt { padding-left: 92px; color: #436201; font-size: 13px; }
.productsItem .infoItemBoxTxt strong { font-weight: bold; font-size: 15px; vertical-align: baseline; }
.productsItem .infoItemBox .notes { color: #787878; font-size: 11px; }
.productsItem .infoItemBtnWrap { padding: 20px 25px 40px; background: #fbfbfb; text-align: center; }
.infoItemTitlearea { border: none; background: #eb700b; color: #fff; }
.productsItem .infoItemBtn { border: none; background: #eba40b; color: #fff; }
.productsItem .infoItemBtn:before { border-color: #fff; }
@media screen and (min-width: 769px) { .productsItem .info { margin: 0 -200%; padding: 84px 200% 80px; border-top: 4px solid #436201; background: url(/img/products/hyakusogan/bg_info01_pc.png) top center no-repeat; } 
 .productsItem #history { margin: 0 -200%; padding: 84px 200% 80px; border-top: 4px solid #436201; background: url(/img/products/hyakusogan/bg_history01_pc.jpg) top center no-repeat #fbfbf9; } 
  .fudogan .productsItem .info { background: url(/img/products/fudogan/bg_info01_pc.png) top center no-repeat; background-color: #f2f2f2; }  .productsItem .info.infoSecond { margin: 0 -200%; padding: 84px 200% 84px; background: none; }  .productsItem .infoTitWrap { padding: 0; text-align: center; }  .productsItem .infoTitWrap p { line-height: 1.6; margin-top: 30px; color: #4f6129; font-size: 18px; }  .productsItem .infoTit img { width: auto; }  .fudogan .productsItem .infoTit img { width: 390px; }  .productsItem .infoItem { margin-top: 50px; }  .productsItem .infoItemTit { padding: 11px 10px 11px 30px; background: #83942e; }  .productsItem .infoItemTit .tit , .productsItem .infoItemTit .tag { color: #fff; font-weight: normal; vertical-align: middle; }  .productsItem .infoItemTit .tit { font-size: 20px; }  .productsItem .infoItemTit .tag { line-height: 19px; padding: 1px 10px; border: 1px solid #fff; font-size: 14px; }  .productsItem .infoItemTit .more { display: block; position: relative; top: 2px; float: right; width: 100px; line-height: 1.6; padding: 2px 0 2px 14px; background: #fff; color: #83942e; font-weight: normal; font-size: 14px; text-decoration: none; }  .productsItem .infoItemTit .more:before { position: absolute; top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #83942e; border-right: 1px solid #83942e; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }  .productsItem .infoItemIn { margin-top: 30px; padding: 0; zoom: 1; }  .productsItem .infoItemIn:after , .productsItem .infoItemIn:before { display: table; content: ""; }  .productsItem .infoItemIn:after { clear: both; }  .productsItem .infoItemMain { float: left; width: 180px; margin: 0 40px 0 0; }  .productsItem .infoItemImg { float: none; width: auto; margin: 0; }  .productsItem .infoItemImgIn { width: 178px; height: 178px; padding: 0; }  .productsItem .infoItemImgIn img { width: 140px; }  .productsItem .infoItemType { float: none; width: auto; margin-top: 14px; }  .productsItem .infoItemTypeTit { margin-bottom: 5px; }  .productsItem .infoItemTypeTag li { padding: 3px 10px; background: #e4e4e4; font-size: 13px; }  .productsItem .infoItemTypeTag li + li { margin-top: 4px; }  .productsItem .infoItemDetail { float: right; width: 820px; }  .productsItem .infoItemDetailTxt { margin-bottom: 25px; }  .productsItem .infoItemDetailTableWrap { margin-top: 0; padding: 0; border: none; }  .productsItem .infoItemDetailTable { border-bottom: 1px solid #e4e4e4; }  .productsItem .infoItemDetailTable th , .productsItem .infoItemDetailTable td { display: table-cell; line-height: 1.6; border-top: 1px solid #e4e4e4; font-size: 15px; vertical-align: top; }  .productsItem .infoItemDetailTable th { width: 120px; padding: 20px 30px 19px; background: #f0f6e0; }  .productsItem .infoItemDetailTable td { padding: 20px 30px 19px; }  .productsItem .infoItemDetailTable td sup { font-size: 12px; }  .productsItem .infoItemBox { box-sizing: border-box; min-height: 160px; margin-top: 30px; padding: 28px 20px 0 112px; background: url(/img/products/hyakusogan/bg_box01_pc.png) no-repeat; }  .fudogan .productsItem .infoItemBox { padding: 20px 20px 0 80px; }  .productsItem .infoItemBoxImg { margin-right: 120px; }  .fudogan .productsItem .infoItemBoxImg { margin-right: 80px; }  .productsItem .infoItemBoxImg img { width: 110px; }  .fudogan .productsItem .infoItemBoxImg img { width: 120px; }  .productsItem .infoItemBoxTxt { line-height: 1.4; font-size: 24px; }  .fudogan .productsItem .infoItemBoxTxt { padding-left: 0; font-size: 16px; }  .productsItem .infoItemBoxTxt strong { font-size: 26px; }  .productsItem .infoItemBox .notes { margin-top: 7px; color: #333; font-size: 15px; }  .productsItem .infoItemBtnWrap { margin-top: 20px; padding: 20px 0 20px; }  .productsItem .infoItemBtn { width: 260px; border: none; background: #eba40b; color: #fff; }  .productsItem .infoItemBtn:before { border-color: #fff; }  .productsItem .infoItemBtn:after { position: absolute; top: 0; left: -100%; z-index: 1; width: 100%; height: 100%; background: #ffae00; opacity: 0; content: ""; -webkit-transition: all .4s ease; transition: all .4s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }  .productsItem .infoItemBtn:hover { color: #fff; }  .productsItem .infoItemBtn:hover:after { left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
.productsItem .effect { padding: 30px 25px 50px; }
.productsItem .effectTitWrap { text-align: center; }
.productsItem .effectSub { display: inline-block; line-height: 24px; margin: 0 0 10px; padding: 7px 18px; border-radius: 12px; background: #83942e; color: #fff; font-size: 16px; }
.productsItem .effectTit { font-weight: normal; font-size: 26px; }
.productsItem .effectList { margin-top: 15px; }

/*.productsItem .effectList li { display: table; width: 100%; margin-bottom: 10px; border: 2px solid #cdd4ab; border-radius: 6px; background-image: url(/img/products/hyakusogan/bg_effect04.png); background-repeat: no-repeat; background-size: contain; color: #4f6129; }
.productsItem .effectList li:nth-child(2) { background-image: url(/img/products/hyakusogan/bg_effect00.png); }
.productsItem .effectList li:nth-child(3) { background-image: url(/img/products/hyakusogan/bg_effect05.png); }
.productsItem .effectList li:nth-child(4) { background-image: url(/img/products/hyakusogan/bg_effect02.png); }
.productsItem .effectList li:nth-child(5) { background-image: url(/img/products/hyakusogan/bg_effect03.png); }
.productsItem .effectList li:nth-child(6) { background-image: url(/img/products/hyakusogan/bg_effect01.png); }
.productsItem .effectList li:nth-child(7) { background-image: url(/img/products/hyakusogan/bg_effect06.png);float:none;margin:0 0 25px 353.8px; }
.productsItem .effectList li:nth-child(8) { background-image: url(/img/products/hyakusogan/bg_effect07.png); }*/

.productsItem .effectList li { display: table; width: 100%; margin-bottom: 10px; border: 2px solid #cdd4ab; border-radius: 6px; background-image: url(/img/products/hyakusogan/bg_effect044.png); background-repeat: no-repeat; background-size: contain; color: #4f6129; }
.productsItem .effectList li:nth-child(2) { background-image: url(/img/products/hyakusogan/bg_effect00.png); }
.productsItem .effectList li:nth-child(3) { background-image: url(/img/products/hyakusogan/bg_effect055.png); }
.productsItem .effectList li:nth-child(4) { background-image: url(/img/products/hyakusogan/bg_effect022.png); }
.productsItem .effectList li:nth-child(5) { background-image: url(/img/products/hyakusogan/bg_effect003.png); }
.productsItem .effectList li:nth-child(6) { background-image: url(/img/products/hyakusogan/bg_effect011.png); }
.productsItem .effectList li:nth-child(7) { background-image: url(/img/products/hyakusogan/bg_effect006.png);float:none;margin:0 0 25px 353.8px; }
.productsItem .effectList li:nth-child(8) { background-image: url(/img/products/hyakusogan/bg_effect006.png); }

.fudogan .productsItem .effectList li { background-image: url(/img/products/hyakusogan/bg_effect044.png);  }
.fudogan .productsItem .effectList li:nth-child(2) { background-image: url(/img/products/hyakusogan/bg_effect022.png); }
.fudogan .productsItem .effectList li:nth-child(3) { background-image: url(/img/products/hyakusogan/bg_effect011.png); }
.fudogan .productsItem .effectList li:nth-child(4) { background-image: url(/img/products/hyakusogan/bg_effect04.png); }
.fudogan .productsItem .effectList li:nth-child(5) { background-image: url(/img/products/hyakusogan/bg_effect055.png); }
.fudogan .productsItem .effectList li:nth-child(6) { background-image: url(/img/products/hyakusogan/bg_effect033.png); }
.fudogan .productsItem .effectList li:nth-child(7) { background-image: url(/img/products/hyakusogan/bg_effect07.png); }
.productsItem .effectList li .orange {color: #f48a01;}
.productsItem .effectList li div { display: table-cell; width: 100%; height: 74px; text-align: center; vertical-align: middle; }
.power3font{font-size:1.4em;vertical-align: baseline; padding:0 4px;text-align:center;}
.salespointfont{font-size:1.4em;vertical-align: baseline; padding:0 4px;}
.pcmc{text-align:center;}
.pcnon{display:block;margin:0 auto;}
.mnon{display:none;margin:0 auto;}
.productsItem .effectBox:before {
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 23px;
    height: 31px;
    margin: 0 auto;
    background: url(/img/products/hyakusogan/ico_arrow01.png) no-repeat;
    background-size: cover;
	content: "";}
.productsItem .faqTit {
		margin-bottom: 40px;
		text-align: center;
}
/*add20200728*/
@media screen and (max-width: 769px) { 
.productsItem .effectList li div { display: table-cell; width: 100%; height: 74px; text-align: center; vertical-align: middle;font-size:130%; }
.power3font{font-size:110%;vertical-align: baseline; padding:0 4px;text-align:left;}
.pcmc{text-align:center;}
.pcnon{display:none;margin:0 auto;}
.mnon{display:block;margin:0 auto;}
.salespointfont{font-size:130%;vertical-align: baseline; padding:0 4px;}
.productsItem .effectList li:nth-child(7) { background-image: url(/img/products/hyakusogan/bg_effect06.png);float:none;margin:0; }
.productsItem .faqTit {
    margin-bottom: 25px;
    text-align: center;
}
.productsItem .effectBox:before {
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 23px;
    height: 31px;
    margin: 0 auto;
    background: url(/img/products/hyakusogan/ico_arrow01.png) no-repeat;
    background-size: cover;
    content: "";
}
}
/*/add20200728*/
@media screen and (min-width: 769px) {
  .productsItem .effect { margin: 0 -162px; padding: 80px 162px; border-top: 4px solid #4f6129; }
  .productsItem .effectTitWrap { text-align: center; }
  .productsItem .effectSub { line-height: 24px; margin-bottom: 10px; padding: 9px 50px; border-radius: 20px; font-size: 20px; }
  .productsItem .effectTit { font-size: 36px; }
  .productsItem .effectList { overflow: hidden; margin: 35px -25px -25px 0; }
  .productsItem .effectList li { float: left; width: 324px; margin: 0 25px 25px 0; border: 3px solid #cdd4ab; border-radius: 10px; } 
  .productsItem .effectList li div { height: 114px; padding-right: 20px; padding-left: 100px; font-size: 18px; text-align: left; } 
  .fudogan .productsItem .effectList li div { height: 134px; padding-left: 110px; } 
  .productsItem .effectBox { position: relative; margin: 108px 0 0; padding: 44px 40px 36px; background: url(/img/products/hyakusogan/bg_effect07_pc.png) no-repeat #fcf6e5 center 20px; }
  .productsItem .effectBox:before { top: -80px; width: 46px; height: 62px; }
  .productsItem .effectBoxTit { font-size: 28px; }
  .productsItem .effectBoxTxt { font-size: 18px; text-align:center;}
  .productsItem .effectBoxIn { margin-top: 23px; padding: 23px; border-radius: 4px; text-align: center; }
  .power3font{font-size:110%;vertical-align: baseline; padding:0 4px;text-align:left;}
  .pcmc{text-align:center;}
  .pcnon{display:none;}
  .mnon{display:block;}
  .salespointfont{font-size:130%;vertical-align: baseline; padding:0 4px;}
#effect{padding-top: 20px;margin-top: -20px;}
#abouthyakuso2{padding-top: 10px;margin-top: -10px;}
#kodawari2{padding-top: 15px;margin-top: -15px;}
#life2{padding-top: 10px;margin-top: -10px;}
#lineup2{padding-top: 60px;margin-top: -60px;}
#faq2{padding-top: 10px;margin-top: -10px;}
#faq3{padding-top: 2px;margin-top: -2px;}
#point42{padding-top: 5px;margin-top: -5px;}
#history2{padding-top: 40px;margin-top: -40px;}
}



.fudogan .productsItem .effectList li div { padding-right: 10px; padding-left: 110px; textnoneSub { line-height: 24px; margin-bottom: 10px; padding: 9px 50px; border-radius: 20px; font-size: 20px; }  .productsItem .effectTit { font-size: 36px; }  .productsItem .effectList { overflow: hidden; margin: 35px -25px -25px 0; }  .productsItem .effectList li { float: left; width: 324px; margin: 0 25px 25px 0; border: 3px solid #cdd4ab; border-radius: 10px; }  .productsItem .effectList li div { height: 114px; padding-right: 20px; padding-left: 100px; font-size: 18px; text-align: left; }  .fudogan .productsItem .effectList li div { height: 134px; padding-left: 110px; }  .productsItem .effectBox { position: relative; margin: 108px 0 0; padding: 44px 40px 36px; background: url(/img/products/hyakusogan/bg_effect07_pc.png) no-repeat #fcf6e5 center 20px; }  .productsItem .effectBox:before { top: -80px; width: 46px; height: 62px; }  .productsItem .effectBoxTit { font-size: 28px; }  .productsItem .effectBoxTxt { font-size: 18px; }  .productsItem .effectBoxIn { margin-top: 23px; padding: 23px; border-radius: 4px; text-align: center; } }
.productsItem .life { padding: 55px 0 30px; background: url(/img/products/hyakusogan/bg_life01_sp.png) no-repeat #fff; background-size: contain; }
.fudogan .productsItem .life { background: url(/img/products/fudogan/bg_life01_sp.png) no-repeat #fff; background-size: contain; }
.productsItem .lifeTit { margin-bottom: 20px; text-align: center; }
.productsItem .lifeTit img { width: 259px; }
.fudogan .productsItem .lifeTit img { width: 300px; }
.productsItem .lifeTxt { padding: 0 25px; color: #4f6129; font-size: 16px; text-align: center; }
.productsItem .lifeSyoyaku { position: relative; margin-top: 38px; padding: 17px 25px 55px; border-top: 3px solid #cdd4ab; border-bottom: 3px solid #cdd4ab; background: #fcf6e5; }
.productsItem .lifeSyoyaku:before { position: absolute; top: -20px; left: 0; width: 300px; height: 48px; background-image: url(/img/products/hyakusogan/bg_syoyaku01.png); background-size: cover; content: ""; }
.productsItem .lifeSyoyaku:after { position: absolute; right: 0; bottom: -8px; width: 330px; height: 64px; background-image: url(/img/products/hyakusogan/bg_syoyaku02.png); background-size: cover; content: ""; }
.productsItem .life .syoyakuList li { padding: 20px 0; zoom: 1; }
.productsItem .life .syoyakuList li:after , .productsItem .life .syoyakuList li:before { display: table; content: ""; }
.productsItem .life .syoyakuList li:after { clear: both; }
.productsItem .life .syoyakuList li + li { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAACCAYAAABR7VzxAAAAGklEQVQYV2N8cXvnfwY8QERaF580AyOlBgAAw/wHsQDKGZ8AAAAASUVORK5CYII=") repeat-x; background-size: 8px 1px; }
.productsItem .life .syoyakuList .box { float: left; width: 140px; margin-right: 15px; }
.productsItem .life .syoyakuList .tit { position: relative; top: -10px; line-height: 26px; background: #83942e; color: #fff; text-align: center; }
.productsItem .life .syoyakuList .txt { padding-left: 155px; font-size: 13px; }
.productsItem .life .syoyakuList .txt.name { margin-bottom: 5px; color: #4f6129; }
.productsItem .lifeBox { position: relative; padding: 20px 25px 0; }

@media screen and (max-width: 768px) {.fudogan .productsItem .effectList li div { padding-left: 60px; text-align:left;}}

@media screen and (max-width: 768px) { .productsItem .lifeBox:before , .productsItem .lifeBox:after { display: inline-block; position: absolute; top: 0; left: 35px; width: 17px; height: 48px; background: url(/img/products/hyakusogan/bg_hole01.png) center top no-repeat; background-size: cover; text-align: center; content: ""; }  .productsItem .lifeBox:after { right: 35px; left: auto; } }
.productsItem .lifeBoxIn { min-height: 200px; padding: 16px 10px 20px; background: url(/img/products/hyakusogan/bg_lifebox01_sp.png) center bottom repeat-x; background-size: contain; text-align: center; }
.productsItem .lifeBoxImg { margin: 0 0 10px; }
.productsItem .lifeBoxImg img { width: 240px; }
.productsItem .lifeBoxTxt { line-height: 30px; font-size: 15px; vertical-align: baseline; }
.productsItem .lifeBoxTxt .underline { display: inline-block; position: relative; line-height: 30px; color: #83942e; font-weight: bold; font-size: 25px; vertical-align: baseline; }
.productsItem .lifeBoxTxt .underline span { position: relative; }
.productsItem .lifeBoxTxt .underline:before { position: absolute; bottom: 5px; width: 100%; height: 10px; background: rgba(255, 255, 255, .5); content: ""; }
@media screen and (min-width: 769px) { .productsItem .life { margin: 0 -200%; padding: 110px 200% 80px; background: url(/img/products/hyakusogan/bg_life01_pc.png) no-repeat top center; }  .fudogan .productsItem .life { background: url(/img/products/fudogan/bg_life01_pc.png) no-repeat top center; }  .productsItem .lifeTit { margin-bottom: 20px; text-align: center; }  .productsItem .lifeTit img { width: auto; }  .fudogan .productsItem .lifeTit img { width: auto; }  .productsItem .lifeTxt { line-height: 1.8; margin-top: 50px; font-size: 18px; }  .productsItem .lifeSyoyaku { margin-top: 65px; padding: 85px 0 80px; border: 4px solid #cdd4ab; background: #fcf6e5; /*! .fudogan & {  padding: 85px 58px 80px; } */ }  .productsItem .lifeSyoyaku:before { top: -33px; left: 10px; width: 868px; height: 104px; }  .productsItem .lifeSyoyaku:after { position: absolute; right: 0; bottom: -12px; width: 566px; height: 108px; background-image: url(/img/products/hyakusogan/bg_syoyaku02.png); background-size: cover; content: ""; }  .productsItem .life .syoyakuList { overflow: hidden; margin: 0 0 -50px; text-align: center; letter-spacing: -.5em; /*! .fudogan & {  margin: 0 -24px -50px 0; li {  width: 210px; margin: 0 24px 50px 0; &:nth-child(3n+1) {  clear: none; } &:nth-child(4n+1) {  clear: both; } &:nth-child(5) {  margin-left: 124px; } .img {  img {  width: 100%; } } .txt, .tit {  width: 200px; } } } */ }  .productsItem .life .syoyakuList li { display: inline-block; width: 210px; margin: 0 15px 50px; padding: 0; letter-spacing: 0; }  .productsItem .life .syoyakuList li + li { background: none; }  .productsItem .life .syoyakuList .img img { width: 100%; }  .productsItem .life .syoyakuList .box { float: none; width: auto; margin: 0; }  .productsItem .life .syoyakuList .tit { position: relative; top: -10px; width: 200px; line-height: 44px; margin: 0 auto; }  .productsItem .life .syoyakuList .txt { width: 200px; margin: 0 auto; padding: 0; font-size: 15px; text-align: left; }  .productsItem .lifeBox { padding: 0; }  .productsItem .lifeBoxIn { position: relative; box-sizing: border-box; height: 310px; padding: 30px 10px 30px 30px; background-image: url(/img/products/hyakusogan/bg_lifebox01_pc.png); background-repeat: no-repeat; background-size: auto auto; zoom: 1; }  .productsItem .lifeBoxIn:after , .productsItem .lifeBoxIn:before { display: table; content: ""; }  .productsItem .lifeBoxIn:after { clear: both; }  .productsItem .lifeBoxImg { float: left; margin-top: 20px; margin-right: 50px; }  .productsItem .lifeBoxImg img { width: auto; }  .productsItem .lifeBoxTxt { position: absolute; left: 560px; width: 450px; line-height: 50px; margin-top: 60px; font-size: 24px; text-align: left; }  .productsItem .lifeBoxTxt .underline { line-height: 50px; font-size: 44px; }  .productsItem .lifeBoxTxt .underline:before { bottom: 5px; height: 18px; }  .fudogan .productsItem .lifeBoxTxt { margin-top: 30px; } }
.productsItem .faq { padding: 30px 0 0; border-top: 3px solid #f2f1ee; }
.productsItem .faqTit { margin-bottom: 25px; text-align: center; }
.productsItem .faqTit img { width: 146px; }
.fudogan .productsItem .faqTit img { width: 206px; }
.productsItem .faq dl dt { position: relative; line-height: 1.4; overflow: hidden; padding: 15px 50px 15px 60px; border-bottom: 2px solid #cdd4ab; background: #83942e; color: #fff; }
.productsItem .faq dl dt:before { position: absolute; top: 0; left: 0; width: 50px; height: 58px; background-image: url(/img/products/hyakusogan/ico_q01_sp.png); background-size: contain; content: ""; }
.productsItem .faq dl dt:after { position: absolute; top: 16px; right: 25px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.productsItem .faq dl dd { display: none; padding: 15px 25px; }
.productsItem .faq dl dd a { display: inline-block; margin-top: 1em; }
.productsItem .faq dl.is-open dt:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.productsItem .faq dl.is-open dd { display: block; }
@media screen and (min-width: 769px) { .productsItem .faq { margin: 0 -162px; padding: 60px 162px 80px; }  .productsItem .faqTit { margin-bottom: 40px; }  .productsItem .faqTit img { width: auto; }  .fudogan .productsItem .faqTit img { width: auto; }  .productsItem .faqIn { margin: 0 -30px -48px 0; zoom: 1; }  .productsItem .faqIn:after , .productsItem .faqIn:before { display: table; content: ""; }  .productsItem .faqIn:after { clear: both; }  .productsItem .faq dl { float: left; width: 505px; margin: 0 30px 48px 0; }  .productsItem .faq dl dt { line-height: 1.4; padding: 15px 0 15px 60px; border-bottom: none; }  .productsItem .faq dl dt:before { position: absolute; top: 0; left: 0; width: 50px; height: 58px; background-image: url(/img/products/hyakusogan/ico_q01_sp.png); background-size: contain; content: ""; }  .productsItem .faq dl dt:after { content: none; }  .productsItem .faq dl dd { display: block; padding: 15px 25px; border: 2px solid #cdd4ab; }  .productsItem .faq dl dd .tel { margin-top: 1em; padding: 24px 0 11px; border-top: 1px dashed #d8e3c0; }  .productsItem .faq dl dd .tel a { margin: 0; } .productsItem .faq dl dd .tel a:hover { cursor: default; }}
.productsItem .secondVisual { position: relative; min-height: 555px; padding-bottom: 90px; background: url(/img/products/hyakusogan/bg_sv_sp.jpg) top center no-repeat; background-size: cover; }
.fudogan .productsItem .secondVisual { min-height: 505px; padding-bottom: 50px; background: #130a01 url(/img/products/fudogan/bg_sv_sp.jpg) top center no-repeat; background-size: cover; }
.productsItem .secondVisualIn { padding: 40px 25px 0; }
.productsItem .secondVisualTit { margin-bottom: 22px; }
.productsItem .secondVisualTit img { width: 231px; }
.fudogan .productsItem .secondVisualTit img { width: 288px; }
.productsItem .secondVisualTxt p { margin: 1em 0; color: #fff; font-size: 14px; }
.productsItem .secondVisualImg { position: absolute; right: 10px; bottom: -40px; width: 144px; }
@media screen and (min-width: 769px) { .productsItem .secondVisual { height: 720px; margin: 0 -200%; padding: 0 200%; background: url(/img/products/hyakusogan/bg_sv_pc.jpg) top center no-repeat; }  .fudogan .productsItem .secondVisual { height: 663px; background: url(/img/products/fudogan/bg_sv_pc.jpg) top center no-repeat; background-size: contain; }  .productsItem .secondVisualIn { position: relative; height: 640px; padding: 80px 0 0; }  .productsItem .secondVisualTit { display: block; margin-bottom: 40px; text-align: left; }  .productsItem .secondVisualTit img { width: auto; }  .fudogan .productsItem .secondVisualTit img { width: auto; }  .productsItem .secondVisualTxt p { margin: 2em 0; font-size: 16px; }  .productsItem .secondVisualImg { right: 10px; bottom: -90px; width: 382px; }  .fudogan .productsItem .secondVisualImg { right: -80px; bottom: -30px; width: 380px; }  .fudogan .productsItem .secondVisualImg img { width: 100%; } }
/*! category_area
---------------------------------------- */
#category_area{
	background:#f8faf7;
	padding-top:4%;
	display:inline-block;
	width:100%;
}
#category_area h2 {
    color: #4f6129;
    font-family: "yumindb",serif;
    font-size: 21px;
    text-align: center;
	border-bottom:1px solid #83942e;
	padding-bottom:4%;
}
#category_area h2 span{
	font-size:70%;
}
#category_area .block_body li{
	box-sizing: border-box;
}
#category_area .block_body li:nth-child(odd){
	float:left;
	clear:both;
	width:50%
}
#category_area .block_body li:nth-child(odd) a{
	border-right:1px solid #83942e;
}
#category_area .block_body li:nth-child(even){
	float:right;
	width:50%;
}
#category_area .block_body li svg {
    fill: #4f6129;
    float: right;
    height: 18px;
    width: 18px;
	margin-top:2%;
}
#category_area .block_body li a {
    border-bottom: 1px solid #83942e;
    box-sizing: border-box;
    display: inline-block;
    padding: 6% 4%;
    width: 100%;
	color:#4f6129;
	font-size: 11px;
	text-decoration: none;
}
#category_area .block_body li img{
	width:15%;
	vertical-align:middle;
	margin-right:2%;
}

@media screen and (min-width: 769px) {
	#category_area{
		padding:50px 0 30px 0;
	}
	#category_area .boxCont {
	    margin: 0 auto;
	    padding: 40px 0;
	    width: 1040px;
	    clear: both;
	    display: block;
	    text-align: left;
	    overflow: hidden;
	}
	#category_area h2 {
	    font-size: 31px;
	    font-weight: normal;
	    border-bottom: 0;
	    padding-bottom: 0;
	    line-height: 1.1;
	}
	#category_area .boxCont_pc{
		padding-top:0;
	}
	#category_area .block_body li{
		float:left;
		margin-right:8px;
		width:166px;
		margin-bottom:8px;
	    border: 1px solid #83942e;
	}
	#category_area .block_body li:nth-child(odd){
		clear: none;
		width: 166px;
		border-right: 0;
	}
	#category_area .block_body li:nth-child(even){
		float: left;
		width: 166px;
	}
	#category_area .block_body li:nth-child(6n){
		margin-right:0;
	}
	#category_area .block_body li:nth-child(6n+1){
		clear:both;
	}
	#category_area .block_body li svg {
	    height: 16px;
	    margin-top: 4%;
	    width: 16px;
	}
	#category_area .block_body li a {
	    font-size: 10px;
	    letter-spacing: -0.1em;
	    padding: 6% 4%;
	    border-bottom: 0;
	}
	#category_area .block_body li img{
		width:27px;
		margin-right:4%;
	}
}
/*! search_area
---------------------------------------- */
#search_area .boxCont {
    margin: 0 auto;
    padding: 8% 0;
    width: 92%;
    clear: both;
    overflow: hidden;
}
#search_area .box:nth-of-type(2) {
	margin-top: 4%;
}
#search_area h2{
	color:#436201;
	font-size:16px;
	font-weight: normal;
	margin-bottom:10px;
}
#search_area .searchMedicine div,
#search_area .searchTrouble div{
	border:1px solid #afaeae;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:flex;
}
#search_area .searchMedicine select,
#search_area .searchTrouble select{
	border:none;
	width:80%;
    padding: 12px 26px 12px 12px;
    background-color:#fff !important;
	color:#333;
	-moz-appearance: none;
    background: rgba(0, 0, 0, 0) url(/shop/user_data/packages/sphone/img/icon/icon_arrow_select.png) no-repeat scroll 94% center / 14px auto  !important;
    border-radius: 4px;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#search_area .searchMedicine button,
#search_area .searchTrouble button {
	width:20%;
	background:#4f6129;
	border:none;
	border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

#search_area .searchMedicine button .search img,
#search_area .searchTrouble button .search img{
	width: 24px;
}
@media screen and (min-width: 769px) {
	#search_area {
	    background: #fbfbfb none repeat scroll 0 0;
	    display: inline-block;
	    padding-bottom: 10px;
	    width: 100%;
	}
	#search_area .boxCont {
	    padding: 40px 0;
	    width: 1040px;
	    display: block;
	    text-align: left;
	}
	#search_area .boxCont .box:first-child {
	    float: left;
	    width: 48%;
	}
	#search_area .boxCont .box:last-child {
	    float: right;
	    width: 48%;
	    margin-top: 0;
	}
	#search_area .boxCont .box .ttl {
	    margin-top: 0 !important;
	}
	#search_area h2 {
	    margin-bottom: 10px;
	    text-align: left;
	    font-size: 18px;
	}
	#search_area .searchMedicine select::-ms-expand,
	#search_area .searchTrouble select::-ms-expand {
	    display: none;
	}
	#search_area .searchMedicine button span.search,
	#search_area .searchTrouble button span.search {
		display: inline-block;
		padding-left: 24px;
		background: url(/shop/user_data/packages/default/img/icon/icon_search.png) no-repeat left center;
		background-size: 17px;
		color: #fff;
		line-height: 17px;
		letter-spacing: 11.5px;
	}
}
/*! breadcrumb
---------------------------------------- */
#products.hyakusogan #breadcrumb,
#products.fudogan #breadcrumb{
	margin: 0 25px;
}
@media screen and (min-width: 769px) {
	#products.hyakusogan #breadcrumb,
	#products.fudogan #breadcrumb{
		margin: 0;
		padding: 20px 0;
	}
}
/*! benner_box
---------------------------------------- */
@media screen and (min-width: 769px) {
	#products.hyakusogan #benner_box,
	#products.fudogan #benner_box {
	    background: #4f6129;
	    clear: both;
	}
	#products.hyakusogan #benner_box .benner,
	#products.fudogan #benner_box .benner {
	    width: 1040px;
	    margin: 0 auto;
	    padding: 4% 0;
	}
}


/*! 20190316 追加 百草丸ラインアップ
---------------------------------------- */
.text_bo_s {
	width:80px;
	font-size:96%;
	text-decoration:none;
	display:inline;
	text-align:center;
	padding:2px 14px 0;
	color:#fff;
	background-color:#83942e;
	border-radius:8px;
	border:solid 1px #fff;

}

/*! 20190316 追加 百草丸ラインアップ
---------------------------------------- */
.info_lineup{
    background: #F1F7D3;
    margin-bottom: 60px;
		padding:50px 50px 30px;
}
.lineup_title_area{
	margin-bottom:40px;
}
.lineup_title{
	display: table;
	margin: 0 auto;
	font-size: 36px;
	padding-bottom: 15px;
	border-bottom: 1px solid #83942e;
	color:#4f6129;
}

.lineup_prod_area li .prod_box{
	text-align: center;
	border: 1px solid #c1c996;
	border-radius:7px;
	padding: 20px 25px;
	background: #fff;
}
.lineup_prod_area li .prod_box .prod_name{
	display: none;
}
.lineup_prod_area li .prod_box .prod_catch{
	font-size: 19px;
	color: #4f6129;
	font-feature-settings: "palt";
	font-weight: bold;
}
.lineup_prod_area li .prod_img img{
	max-width: 60%;
	height: auto;
	margin:5px 0 10px ;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo{
	display: block;
	background: #4f6129;
	width: 90%;
	margin: 0 auto;
	height: 50px;
	position: relative;
	text-align: center;
	color:#fff;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo::after{
	display: block;
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	background: #83942e;
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo:hover::after{
	height: 100%;
	opacity: 1;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo span{
	z-index: 10;
	transform: translate(-50%,-50%);
	top:50%;
	left: 54%;
	position: absolute;
  width: 100%;
	font-size: 15px;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo span::before{
	position: absolute;
	display: block;
	content: '';
	left: 46px;
	top:7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 8px 0 7px;
	border-color: #fff transparent transparent transparent;
}


.lineup_prod_area li .prod_box .prod_info_link a.toInfo2{
	display: block;
	background: #4f6129;
	width: 90%;
	margin: 0 auto;
	height: 50px;
	position: relative;
	text-align: center;
	color:#fff;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo2::after{
	display: block;
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	background: #83942e;
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo2:hover::after{
	height: 100%;
	opacity: 1;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo2 span{
	z-index: 10;
	transform: translate(-50%,-50%);
	top:50%;
	left: 54%;
	position: absolute;
  width: 100%;
	font-size: 15px;
}
.lineup_prod_area li .prod_box .prod_info_link a.toInfo2 span::before{
	position: absolute;
	display: block;
	left: 46px;
	top:7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 8px 0 7px;
	border-color: #fff transparent transparent transparent;
}

.lineup_prod_area li .prod_box .prod_text1{
	margin-top: 12px;
	display: block;
	font-size:13px;
	 color: #4f6129;
 	line-height:1.4
}
.lineup_prod_area li .prod_box .prod_text2{
	margin: 8px 0 10px;
	display: block;
	font-size:14px;
}
.lineup_prod_area ul{
	display: -webkit-flex;
	display: flex;
	margin: 0 -10px;
}
.lineup_prod_area .col3 li{
	margin: 0 10px;
	width: 33.3333333%;
}
.lineup_prod_area .col2 li{
	margin: 0 10px;
	width: 50%;
}
.info_lineup{
    background: #F1F7D3;
    margin-bottom: 60px;
		padding:50px 50px 30px;
}


table.howto{
	width: 85%;
	border-collapse: collapse;
	margin:0 auto;
  }
  
  table.howto tr{
	border-bottom: solid 2px white;
  }
  
  table.howto tr:last-child{
	border-bottom: none;
  }
  
  table.howto th{
	position: relative;
	text-align: left;
	width: 40%;
	background-color: #83942e;
	color: white;
	text-align: center;
	padding: 10px 0;
  }
  
  table.howto th:after{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top:calc(50% - 10px);
	right:-10px;
	border-left: 10px solid #83942e;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
  }
  
  table.howto td{
	text-align: left;
	width: 60%;
	text-align: center;
	background-color: #eee;
	padding: 10px 0;
  }

.mrl30spmrl10{margin:0 30px;}

@media screen and (max-width: 768px) {

.lineup_prod_area ul{
	display: block;
	margin: 0 0;
}
.lineup_prod_area .col3 li{
	margin: 0 ;
	width: 100%;
}
.lineup_prod_area .col2 li{
	margin: 0 ;
	width: 100%;
}
.info_lineup{
    margin-bottom: 0px;
		padding:10px 10px 30px;
}
.lineup_title{
	font-size: 24px;
}
.productsItem #history{
    margin-bottom: 0px;
		padding:10px 20px 30px;
}
.productsItem #kodawari{
    margin-bottom: 0px;
		padding:10px 12px 30px;
}
.productsItem #howtobox{
    margin-bottom: 0px;
		padding:10px 12px 30px;
}
.productsItem #medbox{
    margin-bottom: 0px;
		padding:10px 12px 30px;
}
table.howto{
	width: 100%;
	border-collapse: collapse;
	margin:0 auto;
  }
  .mrl30spmrl10{margin:0;}

}


/*! 吹き出し
---------------------------------------- */
.fukidasi01 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 30px 6%;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 15px;
  background: #FFF;
  border: solid 2px #ccc;
  box-sizing: border-box;
    border-radius: 15px;
}

.fukidasi01:before {
  content: "";
  position: absolute;
  top: -26px;
  left: 80%;
  margin-left: -16px;
  border: 14px solid transparent;
  border-bottom: 14px solid #FFF;
  z-index: 2;
}

.fukidasi01:after {
  content: "";
  position: absolute;
  top: -32px;
  left: 80%;
  margin-left: -18px;
  border: 16px solid transparent;
  border-bottom: 16px solid #ccc;
  z-index: 1;
}

.fukidasi01 p {
  margin: 0;
  padding: 0;
}


/*! 
---------------------------------------- */


/*# sourceMappingURL=maps/products.css.map */