@charset "UTF-8";
/* ------------------------------ color
------------------------------ */
/* ------------------------------ font
------------------------------ */
/* ------------------------------

------------------------------ */
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansJP-Regular.otf'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
html,
body,
header,
footer,
nav,
section,
article,
h1,
h2,
h3,
h4,
h5,
h6,
div,
form,
label,
input,
textarea,
ul,
ol,
li,
dl,
dt,
dd,
p,
video {
    margin: 0;
    padding: 0;
}

html,
body,
header,
footer,
nav,
section,
article,
h1,
h2,
h3,
h4,
h5,
h6,
div,
form,
label,
input,
textarea,
ul,
ol,
li,
dl,
dt,
dd,
dt,
p,
span,
a,
img,
i,
svg,
video,
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
input,
textarea {
    font-size: inherit;
}

ul,
li {
    list-style-type: none;
}

a {
    color: #2d96e7;
    color: #2d96e7;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    text-decoration: none;
}
a.is-hover {
    -ms-filter: 'alpha(opacity=50)';
    filter: alpha(opacity=50);
    opacity: 0.5;
    zoom: 1;
}

a,
a img {
    -webkit-transform: translateZ(0);
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

i {
    display: inline-block;
    font-size: inherit;
    font-style: normal;
    line-height: inherit;
}

img {
    border: none;
    vertical-align: top;
    width: 100%;
    height: auto;
}

input,
textarea {
    resize: none;
}

textarea {
    vertical-align: top;
}

.bold {
    font-weight: 700 !important;
}

.clearfix {
    display: inline-block;
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

/*\*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/**/
.disabled {
    -ms-filter: 'alpha(opacity=25)';
    filter: alpha(opacity=25);
    opacity: 0.25;
    zoom: 1;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.font-basic {
    font-family: 'Noto Sans Japanese', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}

.jq-hide {
    display: none !important;
}

.jq-invisible {
    visibility: hidden;
}

.l0 {
    letter-spacing: 0;
}

.maxw320 {
    max-width: 320px !important;
}

.notice {
    color: #666;
    font-size: 79%;
    font-weight: normal;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.red {
    color: #e20012 !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.tr {
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

.vm {
    vertical-align: middle;
}

.ul {
    text-decoration: underline !important;
}

.op0 {
    -ms-filter: 'alpha(opacity=0)';
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
}

.op10 {
    -ms-filter: 'alpha(opacity=10)';
    filter: alpha(opacity=10);
    opacity: 0.1;
    zoom: 1;
}

.op20 {
    -ms-filter: 'alpha(opacity=20)';
    filter: alpha(opacity=20);
    opacity: 0.2;
    zoom: 1;
}

.op30 {
    -ms-filter: 'alpha(opacity=30)';
    filter: alpha(opacity=30);
    opacity: 0.3;
    zoom: 1;
}

.op40 {
    -ms-filter: 'alpha(opacity=40)';
    filter: alpha(opacity=40);
    opacity: 0.4;
    zoom: 1;
}

.op50 {
    -ms-filter: 'alpha(opacity=50)';
    filter: alpha(opacity=50);
    opacity: 0.5;
    zoom: 1;
}

.op60 {
    -ms-filter: 'alpha(opacity=60)';
    filter: alpha(opacity=60);
    opacity: 0.6;
    zoom: 1;
}

.op70 {
    -ms-filter: 'alpha(opacity=70)';
    filter: alpha(opacity=70);
    opacity: 0.7;
    zoom: 1;
}

.op80 {
    -ms-filter: 'alpha(opacity=80)';
    filter: alpha(opacity=80);
    opacity: 0.8;
    zoom: 1;
}

.op90 {
    -ms-filter: 'alpha(opacity=90)';
    filter: alpha(opacity=90);
    opacity: 0.9;
    zoom: 1;
}

.op100 {
    -ms-filter: 'alpha(opacity=100)';
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
}

.m0 {
    margin: 0px !important;
}

.p0 {
    padding: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.p5 {
    padding: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.p10 {
    padding: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.p15 {
    padding: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.p20 {
    padding: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.p25 {
    padding: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.p30 {
    padding: 30px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.block-sp,
.block-lg,
.block-md,
.block-sm,
.block-s,
.block-xs,
.block-xxs,
.inline-sp,
.inline-lg,
.inline-md,
.inline-sm,
.inline-s,
.inline-xs,
.inline-xxs {
    display: none !important;
}

@media screen and (max-width: 1199px) {
    .hide-lg {
        display: none !important;
    }
    .block-lg {
        display: block !important;
    }
    .inline-lg {
        display: inline !important;
    }
}
@media screen and (max-width: 991px) {
    .hide-md {
        display: none !important;
    }
    .block-md {
        display: block !important;
    }
    .inline-md {
        display: inline !important;
    }
}
@media screen and (max-width: 767px) {
    .block-pc,
    .hide-sp {
        display: none !important;
    }
    .block-sp {
        display: block !important;
    }
    .inline-sp {
        display: inline !important;
    }
    .hide-sm {
        display: none !important;
    }
    .block-sm {
        display: block !important;
    }
    .inline-sm {
        display: inline !important;
    }
}
@media screen and (max-width: 640px) {
    .hide-s {
        display: none !important;
    }
    .block-s {
        display: block !important;
    }
    .inline-s {
        display: inline !important;
    }
}
@media screen and (max-width: 480px) {
    .hide-xs {
        display: none !important;
    }
    .block-xs {
        display: block !important;
    }
    .inline-xs {
        display: inline !important;
    }
}
@media screen and (max-width: 400px) {
    .hide-xxs {
        display: none !important;
    }
    .block-xxs {
        display: block !important;
    }
    .inline-xxs {
        display: inline !important;
    }
}
/* ------------------------------ btn
------------------------------ */
.btn {
    background: #e20012;
    border-bottom: 3px solid #b5000e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1.5;
    margin-right: auto;
    margin-left: auto;
    padding: 8px 30px;
    text-align: center;
}
.btn.is-s {
    font-size: 86%;
    padding: 5px 15px;
}
.btn.is-m {
    font-size: 115%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn.is-r {
    padding-right: 45px;
}
.btn.is-r:after {
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.btn.is-r.is-s {
    padding-right: 30px;
}

a.btn {
    color: #fff;
    color: #fff;
}

/* ------------------------------ link
------------------------------ */
.link {
    color: #e20012;
    display: inline-block;
    padding-left: 16px;
}
.link:before {
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    left: 0;
    top: 50%;
}
.link.is-s {
    font-size: 86%;
}
.link.is-guide:before {
    content: '';
    background: url(/assets/images/common/icon-guide.png) no-repeat center;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}
.link.is-faq:before {
    content: '\f059';
}

a.link {
    color: #e20012;
    color: #e20012;
}

/* ------------------------------ video
------------------------------ */
.video {
    margin-right: auto;
    margin-left: auto;
}
.video .video-container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: 0;
}
.video .video-container iframe,
.video .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video.is-720 {
    max-width: 720px;
}
.video.is-16x9 .video-container {
    padding-top: 56.25%;
}

/* ------------------------------ old
------------------------------ */
#header img,
#gNavi img {
    display: block;
    width: auto;
    height: auto;
}

.header-title {
    padding: 2px 8px;
    background: #3b3b36;
    font-size: 0.5rem;
    color: #fff;
    line-height: 1.6;
    text-align: left;
}

#header {
    text-align: left;
}
#header .headSection {
    margin-bottom: 15px;
    padding: 7px 0 8px;
    background: #3b3b36 url(/shared/img/head_bg.gif) repeat-x left bottom;
    zoom: 1;
}
#header .topBox,
#header .headInner {
    margin: 0 auto;
    width: 960px;
}
#header h1 {
    font-size: 72%;
    font-weight: normal;
    color: #fff;
    float: left;
    line-height: 24px;
    padding: 0 0 0 10px;
}
#header .headList {
    text-align: right;
    float: right;
}
#header .headList li {
    display: inline;
    padding: 0 7px;
}
#header .headList li a {
    background: url(/shared/img/icon01.gif) no-repeat left center;
    color: #fff;
    display: inline-block;
    font-size: 86%;
    letter-spacing: 0;
    padding-left: 10px;
}
#header .logo {
    padding: 7px 25px 0 0;
    float: left;
}
#header .notes {
    padding: 7px 0 0;
    float: left;
    width: 350px;
}
#header .textLink2 {
    padding: 8px 20px 0 0;
    float: left;
}
#header .textLink2 li {
    float: left;
}
#header .tel2 {
    float: none;
    margin-top: -20px\9;
}
#header .textLink {
    padding: 29px 31px 0 0;
    float: left;
}
#header .textLink li {
    float: left;
}
#header .tel {
    float: left;
}

#header-bnr-area {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    max-width: 960px;
}
#header-bnr-area > p {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
}

#gNavi {
    padding-bottom: 3px;
    background: url(/shared/img/gnavi_bg.gif) repeat-x left bottom;
    clear: both;
}
#gNavi ul {
    margin: 0 auto;
    width: 960px;
}
#gNavi ul li {
    float: left;
    height: 60px;
}
#gNavi ul li a {
    float: left;
}

/* ------------------------------ header
------------------------------ */
/* ------------------------------ old
------------------------------ */
.pageTop {
    clear: both;
    margin: 43px auto 3px;
    max-width: 960px;
}
.pageTop a {
    float: right;
}

#footer {
    background: #3c3c37 url(/shared/img/foot_inner_bg.jpg) repeat-x center top;
    text-align: left;
    clear: both;
    overflow: hidden;
}
#footer .footDl {
    padding: 32px 0 70px;
}
#footer .footDl,
#footer .footBox {
    margin: 0 auto;
    width: 960px;
}
#footer .footDl a {
    color: #fff;
    font-size: 86%;
    text-decoration: underline;
}
#footer .footDl a:hover {
    text-decoration: none;
}
#footer .footDl dt {
    margin-bottom: 18px;
    padding: 0 0 18px;
    background: url(/shared/img/line01.gif) repeat-x left bottom;
}
#footer .footDl dt a {
    font-size: 100%;
}
#footer .footDl dt a,
#footer .footList li a {
    padding-left: 22px;
    display: inline-block;
    background: url(/shared/img/icon02.png) no-repeat left 7px;
}
#footer .footList {
    width: 190px;
    float: left;
}
#footer .footList02 {
    width: 135px;
}
#footer .footList01 {
    width: 222px;
}
#footer ul li,
#footer .footList01 .on {
    margin-bottom: 7px;
}
#footer .footList01 li {
    margin-bottom: 2px;
}
#footer .footList01 li a {
    background: url(/shared/img/icon01.png) no-repeat left 9px;
    display: inline-block;
    font-size: 86%;
    padding-left: 12px;
}
#footer .footList01 li.on a {
    background: url(/shared/img/icon01.png) no-repeat left 9px;
}
#footer .footInner {
    padding: 0 0 7px;
    background: #e60012;
}
#footer .footBox p {
    float: left;
    padding: 5px 0 0;
    width: 700px;
}
#footer .footBox .footLogo {
    padding: 0 1px 0 0;
    float: right;
}

.footer_txt {
    font-size: 86% !important;
    letter-spacing: 0;
}

.copyrights {
    color: #fff;
    font-size: 79%;
    letter-spacing: 0;
    margin: 0 auto;
    padding-bottom: 5px;
    text-align: right;
    width: 960px;
}

/* ------------------------------ footer
------------------------------ */
/* ------------------------------ structure
------------------------------ */
html,
body {
    width: 100%;
    height: 100%;
}

body,
input,
textarea {
    font-family: 'Noto Sans Japanese', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body {
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 2;
    min-width: 960px;
}

.path {
    background: #eee;
    padding: 5px 0;
}

.container,
.container-m,
.container-s {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.container {
    max-width: 1000px;
}

.container-m {
    max-width: 840px;
}

.container-s {
    max-width: 760px;
}

.content {
    margin-bottom: 80px;
}
.content.is-s {
    margin-bottom: 40px;
}
.content.is-m {
    margin-bottom: 60px;
}

.content-title {
    background: #3b3b36;
    color: #fff;
    font-size: 172%;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 15px 10px;
    text-align: center;
}
.content-title span,
.content-title strong {
    display: inline-block;
}
.content-title span {
    font-size: 50%;
    padding-top: 10px;
}
.content-title span.is-m {
    font-size: 75%;
}
.content-title strong {
    color: #fee900;
}
.content-title.is-m {
    font-size: 200%;
}
.content-title.is-l {
    font-size: 258%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.content-title.is-xl {
    font-size: 300%;
}
.content-title.is-navy {
    background: #002f59;
}
.content-title.is-yellow {
    background: #fee900;
    color: #000;
}

.content-subtitle {
    font-size: 200%;
    font-weight: 700;
    margin-bottom: 20px;
}
.content-subtitle.is-s {
    font-size: 172%;
}
.content-subtitle:before {
    background: #ccc;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.content-subtitle span {
    display: inline-block;
}
.content-subtitle span:before {
    background: #e20012;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
}

.content-subtitle-check {
    font-size: 172%;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
    padding-left: 30px;
}
.content-subtitle-check:before {
    color: #2d96e7;
    content: '\f058';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    position: absolute;
    left: 0;
}

.content-lead {
    font-size: 115%;
    margin-bottom: 20px;
}
.content-lead.is-m {
    font-size: 129%;
}
.content-lead p {
    margin-top: 1em;
}
.content-lead p:first-child {
    margin-top: 0;
}

/* ------------------------------ owl
------------------------------ */
.owl-dots-custom {
    -ms-filter: 'alpha(opacity=100)';
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
    padding-top: 2px;
    pointer-events: inherit;
    text-align: center;
}
.owl-dots-custom .owl-dot {
    background: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    margin: 8px 3px 0;
    width: 8px;
    height: 8px;
}
.owl-dots-custom .owl-dot.active {
    background: #666;
}

/* ------------------------------ item-list
------------------------------ */
.item-list {
    margin-right: -10px;
    margin-left: -10px;
    text-align: center;
}
.item-list li {
    float: left;
    padding-bottom: 20px;
    width: 50%;
}
.item-list li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 20px;
}
.item-list li .title {
    background: #808080;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 150%;
    font-weight: 700;
    line-height: 1.5;
    padding: 10px;
}
.item-list li img {
    max-width: 200px;
    margin-bottom: 10px;
}
.item-list li .text {
    padding: 20px 30px 0;
}
.item-list li .detail {
    text-align: left;
}
.item-list li .btn {
    margin-top: 10px;
}
.item-list .is-3 li {
    width: 33.33%;
}
.item-list .is-3 li .title {
    font-size: 129%;
}
.item-list .is-3 li img {
    max-width: 150px;
}

/* ------------------------------ manufacturer-list
------------------------------ */
.manufacturer-list {
    margin-right: -10px;
    margin-left: -10px;
    text-align: center;
}
.manufacturer-list li {
    float: left;
    padding-bottom: 20px;
    width: 50%;
}
.manufacturer-list li a {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    padding: 30px 30px 20px;
}
.manufacturer-list li img {
    max-width: 400px;
    margin-bottom: 20px;
}
.manufacturer-list li .detail {
    text-align: left;
}
.manufacturer-list .is-3 li {
    width: 33.33%;
}
.manufacturer-list .is-3 li img {
    max-width: 240px;
}

/* ------------------------------ content
------------------------------ */
.content-best3 {
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.content-best3 .content-title {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.content-best3 .list {
    padding: 0 15px 20px;
}
.content-best3 li {
    float: left;
    width: 24.75%;
}
.content-best3 li a {
    background: #fff;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    padding: 18px;
}
.content-best3 li dl {
    display: table;
}
.content-best3 li dt,
.content-best3 li dd {
    display: table-cell;
    vertical-align: middle;
}
.content-best3 li dt {
    width: 44px;
}
.content-best3 li .text {
    min-height: 390px;
}
.content-best3 li .title {
    line-height: 1.35;
    font-size: 93%;
    font-weight: 700;
    padding-left: 5px;
}
.content-best3 li .title span {
    color: #666;
    font-size: 50%;
    font-weight: 400;
}
.content-best3 li .image {
    padding-top: 10px;
    text-align: center;
}
.content-best3 li .image img {
    max-width: 150px;
}
.content-best3 li .detail {
    font-size: 93%;
    line-height: 1.6;
    padding: 20px 0 10px;
}
.content-best3 li .btns {
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 100%;
}
.content-best3 li .btn {
    display: block;
    margin-right: 18px;
    margin-left: 18px;
}
.content-best3 li.best1 {
    width: 50.5%;
}
.content-best3 li.best1 a {
    border-color: #ffaf0d;
    padding: 28px 28px 18px;
}
.content-best3 li.best1 dt {
    width: 60px;
}
.content-best3 li.best1 .text {
    min-height: 380px;
}
.content-best3 li.best1 .title {
    font-size: 172%;
    padding-left: 10px;
}
.content-best3 li.best1 .image {
    padding: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 200px;
}
.content-best3 li.best1 .image img {
    max-width: none;
}
.content-best3 li.best1 .detail {
    font-size: 115%;
    line-height: 1.8;
}
.content-best3 li.best1 .btn {
    margin-right: auto;
    margin-left: auto;
    max-width: 200px;
}
.content-best3 li.best2 a {
    border-color: #caced1;
}
.content-best3 li.best3 a {
    border-color: #d4c2b4;
}

.content-feature {
    margin-bottom: 20px;
    text-align: center;
}
.content-feature .list {
    margin-right: -10px;
    margin-left: -10px;
}
.content-feature li {
    float: left;
    width: 50%;
}
.content-feature .title {
    line-height: 1.5;
    font-size: 129%;
    font-weight: 700;
    padding-bottom: 10px;
}
.content-feature .block {
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 30px 20px 20px;
}
.content-feature .logo {
    max-width: 320px;
    margin-bottom: 20px;
}
.content-feature a {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    line-height: 1.75;
    margin-right: 5px;
    margin-left: 5px;
    padding: 15px 10px 15px 80px;
    text-align: left;
}
.content-feature a img {
    width: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.content-feature a strong {
    font-size: 115%;
}

.content-fig .title {
    font-size: 129%;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.content-fig .title span {
    background: #808080;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    padding: 5px 15px;
}
.content-fig.is-1 .fig img {
    border: 1px solid #666;
    margin-bottom: 20px;
}
.content-fig.is-2 .table {
    border: 1px solid #666;
    line-height: 1.35;
    text-align: center;
}
.content-fig.is-2 .table dl {
    display: table;
    width: 100%;
    height: 80px;
}
.content-fig.is-2 .table dt,
.content-fig.is-2 .table dd {
    display: table-cell;
    vertical-align: middle;
}
.content-fig.is-2 .table dt {
    width: 16%;
}
.content-fig.is-2 .table dd {
    width: 28%;
}
.content-fig.is-2 .table .head {
    font-weight: 700;
}
.content-fig.is-2 .table .head dt,
.content-fig.is-2 .table .head dd {
    background: #666;
    color: #fff;
}
.content-fig.is-2 .table .head dd {
    border-left: 1px solid #4d4d4d;
}
.content-fig.is-2 .table .body dl {
    border-top: 1px solid #ccc;
}
.content-fig.is-2 .table .body dt {
    background: #eee;
    font-weight: 700;
}
.content-fig.is-2 .table .body dd {
    border-left: 1px solid #ccc;
}
.content-fig.is-2 .table .body i {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.content-fig.is-2 .table .body .bad i {
    background-image: url(/assets/images/common/icon-good01.png);
}
.content-fig.is-2 .table .body .ok i {
    background-image: url(/assets/images/common/icon-good02.png);
}
.content-fig.is-2 .table .body .good i {
    background-image: url(/assets/images/common/icon-good03.png);
}
.content-fig.is-2 .table .body .best i {
    background-image: url(/assets/images/common/icon-good04.png);
}
.content-fig.is-2 .table .body .power dd {
    font-size: 86%;
}
.content-fig.is-2 .table .body .no1:before {
    background: #fff2cc;
    border: 2px solid #ffc000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}
.content-fig.is-2 .table .body .no1 i {
    z-index: 2;
}
.content-fig.is-2 .table .body .no1.good i {
    background-image: url(/assets/images/common/icon-good03-02.png);
}
.content-fig.is-2 .table .body .no1.best i {
    background-image: url(/assets/images/common/icon-good04-02.png);
}
.content-fig.is-2 .notice {
    line-height: 1.5;
    padding-top: 10px;
    text-align: center;
}
.content-fig.is-3 .fig {
    border: 1px solid #666;
    letter-spacing: 0;
}
.content-fig.is-3 .fig .bg {
    height: 628px;
}
.content-fig.is-3 .fig .note {
    padding: 0 0 1em 1em;
    line-height: 1.6;
}
.content-fig.is-3 .fig .y {
    padding-top: 140px;
    position: absolute;
    top: 29px;
    left: 0;
    height: 562px;
    width: 41px;
}
.content-fig.is-3 .fig .y:before,
.content-fig.is-3 .fig .y:after {
    content: '';
    display: block;
    position: absolute;
}
.content-fig.is-3 .fig .y:before {
    background: #2d96e7;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
}
.content-fig.is-3 .fig .y:after {
    border-color: transparent transparent #2d96e7 transparent;
    border-style: solid;
    border-width: 6px;
    margin-top: -6px;
    margin-left: -6px;
    top: 0;
    left: 40px;
    width: 0;
    height: 0;
}
.content-fig.is-3 .fig .y label {
    background: #fff;
    color: #2d96e7;
    display: inline-block;
    font-size: 115%;
    font-weight: 700;
    line-height: 18px;
    margin-left: -10px;
    padding: 5px 0;
    position: absolute;
    top: 15px;
    left: 40px;
    text-align: center;
    width: 20px;
}
.content-fig.is-3 .fig .y p {
    color: #666;
    font-size: 79%;
    line-height: 1.25;
    text-align: center;
}
.content-fig.is-3 .fig .y p span {
    display: block;
    font-size: 50%;
    -webkit-transform: scale(0.75, 0.75);
    -moz-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
}
.content-fig.is-3 .fig .y .y1 {
    height: 135px;
}
.content-fig.is-3 .fig .y .y2 {
    height: 48px;
}
.content-fig.is-3 .fig .y .y3 {
    height: 70px;
}
.content-fig.is-3 .fig .y .y4 {
    height: 82px;
}
.content-fig.is-3 .fig .x {
    position: absolute;
    bottom: 0;
    right: 39px;
    height: 39px;
    width: 880px;
}
.content-fig.is-3 .fig .x:before,
.content-fig.is-3 .fig .x:after {
    content: '';
    display: block;
    position: absolute;
}
.content-fig.is-3 .fig .x:before {
    background: #e20012;
    top: 0;
    right: 0;
    height: 2px;
    width: 100%;
}
.content-fig.is-3 .fig .x:after {
    border-color: transparent transparent transparent #e20012;
    border-style: solid;
    border-width: 6px;
    margin-top: -5px;
    margin-right: -6px;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
}
.content-fig.is-3 .fig .x label {
    background: #fff;
    color: #e20012;
    display: inline-block;
    font-size: 115%;
    font-weight: 700;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    top: -9px;
    right: 15px;
    text-align: center;
}
.content-fig.is-3 .fig .x p {
    color: #666;
    font-size: 65%;
    line-height: 1.25;
    margin-left: -40px;
    position: absolute;
    top: 16px;
    text-align: center;
    width: 80px;
}
.content-fig.is-3 .fig .x .x1 {
    left: 100px;
}
.content-fig.is-3 .fig .x .x2 {
    left: 295px;
}
.content-fig.is-3 .fig .x .x3 {
    left: 405px;
}
.content-fig.is-3 .fig .x .x4 {
    left: 485px;
}
.content-fig.is-3 .fig .x .x5 {
    left: 545px;
}
.content-fig.is-3 .fig .x .x6 {
    left: 745px;
}
.content-fig.is-3 .fig .label {
    color: #fff;
    font-size: 86%;
    font-weight: 700;
    line-height: 1.35;
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: center;
}
.content-fig.is-3 .fig .label strong,
.content-fig.is-3 .fig .label span {
    display: inline-block;
}
.content-fig.is-3 .fig .label strong {
    width: 60px;
}
.content-fig.is-3 .fig .label span {
    width: 30px;
}
.content-fig.is-3 .fig .label .power,
.content-fig.is-3 .fig .label .price {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 4px;
}
.content-fig.is-3 .fig .label .price {
    margin-top: 3px;
}
.content-fig.is-3 .fig .label .power {
    background: #2d96e7;
}
.content-fig.is-3 .fig .label .price {
    background: #e20012;
}
.content-fig.is-3 .fig .q {
    position: absolute;
}
.content-fig.is-3 .fig .q:before {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    content: '';
    display: block;
    -ms-filter: 'alpha(opacity=25)';
    filter: alpha(opacity=25);
    opacity: 0.25;
    zoom: 1;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}
.content-fig.is-3 .fig .q1,
.content-fig.is-3 .fig .q4 {
    right: 39px;
    width: 439px;
    height: 269px;
}
.content-fig.is-3 .fig .q2,
.content-fig.is-3 .fig .q3 {
    left: 59px;
    width: 419px;
    height: 269px;
}
.content-fig.is-3 .fig .q1,
.content-fig.is-3 .fig .q2 {
    top: 29px;
}
.content-fig.is-3 .fig .q1 {
    /* background: #eee; */
    background: #c0dff8;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}
.content-fig.is-3 .fig .q1:before {
    /* border-color: #666; */
    border-color: #2d96e7;
    opacity: 1;
}
.content-fig.is-3 .fig .q2 {
    background: #c0dff8;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}
.content-fig.is-3 .fig .q2:before {
    border-color: #2d96e7;
    -ms-filter: 'alpha(opacity=100)';
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
}
.content-fig.is-3 .fig .q3,
.content-fig.is-3 .fig .q4 {
    background: #fff2cc;
    bottom: 59px;
}
.content-fig.is-3 .fig .q3:before,
.content-fig.is-3 .fig .q4:before {
    border-color: #ffc000;
}
.content-fig.is-3 .fig .q3 {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.content-fig.is-3 .fig .q4 {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.content-fig.is-3 .fig .q4 .label {
    margin-top: -28px;
    top: 82%;
    right: 20px;
    left: auto;
}
.content-fig.is-3 .fig .item {
    color: #000;
    color: #000;
    display: block;
    line-height: 1.35;
    position: absolute;
}
.content-fig.is-3 .fig .item img {
    position: absolute;
    width: auto;
}
.content-fig.is-3 .fig .item .title {
    display: inline-block;
    font-size: 79%;
    font-weight: 700;
}
.content-fig.is-3 .fig .item .title:after {
    color: #e20012;
    content: '\f138';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    margin-left: 3px;
}
.content-fig.is-3 .fig .item .spec {
    position: absolute;
}
.content-fig.is-3 .fig .item .spec:before,
.content-fig.is-3 .fig .item .spec:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute;
}
.content-fig.is-3 .fig .item .spec:before {
    background: #666;
    margin-top: -7px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
}
.content-fig.is-3 .fig .item .spec:after {
    margin-top: -2px;
    margin-left: -2px;
    background: #fff;
    width: 4px;
    height: 4px;
}
.content-fig.is-3 .fig .item .spec p {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-size: 65%;
    padding: 5px 0;
    width: 60px;
    text-align: center;
    white-space: nowrap;
}
.content-fig.is-3 .fig .item .spec.is-l p {
    width: 76px;
}
.content-fig.is-3 .fig .item .spec p:after {
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
}
.content-fig.is-3 .fig .item .spec.is-rc:before,
.content-fig.is-3 .fig .item .spec.is-rc:after {
    right: -17px;
    top: 50%;
}
.content-fig.is-3 .fig .item .spec.is-rc:before {
    margin-top: -7px;
    margin-right: -7px;
}
.content-fig.is-3 .fig .item .spec.is-rc:after {
    margin-top: -2px;
    margin-right: -2px;
}
.content-fig.is-3 .fig .item .spec.is-rc p:after {
    border-left-color: #fff;
    margin-top: -6px;
    right: -12px;
    top: 50%;
}
.content-fig.is-3 .fig .item .spec.is-lc:before,
.content-fig.is-3 .fig .item .spec.is-lc:after {
    left: 75px;
    top: 50%;
}
.content-fig.is-3 .fig .item .spec.is-lc:before {
    margin-top: -7px;
    margin-left: -7px;
}
.content-fig.is-3 .fig .item .spec.is-lc:after {
    margin-top: -2px;
    margin-left: -2px;
}
.content-fig.is-3 .fig .item .spec.is-lc p:after {
    border-right-color: #fff;
    margin-top: -6px;
    left: -12px;
    top: 50%;
}
.content-fig.is-3 .fig .item .spec.is-bc:before,
.content-fig.is-3 .fig .item .spec.is-bc:after {
    left: 50%;
    bottom: -17px;
}
.content-fig.is-3 .fig .item .spec.is-bc:before {
    margin-bottom: -7px;
    margin-left: -7px;
}
.content-fig.is-3 .fig .item .spec.is-bc:after {
    margin-bottom: -2px;
    margin-left: -2px;
}
.content-fig.is-3 .fig .item .spec.is-bc p:after {
    border-top-color: #fff;
    margin-left: -6px;
    bottom: -12px;
    left: 50%;
}
.content-fig.is-3 .fig .item .spec.is-tl:before,
.content-fig.is-3 .fig .item .spec.is-tl:after {
    top: 0;
    left: -17px;
}
.content-fig.is-3 .fig .item .spec.is-tl:before {
    margin-top: -7px;
    margin-left: -7px;
}
.content-fig.is-3 .fig .item .spec.is-tl:after {
    margin-top: -2px;
    margin-left: -2px;
}
.content-fig.is-3 .fig .item .spec.is-tl p:after {
    border-top-color: #fff;
    border-right-color: #fff;
    top: 0;
    left: -6px;
}

.content-fig.is-3 .fig .item .spec.is-tc:before,
.content-fig.is-3 .fig .item .spec.is-tc:after {
    left: 50%;
    top: -17px;
}
.content-fig.is-3 .fig .item .spec.is-tc:before {
    margin-bottom: -7px;
    margin-left: -7px;
}
.content-fig.is-3 .fig .item .spec.is-tc:after {
    margin-bottom: -2px;
    margin-left: -2px;
}
.content-fig.is-3 .fig .item .spec.is-tc p:after {
    border-bottom-color: #fff;
    margin-left: -6px;
    top: -12px;
    left: 50%;
}

.content-fig.is-3 .fig .item .spec.is-bl:before,
.content-fig.is-3 .fig .item .spec.is-bl:after {
    left: 0;
    bottom: -17px;
}
.content-fig.is-3 .fig .item .spec.is-bl:before {
    margin-bottom: -7px;
    margin-left: -7px;
}
.content-fig.is-3 .fig .item .spec.is-bl:after {
    margin-bottom: -2px;
    margin-left: -2px;
}
.content-fig.is-3 .fig .item .spec.is-bl p:after {
    border-top-color: #fff;
    border-left-color: #fff;
    left: 0;
    bottom: -6px;
}
.content-fig.is-3 .fig .item .spec .pressure {
    color: #2d96e7;
}
.content-fig.is-3 .fig .item .spec .pressure strong {
    font-size: 150%;
}
.content-fig.is-3 .fig .item .spec .price {
    color: #e20012;
}
.content-fig.is-3 .fig .item1 {
    left: 758px;
    top: 55px;
    width: 156px;
    height: 100px;
}
.content-fig.is-3 .fig .item1 .logo {
    left: 0;
    top: 52px;
}
.content-fig.is-3 .fig .item1 .image {
    top: 19px;
    right: 0;
}
.content-fig.is-3 .fig .item1 .spec {
    top: 0;
    left: 15px;
}
.content-fig.is-3 .fig .item1 .title {
    padding-top: 80px;
    text-align: right;
    width: 85px;
}
.content-fig.is-3 .fig .item2 {
    left: 719px;
    top: 165px;
    width: 73px;
    height: 158px;
}
.content-fig.is-3 .fig .item2 .logo {
    left: -10px;
    top: 72px;
}
.content-fig.is-3 .fig .item2 .image {
    right: 0;
    bottom: 0;
}
.content-fig.is-3 .fig .item2 .spec {
    top: 0;
    left: 10px;
}
.content-fig.is-3 .fig .item2 .title {
    padding-top: 92px;
    text-align: right;
    width: 90px;
}
.content-fig.is-3 .fig .item3 {
    left: 228px;
    top: 54px;
    width: 180px;
    height: 226px;
}
.content-fig.is-3 .fig .item3 .logo {
    left: 76px;
    top: 145px;
}
.content-fig.is-3 .fig .item3 .image {
    top: 0;
    left: 0;
    width: 172px;
}
.content-fig.is-3 .fig .item3 .spec {
    top: 187px;
    right: 10px;
}
.content-fig.is-3 .fig .item3 .title {
    padding-top: 168px;
    text-align: right;
    width: 163px;
}
.content-fig.is-3 .fig .item4 {
    left: 83px;
    top: 399px;
    width: 176px;
    height: 87px;
}
.content-fig.is-3 .fig .item4 .logo {
    top: 0;
    left: 112px;
}
.content-fig.is-3 .fig .item4 .image {
    top: -36px;
    left: 68px;
}
.content-fig.is-3 .fig .item4 .spec {
    top: 44px;
    left: 24px;
}
.content-fig.is-3 .fig .item4 .title {
    text-align: center;
    width: 100px;
    position: relative;
    top: 20px;
    left: 92px;
}
.content-fig.is-3 .fig .item5 {
    left: 172px;
    top: 462px;
    width: 260px;
    height: 100px;
}
.content-fig.is-3 .fig .item5 .image {
    top: 19px;
    right: 0;
}
.content-fig.is-3 .fig .item5 .spec {
    top: -18px;
    left: 104px;
}
.content-fig.is-3 .fig .item5 .title {
    padding-top: 80px;
    text-align: right;
    width: 100%;
}
.content-fig.is-3 .fig .item6 {
    left: 279px;
    top: 399px;
    width: 98px;
    height: 150px;
}
.content-fig.is-3 .fig .item6 .image {
    top: 32px;
    right: 0;
}
.content-fig.is-3 .fig .item6 .spec {
    top: 0;
    left: 0;
}
.content-fig.is-3 .fig .item6 .title {
    display: block;
    padding-top: 128px;
    padding-right: 10px;
    text-align: right;
}
.content-fig.is-3 .fig .item7 {
    left: 400px;
    top: 280px;
    width: 88px;
    height: 180px;
}
.content-fig.is-3 .fig .item7 .logo {
    left: 8px;
    bottom: 4px;
}
.content-fig.is-3 .fig .item7 .image {
    top: 51px;
    left: 35px;
}
.content-fig.is-3 .fig .item7 .spec {
    top: 7px;
    left: 25px;
}
.content-fig.is-3 .fig .item7 .title {
    display: block;
    padding-top: 115px;
    text-align: center;
}
.content-fig.is-3 .fig .item8 {
    left: 526px;
    top: 260px;
    width: 146px;
    height: 180px;
}
.content-fig.is-3 .fig .item8 .logo {
    left: 35px;
    top: 207px;
}
.content-fig.is-3 .fig .item8 .image {
    top: 104px;
    left: 46px;
}
.content-fig.is-3 .fig .item8 .spec {
    top: 0;
    left: 36px;
}
.content-fig.is-3 .fig .item8 .title {
    display: block;
    padding-top: 70px;
    text-align: center;
}
.content-fig.is-3 .fig .item9 {
    left: 630px;
    top: 170px;
    width: 148px;
    height: 106px;
}
.content-fig.is-3 .fig .item9 .image {
    top: 34px;
    left: 85px;
}
.content-fig.is-3 .fig .item9 .spec {
    top: 35px;
    left: 18px;
}
.content-fig.is-3 .fig .item9 .title {
    display: block;
    padding-top: 0;
    text-align: center;
}

.content-fig.is-3 .fig .item10 {
    left: 100px;
    top: 178px;
    width: 58px;
    height: 116px;
}
.content-fig.is-3 .fig .item10 .logo {
    left: 0;
    top: 40px;
}
.content-fig.is-3 .fig .item10 .image {
    top: 0;
    left: 124px;
}
.content-fig.is-3 .fig .item10 .spec {
    top: 62px;
    left: 179px;
}
.content-fig.is-3 .fig .item10 .title {
    display: block;
    padding-top: 68px;
    text-align: right;
    width: 120px;
}

.content-fig.is-3 .fig .item13 {
    left: 354px;
    top: 404px;
    width: 80px;
    height: 106px;
}
.content-fig.is-3 .fig .item13 .image {
    top: 80px;
    left: 20px;
}
.content-fig.is-3 .fig .item13 .spec {
    top: 0;
    left: 10px;
}
.content-fig.is-3 .fig .item13 .title {
    display: block;
    padding-top: 47px;
    text-align: center;
}

/* 20230627 content-fig 修正 */
.link-none {
    pointer-events: none;
}
.content-fig.is-3 .fig .y {
    padding-top: 10px;
}
.content-fig.is-3 .fig .y .y0 {
    height: 150px;
}
.content-fig.is-3 .fig .x .x6 {
    left: 788px;
}
.content-fig.is-3 .fig .x .x5 {
    left: 705px;
}
.content-fig.is-3 .fig .x .x4 {
    left: 673px;
}
.content-fig.is-3 .fig .x .x3 {
    left: 564px;
}
.content-fig.is-3 .fig .x .x2 {
    left: 322px;
}
.content-fig.is-3 .fig .x .x1 {
    left: 120px;
}
.content-fig.is-3 .fig .item10 .spec {
    left: 64px;
}
.content-fig.is-3 .fig .item10 {
    left: 92px;
    top: 106px;
    width: 100px;
}
.content-fig.is-3 .fig .item10 .image {
    top: 0;
    left: 48px;
    width: 40px;
}
.content-fig.is-3 .fig .item10 .logo {
    left: 0;
    top: 93px;
}
.content-fig.is-3 .fig .item10 .title {
    padding-top: 117px;
    width: 110px;
    text-align: center;
}
.content-fig.is-3 .fig .item10 .spec {
    left: 26px;
    top: 135px;
}
.content-fig.is-3 .fig .item4 {
    left: 130px;
    top: 358px;
}
.content-fig.is-3 .fig .item5 {
    left: 102px;
    top: 467px;
}
.content-fig.is-3 .fig .item5 .image {
    top: 21px;
    left: 18px;
    width: 67px;
}
.content-fig.is-3 .fig .item5 .title {
    padding-top: 53px;
    text-align: center;
}
.content-fig.is-3 .fig .item .spec.is-tl:before,
.content-fig.is-3 .fig .item .spec.is-tl:after {
    top: 4px;
    left: -17px;
}
.content-fig.is-3 .fig .item7 {
    width: 130px;
    height: 175px;
}
.content-fig.is-3 .fig .item7 .spec {
    top: 0;
    left: 24px;
}
.content-fig.is-3 .fig .item7 .image {
    top: 104px;
    left: 34px;
}
.content-fig.is-3 .fig .item7 .logo {
    left: 0px;
}
.content-fig.is-3 .fig .item7 .title {
    padding-top: 70px;
}
.content-fig.is-3 .fig .item1 {
    left: 782px;
    top: 45px;
    width: 120px;
    height: 110px;
}
.content-fig.is-3 .fig .item1 .logo {
    left: -8px;
    top: 48px;
    width: 113px;
}
.content-fig.is-3 .fig .item1 .image {
    top: 84px;
    right: 25px;
    width: 72px;
}
.content-fig.is-3 .fig .item1 .title {
    padding-top: 68px;
    width: 82px;
}
.content-fig.is-3 .fig .item2 {
    left: 704px;
    top: 360px;
}
/* //20230627 content-fig 修正 */

.content-item {
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.content-item .content-title {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #002f59;
}
.content-item .content-title strong,
.content-item .content-title span {
    vertical-align: middle;
}
.content-item .content-title strong {
    color: #fff;
}
.content-item .content-title span {
    background: #2d96e7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    font-size: 60%;
    line-height: 24px;
    padding: 3px 15px;
}
.content-item .content-lead {
    font-size: 100%;
}
.content-item .list {
    line-height: 1.5;
    padding: 0 10px;
    text-align: center;
}
.content-item .list ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
    table-layout: fixed;
    width: 100%;
}
.content-item .list li {
    display: table-cell;
    padding: 0 10px 20px;
    vertical-align: top;
}
.content-item .list a {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    line-height: 1.5;
    padding: 20px 10px;
}
.content-item .list a img {
    max-width: 120px;
}
.content-item .list a img.logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 90px;
    z-index: 2;
}
.content-item .list .title {
    font-weight: 700;
    margin-top: 10px;
}
.content-item .list .title span {
    color: #666;
    display: inline-block;
    font-size: 50%;
}
.content-item .list .detail {
    font-size: 86%;
    padding: 5px 10px 5px;
    text-align: left;
}
.content-item .list .btn {
    margin-top: 10px;
}
.content-item .list.is-2 ul {
    width: 66.67%;
}

.content-news {
    border: 1px solid #ccc;
    line-height: 1.5;
}
.content-news .title {
    background: #eee;
    font-size: 115%;
    font-weight: 700;
    padding: 10px;
    text-align: center;
}
.content-news ul {
    padding: 10px 0 20px;
}
.content-news ul li {
    padding-top: 10px;
}
.content-news ul li:first-child {
    padding-top: 0;
}
.content-news ul li a {
    text-decoration: underline;
}
.content-news ul .date {
    color: #666;
    font-size: 86%;
}
.content-news ul .news {
    font-weight: 700;
}

.content-recommend {
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
.content-recommend .content-title {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}
.content-recommend .list {
    padding: 20px 10px;
}
.content-recommend .list ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.content-recommend .list li {
    display: table-cell;
    padding: 0 10px;
}
.content-recommend .list .use {
    background: #002f59;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 15px 0;
}
.content-recommend .list .use strong {
    font-size: 125%;
}
.content-recommend .list .use:after {
    border-color: #002f59 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: '';
    display: block;
    margin-left: -10px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 0;
    height: 0;
}
.content-recommend .list a {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    line-height: 1.5;
    padding: 20px 10px;
}
.content-recommend .list a.rank:before {
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 44px;
    height: 55px;
    z-index: 2;
}
.content-recommend .list a.rank1:before {
    background-image: url(/assets/images/common/icon-best1.png);
}
.content-recommend .list a.rank2:before {
    background-image: url(/assets/images/common/icon-best2.png);
}
.content-recommend .list a.rank3:before {
    background-image: url(/assets/images/common/icon-best3.png);
}
.content-recommend .list a img {
    max-width: 240px;
}
.content-recommend .list a .title {
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-top: 10px;
}
.content-recommend .list a .title span {
    color: #666;
    display: inline-block;
    font-size: 50%;
}
.content-recommend .list a .detail {
    font-size: 86%;
    padding: 10px 10px 5px;
    text-align: left;
}
.content-recommend .list a .btn {
    margin-top: 10px;
}

@-webkit-keyframes spec_scroll {
    0% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    25% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    50% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    75% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@-moz-keyframes spec_scroll {
    0% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    25% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    50% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    75% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@-ms-keyframes spec_scroll {
    0% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    25% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    50% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    75% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes spec_scroll {
    0% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    25% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    50% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    75% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
}
.content-spec .table {
    border: 1px solid #666;
    letter-spacing: 0;
    line-height: 1.35;
    text-align: center;
    overflow: hidden;
}
.content-spec .table .cursor {
    margin-top: -20px;
    -ms-filter: 'alpha(opacity=100)';
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
    width: 100%;
    z-index: 2;
}
.content-spec .table .cursor p {
    background: #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 72%;
    line-height: 1.5;
    margin-top: 5px;
    padding: 5px 10px;
}
.content-spec .table .cursor:before {
    -webkit-animation: spec_scroll 2s forwards linear infinite;
    -moz-animation: spec_scroll 2s forwards linear infinite;
    -ms-animation: spec_scroll 2s forwards linear infinite;
    animation: spec_scroll 2s forwards linear infinite;
    background: url(/assets/images/common/icon-scroll01.png) no-repeat center;
    content: '';
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 64px;
    height: 48px;
}
.content-spec .table.is-dragged .cursor {
    -ms-filter: 'alpha(opacity=0)';
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
}
.content-spec .table dl {
    border-bottom: 1px solid #ccc;
    display: table;
    height: 60px;
}
.content-spec .table dl dt,
.content-spec .table dl dd {
    display: table-cell;
    vertical-align: middle;
}
.content-spec .table dl.type dt {
    background: #666;
}
.content-spec .table dl.weight,
.content-spec .table dl.hose,
.content-spec .table dl.height {
    height: 40px;
}
.content-spec .table dl.model {
    height: 160px;
}
.content-spec .table .head {
    font-size: 93%;
    font-weight: 700;
    width: 121px;
    z-index: 2;
}
.content-spec .table .head dl {
    background: #eee;
    width: 100%;
}
.content-spec .table .head dt {
    border-right: 1px solid #ccc;
}
.content-spec .table .head .type dt {
    border-right-color: #4d4d4d;
}
.content-spec .table .body-wrap {
    cursor: move;
    position: absolute;
    top: 0;
    left: -320px;
    width: 1720px;
    height: 100%;
}
.content-spec .table .body {
    position: absolute;
    top: 0;
    left: 440px;
    width: 1280px;
    height: 100%;
}
.content-spec .table .body dl {
    table-layout: fixed;
    width: 100%;
}
.content-spec .table .body dt {
    background: #666;
    color: #fff;
    font-size: 115%;
}
.content-spec .table .body dd {
    border-left: 1px solid #ccc;
}
.content-spec .table .body img {
    max-width: 120px;
}
.content-spec .table .body i {
    color: #2d96e7;
    display: inline-block;
    font-size: 110%;
}
.content-spec .table .body .type dt {
    border-left: 1px solid #4d4d4d;
}
.content-spec .table .body .type .col5,
.content-spec .table .body .type + dl .col5 {
    width: 512px;
}
.content-spec .table .body .type .col1,
.content-spec .table .body .type + dl .col1 {
    width: 128px;
}
.content-spec .table .body .model a {
    font-size: 72%;
    color: #333;
    color: #333;
}
.content-spec .table .body .pressure {
    font-size: 129%;
    font-weight: 700;
}

.content-sub {
    padding-bottom: 40px;
    text-align: center;
}
.content-sub .list {
    margin-right: -10px;
    margin-left: -10px;
}
.content-sub .list li {
    float: left;
    padding-bottom: 30px;
    width: 50%;
}
.content-sub .list a {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    text-align: left;
}
.content-sub .list dl {
    display: table;
    width: 100%;
}
.content-sub .list dt,
.content-sub .list dd {
    display: table-cell;
    vertical-align: middle;
}
.content-sub .list dt {
    width: 150px;
}
.content-sub .list dd {
    padding: 10px 20px;
}
.content-sub .list img {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.content-sub .list .text {
    padding: 0 15px;
}
.content-sub .list .title {
    font-weight: 700;
    font-size: 129%;
    line-height: 1.5;
    margin-bottom: 10px;
}
.content-sub .list .detail {
    text-align: left;
}
.content-sub .list .link {
    margin-top: 5px;
}
.content-sub .sub {
    padding-top: 10px;
}
.content-sub .sub a {
    color: #333;
    color: #333;
    margin: 0 10px 20px;
    font-weight: 700;
}

.content-teach {
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.content-teach .content-title {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.content-teach a {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333;
    color: #333;
    display: block;
    text-align: center;
}
.content-teach .title {
    font-weight: 700;
    font-size: 172%;
}
.content-teach .detail {
    font-size: 115%;
    margin-bottom: 20px;
    padding: 0 30px;
    text-align: left;
}
.content-teach .teach {
    padding: 0 20px;
}
.content-teach .teach li {
    padding-bottom: 20px;
}
.content-teach .teach dl {
    display: table;
    width: 100%;
}
.content-teach .teach dt,
.content-teach .teach dd {
    display: table-cell;
    vertical-align: middle;
}
.content-teach .teach dt {
    padding: 20px 0;
}
.content-teach .teach dt .title {
    padding-bottom: 10px;
}
.content-teach .teach dd {
    width: 450px;
}
.content-teach .teach .list {
    margin-right: -10px;
    margin-left: -10px;
}
.content-teach .teach .list li {
    float: left;
    width: 50%;
}
.content-teach .teach .list li a {
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 20px;
}
.content-teach .teach .list li img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.content-teach .teach .list li .title {
    font-size: 150%;
    padding: 20px 20px 10px;
}
.content-teach .teach .list li .detail {
    padding: 0 20px 20px;
}

.content-toc {
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-top: 3px solid #2d96e7;
}
.content-toc .title {
    line-height: 1.5;
    font-size: 129%;
    font-weight: 700;
    padding: 10px;
}
.content-toc .title i {
    color: #666;
}
.content-toc > ul > li {
    border-top: 1px dotted #ccc;
    font-size: 108%;
    font-weight: 700;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.content-toc > ul > li span {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 30px;
    text-align: right;
}
.content-toc > ul > li ul {
    padding-bottom: 20px;
}
.content-toc > ul > li ul a {
    color: #333;
    color: #333;
    display: inline-block;
    font-size: 86%;
    font-weight: 400;
    margin-top: 8px;
    padding-left: 15px;
}
.content-toc > ul > li ul a:before {
    content: '\f0da';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    position: absolute;
    left: 0;
}