@charset "UTF-8";
.topTitle {
  margin: 20px 0 30px;
  line-height: 1.3em;
  font-size: 26px;
  color: #222222;
  position: relative;
  border-bottom: 3px double #222222;
  padding-bottom: 20px; }

/*
Theme Name: hmj2017
Theme URI: http://hitecrcd.co.jp/
Description: Hitec Multiplex Japan テーマ 1.0
Version: 1.0
Author: Kei
Author URI: 
*****************************************/
html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  list-style: none; }

html, body {
  height: 100%; }

body {
  font: 13px/22px "Oxygen", Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Helvetica, sans-serif; }

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

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6
, h6
*, strong, strong * {
  font-family: "Noto Sans Japanese"; }

@media screen and (max-width: 700px) {
  input, textarea, select {
    font: 16px/22px "Oxygen", Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Helvetica, sans-serif; } }
a {
  cursor: pointer;
  color: #0088cc;
  transition: .2s; }
  a:hover {
    text-decoration: none; }
  a.fancybox:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )"; }
  a.opa8:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )"; }
  a.arrowRed1, a.arrowBlue1, a.arrowWhite1 {
    padding-left: 22px;
    display: inline-block;
    min-height: 16px; }
  a.arrowRed1 {
    background: url(/images//common/iconAllowRred1.png) no-repeat 0 center/16px auto; }
  a.arrowBlue1 {
    background: url(/images//common/iconAllowRblue1.png) no-repeat 0 center/16px auto; }
  a.arrowWhite1 {
    background: url(/images//common/iconAllowRwht1.png) no-repeat 0 center/16px auto; }

.clear {
  clear: both;
  line-height: 0;
  float: none !important;
  height: 1px !important; }

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

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*\*/
     /*/
height:auto;
overflow:hidden;
/**/ }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

img {
  width: auto;
  max-width: 100%;
  height: auto; }
  img.alignleft {
    float: left; }
  img.alignright {
    float: right; }
  img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block; }

input[type="text"], textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
select {
  border: 1px solid #ccc;
  padding: 5px;
  color: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
  background: -moz-linear-gradient(top, #eee, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
  zoom: 1; }

input[type="submit"] {
  border: 1px solid #ccc;
  padding: 5px 5px;
  color: #000000;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background: -moz-linear-gradient(top, #eee, #ccc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
  zoom: 1; }

.breadcrumb {
  padding: 10px 0; }
  .breadcrumb ul li {
    list-style: none;
    display: inline-block;
    color: #222222;
    margin: 0;
    padding: 0 3px;
    font-size: 12px; }
    .breadcrumb ul li:before {
      display: inline-block;
      content: "›";
      padding: 0 8px 0 0px; }
    .breadcrumb ul li:first-of-type:before {
      content: "";
      padding: 0; }
    .breadcrumb ul li a {
      color: #0088cc;
      padding: 0; }
      .breadcrumb ul li a:hover {
        text-decoration: none; }
  .breadcrumb .separator {
    display: none; }

.topTitle > span {
  display: block; }
.topTitle .sub01 {
  font-size: 10px;
  display: inline-block;
  position: absolute;
  width: 35%;
  top: 0px;
  right: 0;
  text-align: right; }
  .topTitle .sub01 li {
    display: inline-block;
    margin-left: 10px; }

.PostBody > h1, .PostBody > h2, .PostBody > h3, .PostBody > h4, .PostBody > h5, .PostBody > h6 {
  margin: 30px 0 10px;
  color: #000000;
  line-height: 1.5em;
  font-weight: normal; }
.PostBody > h1 {
  font-size: 180%;
  border-bottom: 3px solid #000000;
  padding-bottom: 5px; }
.PostBody > h2 {
  font-size: 160%;
  border-bottom: 3px solid #000000;
  padding-bottom: 5px; }
.PostBody > h3 {
  font-size: 140%; }
.PostBody > h4 {
  font-size: 130%; }
.PostBody > h5 {
  font-size: 115%; }
.PostBody > h6 {
  font-size: 105%; }
.PostBody > p {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.8em; }
.PostBody > em {
  font-style: italic; }
.PostBody code {
  font-family: 'Courier New',Courier,monospace;
  color: #0000ff;
  background-color: #acfdd2;
  padding: 2px 3px; }
.PostBody > blockquote {
  border-left: 5px solid #ccc;
  background: #eeeeee;
  padding: 5px 10px;
  margin: 10px 0;
  font-style: normal; }
  .PostBody > blockquote h1,
  .PostBody > blockquote h2,
  .PostBody > blockquote h3,
  .PostBody > blockquote h4,
  .PostBody > blockquote h5,
  .PostBody > blockquote h6 {
    margin: 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff; }
  .PostBody > blockquote p {
    margin: 5px 0;
    line-height: 160%; }
.PostBody > ul,
.PostBody > ol {
  margin: 10px 0; }
.PostBody > ul li {
  list-style: outside;
  margin-left: 20px;
  line-height: 180%; }
.PostBody > ol li {
  list-style: decimal outside;
  margin-left: 20px;
  line-height: 180%; }
.PostBody img.left {
  margin-right: 20px; }
.PostBody img.right {
  margin-right: 20px; }
.PostBody img.size-full, .PostBody img.size-medium, .PostBody img.size-large, .PostBody img.thumbnail {
  max-width: 800px;
  height: auto; }
.PostBody a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )"; }
.PostBody > figure {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  padding: 5px; }
.PostBody figure {
  display: inline-block; }
  .PostBody figure figcaption {
    text-align: center;
    line-height: 1.6em; }

.entryHeader img.attachment-post-thumbnail {
  border: 1px solid #cccccc;
  float: left;
  margin-right: 20px;
  max-width: 180px;
  max-height: 220px; }
.entryHeader a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )"; }
.entryHeader span.date {
  border: 1px solid #666666;
  padding: 3px 5px;
  font-size: 0.9em; }
.entryHeader ul.cat {
  display: inline-block; }
  .entryHeader ul.cat li {
    margin-left: 0 !important;
    margin-right: 3px;
    margin-bottom: 10px;
    font-size: 0.9em;
    display: inline; }
  .entryHeader ul.cat li a,
  .entryHeader ul.cat a {
    background: #666666;
    border: 1px solid #666666;
    padding: 3px 5px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }
    .entryHeader ul.cat li a:hover,
    .entryHeader ul.cat a:hover {
      background: #ffffff;
      color: #222222; }
.entryHeader ul.tag {
  display: inline-block; }
  .entryHeader ul.tag li {
    margin-left: 0 !important;
    margin-right: 3px;
    margin-bottom: 10px;
    font-size: 0.9em;
    display: inline; }
  .entryHeader ul.tag li a,
  .entryHeader ul.tag a {
    padding: 3px 5px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    background: #336699;
    border: 1px solid #336699; }
    .entryHeader ul.tag li a:hover,
    .entryHeader ul.tag a:hover {
      background: #ffffff;
      color: #222222; }
.entryHeader .entryTitle {
  margin: 0px 0 10px;
  line-height: 1.5em; }
.entryHeader .entryDesc {
  margin-top: 10px; }
.entryHeader .more {
  text-align: right;
  margin-top: 10px; }
  .entryHeader .more a {
    background: #222222;
    border: 1px solid #222222;
    padding: 3px 6px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px; }
    .entryHeader .more a:hover {
      background: #ffffff;
      color: #222222; }
.entryHeader .more01 a {
  background: #0088cc;
  border: 1px solid #0088cc;
  padding: 10px 15px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  min-width: 240px;
  display: inline-block;
  font-size: 17px;
  text-align: center; }
  .entryHeader .more01 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    border: 1px solid #336699; }
.entryHeader .more02 a {
  background: #ccc;
  border: 1px solid #999;
  padding: 3px 0px;
  color: #444;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  display: block;
  text-align: center; }
  .entryHeader .more02 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    border: 1px solid #777; }

.PostList.default {
  padding: 15px 0;
  border-bottom: 1px dashed #ccc; }
  .PostList.default .entryHeader .thumbnail {
    width: 240px; }
  .PostList.default .entryHeader .thumbnail_small {
    width: 100px; }
  .PostList.default .entryHeader .thumbnail img,
  .PostList.default .entryHeader .thumbnail_small img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 100%; }
  .PostList.default .entryHeader .thumbnail a img:hover,
  .PostList.default .entryHeader .thumbnail_small a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    border: 1px solid #0088cc; }
.PostList.product_index .entryHeader .entryTitle {
  font-size: 1em;
  text-align: center; }
.PostList.product_index a:hover a img {
  opacity: 0.8; }
.PostList.product_index figure {
  width: 100%; }
  .PostList.product_index figure.indexfig01 {
    position: relative; }
    .PostList.product_index figure.indexfig01 .new1 {
      position: absolute;
      top: 10px;
      right: 10px;
      font-weight: bold; }
  .PostList.product_index figure img {
    border: 1px solid #CCC;
    background: #eeeeee;
    padding: 4px;
    width: 100%;
    height: auto; }
    .PostList.product_index figure img:hover {
      opacity: 0.8; }
.PostList.product_index figcaption {
  text-align: center;
  margin-bottom: 10px; }
.PostList.product_index.row01, .PostList.product_index.row02, .PostList.product_index.row03, .PostList.product_index.row04, .PostList.product_index.row05 {
  display: inline-block;
  vertical-align: top; }
.PostList.product_index.row01 {
  margin-left: 0;
  width: 100%;
  text-align: center; }
  .PostList.product_index.row01 img {
    width: auto;
    max-width: 100%; }
.PostList.product_index.row02 {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%; }
.PostList.product_index.row03 {
  width: 31%;
  margin-left: 1%;
  margin-right: 1%; }
.PostList.product_index.row04 {
  width: 23%;
  margin-left: 1%;
  margin-right: 1%; }
.PostList.product_index.row05 {
  width: 18%;
  margin-left: 1%;
  margin-right: 1%; }
  .PostList.product_index.row05:first-of-type, .PostList.product_index.row05:nth-of-type(5n+1) {
    margin-left: 0; }
.PostList.product_index02 .entryHeader .entryTitle {
  font-size: 1em;
  text-align: center; }
.PostList.product_index02 a:hover a img {
  opacity: 0.8; }
.PostList.product_index02 figure {
  width: 100%; }
  .PostList.product_index02 figure.indexfig01 {
    position: relative; }
    .PostList.product_index02 figure.indexfig01 .new1 {
      position: absolute;
      top: 10px;
      right: 10px;
      font-weight: bold; }
  .PostList.product_index02 figure img {
    border: 1px solid #CCC;
    background: #eeeeee;
    padding: 4px;
    width: 100%;
    height: auto; }
    .PostList.product_index02 figure img:hover {
      opacity: 0.8; }
.PostList.product_index02 figcaption {
  text-align: center;
  margin-bottom: 10px; }
.PostList.product_index02.row01, .PostList.product_index02.row02, .PostList.product_index02.row03, .PostList.product_index02.row04, .PostList.product_index02.row05 {
  display: inline-block;
  vertical-align: top; }
.PostList.product_index02.row01 {
  margin-left: 0;
  width: 100%;
  text-align: center; }
  .PostList.product_index02.row01 img {
    width: auto;
    max-width: 100%; }
.PostList.product_index02.row02 {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%; }
.PostList.product_index02.row03 {
  width: 32%; }
  .PostList.product_index02.row03:nth-of-type(3n+2) {
    margin-left: 2%;
    margin-right: 2%; }
.PostList.product_index02.row04 {
  width: 23%;
  margin-left: 1%;
  margin-right: 1%; }
.PostList.product_index02.row05 {
  width: 18%;
  margin-left: 1%;
  margin-right: 1%; }

.c404 header {
  border-top: 1px solid #0088cc;
  padding-bottom: 50px;
  border-bottom: 1px solid #0088cc;
  margin-bottom: 50px;
  background: #cceeff url(/images/common/bgWh50lean.png); }
.c404 h1 {
  color: #0088cc;
  margin: 50px 0;
  font-size: 40px; }
.c404 p {
  line-height: 1.8em;
  font-size: 16px;
  margin: 10px 0; }

.navi_below {
  margin: 20px 0; }

.wp-pagenavi {
  display: block;
  text-align: center; }
  .wp-pagenavi span, .wp-pagenavi a {
    display: inline-block;
    margin: 0;
    padding: 8px 13px;
    border: 1px solid #ccc;
    text-decoration: none;
    font-size: 16px;
    margin-left: -1px; }
  .wp-pagenavi span.pages {
    margin-left: 0; }
  .wp-pagenavi span.current {
    background: #0088cc;
    color: #fff; }
  .wp-pagenavi span.extend {
    border: none; }
  .wp-pagenavi a:hover {
    background-color: #fef49c; }

.relatedPosts {
  border: 1px solid #336699;
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 30px; }
  .relatedPosts h1 {
    border-bottom: 3px solid #336699;
    padding: 0px 1% 10px;
    font-weight: normal;
    margin-bottom: 10px; }
  .relatedPosts ul.related01 li {
    display: inline-block;
    width: 23%;
    border: 1px solid #ccc;
    vertical-align: top;
    padding: 1%;
    margin: 0 1% 1%; }
    .relatedPosts ul.related01 li:hover {
      background-color: #cceeff; }
    .relatedPosts ul.related01 li a {
      vertical-align: middle; }
      .relatedPosts ul.related01 li a strong {
        display: block;
        text-align: center; }
    .relatedPosts ul.related01 li span.thumbnail {
      display: block; }
      .relatedPosts ul.related01 li span.thumbnail img {
        vertical-align: middle;
        width: auto;
        max-width: 100%;
        height: auto; }
  .relatedPosts ul.related02 li {
    display: block;
    width: 100%;
    vertical-align: top; }
    .relatedPosts ul.related02 li a {
      vertical-align: middle;
      display: block;
      border: 1px solid #ccc;
      padding: 1%;
      margin: 5px 0;
      text-decoration: none; }
      .relatedPosts ul.related02 li a:hover {
        background-color: #cceeff; }
    .relatedPosts ul.related02 li span.thumbnail {
      display: inline-block;
      width: 100px;
      margin-right: 10px; }
      .relatedPosts ul.related02 li span.thumbnail img {
        vertical-align: middle;
        width: auto;
        max-width: 100%;
        height: auto; }

.relatedPost0 {
  border: 3px double #888; }
  .relatedPost0 .relatedPost0inner a.linkbox {
    display: block;
    padding: 10px; }
    .relatedPost0 .relatedPost0inner a.linkbox:hover {
      background: #eee;
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: "alpha( opacity=80 )"; }
  .relatedPost0 .relatedHeadline {
    color: #fff;
    background-color: #e60012;
    padding: 5px 5px;
    font-weight: normal;
    margin: 0px 0 10px;
    text-align: center;
    font-size: 15px; }
  .relatedPost0 .relatedInfo {
    float: left; }
    .relatedPost0 .relatedInfo .relatedTitle {
      font-size: 17px;
      padding-bottom: 5px;
      font-weight: normal; }
      .relatedPost0 .relatedInfo .relatedTitle em {
        font-size: 13px;
        display: block; }
    .relatedPost0 .relatedInfo .price span {
      color: #000000; }
      .relatedPost0 .relatedInfo .price span b {
        font-size: 17px; }
    .relatedPost0 .relatedInfo .itemCode {
      font-style: italic;
      color: teal;
      font-weight: bold;
      font-size: 13px; }
    .relatedPost0 .relatedInfo .cmt {
      font-size: 0.9em;
      margin-top: 5px; }
  .relatedPost0 .thumbnail0 {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    width: auto;
    max-width: 120px;
    border: 1px solid #c1c1c1;
    float: left;
    margin-right: 30px;
    margin-bottom: 0px; }
    .relatedPost0 .thumbnail0 img {
      display: block;
      margin: 0 auto;
      width: auto;
      max-width: 100%;
      height: auto; }

.adminbox {
  border: 1px solid #e60012 !important; }
  .adminbox .post-meta li {
    display: inline-block;
    color: #e60012 !important;
    background: #FFC2C1;
    margin-bottom: 5px;
    border: 1px dashed #e60012; }

.cright {
  text-align: right; }

.admin {
  color: #e60012 !important; }

.logged {
  color: #e60012 !important;
  background: #FFC2C1;
  font-weight: normal;
  font-style: normal; }

.adminpartslist {
  font-weight: normal;
  overflow: scroll;
  max-height: 45px; }