._products-nav { margin-bottom: 50px; }
@media only screen and (max-width: 768px) { ._products-nav { margin-bottom: 25px; } }
._products-nav ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
._products-nav ul li { width: 157px; }
@media only screen and (max-width: 768px) { ._products-nav ul li { width: 49%; margin-bottom: 10px; } }
._products-nav ul a { border: 2px solid #0064c3; padding: 15px 0; text-align: center; display: block; line-height: 1; text-decoration: none; border-radius: 5px; }

._products-attention { background: #f2f9ff; font-size: 2.0rem; padding: 24px 35px; font-weight: bold; margin-bottom: 55px; }
@media only screen and (max-width: 768px) { ._products-attention { font-size: 1.4rem; padding: 15px; margin-bottom: 0; } }

._products-item__name { font-size: 3.2rem; color: #242222; line-height: 1; padding: 27px 0; font-weight: bold; }
@media only screen and (max-width: 768px) { ._products-item__name { font-size: 2.0rem; } }
._products-item__name h2 { font-weight: bold; }
._products-item__photo { width: 350px; float: left; margin-bottom: 50px; }
@media only screen and (max-width: 768px) { ._products-item__photo { width: 70%; margin: 0 auto 30px; float: none; } }
._products-item__photo img { border: 2px solid #a5a5a5; }
._products-item__photo .thumbnail { margin-top: 20px; zoom: 1; }
._products-item__photo .thumbnail:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { ._products-item__photo .thumbnail { margin-top: 10px; } }
._products-item__photo .thumbnail img { width: 110px; margin-right: 10px; cursor: pointer; float: left; }
@media only screen and (max-width: 768px) { ._products-item__photo .thumbnail img { width: 32%; margin-right: 2%; height: auto; } }
._products-item__photo .thumbnail img:last-child { margin-right: 0; }
._products-item__data { width: 580px; float: right; }
@media only screen and (max-width: 768px) { ._products-item__data { width: 100%; margin: 0 auto; float: none; } }
._products-item__data .logo { width: 330px; margin-bottom: 25px; }
@media only screen and (max-width: 768px) { ._products-item__data .logo { width: auto; margin-bottom: 12px; } }
._products-item__data .text { margin-bottom: 25px; line-height: 1.8; }
@media only screen and (max-width: 768px) { ._products-item__data .text { margin-bottom: 12px; } }
._products-item__data .icon { margin-bottom: 25px; }
@media only screen and (max-width: 768px) { ._products-item__data .icon { margin-bottom: 17px; } }
._products-item__data .icon img { height: 30px; width: auto; }
._products-item__data .pdf { width: 360px; }
@media only screen and (max-width: 768px) { ._products-item__data .pdf { width: auto; } }
._products-item__data .price { background: #f4f4f4; padding: 16px 20px; margin-bottom: 25px; zoom: 1; }
._products-item__data .price:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { ._products-item__data .price { margin-bottom: 15px; padding: 10px; } }
._products-item__data .price p { float: left; width: 30%; margin-bottom: 0; }
@media only screen and (max-width: 768px) { ._products-item__data .price p { width: 30%; } }
._products-item__data .price p:last-child { border-left: 1px solid #242222; padding-left: 20px; width: 70%; }
@media only screen and (max-width: 768px) { ._products-item__data .price p:last-child { width: 70%; padding-left: 10px; } }
._products-item__data .pdf { margin-bottom: 25px; }
@media only screen and (max-width: 768px) { ._products-item__data .pdf { margin-bottom: 15px; } }
._products-item__data .banner { border-radius: 5px; border: 2px solid #ccc; text-align: center; margin-bottom: 20px; }
._products-item__data .banner:last-of-type { margin-bottom: 0; }
._products-item__data .banner img { border-radius: 5px 5px 0 0; margin-bottom: 4px; }
._products-item__data .banner a { color: #242222; text-decoration: none; position: relative; padding-bottom: 5px; font-weight: bold; }
._products-item__data .banner a:before { content: ""; position: absolute; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2211%22%20viewBox%3D%220%200%206%2011%22%20width%3D%226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%24col5%22%20fill-rule%3D%22evenodd%22%20d%3D%22m1335.33%202958.38a1.382%201.382%200%200%200%200%201.81l2.93%203.31-2.93%203.31a1.4%201.4%200%200%200%200%201.82%201.041%201.041%200%200%200%201.6%200l3.73-4.22a1.35%201.35%200%200%200%20.34-.91%201.35%201.35%200%200%200%20-.34-.91l-3.73-4.21a1.069%201.069%200%200%200%20-.8-.38%201.069%201.069%200%200%200%20-.8.38z%22%20transform%3D%22translate%28-1335%20-2958%29%22%2F%3E%3C%2Fsvg%3E"); background-position: right 10px center; background-repeat: no-repeat; background-size: auto 0.8em; background-position: center center; bottom: 8px; right: 1em; height: 1em; width: 1em; }
._products-item__data .banner a:hover { opacity: 0.7; }
._products-item__underdata { clear: both; }

._products-yoto-tbl td, ._products-yoto-tbl th { text-align: center; }

._products-dl { margin-bottom: 50px; }
._products-dl strong { color: #0064c3; font-size: 2.0rem; line-height: 1; margin-bottom: 20px; display: block; line-height: 1.4; }
@media only screen and (max-width: 768px) { ._products-dl strong { margin-bottom: 10px; font-size: 1.5rem; } }
._products-dl dt { background: #0064c3; font-size: 2.4rem; color: #fff; padding: 10px 20px; font-weight: bold; margin-bottom: 30px; }
@media only screen and (max-width: 768px) { ._products-dl dt { font-size: 1.7rem; padding: 5px 10px; margin-bottom: 15px; } }
._products-dl dd { margin-bottom: 50px; }
._products-dl dd:last-child { margin-bottom: 0; }
._products-dl table { width: 560px; margin-bottom: 50px; }
._products-dl table:last-of-type { margin-bottom: 10px; }
@media only screen and (max-width: 768px) { ._products-dl table { width: 100%; margin-bottom: 20px; } }
._products-dl table td, ._products-dl table th { border: 1px solid #a2a2a2; padding: 5px 20px; }
@media only screen and (max-width: 768px) { ._products-dl table td, ._products-dl table th { padding: 5px; } }
._products-dl table th { background: #f4f4f4; text-align: center; }
._products-dl p { margin-bottom: 25px; }
._products-dl p:last-child { margin-bottom: 0; }
@media only screen and (max-width: 768px) { ._products-dl p { margin-bottom: 12px; } }

._products-underlist { margin-bottom: 50px; }
._products-underlist__title { font-size: 2.4rem; border-bottom: 2px solid #0064c3; font-weight: bold; line-height: 1.8; margin-bottom: 30px; }
@media only screen and (max-width: 768px) { ._products-underlist__title { font-size: 1.7rem; line-height: 1.4; padding-bottom: 5px; margin-bottom: 12px; } }
._products-underlist-innertitle .intropic { height:auto; width:580px; margin-bottom: 15px;}
@media only screen and (max-width: 768px) { ._products-underlist-innertitle .intropic { height:auto; width:100%; margin-bottom: 10px;} }
._products-banner{margin-bottom: 1rem;}
._products-underlist ul { display: flex; flex-wrap: wrap; }
._products-underlist li { position: relative; width: 233px; border: 1px solid #ccc; margin: 0 16px 20px 0; background: #eeeeee; cursor: pointer; display: block; }
._products-underlist li:nth-child(4n) { margin-right: 0; }
._products-underlist li:hover { opacity: 0.7; }
@media only screen and (max-width: 768px) { ._products-underlist li { width: 49%; margin: 0 2% 10px 0; }
  ._products-underlist li:nth-child(2n) { margin-right: 0; } }
._products-underlist a { color: #242222; text-decoration: none; }
._products-underlist .attention { line-height: 1.53846154; }
._products-underlist .name { padding: 10px 12px; font-weight: bold; }
@media only screen and (max-width: 768px) { ._products-underlist .name { padding: 8px 11px; line-height: 1.16666667; font-size: 1.2rem; } }
@media only screen and (max-width: 768px) { ._products-underlist--kanren li { width: 32%; margin: 0 2% 10px 0; }
  ._products-underlist--kanren li:nth-child(2n) { margin: 0 2% 10px 0; }
  ._products-underlist--kanren li:nth-child(3n) { margin: 0 0 10px; } }

._products-selfmadication { zoom: 1; background: #f2f9ff; padding: 20px 30px; margin-bottom: 50px; }
._products-selfmadication:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { ._products-selfmadication { padding: 12px; margin-bottom: 25px; } }
._products-selfmadication .title { font-size: 1.8rem; font-weight: bold; }
@media only screen and (max-width: 768px) { ._products-selfmadication .title { font-size: 1.5rem; } }
._products-selfmadication .icon { width: 123px; height: auto; float: left; margin-right: 35px; }
@media only screen and (max-width: 768px) { ._products-selfmadication .icon { float: none; width: 123px; margin: 0 auto 10px; display: block; } }

._products-yoho { zoom: 1; }
._products-yoho:after { content: ""; display: block; clear: both; }
._products-yoho__img { float: right; width: 190px; }
@media only screen and (max-width: 768px) { ._products-yoho__img { width: 40%; margin: 0 auto; } }
._products-yoho__body { float: left; width: 770px; }
@media only screen and (max-width: 768px) { ._products-yoho__body { width: 60%; } }

._products-tableset { zoom: 1; }
._products-tableset:after { content: ""; display: block; clear: both; }
._products-tableset table { float: left; width: 49%; margin-bottom: 10px; }
@media only screen and (max-width: 768px) { ._products-tableset table { float: none; width: 100%; } }
._products-tableset table:nth-child(2n) { float: right; }
@media only screen and (max-width: 768px) { ._products-tableset table:nth-child(2n) { float: none; width: 100%; } }

._products-nayami-block { zoom: 1; margin: 0 -20px 0 0; }
._products-nayami-block:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { ._products-nayami-block { margin: 0; } }

._products-nayami-other { margin: 50px 0 100px; }
@media only screen and (max-width: 768px) { ._products-nayami-other { margin: 25px 0 50px; } }
._products-nayami-other__title { font-size: 2.4rem; border-bottom: 2px solid #0064c3; font-weight: bold; line-height: 1.8; margin-bottom: 30px; }
@media only screen and (max-width: 768px) { ._products-nayami-other__title { font-size: 1.4rem; line-height: 1.4; padding-bottom: 5px; margin-bottom: 12px; } }

._products-nayami-box { zoom: 1; background: #f6f6f6; padding: 30px 20px; margin-bottom: 20px; margin-right: 20px; }
._products-nayami-box:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { ._products-nayami-box { padding: 15px 10px; margin-bottom: 10px; margin-right: 0; } }
._products-nayami-box.short { width: 480px; float: left; }
@media only screen and (max-width: 768px) { ._products-nayami-box.short { width: auto; float: none; } }
._products-nayami-box__title { font-size: 2.4rem; font-weight: bold; margin-bottom: 20px; }
@media only screen and (max-width: 768px) { ._products-nayami-box__title { margin-bottom: 10px; font-size: 1.7rem; } }
._products-nayami-box .box { width: 440px; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box { width: auto; margin-bottom: 10px; }
  ._products-nayami-box .box:last-child { margin-bottom: 0; } }
._products-nayami-box .box a { background: #fff; padding: 20px; display: flex; color: #000; text-decoration: none; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box a { padding: 10px; } }
._products-nayami-box .box a:hover { opacity: 0.7; }
._products-nayami-box .box__photo { width: 50%; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box__photo { width: 40%; } }
._products-nayami-box .box__body { width: 50%; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box__body { width: 60%; } }
._products-nayami-box .box__body .title { font-size: 1.6rem; margin-bottom: 15px; font-weight: bold; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box__body .title { font-size: 1.4rem; line-height: 1.4; margin-bottom: 5px; margin-top: 5px; } }
._products-nayami-box .box__body .icon1 { width: 110px; margin-bottom: 10px; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box__body .icon1 { width: 80px; margin-bottom: 5px; } }
._products-nayami-box .box__body .icon2 { width: 72px; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box__body .icon2 { width: 60px; } }
._products-nayami-box .box__body .attention { font-size: 12px; text-indent: -.5em; padding: 0 10px 10px 1em; line-height: 1.2; }
._products-nayami-box .box--1 { width: 460px; float: left; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box--1 { float: none; width: auto; } }
._products-nayami-box .box--2 { width: 460px; float: right; }
@media only screen and (max-width: 768px) { ._products-nayami-box .box--2 { float: none; width: auto; } }
._products-nayami-box .row { padding-top: 20px; clear: both; }
@media only screen and (max-width: 768px) { ._products-nayami-box .row { padding-top: 0; } }

._products-foreign ul { border-top: 1px solid #d8d8d8; }
._products-foreign li { display: flex; align-items: center; border-bottom: 1px solid #d8d8d8; }
._products-foreign.explanationbook ul { display: flex; flex-wrap: wrap; }
._products-foreign.explanationbook li { width: 480px; margin-right: 20px;}
._products-foreign.explanationbook li:nth-child(2n) { margin-right: 0;}
._products-foreign.explanationbook .item { width: 320px;}
@media only screen and (max-width: 768px) {
    ._products-foreign.explanationbook ul { display: block; }
    ._products-foreign.explanationbook li { width: auto; margin-right: 0; }
}
@media only screen and (max-width: 768px) { ._products-foreign li { flex-wrap: wrap; } }
._products-foreign li > p { width: 140px; margin-left: 10px; }
@media only screen and (max-width: 768px) { ._products-foreign li > p { width: 46%; margin-left: 4%; margin-bottom: 4%; }
._products-foreign.explanationbook li > p { margin-left: auto; margin-right: auto; width: 80%;}
}
._products-foreign .item { display: flex; align-items: center; width: 370px; margin-right: 10px; }
@media only screen and (max-width: 768px) { ._products-foreign .item { width: 100%; } }
._products-foreign .item .photo { width: 100px; height: auto; }
@media only screen and (max-width: 768px) { ._products-foreign .item .photo { width: 30%; } }
._products-foreign .item .title { width: 270px; line-height: 1.2; }
@media only screen and (max-width: 768px) { ._products-foreign .item .title { width: 60%; } }


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