/* 製品案内 products/ 専用 */

p.pic {
  padding-right: 100px;
  background-size: 90px 70px;
  background-repeat:no-repeat;
  background-position: top right;
  height: 75px;
}
ul.tags li.preset a{padding-left:36px;background-size:30px 20px;background-repeat:no-repeat}
ul.tags li.pic01 a, p.pic01 { background-image: url(/products/img/y/01.png); }
ul.tags li.pic02 a, p.pic02 { background-image: url(/products/img/y/02.png); }
ul.tags li.pic03 a, p.pic03 { background-image: url(/products/img/y/03.png); }
ul.tags li.pic04 a, p.pic04 { background-image: url(/products/img/y/04.png); }
ul.tags li.pic05 a, p.pic05 { background-image: url(/products/img/y/05.png); }
ul.tags li.pic06 a, p.pic06 { background-image: url(/products/img/y/06.png); }
ul.tags li.pic07 a, p.pic07 { background-image: url(/products/img/y/07.png); }
ul.tags li.pic08 a, p.pic08 { background-image: url(/products/img/y/08.png); }
ul.tags li.pic09 a, p.pic09 { background-image: url(/products/img/y/09.png); }
ul.tags li.pic10 a, p.pic10 { background-image: url(/products/img/y/10.png); }
ul.tags li.pic11 a, p.pic11 { background-image: url(/products/img/y/11.png); }
ul.tags li.pic12 a, p.pic12 { background-image: url(/products/img/y/12.png); }
ul.tags li.pic13 a, p.pic13 { background-image: url(/products/img/y/13.png); }
ul.tags li.pic14 a, p.pic14 { background-image: url(/products/img/y/14.png); }
ul.tags li.pic15 a, p.pic15 { background-image: url(/products/img/y/15.png); }
ul.tags li.pic16 a, p.pic16 { background-image: url(/products/img/y/16.png); }
ul.tags li.pic17 a, p.pic17 { background-image: url(/products/img/y/17.png); }
ul.tags li.pic18 a, p.pic18 { background-image: url(/products/img/y/18.png); }
ul.tags li.pic19 a, p.pic19 { background-image: url(/products/img/y/19.png); }
ul.tags li.pic20 a, p.pic20 { background-image: url(/products/img/y/20.png); }
ul.tags li.pic21 a, p.pic21 { background-image: url(/products/img/y/21.png); }
ul.tags li.pic22 a, p.pic22 { background-image: url(/products/img/y/22.png); }
ul.tags li.pic23 a, p.pic23 { background-image: url(/products/img/y/23.png); }
ul.tags li.pic24 a, p.pic24 { background-image: url(/products/img/y/24.png); }
ul.tags li.pic25 a, p.pic25 { background-image: url(/products/img/y/25.png); }
ul.tags li.pic26 a, p.pic26 { background-image: url(/products/img/y/26.png); }
ul.tags li.pic27 a, p.pic27 { background-image: url(/products/img/y/27.png); }
ul.tags li.pic28 a, p.pic28 { background-image: url(/products/img/y/28.png); }
ul.tags li.pic29 a, p.pic29 { background-image: url(/products/img/y/29.png); }
ul.tags li.pic30 a, p.pic30 { background-image: url(/products/img/y/30.png); }
ul.tags li.pic31 a, p.pic31 { background-image: url(/products/img/y/31.png); }


/* 流体 用途 性能 */
ul.tags li.fluid {   border-left: 2px solid #39f; }
ul.tags li.usage {   border-left: 2px solid #9f3; }
ul.tags li.ability { border-left: 2px solid #f93; }
ul.tags li.keyword { border-left: 2px solid #faf; }

/* あらゆる流体に、あらゆる用途に、あらゆる性能に、お応えします。 */
p.catchphrase { text-align:center; font-size: small;  }
span.fluid {   color: #039; }
span.usage {   color: #390; }
span.ability { color: #f30; }

a.maker{ font-style:normal; font-size:x-small; color:black; }
/* readmore 関連 */
ul.maker, ul.tags { overflow-y:hidden; }
p.more { 
  text-align:right; font-size:small; margin-right:100px !important;
}
p.more a { display: block; background-color:white; clear: both; z-index: 999; }

/* 画面幅1000pxまで(スマホ等)に適用するスタイル */
@media screen and (max-width: 1000px) {
  ul.tags li, ul.maker li { margin:0.1em; padding:0.1em; font-size:small; line-height: 1.2em; }
  ul.tags li.preset a{ padding-left:4px;background:none; }
}