@charset "UTF-8";
/*=======================================================

reset

========================================================*/
html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ ゴシック", "MS UI GOTHIC", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", "Osak.label, .badgea－等幅", "Osaka", "Helvetica", "sans-serif";
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
}

table {
  font-size: inherit;
  font: 100%;
}

p,
pre,
address,
cite {
  font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

h1 {
  font-size: 189%;
}

h2 {
  font-size: 159%;
}

h3 {
  font-size: 144%;
}

h4 {
  font-size: 122%;
}

h5 {
  font-size: 107%;
}

h6 {
  font-size: 107%;
}

h2, h3, h4 {
  font-size: 1em;
}

a,
a:link,
a:visited {
  color: #0099FF;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

ul, ol, dl, dt, dd, p, form, figure {
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
  list-style: none;
}

input,
textarea {
  font-size: 1em;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ ゴシック", "MS UI GOTHIC", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", "Osaka－等幅", "Osaka", "Helvetica", "sans-serif";
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

pre[title]::before {
  margin-bottom: 0.8em;
  padding: 0 10px;
  display: block;
  content: attr(title);
  color: #000;
  background-color: #fff;
}

blockquote {
  margin: 1.5em 20px;
  padding: 1px 0;
  border: 3px solid #eee;
  background-color: #fff;
}

blockquote * {
  color: #666;
}

blockquote[title]:before {
  margin: 2px 2px 1em 2px;
  padding: 0.1em 16px;
  display: block;
  content: attr(title);
  background-color: #f5f5f5;
}

blockquote[cite]:after {
  padding: 0.8em 20px;
  display: block;
  content: attr(cite);
  color: #333;
  text-align: right;
}

em {
  font-weight: bold;
}

ul,
ol,
dl {
  list-style-position: outside;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
  margin: 0.1em 10px;
}

input,
textarea {
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

img {
  border-style: none;
}

a img {
  border-style: none;
}

a:hover img {
  border-style: none;
}

#___ratingbadge_0{
  right: inherit !important;
  left: 0;
}

/*=======================================================

common

========================================================*/
.no-deco-link a,
.no-deco-link a:link,
.no-deco-link a:visited {
  text-decoration: none;
  color: #000;
}

.no-deco-link a:hover {
  text-decoration: underline;
}

.common_sub_title {
  position: relative;
  display: block;
  text-align: left;
  color: #333;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: 20px;
  background: url(/common_img/h2_icon.gif) left 6px no-repeat;
  margin: 50px 0 25px;
  border-bottom: 3px solid #eee;
}

header,
main {
  font-family: SourceHanSansJP-Light, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

main img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

main h3 {
  font-size: 1.5rem;
  margin: 50px 0 20px;
}

@media (max-width: 767px) {
  main h3 {
    font-size: 1.3rem;
    margin: 30px 0 20px;
    text-align: center;
  }
}
.categ-bnr-box {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.categ-bnr-size-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 767px) {
  .categ-bnr-size-wrap .categ-bnr-size {
    flex-basis: 18%;
    margin-left: 5px;
    margin-bottom: 5px;
  }
  .categ-bnr-size-wrap .categ-bnr-size span {
    font-size: 1.2rem;
  }
}
.categ-bnr-box .box-img,
.categ-bnr-size {
  display: block;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  text-decoration: none;
  color: #000;
  text-align: center;
  background: #eee;
  margin-bottom: 10px;
  overflow: hidden;
}

.categ-bnr-box.ranking-box img {
  height: auto;
}

#Wrap-item-lineup .categ-bnr-box .box-img img {
  width: 230px;
  height: 190px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50%;
     object-position: 50%;
}

.categ-bnr-box .box-ico {
  display: block;
  text-align: left;
  margin-bottom: 6px;
}

.categ-bnr-box .box-ico span {
  padding: 1px 5px 0;
  background: #000;
  display: inline-block;
  color: #fff;
  font-size: 0.7rem;
  border-radius: 5px;
  margin: 0 3px 2px 0;
}

.ico-ele {
  background: #DD244E !important;
}

.ico-ch {
  background: #C02230 !important;
}

.ico-st {
  background: #F59C1C !important;
}

.ico-sp {
  background: #5DBD66 !important;
}

.ico-haru {
  background: #8F3F96 !important;
}

.ico-rf {
  background: #2593A0 !important;
}

.ico-xr {
  background: #ED5F3B !important;
}

.ico-tp {
  background: #ECB840 !important;
}

.ico-case {
  background: #3451A1 !important;
}

.ico-n-case {
  background: #3BB5E8 !important;
}

.ico-mobi {
  background: #07855C !important;
}

.ico-kumi {
  background: #C94B0B !important;
}

.ico-mg {
  background: #c90bbe !important;
}

.ico-focus {
  background: #444 !important;
}

.p-ico {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 0.9rem !important;
  color: #fff;
  padding: 10px !important;
  line-height: 1;
  border-radius: 26px !important;
  font-weight: bold !important;
}

.ico-ab-no1 {
  background: #d9b33f !important;
}

.ico-ab-no2 {
  background: #6f7b82 !important;
}

.ico-ab-no3 {
  background: #a05326 !important;
}

.cancel-txt {
  color: #ff0000;
  text-align: center;
}

.categ-bnr-box .box-ico img {
  display: inline-block !important;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .categ-bnr-size {
    flex-basis: 29%;
  }
  .categ-bnr-size a {
    padding: 8px 0px;
  }
  #Wrap-item-lineup .categ-bnr-box .box-img img {
    width: auto;
    height: 85px;
  }
  #page-detail #topic_path {
    width: 95vw;
  }
}
.categ-bnr-box .box-img {
  padding: 0px 20px 0;
}

.categ-bnr-size {
  width: 95px;
  font-size: 0.7rem;
  margin-left: 10px;
  display: inline-block;
}

.categ-bnr-size a {
  text-decoration: none;
  padding: 15px 0px;
  color: #000;
  display: block;
  height: 100%;
  outline-offset: initial;
}

.categ-bnr-size:hover {
  background: #ccc;
}

.categ-bnr-size span {
  font-size: 1.4rem;
  display: block;
  font-weight: bold;
}

.categ-bnr-box > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-decoration: none !important;
}

.categ-bnr-box > a:hover {
  background: #fff;
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.categ-bnr-box .box-img img {
  position: relative;
  bottom: 0px;
  height: auto;
}

.categ-bnr-box .box-title {
  font-weight: bold;
  font-size: 1rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
  .categ-bnr-box .box-title {
    height: auto;
    font-size: 0.8rem;
    line-height: 1.4;
  }
}
.categ-bnr-box .box-cmt {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .categ-bnr-box .box-cmt {
    font-size: 0.8rem;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .categ-bnr-box .box-cmt {
    font-size: 0.7rem;
  }
}
.functionWrap {
  width: 97%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.functionWrap .functionList {
  position: relative;
  display: flex;
  width: 32%;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  text-align: center;
}
.functionWrap .functionList:hover {
  background-color: #ccc;
}
.functionWrap .functionList__ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  background-color: #666;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
}
.functionWrap .functionList__title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
}
.functionWrap .functionList__title em {
  display: block;
  font-style: normal;
}
.functionWrap .functionList__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.functionWrap .functionList.function--4k .functionList__ico {
  background-image: linear-gradient(#b37e00, #9b6000);
}
.functionWrap .functionList.function--focus .functionList__ico {
  background-image: linear-gradient(#094475, #042855);
}
.functionWrap .functionList.function--bright .functionList__ico {
  background-image: linear-gradient(#e8e1b1, #dfd699);
  color: #333;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .functionWrap {
    flex-wrap: wrap;
  }
  .functionWrap .functionList {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.8em;
  }
}
/* Improve IE's resizing of images */
main img,
footer img,
#top-img img {
  max-width: 100%;
  height: auto;
  border: 0;
}

main svg:not(:root) {
  overflow: hidden;
}

/*NEW FRAME*/
header *,
footer * {
  box-sizing: border-box;
}

header a,
header a:link,
header a:visited,
footer a,
footer a:link,
footer a:visited {
  text-decoration: none;
  color: #000;
}

header a:hover,
footer a:hover {
  text-decoration: underline;
}

header {
  background: #000;
  zoom: 1;
  position: relative;
  box-shadow: 0px 0px 14px 0px #666;
  z-index: 9910;
}

header:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

header .Logo {
  padding: 22px 0;
}

header .Logo a {
  width: 244px;
  height: 43px;
}

header.header-fixed > .Wrapper {
  max-width: 1170px;
  width: 98%;
}
header.header-fixed #global-menu .Wrapper {
  max-width: 1170px;
  width: 100%;
}

header #global-menu {
  padding: 14px 0;
}

header #global-menu li {
  width: 16.6%;
}

header #global-menu li:first-child a {
  border-left: 1px solid #ccc;
}

header #global-menu li a {
  display: table-cell;
  text-decoration: none;
  text-align: center;
  padding: 10px;
  vertical-align: middle;
  font-size: 0.9rem;
  font-weight: 700;
  width: 500px;
  border-right: 1px solid #ccc;
}

header #global-menu li a:hover {
  color: #FF6600;
}

header #global-menu li:nth-of-type(3) a {
  padding: 0;
}

header #global-menu li:nth-of-type(3) a span {
  display: inline-block;
  padding: 10px 10px 10px 23px;
  background: #fff url("/common_img/g_menu_beginner.png") 0 50%/16px auto no-repeat;
  font-feature-settings: "palt";
}

header #global-menu {
  background: #fff;
}

/*  text-color-change  */
header #global-menu span.text-red {
  color: #FF6600;
}

/*  20190613  */
header #global-menu li {
  float: left;
}

@media (max-width: 1199px) { /*幅991px以下で適用されるスタイル*/
  header #global-menu li:nth-of-type(1) {
    width: 6%;
  }
  header #global-menu li:nth-of-type(3) {
    width: 15%;
  }
  header #global-menu .Wrapper > ul > li {
    white-space: nowrap;
  }
  header #global-menu .Wrapper > ul > li:nth-of-type(1) {
    width: 13%;
  }
  header #global-menu .Wrapper > ul > li.g-list {
    width: 17%;
  }
  header #global-menu .Wrapper > ul > li.g-use {
    width: 20%;
  }
  header #global-menu .Wrapper > ul > li.g-order-guide {
    width: 17%;
  }
  header #global-menu .Wrapper > ul > li:nth-of-type(5) {
    width: 17%;
  }
  header #global-menu .Wrapper > ul > li.g-support {
    width: 16%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li a {
    display: block;
    padding: 0;
    white-space: nowrap;
  }
  header.header-fixed #global-menu .Wrapper > ul > li:nth-of-type(1) {
    width: 8%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li.g-list {
    width: 12%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li.g-use {
    width: 14%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li.g-order-guide {
    width: 11%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li:nth-of-type(5) {
    width: 12%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li.g-support {
    width: 11%;
  }
  header.header-fixed #Utility-menu .Wrapper {
    width: 95%;
  }
  header.header-fixed #Utility-menu .Wrapper ul .tel {
    display: none;
  }
}
@media (max-width: 991px) { /*幅991px以下で適用されるスタイル*/
  header #global-menu li:nth-of-type(1) {
    width: 12%;
  }
  header #global-menu li:nth-of-type(3) {
    width: 24%;
  }
  header #global-menu li:nth-of-type(4) {
    width: 12%;
  }
  header #Utility-menu .Wrapper > ul > li:nth-of-type(1) {
    display: none;
  }
  header.header-fixed #global-menu .Wrapper > ul {
    padding-left: 45px;
  }
  header.header-fixed #global-menu .Wrapper > ul > li a {
    font-size: 13px;
  }
  header.header-fixed #global-menu .Wrapper > ul > li.g-list {
    width: 14%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li.g-use {
    width: 17%;
  }
  header.header-fixed #global-menu .Wrapper > ul > li.g-use span {
    padding: 0;
  }
  header.header-fixed #Utility-menu .Wrapper {
    width: 97%;
  }
  header.header-fixed #Utility-menu .Wrapper ul .favorite span {
    display: none;
  }
}
@media (max-width: 767px) {
  /*幅767px以下で適用されるスタイル*/
  header {
    height: 75px;
  }
  header.header-fixed #global-menu .Wrapper {
    width: 800px;
  }
  header.header-fixed #Utility-menu .Wrapper {
    width: 800px;
  }
}
/* toc_container
---------------------------------------------------------------------------- */
div#toc_container {
  max-width: 500px;
  width: 100%;
  margin: 2em auto 0;
  padding: 1em;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
}
div#toc_container .toc_title {
  font-weight: bold;
  text-align: center;
}
div#toc_container .toc_list {
  padding: 0;
  background-color: transparent;
}
div#toc_container ul {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}
div#toc_container ul li {
  padding: 0;
  background: none !important;
  line-height: 1.8;
}
div#toc_container ul li a {
  text-decoration: none;
}
div#toc_container ul li > ul {
  margin-left: 1.5em;
}

@media (max-width: 767px) {
  /*幅767px以下で適用されるスタイル*/
  div#toc_container .toc_title {
    margin-bottom: 0;
  }
}
/* menu-on
---------------------------------------------------------------------------- */
body.menu-on:before {
  opacity: 1;
  z-index: 9900;
}

body.menu-on #common_content {
  z-index: 0;
}

body:before {
  position: fixed;
  transition: all 0.15s ease;
  transition-duration: 0.2s;
  opacity: 0;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -9999;
}

body.menu-on:before {
  opacity: 1;
  z-index: 9900;
  transition-duration: 0.15s;
  transition-delay: 0.2s;
}

body.menu-on-side {
  transition: none;
  transition-duration: 0;
}

body.menu-on-side:before {
  opacity: 1;
  z-index: 9900;
  transition: none;
  transition-duration: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* megamenu
---------------------------------------------------------------------------- */
header #global-menu .Wrapper {
  position: relative;
}

header #global-menu li .mega-wrap {
  position: absolute;
  left: 0;
  padding-top: 14px;
  width: 100%;
  height: 0;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: center top;
  transition-delay: 0;
  z-index: 9920;
}

header #global-menu li.g-use:hover > a + .mega-wrap,
header #global-menu li.g-list:hover > a + .mega-wrap,
header #global-menu li.g-support:hover > a + .mega-wrap,
header #global-menu li.g-order-guide:hover > a + .mega-wrap {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  transition-delay: 0.2s;
}

header #global-menu li.g-use > a,
header #global-menu li.g-list > a,
header #global-menu li.g-support > a,
header #global-menu li.g-order-guide > a {
  position: relative;
}

header #global-menu li.g-use > a:before,
header #global-menu li.g-list > a:before,
header #global-menu li.g-support > a:before,
header #global-menu li.g-order-guide > a:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  content: "";
  border-top: 5px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 9999;
  transition: all 0.15s ease;
  transition-delay: 0;
}

header #global-menu li.g-use .g-current,
header #global-menu li.g-list .g-current,
header #global-menu li.g-support .g-current,
header #global-menu li.g-order-guide .g-current {
  color: #ff6600;
}

header #global-menu li.g-use .g-current:before,
header #global-menu li.g-list .g-current:before,
header #global-menu li.g-support .g-current:before,
header #global-menu li.g-order-guide .g-current:before {
  transform: translate(-50%, 3px);
  border-top: 5px solid #ff6600;
  transition-delay: 0.2s;
}

header #global-menu li .mega-wrap .mega-in {
  padding: 2.5em;
  background-color: #fff;
  border: 1px solid #000;
}
header #global-menu li .mega-wrap .mega-in .btn-specsearch {
  width: 100%;
  margin: 10px 0 30px;
  text-align: center;
}
header #global-menu li .mega-wrap .mega-in .btn-specsearch a {
  display: inline;
  width: inherit;
  margin: 0 auto;
  padding: 0;
  border: none;
  text-align: center;
}

header #global-menu li .mega-wrap .mega-in ul {
  display: flex;
  flex-wrap: wrap;
}

header #global-menu li .mega-wrap .mega-in ul li {
  float: none;
  width: 33%;
}

header #global-menu li .mega-wrap .mega-in ul li a {
  position: relative;
  display: block;
  width: auto;
  padding: 10px;
  border: none;
  text-align: left;
}

header #global-menu li .mega-wrap .mega-in ul li a:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  border-left: 5px solid #000;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

header #global-menu li .mega-wrap .mega-in .mega-block:not(:last-of-type) {
  margin-bottom: 1em;
}

header #global-menu li .mega-wrap .mega-in .mega-block p {
  margin-bottom: 0.5em;
  padding: 0.3em 0.8em;
  font-size: 1.2em;
  background-color: #eee;
}

header #global-menu li .mega-wrap .mega-in .mega-block ul li a {
  padding: 7px 10px;
}

header #global-menu li.g-use .mega-wrap .mega-in {
  padding: 2.5em 1.5em 2em;
}

header #global-menu li.g-use .mega-wrap .mega-in .mega-bn-wrap {
  display: flex;
  justify-content: flex-start;
}

header #global-menu li.g-use .mega-wrap .mega-in .mega-bn-wrap dl {
  max-width: 270px;
  width: 25%;
  margin: 0;
}

header #global-menu li.g-use .mega-wrap .mega-in .mega-bn-wrap dl:not(:last-of-type) {
  margin-right: 1.5%;
}

header #global-menu li.g-use .mega-wrap .mega-in .mega-bn-wrap dl dt {
  margin-bottom: 0.8em;
}

header #global-menu li.g-use .mega-wrap .mega-in .mega-bn-wrap dl dt a {
  border: none;
}

header #global-menu li.g-use .mega-wrap .mega-in .mega-bn-wrap dl dd {
  font-size: 1rem;
  text-align: center;
}

header #global-menu li.g-list .mega-wrap .mega-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.5em 1.5em 0.5em;
}

header #global-menu li.g-list .mega-wrap .mega-in > a {
  width: 24%;
  margin-bottom: 1em;
  padding: 0;
  border: none;
}

header #global-menu li.g-list .mega-wrap .mega-in > a figure {
  margin-bottom: 0.5em;
}

header #global-menu li.g-list .mega-wrap .mega-in > a dl dt {
  margin-bottom: 0.2em;
  font-size: 1.05em;
}

header #global-menu li.g-list .mega-wrap .mega-in > a dl dd {
  font-size: 0.8em;
  font-weight: normal;
  color: #111;
}

header #global-menu li.g-list .mega-wrap .mega-in > a:last-of-type dl dt {
  font-size: 1em;
}

header #global-menu li.g-support .mega-wrap .mega-in {
  display: flex;
  flex-wrap: wrap;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 32%;
  height: 200px;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box:not(:last-of-type) {
  margin-right: 2%;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box .mega-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13%;
  min-height: 200px;
  height: 100%;
  margin: 0;
  background-color: #eee;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul {
  display: block;
  width: 84%;
  margin: 0;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul:after {
  display: none;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li {
  width: 100%;
  height: 60px;
  border: 1px solid #999;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li a:before {
  left: inherit;
  right: 10px;
  content: "\f105";
  font-family: FontAwesome;
  font-weight: normal;
  border: none;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li a:hover {
  color: #000;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 3.8em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-size: 35px auto;
  transition: all 0.15s ease;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li a:hover {
  opacity: 0.7;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li a span {
  display: inline;
  padding: 0;
  background: none;
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-faq a {
  background-image: url("/common_img/ico_support_faq_mono.png");
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-line a {
  background-image: url("/common_img/ico_support_line_mono.png");
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-mail a {
  background-image: url("/common_img/ico_support_mail_mono.png");
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-drawing a {
  background-image: url("/common_img/ico_support_drawer_mono.png");
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-manual a {
  background-image: url("/common_img/ico_support_manual_mono.png");
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-catalog a {
  background-image: url("/common_img/ico_support_catalog_mono.png");
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-repair a {
  background-image: url("/common_img/ico_support_repair_mono.png");
}

header #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li.g-rebirth a {
  background-image: url("/common_img/ico_support_screen_mono.png");
}

/* header-fixed
---------------------------------------------------------------------------- */
header.header-fixed #global-menu li .mega-wrap .mega-in {
  background-color: #fff;
}

header.header-fixed #global-menu li .mega-wrap .mega-in ul {
  padding-left: 0;
}

header.header-fixed #global-menu li .mega-wrap .mega-in ul li a {
  color: #000;
  font-weight: bold;
}

header.header-fixed #global-menu li .mega-wrap .mega-in ul li a:hover {
  color: #ff6600;
}

header.header-fixed #global-menu li.g-use > a,
header.header-fixed #global-menu li.g-list > a,
header.header-fixed #global-menu li.g-support > a,
header.header-fixed #global-menu li.g-order-guide > a {
  position: relative;
}

header.header-fixed #global-menu li.g-use > a:before,
header.header-fixed #global-menu li.g-list > a:before,
header.header-fixed #global-menu li.g-support > a:before,
header.header-fixed #global-menu li.g-order-guide > a:before {
  bottom: -10px;
  content: "";
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 9999;
}

header.header-fixed #global-menu li.g-use .g-current,
header.header-fixed #global-menu li.g-list .g-current,
header.header-fixed #global-menu li.g-support .g-current,
header.header-fixed #global-menu li.g-order-guide .g-current {
  position: relative;
  color: #ff6600;
}

header.header-fixed #global-menu li.g-use .g-current:before,
header.header-fixed #global-menu li.g-list .g-current:before,
header.header-fixed #global-menu li.g-support .g-current:before,
header.header-fixed #global-menu li.g-order-guide .g-current:before {
  border-top: 5px solid #ff6600;
}

header.header-fixed #global-menu li.g-list .mega-wrap .mega-in a:hover dl dt {
  color: #ff6600;
}

header.header-fixed #global-menu li.g-list .mega-wrap .mega-in a dl dt {
  color: #000;
}

header.header-fixed #global-menu li.g-list .mega-wrap .mega-in a dl dd {
  font-size: 0.9em;
}

header.header-fixed #global-menu li.g-support .mega-wrap .mega-in .mega-box ul li a {
  padding-left: 4.3em;
}

.top-title {
  text-align: center;
  font-weight: normal;
  margin: 30px 0 20px;
  padding: 0;
  font-weight: bold;
}

.top-title span {
  display: block;
  font-size: 1.2rem;
  color: #FF6600;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .top-title {
    font-size: 2.3rem;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .top-title {
    font-size: 1.25rem;
  }
  .top-title span {
    font-size: 0.8rem;
    font-weight: normal;
  }
}
#Utility-menu {
  font-weight: 700;
  font-size: 0.9em;
}

#Utility-menu .Wrapper {
  position: relative;
}

#Utility-menu ul {
  position: absolute;
  right: 0;
  top: -125px;
}

#Utility-menu li {
  display: inline-block;
  vertical-align: middle;
}

#Utility-menu li a {
  height: 27px;
  line-height: 27px;
  display: inline-block;
  color: #aaa;
  text-decoration: none;
  margin-left: 10px;
}

#Utility-menu li a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  margin-right: 5px;
}

header #Utility-menu li.favorite a {
  background: linear-gradient(#fff, #ccc);
  color: #000;
  padding: 0 16px;
  border-radius: 18px;
  font-size: 1.1em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

header #Utility-menu li.favorite a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

header #Utility-menu li.cart a {
  background: #FF6600;
  color: #fff;
  padding: 0 16px;
  border-radius: 18px;
  font-size: 1.1em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

header #Utility-menu li.cart {
  position: relative;
}
header #Utility-menu li.cart span {
  position: absolute;
  top: -9px;
  right: -10px;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #ff0000;
  z-index: 9000;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  pointer-events: none;
  font-weight: bold;
  text-align: center;
}

header #Utility-menu li.cart a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

header #Utility-menu li.cart a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f07a";
  margin-right: 5px;
}

header #Utility-menu li.tel {
  position: relative;
  bottom: 7px;
  padding-left: 10px;
}

header #Utility-menu li.tel a:before {
  display: none;
}

/*.header-fixed*/
.header-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 0;
}

.header-fixed #Utility-menu li {
  display: none;
}

.header-fixed #Utility-menu li.cart,
.header-fixed #Utility-menu li.favorite,
.header-fixed #Utility-menu li.tel {
  display: inline-block;
}

.header-fixed #Utility-menu li.tel {
  padding-left: 0;
}

.header-fixed #Utility-menu li.cart a,
.header-fixed #Utility-menu li.favorite a {
  margin-left: 3px;
}

.header-fixed #Utility-menu li.cart a {
  padding: 0 10px;
}

.header-fixed #Utility-menu li.favorite a {
  padding: 0 8px;
}

.header-fixed #global-menu {
  background: #000;
}

.header-fixed .Logo {
  padding: 0;
  position: relative;
}

.header-fixed .Logo a {
  display: block;
  width: 33px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 10;
}

.header-fixed .Logo a:hover {
  cursor: pointer;
}

.header-fixed .Logo a img {
  width: 33px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 50%;
     object-position: 0 50%;
}

.header-fixed #global-menu {
  padding: 17px 0;
}

.header-fixed #global-menu ul {
  padding-left: 60px;
}

.header-fixed #global-menu li {
  width: auto;
}

.header-fixed #global-menu li a,
.header-fixed #global-menu li:first-child a {
  width: auto;
  padding: 0 13px;
  border-color: #666666;
  color: #fff;
  font-weight: 200;
  font-size: 0.8rem;
}

.header-fixed #Utility-menu ul {
  top: -40px;
}

.header-fixed #global-menu li:nth-of-type(3) a span {
  padding: 0 15px;
  background: none;
}

footer {
  padding: 30px 0 0;
}

footer .foot-top {
  border-top: 1px solid #ccc;
  padding-top: 35px;
}

footer .box-foot-ico ul {
  margin-bottom: 40px;
}

footer .box-foot-ico ul li {
  width: 11.111%;
  float: left;
}

footer .box-foot-ico ul li a {
  display: block;
  margin: 0 3px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 5px;
  min-height: 110px;
}

footer .box-foot-ico ul li a img {
  display: block;
  margin: 0 auto;
}

footer .box-foot-tel {
  border: 3px solid #CCCCCC;
  padding: 25px 50px;
  text-align: center;
  margin: 0 0 30px;
  background: url(/common_img/common_bottom_img.jpg) 3% 100%/contain no-repeat;
  background-size: 171px;
  min-width: 970px;
}

footer .box-foot-tel img {
  padding-left: 0;
}

footer .box-foot-tel a.contact-btn {
  display: inline-block;
  background: #FF9900;
  color: #fff;
  height: 110px;
  line-height: 110px;
  padding: 0 42px;
  margin-left: 11px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1.6em;
}

footer .foot-shopinfo-wrap {
  padding: 4em 0;
  background-color: #eee;
  line-height: 1.7;
}

footer .foot-shopinfo-wrap .row {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo:not(:last-of-type) {
  margin-bottom: 3em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-info-title {
  margin-bottom: 0.5em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-info-title a {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  font-size: 1.3em;
  text-decoration: underline;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-info-title a:hover {
  text-decoration: none;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-info-title a:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: FontAwesome;
  content: "\f00c";
  color: #FF6600;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-calendar-title {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 5px;
  padding-left: 1.5em;
  border-bottom: 1px solid #000 !important;
  font-size: 16px;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-calendar-title:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: FontAwesome;
  content: "\f00c";
  color: #FF6600;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-read {
  margin-bottom: 0.7em;
  padding-left: 2em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-read span {
  font-weight: bold;
  color: #FF6600;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-read a {
  text-decoration: underline;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-read a:hover {
  text-decoration: none;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-payment {
  width: 90%;
  margin-left: 2em;
  padding: 1em;
  border: 1px solid #ccc;
  background-color: #fff;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-payment dl {
  margin-bottom: 0.5em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-payment dl dt {
  margin-bottom: 0.5em;
  padding: 0.2em;
  background-color: #e0e0e0;
  text-align: center;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-detail {
  padding-left: 2em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-detail dl {
  margin-bottom: 2em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-detail dl dd p {
  margin-bottom: 1em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-detail dl dd ul {
  padding: 1em;
  border: 1px solid #ccc;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-detail dl dd ul li {
  position: relative;
  padding-left: 1em;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-detail dl dd ul li:before {
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}

footer .foot-shopinfo-wrap .col-sm-4 .f-shopinfo .f-detail .f-read {
  padding-left: 0;
}

footer .sns-area ul {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

footer .sns-area ul li {
  margin: 0;
}

footer .sns-area ul li a:hover i {
  opacity: 0.7;
}

footer .sns-area ul li a i {
  font-size: 18px;
}

footer .sns-area ul li a img {
  max-width: 32px;
  height: auto;
}

footer .foot-menu {
  border-top: #ccc;
  background: #000;
  padding: 40px 0;
}
footer .foot-menu .Wrapper .row .col-sm-3:not(:first-of-type) ul li:not(footer .foot-menu .Wrapper .row .col-sm-3:not(:first-of-type) ul li.foot-menu-title) {
  position: relative;
  padding-left: 25px;
}
footer .foot-menu .Wrapper .row .col-sm-3:not(:first-of-type) ul li:not(footer .foot-menu .Wrapper .row .col-sm-3:not(:first-of-type) ul li.foot-menu-title):before {
  position: absolute;
  top: 11px;
  left: 10px;
  content: "";
  width: 6px;
  height: 1px;
  background-color: #aaa;
  border-radius: 50%;
}

footer .foot-menu li {
  padding: 3px 0;
}

footer .foot-menu li a {
  color: #fff;
}

.foot-menu-title {
  font-weight: bold;
  font-size: 1.1em;
}

.footer-s-nav {
  background: #fff;
  padding: 10px 0;
}

footer .copyright {
  background: #000;
  color: #fff;
  padding: 15px 15px;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  footer .copyright {
    text-align: center;
  }
}
.section-padding {
  padding: 20px 0;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  #Pagelink {
    font-size: 0.7rem;
  }
}
#Top-situation .categ-bnr-box .box-img {
  padding: 0;
  border: 8px solid #eee;
}

#Top-situation .categ-bnr-box .box-img img {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  #Top-size .tab .box {
    width: 29%;
    padding: 10px 5px;
  }
  #Top-size .tab .box .inline-block {
    font-size: 0.8rem;
  }
}
.item-list-box {
  position: relative;
  display: inline-block;
  width: 31%;
  margin-bottom: 15px;
}

.item-list-box .box-img {
  margin-bottom: 10px;
  display: block;
}

.item-list-box .box-img a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  text-decoration: none;
  color: #000;
}

.item-list-box .box-img a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  background: #fff;
}

.item-list-box .box-img .box-img-img {
  display: block;
  text-align: center;
}

.item-list-box .box-img a span.box-img-inch,
.products-img-wrap span.box-img-inch {
  display: block;
  font-size: 2rem;
  font-family: Impact;
  margin-top: 33%;
  text-shadow: 0px 1px 1px #fff;
}

.item-list-box .box-img a span.box-img-name,
.products-img-wrap span.box-img-name {
  display: block;
  font-weight: bold;
  margin: 0 10%;
  text-shadow: 1px 1px 0px #fff;
}

.item-list-box ul li.box-code {
  color: #999;
  font-size: 0.9em;
}

.item-list-box ul li.box-price {
  margin-top: 5px;
  color: #c00;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .item-list-box {
    width: 100%;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0 5px;
  }
  .item-list-box .box-img {
    margin-bottom: 10px;
    display: block;
    width: 50%;
    position: relative;
    float: left;
  }
  .item-list-box ul {
    width: 45%;
    float: right;
    margin-top: 13px;
  }
  .item-list-box .box-img a span.box-img-inch {
    margin-top: 29%;
  }
  .item-list-box .box-img a span.box-img-name {
    margin: 0 16%;
    line-height: 1.2;
    font-size: 0.8rem;
  }
}
/* フッター ================================================================================= */
.fixed-contact-cont {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10000;
  background: #fff;
  display: none;
}

.fixed-contact-cont.show p a img {
  max-width: 180px;
  width: auto;
}

.fixed-contact-cont.show {
  display: block;
}

.fixed-contact-cont .contact-list {
  position: absolute;
  top: 107px;
  left: 25px;
}

.fixed-contact-cont .contact-list li {
  display: inline-block;
}

/*=======================================================

base

========================================================*/
.clear {
  clear: both;
}

#post_box table th {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f0f0f0;
  font-weight: normal;
}

#post_box table td {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#post_box table.table-fixed {
  max-width: 750px;
  width: 100%;
  margin: 0 auto 40px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 14px;
}
#post_box table.table-fixed tr {
  display: flex;
}
#post_box table.table-fixed tr td {
  flex: 2;
}
#post_box table.table-fixed tr th {
  flex: 1;
}
#post_box table.table-fixed tr th:empty:before, #post_box table.table-fixed tr td:empty:before {
  content: "-";
  color: #999;
}

@media (max-width: 767px) {
  #post_box table.table-fixed {
    font-size: 13px;
  }
  #post_box table.table-fixed tr {
    flex-wrap: wrap;
  }
  #post_box table.table-fixed tr th {
    width: 30%;
    flex: inherit;
  }
  #post_box table.table-fixed tr td {
    width: 70%;
    flex: inherit;
  }
  #post_box table.table-fixed tr th, #post_box table.table-fixed tr td {
    line-height: 1.4;
  }
  #post_box table.table-fixed tr th:empty, #post_box table.table-fixed tr td:empty {
    display: none;
  }
}
#fig table {
  width: 100%;
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

#fig table th {
  padding: 5px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
}

#fig table td {
  padding: 5px;
  border: 1px #E3E3E3 solid;
  border-width: 0 0 1px 1px;
}

.box_red {
  border: 1px solid #F00;
}

.required {
  color: #F00;
  font-size: 0.8em;
}

/*----- border-box; -----*/
.link-btn-wrap *,
.Example-box-Wrap *,
.Faq-box-Wrap * {
  box-sizing: border-box;
}

/*----- FontAwesome -----*/
.menu-list ul li a:after,
.link-btn-wrap a:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}

/*----- clearfix -----*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}

/*----- float解除個別指定 -----*/
ul,
#Header li,
#Header,
#Container,
#common_bottom .reason p {
  zoom: 1;
}

ul:after,
#Header li:after,
#Header:after,
#Container:after,
#common_bottom .reason p:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

/* media
----------------------------------------------- */
@media only screen and (max-width: 767px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
}
/* display
----------------------------------------------- */
.dis-none {
  display: none;
}

.inline-block {
  display: inline-block;
}

/* 行揃え
----------------------------------------------- */
.alignC {
  text-align: center !important;
}

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

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

.pricetd em {
  font-weight: bold !important;
}

/* フォーム
----------------------------------------------- */
input[type=text],
input[type=password] {
  border: solid 1px #ccc;
  padding: 2px;
  box-sizing: border-box;
}

/* color-box
----------------------------------------------- */
.orange-box {
  background: #FFF7EC;
  text-align: center;
  padding: 20px 20px;
  border: 2px solid #FFAB34;
}

.orange-box .box-txt {
  margin-top: 20px;
}

/* margin
----------------------------------------------- */
.mB5 {
  margin-bottom: 5px !important;
}

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

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

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

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

.mB40 {
  margin-bottom: 40px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

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

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

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

.mT50 {
  margin-top: 50px !important;
}

/* txt
----------------------------------------------- */
.txtBold {
  font-weight: bold;
}

.txtRed {
  color: #ee0000;
}

.txtYel {
  color: #FFFF00;
}

.txtOrange {
  color: #F60;
}

.txtBlue {
  color: #2987e6;
}

.smaller-TX {
  font-size: 0.9em !important;
}

.TX50 {
  font-size: 0.5em !important;
}

.TX60 {
  font-size: 0.6em !important;
}

.TX70 {
  font-size: 0.7em !important;
}

.TX80 {
  font-size: 0.8em !important;
}

.TX90 {
  font-size: 0.9em !important;
}

.TX100 {
  font-size: 1em !important;
}

.TX110 {
  font-size: 1.1em !important;
}

.TX120 {
  font-size: 1.2em !important;
}

.TX130 {
  font-size: 1.3em !important;
}

.TX140 {
  font-size: 1.4em !important;
}

.TX150 {
  font-size: 1.5em !important;
}

.TX160 {
  font-size: 1.6em !important;
}

.txtind_1 {
  text-indent: 1em;
}

.TX-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* 表示・非表示
----------------------------------------------- */
.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
.tabpanel .panel .box,
.tabpanel01 .panel .box {
  margin: 0;
}

/* ボタン
----------------------------------------------- */
/*btn*/
.btn,
.btn:link,
.btn:visited,
#post_box a.btn,
#post_box a.btn:link,
#post_box a.btn:visited,
#main_content #common_content .side-cat-menu-box .box-in-list a,
#main_content #common_content .side-cat-menu-box .box-in-list a:link,
#main_content #common_content .side-cat-menu-box .box-in-list a:visited {
  font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  display: inline-block;
  text-decoration: none;
  *display: inline;
  padding: 8px 12px 6px;
  margin-bottom: 0;
  *margin-left: 0.3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  border-radius: 8px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  position: relative;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
#main_content #common_content .side-cat-menu-box .box-in-list a:hover,
#main_content #common_content .side-cat-menu-box .box-in-list a:focus,
#main_content #common_content .side-cat-menu-box .box-in-list a:active {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.btn i {
  position: absolute;
  right: 0;
  top: 50%;
  color: #c00;
  margin-top: -7px;
}

.btn.big-btn,
.btn.big-btn:link,
.btn.big-btn:visited,
#post_box a.btn.big-btn,
#post_box a.btn.big-btn:link,
#post_box a.btn.big-btn:visited {
  padding: 17px 12px 14px;
  font-size: 1.2em;
  font-weight: bold;
}

/*btn-orange*/
.btn-orange,
.btn-orange:link,
.btn-orange:visited,
#post_box .btn-orange.btn,
#post_box .btn-orange.btn:link,
#post_box .btn-orange.btn:visited {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #FA6A01;
  background-image: linear-gradient(to bottom, #FE8E00, #FA6A01);
  background-repeat: repeat-x;
  border-color: #FA6A01 #FA6A01 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffFE8E00", endColorstr="#ffFA6A01", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled],
#post_box .btn-orange:hover,
#post_box .btn-orange:focus,
#post_box .btn-orange:active,
#post_box .btn-orange.active,
#post_box .btn-orange.disabled,
#post_box .btn-orange[disabled] {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/*btn-blue*/
.btn-blue,
.btn-blue:link,
.btn-blue:visited,
#post_box .btn-blue.btn,
#post_box .btn-blue.btn:link,
#post_box .btn-blue.btn:visited {
  text-shadow: 0 -1px 0 #1D6DC1;
  color: #fff;
  border: 1px solid #1D6DC1;
  background: rgb(122, 188, 255); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(122, 188, 255) 0%, rgb(96, 171, 248) 44%, rgb(64, 150, 238) 100%); /* Opera11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7abcff", endColorstr="#4096ee",GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgb(122, 188, 255) 0%, rgb(96, 171, 248) 44%, rgb(64, 150, 238) 100%); /* W3C */
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled],
#post_box .btn-blue:hover,
#post_box .btn-blue:focus,
#post_box .btn-blue:active,
#post_box .btn-blue.active,
#post_box .btn-blue.disabled,
#post_box .btn-blue[disabled] {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/*btn-corner*/
.btn-corner,
.btn-corner:link,
.btn-corner:visited,
#post_box .btn-corner.btn,
#post_box .btn-corner.btn:link,
#post_box .btn-corner.btn:visited {
  border-radius: 0px;
}

.btn-corner:hover,
.btn-corner:focus,
.btn-corner:active,
.btn-corner.active,
.btn-corner.disabled,
.btn-corner[disabled],
#post_box .btn-corner:hover,
#post_box .btn-corner:focus,
#post_box .btn-corner:active,
#post_box .btn-corner.active,
#post_box .btn-corner.disabled,
#post_box .btn-corner[disabled] {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/*btn-flat*/
.btn-flat,
.btn-flat:link,
.btn-flat:visited,
#post_box .btn-flat.btn,
#post_box .btn-flat.btn:link,
#post_box .btn-flat.btn:visited {
  background-image: none;
  border: none;
  padding: 12px 46px 11px;
  background-color: #eee;
}

.btn i {
  padding-right: 10px;
}

.btn100 {
  width: 100%;
  box-sizing: border-box;
}

/* アラート
----------------------------------------------- */
.alert {
  padding: 10px 15px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}

.alert dt {
  font-weight: bold;
}

.alert dd {
  line-height: 1.8;
  color: #333;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-error h4 {
  color: #b94a48;
}

/* ラベルバッジ
----------------------------------------------- */
.label,
.badge {
  display: inline-block;
  margin-right: 3px;
  padding: 4px 10px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  border-radius: 3px;
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important {
  background-color: #b94a48;
}

.label-important[href] {
  background-color: #953b39;
}

/* ---------------------------------
------------------------------------
common style
------------------------------------
------------------------------------*/
#Header,
#Footer {
  width: 100%;
}

#Header {
  position: fixed;
  top: 0;
  z-index: 1000;
  min-width: 955px;
}

/*----- pagetop -----*/
#pagetop {
  position: fixed;
  right: 160px;
  bottom: 0;
  z-index: 1000;
}

#pagetop a {
  width: 50px;
  height: 28px;
  display: block;
  text-indent: -9999px;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  background: url(../common_img/page_top.png) center top no-repeat;
}

#pagetop a:hover {
  background-position: center bottom;
}

/* ---------------------------------
------------------------------------
Header
------------------------------------
------------------------------------*/
#Header .inner {
  width: 1000px;
  position: relative;
}

/* ---------------------------------
------------------------------------
main_content
------------------------------------
------------------------------------*/
#main_content {
  width: 760px;
  float: right;
  position: relative;
  z-index: 1;
}

.column1 #main_content {
  width: 1000px;
  margin: 0 auto 50px;
  float: none;
}

.column1-100 #main_content {
  margin: 0 auto 50px;
  float: none;
  width: 100%;
}

/* ---------------------------------
------------------------------------
common_content
------------------------------------
------------------------------------*/
#common_content_wrap {
  width: 250px;
  float: left;
}

#common_content {
  width: 250px;
  margin-bottom: 30px;
  float: left;
  position: sticky;
  top: 65px;
  z-index: 9900;
}

#common_content h3 {
  padding: 10px 0 18px;
  text-align: center;
  color: #fff;
}

/*----- common_bnr -----*/
.common_bnr li {
  margin-bottom: 10px;
}

/*listMenu*/
.menu-on-side #categ-menu h3 {
  position: relative;
  z-index: 9900;
}
.menu-on-side #common_content .listMenu {
  z-index: 9900;
}

#common_content .listMenu {
  position: relative;
  background: #fff;
}
#common_content .listMenu ul .listMenu__item {
  position: relative;
  background-color: #fff;
}
#common_content .listMenu ul .listMenu__item > a {
  padding: 13px 13px 13px 46px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
#common_content .listMenu ul .listMenu__item > a:hover {
  background-color: #eee;
}
#common_content .listMenu ul .listMenu__item .popupMenu {
  position: absolute;
  top: 0;
  left: 248px;
  min-width: 290px;
  display: none;
  border: 1px solid #999;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}
#common_content .listMenu ul .listMenu__item .popupMenu ul {
  margin: 0;
}
#common_content .listMenu ul .listMenu__item .popupMenu ul .popupMenu__item a {
  display: flex;
  align-items: center;
  padding: 6px 5px 6px 8px;
}
#common_content .listMenu ul .listMenu__item .popupMenu ul .popupMenu__item a.current {
  background-color: #eee;
}
#common_content .listMenu ul .listMenu__item .popupMenu ul .popupMenu__item a:after {
  top: 50%;
  transform: translateY(-50%);
}
#common_content .listMenu ul .listMenu__item .popupMenu ul .popupMenu__item a figure {
  width: 40px;
}
#common_content .listMenu ul .listMenu__item.showChildren > a {
  background-color: #eee;
}
#common_content .listMenu ul .listMenu__item.showChildren .popupMenu {
  display: block;
}
#common_content .listMenu ul .listMenu__item:last-of-type .popupMenu {
  top: inherit;
  bottom: 0;
}
#common_content .listMenu ul .menu-dendou > a {
  background-image: url("/common_img/menu_cb.png");
}
#common_content .listMenu ul .menu-syudou > a {
  background-image: url("/common_img/menu_manual.png");
}
#common_content .listMenu ul .menu-tape > a {
  background-image: url("/common_img/menu_tp.png");
}
#common_content .listMenu ul .menu-mobile > a {
  background-image: url("/common_img/menu_fs.png");
}
#common_content .listMenu ul .menu-magnet > a {
  background-image: url("/common_img/menu_ms.png");
}
#common_content .listMenu ul .menu-rearfilm > a {
  background-image: url("/common_img/menu_rear.png");
}
#common_content .listMenu ul .menu-rearscreen > a {
  background-image: url("/common_img/menu_rear_sc.png");
}
#common_content .listMenu ul .menu-spider > a {
  background-image: url("/common_img/menu_kp.png");
}
#common_content .listMenu ul .menu-other > a {
  background-image: url("/common_img/menu_other.png");
}

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

  .single-template-page #common_content_wrap {
    width: 95%;
    float: none;
    margin: 0 auto;
    #common_content{
      width: 100%;
      float: none;
    }
  }

}

/*.menu-list*/
#common_content .menu-list h3 {
  font-size: 0.8rem;
  padding: 13px 0;
  font-weight: normal;
}

.menu-list {
  border: 1px solid #CCCCCC;
  margin-bottom: 20px;
}

.menu-list h3 {
  background-color: #383838;
  padding: 20px 0;
  font-size: 1rem;
}

.menu-list h4 {
  background-color: #F3F3F3;
  padding: 10px;
}

.menu-list .list-content {
  padding: 5px;
}

.menu-list .list-content ul li:last-child a {
  border-bottom: none;
}

.menu-list ul li a {
  display: block;
  border-bottom: 1px dotted #ccc;
  padding: 8px 15px 8px 5px;
  text-decoration: none;
  color: #000;
  position: relative;
}

.menu-list ul li a.current {
  background-color: #FFECDF;
}

.menu-list ul li a:hover {
  background-color: #eee;
}

.menu-list ul li a:after {
  content: "\f105";
  position: absolute;
  right: 0;
  top: 13px;
  color: #c00;
}

.menu-list .ico-list ul li a {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 13px;
}

#menu-sc-cb a {
  background-image: url(../common_img/menu_cb.png);
}

#menu-sc-dr a {
  background-image: url(../common_img/menu_dr.png);
}

#menu-sc-ch a {
  background-image: url(../common_img/menu_ch.png);
}

#menu-sc-tp a {
  background-image: url(../common_img/menu_tp.png);
}

#menu-sc-st a {
  background-image: url(../common_img/menu_st.png);
}

#menu-sc-sp a {
  background-image: url(../common_img/menu_sp.png);
}

#menu-sc-cs a {
  background-image: url(../common_img/menu_cs.png);
}

#menu-sc-fs a {
  background-image: url(../common_img/menu_fs.png);
}

#menu-sc-xr a {
  background-image: url(../common_img/menu_xr.png);
}

#menu-sc-ck a {
  background-image: url(../common_img/menu_ck.png);
}

#menu-sc-ms a {
  background-image: url(../common_img/menu_ms.png);
}

#menu-sc-rear a {
  background-image: url(../common_img/menu_rear.png);
}

#menu-sc-rear-sc a {
  background-image: url(../common_img/menu_rear_sc.png);
}

#menu-sc-order a {
  background-image: url(../common_img/menu_order.png);
}

#menu-projector a {
  background-image: url(../common_img/menu_pj.png);
}

#menu-pjc a {
  background-image: url(../common_img/menu_pjc.png);
}

#menu-metal a {
  background-image: url(../common_img/menu_kp.png);
}

#menu-pole a {
  background-image: url(../common_img/menu_pole.png);
}

#menu-cable a {
  background-image: url(../common_img/menu_cable.png);
}

#menu-qp a {
  background-image: url(../common_img/menu_qp.png);
}

#menu-qp_b a {
  background-image: url(../common_img/menu_qp_b.png);
}

#menu-cable a {
  background-image: url(../common_img/menu_cable.png);
}

#menu-anmaku a {
  background-image: url(../common_img/menu_anmaku.png);
}

#menu-option a {
  background-image: url(../common_img/menu_option.png);
}

#menu-baton a {
  background-image: url(../common_img/menu_mb.png);
}

#menu-sc-situation a {
  background-image: url(../common_img/menu_situation.png);
}

#menu-sc-model a {
  background-image: url(../common_img/menu_model.png);
}

#menu-sc-size a {
  background-image: url(../common_img/menu_size.png);
}

/* ---------------------------------
------------------------------------
product_grobal_menu
------------------------------------
------------------------------------*/
#item_top .box-img {
  background-color: #fff;
  margin: 0 0 0;
  text-align: center;
}

#item_top .box-img .box-img-vgp {
  margin-bottom: 15px;
  background: #fff;
}

#post_box #product_grobal_image img,
#post_box #product_grobal_image p {
  border: none;
  margin: 0;
  padding: 0;
}

/* ---------------------------------
------------------------------------
Footer
------------------------------------
------------------------------------*/
#Footer {
  background: url(../common_img/common_menu_bg.gif) repeat;
  color: #CCC;
}

#Footer .inner_content {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0 35px;
  position: relative;
}

.footer_info {
  position: absolute;
  top: 40px;
  left: 0;
}

#Footer .logo {
  margin-bottom: 10px;
}

#Footer p span a {
  text-decoration: none;
  color: #CCC;
}

#Footer p span {
  display: block;
}

#Footer p span img {
  position: relative;
  top: -2px;
  padding-right: 8px;
}

#Footer p span.address {
  padding-bottom: 5px;
}

/* footer_menu */
#footer_menu {
  margin-left: 240px;
}

#footer_menu li {
  width: 155px;
  float: left;
  padding: 2px 0 4px 35px;
  font-size: 11px;
  background: url(../common_img/footer_menu_bg.gif) left top repeat-y;
}

#footer_menu a {
  color: #CCC;
}

#footer_menu a:hover {
  color: #FFF;
}

#Footer p.txt {
  position: absolute;
  right: 0;
  bottom: 7px;
  color: #777;
  font-size: 10px;
}

/* copyright */
#Footer #copyright {
  text-align: center;
  background: url(../common_img/copyright_bg.gif) repeat;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

/*Faq-box*/
.Faq-box-Wrap {
  padding: 0;
  border: none;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .Faq-box-Wrap {
    padding: 10px 10px 5px;
  }
}
.Faq-box {
  font-size: 1rem;
  margin-bottom: 10px;
  border: none;
}

.Faq-box .box-title {
  position: relative;
  padding: 1em 4em 1em 1em;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative;
}

.Faq-box .box-title:hover {
  border-color: #000;
}

.Faq-box .box-title:after {
  position: absolute;
  top: 6px;
  right: 13px;
  content: "+";
  transition: all 0.4s ease;
  font-family: "arial";
  font-size: 2.8em;
  color: #aaa;
  line-height: 1;
}

.Faq-box.active .box-title:after {
  transform: rotate(45deg);
}

.Faq-box .box-title span.box-ico {
  display: none;
}

.Faq-box .box-ans {
  margin: 1.5em 1em 3.5em;
  font-size: 0.9rem;
}

.Faq-box .box-ans span.box-ico {
  color: #c00;
}

/*Example-box-Wrap*/
.Example-box-Wrap .box-img {
  overflow: hidden;
  margin-bottom: 5px;
}

@media (min-width: 1199px) { /*幅1199px以下で適用されるスタイル*/
  .Example-box-Wrap .box-img {
    height: 250px;
  }
}
@media (max-width: 1199px) { /*幅1199px以下で適用されるスタイル*/
  .Example-box-Wrap .box-img {
    height: 250px;
  }
}
@media (max-width: 991px) { /*幅991px以下で適用されるスタイル*/
  .Example-box-Wrap .box-img {
    height: 250px;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .Example-box-Wrap .box-img {
    height: 130px;
  }
}
.Example-box-Wrap .box-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*link-btn-wrap*/
.link-btn-wrap {
  display: flex;
}

.link-btn-wrap a {
  display: block;
  width: 48%;
  border: 2px solid #ccc;
  text-decoration: none;
  padding: 30px;
  margin: 1%;
  display: flex;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}

.link-btn-wrap a:after {
  content: "\f105";
  font-size: 1.5rem;
  position: absolute;
  color: #c00;
  right: 9px;
}

.link-btn-wrap a:hover {
  background-color: #eee;
}

@media screen and (max-width: 767px) {
  .link-btn-wrap a {
    padding: 20px 10px;
    font-size: 14px;
  }
  .link-btn-wrap a:after {
    right: 4px;
  }
}
/* list-btn-wrap*/
.list-btn-wrap {
  display: flex;
}

.list-btn-wrap a {
  display: block;
  width: 48%;
  border: 2px solid #ccc;
  text-decoration: none;
  padding: 13px;
  margin: 1%;
  display: flex;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}

.list-btn-wrap a:hover {
  background-color: #eee;
}

#Wrap-item-lineup .topnav-wrap .topnav-sp {
  display: none;
}
#Wrap-item-lineup .topnav-wrap .list-btn-wrap input, #Wrap-item-lineup .topnav-wrap .list-btn-wrap label {
  display: none;
}
#Wrap-item-lineup .categ-bnr-box > .btn {
  display: none;
}

@media (max-width: 767px) {
  #Wrap-item-lineup .renew .topnav-wrap {
    display: flex;
    flex-direction: column;
  }
  #Wrap-item-lineup .renew .topnav-wrap .topnav-sp {
    display: block;
    order: 0;
  }
  #Wrap-item-lineup .renew .topnav-wrap .topnav-sp .topnav-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 1px solid #ccc !important;
  }
  #Wrap-item-lineup .renew .topnav-wrap .topnav-sp .topnav-box:not(:last-of-type) {
    margin-bottom: 10px;
  }
  #Wrap-item-lineup .renew .topnav-wrap .topnav-sp .topnav-box figure {
    flex-basis: 80px;
  }
  #Wrap-item-lineup .renew .topnav-wrap .topnav-sp .topnav-box dl {
    flex-basis: calc(100% - 95px);
  }
  #Wrap-item-lineup .renew .topnav-wrap .topnav-sp .topnav-box dl dt {
    margin-bottom: 2px;
    font-size: 16px;
    color: #000;
  }
  #Wrap-item-lineup .renew .topnav-wrap .topnav-sp .topnav-box dl dd {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
  }
  #Wrap-item-lineup .renew .topnav-wrap .list-btn-wrap {
    order: 3;
  }
  #Wrap-item-lineup .renew .topnav-wrap .list-btn-wrap input[type=checkbox]:checked + label + ul {
    display: flex !important;
  }
  #Wrap-item-lineup .renew .topnav-wrap .list-btn-wrap input[type=checkbox]:checked + label:after {
    transform: translateY(-50%) scaleY(0.5) rotate(-90deg);
  }
  #Wrap-item-lineup .renew .topnav-wrap .list-btn-wrap label {
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 15px;
    background-color: #ddd;
    line-height: 1;
  }
  #Wrap-item-lineup .renew .topnav-wrap .list-btn-wrap label:after {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 25px;
    transform: translateY(-50%) scaleY(0.5) rotate(90deg);
    content: ">";
  }
  #Wrap-item-lineup .renew .topnav-wrap .list-btn-wrap ul {
    display: none !important;
  }
  #Wrap-item-lineup .renew .categ-bnr-box > .btn {
    display: block;
    margin: 5px 0 35px !important;
    padding: 5px;
  }
  #Wrap-item-lineup .renew .btn-category a {
    margin: 10px 0 40px;
  }
  #Wrap-item-lineup .renew h2.item_list_title {
    margin-top: 60px;
    padding: 10px 0 10px 20px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    background-position: 0 50%;
    font-size: 18px;
  }
  #Wrap-item-lineup .renew .btn-category a {
    display: block;
  }
}
/*#voice-parts-wrap*/
#voice-parts-wrap {
  overflow: auto;
  height: auto;
  padding: 0;
  border: none;
}

#voice-parts-wrap .voice-box {
  margin-bottom: 30px;
  padding: 0 1.5em;
  border-bottom: 1px dotted #ccc;
  zoom: 1;
}

#voice-parts-wrap .voice-box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#voice-parts-wrap .box-title {
  padding-left: 0;
  font-size: 1.2em;
  font-weight: bold;
}

#voice-parts-wrap .box-comment {
  position: relative;
  padding-bottom: 1em;
}

#voice-parts-wrap .voice-box .box-comment img {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  max-width: 210px;
  width: 100%;
}

#voice-parts-wrap .box-comment p {
  margin-bottom: 5px;
  padding-left: 1em;
  font-size: 0.9em;
  line-height: 1.4;
}

#voice-parts-wrap .box-comment h2 {
  display: block;
  margin: 0 0 10px;
  padding: 0.5em;
  background: none;
  background-color: #eee;
  border: 1px solid #ccc;
  font-size: 0.95em;
}

#voice-parts-wrap .box-comment img {
  position: relative;
  width: 23%;
  float: left;
  margin-top: -30px;
  padding: 0 22px 0 0;
}

#voice-parts-wrap .voice-box .box-comment h2:not(:first-of-type) {
  margin-top: 1em;
}

#voice-parts-wrap .voice-box .box-comment :not(img) {
  margin-left: 23%;
}

#review-container {
  max-width: 950px;
  margin: 0 auto 40px;
}
#review-container .review-article:not(:last-of-type) {
  margin-bottom: 40px;
}
#review-container .review-heading {
  margin-bottom: 20px;
  padding-left: 30px;
  border-left: 1px solid #ff9900;
}
#review-container .review-heading p {
  margin-bottom: 0;
}
#review-container .review-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 10px;
}
#review-container .review-item__star {
  color: #ff9900;
  font-size: 20px;
  line-height: 1.5;
}
#review-container .review-item__ttl {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}
#review-container .review__date {
  color: #888;
}
#review-container .review-body {
  margin-bottom: 10px;
  padding-left: 30px;
  font-size: 16px;
}
#review-container .review-more__head {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding-left: 15px;
  color: #0099ff;
}
#review-container .review-more__head:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f107";
  font-family: FontAwesome;
}
#review-container .review-more__head:hover {
  cursor: pointer;
}
#review-container .review-imgs-section {
  padding-left: 30px;
}
#review-container .review-imgs-section .review-imgs-in {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 3px;
}
#review-container .review-imgs-section .review-imgs-in .review-imgs__img a img {
  max-width: 120px;
  max-height: 90px;
  margin-bottom: 0;
}
#review-container .is-hidden .review-body__main {
  position: relative;
  display: block;
  overflow: hidden;
  height: 70px;
}
#review-container .is-hidden .review-body__main:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 60%, #fff);
  pointer-events: none;
  z-index: 10;
}
#review-container .is-hidden .review-more {
  display: block;
}
#review-container .review-more {
  display: none;
}

@media (max-width: 767px) {
  #voice-parts-wrap {
    padding: 10px 10px 5px;
  }
  #voice-parts-wrap .voice-box {
    padding: 0;
  }
  #voice-parts-wrap .voice-box .box-comment img {
    position: static;
    float: none;
    padding: 0;
  }
  #voice-parts-wrap .voice-box .box-comment :not(img) {
    margin-left: 0;
  }
  #review-container .review-article {
    display: flex;
    flex-direction: column;
  }
  #review-container .review-heading {
    margin-bottom: 10px;
    padding-left: 15px;
    order: 1;
  }
  #review-container .review-item {
    gap: 0 10px;
  }
  #review-container .review-item__star {
    font-size: 18px;
  }
  #review-container .review-item__ttl {
    font-size: 15px;
  }
  #review-container .review__date {
    font-size: 13px;
  }
  #review-container .review-body {
    padding-left: 15px;
    font-size: 15px;
    order: 3;
  }
  #review-container .review-body__main {
    line-height: 1.5;
  }
  #review-container .review-more__head {
    padding-left: 15px;
    font-size: 15px;
  }
  #review-container .review-imgs-section {
    overflow: hidden;
    margin: 0 -1rem 20px 0;
    padding-left: 15px;
    order: 2;
  }
  #review-container .review-imgs-section .review-imgs-in {
    overflow: scroll;
    flex-wrap: nowrap;
    gap: 20px 20px;
  }
  #review-container .review-imgs-section .review-imgs-in .review-imgs__img {
    max-width: 200px;
    min-width: 200px;
  }
  #review-container .review-imgs-section .review-imgs-in .review-imgs__img a img {
    max-width: 100%;
    max-height: inherit;
    width: 200px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    border-radius: 5px;
  }
  #review-container .is-hidden .review-body__main {
    height: 140px;
  }
  #review-container .is-hidden .review-body__main:before {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 70%, #fff 95%);
  }
}
#voice-parts-wrap {
  width: 95%;
  margin: 0 auto;
}

#voice-parts-wrap .inner {
  margin-bottom: 3em;
}

#voice-parts-wrap .inner .voice-block {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

#voice-parts-wrap .inner .voice-block:not(:last-of-type) {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #ccc;
}

#voice-parts-wrap .inner .voice-block .comment {
  width: 30%;
}

#voice-parts-wrap .inner .voice-block .comment img {
  margin-bottom: 0;
  vertical-align: bottom;
}

#voice-parts-wrap .inner .voice-block .info-wrap {
  width: 65%;
}

#voice-parts-wrap .inner .voice-block .info-wrap dl {
  font-size: 1.1em;
}

#voice-parts-wrap .inner .voice-block .info-wrap dl:not(:last-of-type) {
  margin-bottom: 0.7em;
}

#voice-parts-wrap .inner .voice-block .info-wrap dl.review dd {
  color: #ff9000;
}

#voice-parts-wrap .inner .voice-block .info-wrap dl dt {
  margin-bottom: 0.2em;
}

#voice-parts-wrap .inner .voice-block .info-wrap dl dt:before {
  content: "■";
}

#voice-parts-wrap .inner .voice-block .info-wrap dl dd {
  padding-left: 1em;
}

#voice-parts-wrap .btn-voice-detail p {
  text-align: center;
}

#voice-parts-wrap .btn-voice-detail p a.btn {
  padding: 20px 43px !important;
  background-color: #ff9900 !important;
  box-shadow: none;
  font-size: 1.1em;
  color: #fff;
  text-shadow: none;
}

#voice-parts-wrap .btn-voice-detail p a.btn i {
  color: #fff;
}

#voice-parts-wrap .inner .voiceArticle {
  margin-bottom: 2em;
}
#voice-parts-wrap .inner .voiceArticle__titles {
  margin-bottom: 0.5em;
  padding-left: 2em;
  padding-bottom: 0.5em;
  border-left: 1px solid #ff9900;
}
#voice-parts-wrap .inner .voiceArticle__review {
  margin-bottom: 0;
}
#voice-parts-wrap .inner .voiceArticle__review a {
  color: #ff9900;
  font-size: 1.2rem;
  letter-spacing: -1px;
  line-height: 1.5;
  text-decoration: none;
}
#voice-parts-wrap .inner .voiceArticle__review a:hover {
  text-decoration: underline;
}
#voice-parts-wrap .inner .voiceArticle__title {
  margin: 0;
  padding: 0;
  background: none;
  line-height: 1.5;
}
#voice-parts-wrap .inner .voiceArticle__title a {
  color: #000;
  font-size: 1rem;
  text-decoration: none;
}
#voice-parts-wrap .inner .voiceArticle__title a:hover {
  text-decoration: underline;
}
#voice-parts-wrap .inner .voiceArticle__read {
  padding-left: 2em;
  font-size: 1rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  #voice-parts-wrap {
    width: 100%;
  }
  #voice-parts-wrap .inner .voiceArticle__titles {
    padding-left: 1em;
  }
  #voice-parts-wrap .inner .voiceArticle__read {
    padding-left: 1em;
    line-height: 1.6;
  }
  #voice-parts-wrap .inner {
    margin-bottom: 2em;
  }
  #voice-parts-wrap .inner .voice-block {
    flex-wrap: wrap;
  }
  #voice-parts-wrap .inner .voice-block:not(:last-of-type) {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #ccc;
  }
  #voice-parts-wrap .inner .voice-block .comment {
    width: 100%;
    margin-bottom: 2em;
  }
  #voice-parts-wrap .inner .voice-block .comment img {
    max-width: 300px;
  }
  #voice-parts-wrap .inner .voice-block .info-wrap {
    width: 100%;
  }
  #voice-parts-wrap .inner .voice-block .info-wrap dl {
    font-size: 1em;
  }
}
/*.packing*/
#post_box .packing .inner table {
  width: 70%;
  margin-bottom: 20px;
}

#post_box .packing .inner table th {
  width: 24%;
}

/*.bx-wrapper*/
.bx-wrapper .bx-viewport {
  border: none !important;
  box-shadow: none !important;
  left: 0 !important;
}

.bx-wrapper ul {
  margin: 0;
  padding: 0;
  background: none;
}

.bx-wrapper li {
  background: none;
  padding: 0;
}

.bx-wrapper img {
  margin: 0 auto;
}

#post_box .bx-wrapper ul {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

#post_box .bx-wrapper li {
  background: none !important;
  padding: 0 !important;
}

/*=======================================================

content

========================================================*/
#container {
  width: 1050px;
  margin: 0 auto;
  padding-top: 20px;
}

/* ---------------------------------
------------------------------------
common
------------------------------------
------------------------------------*/
dt {
  font-weight: bold;
}

i {
  margin-right: 10px;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.center {
  text-align: center;
}

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

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

img {
  border: 0;
}

/*----- size -----*/
.w100per {
  width: 100% !important;
  box-sizing: border-box;
}

/*----- パンくず -----*/
#topic_path {
  margin: 10px 0 15px;
}

#topic_path > ul > li {
  display: inline-block;
  padding-right: 3px;
}

/*----- 無効化 -----*/
.invalid,
#main_content #post_box .invalid,
#main_content #post_box .invalid tr,
#main_content #post_box .invalid tr td,
#main_content #post_box .invalid tr th {
  width: inherit;
  margin: 0;
  padding: 0;
  border: none;
  line-height: inherit;
  width: inherit;
  height: inherit;
  background: none;
}

/*----- 非表示 -----*/
/*.blinking*/
.blinking {
  animation: 0.5s linear 0s alternate none infinite running blink;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*----- タイトルデザイン -----*/
.Page-title {
  line-height: 1.2;
  width: 100%;
  padding: 6px 2px;
  margin: 0 0 15px;
  border-bottom: #ccc solid 2px;
  position: relative;
}

.Page-title h1,
.Page-title h2,
.Page-title h3,
.Page-title .title {
  font-size: 18px;
  display: inline;
  color: #333333;
  font-weight: bold;
}

.Page-title .txt {
  padding-left: 5px;
  color: #EB7700;
  font-size: 12px;
  font-family: arial;
}

.Page-title .search-box {
  position: absolute;
  right: 0;
  top: 3px;
}

.Page-title .search-box form {
  display: inline;
}

/*Page-stitle*/
.Page-stitle {
  font-size: 16px;
  margin: 0px 0 15px;
  padding: 5px 10px;
  border-left: #F60 solid 5px;
}

.Page-topimg {
  margin-bottom: 20px;
}

.Page-detail {
  margin-bottom: 20px;
}

/*.Page-in-title*/
.Page-in-title {
  padding: 9px 11px 6px;
  border: 1px solid #ccc;
  border-left: 5px solid #FF4F00;
  margin-bottom: 15px;
  font-size: 110%;
  background: url(/common_img/gradation.png) left top;
}

.Page-in-title h1,
.Page-in-title h2,
.Page-in-title h3,
.Page-in-title h4,
.Page-in-title h5 {
  font-size: 16px;
  display: inline;
  color: #333333;
  font-weight: bold;
}

.Page-in-title .ico-bk {
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 3px 12px 2px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.Page-in-title .txt {
  padding-left: 5px;
  color: #EB7700;
  font-size: 12px;
  font-family: arial;
}

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  background-color: transparent;
}

/* ページ内リンク　目次
----------------------------------------------- */
.Page-inlink,
#post_box .Page-inlink {
  margin: 10px 0 15px;
  background: #FAFAFA;
  font-size: 12px;
}

.Page-inlink ul,
#post_box .Page-inlink ul {
  margin: 0;
  padding: 12px 25px;
  zoom: 1;
  font-size: 1.2em;
}

.Page-inlink ul:after,
#post_box .Page-inlink ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.Page-inlink li,
#post_box .Page-inlink li {
  display: inline-block;
  background: url(/common_img/arrow.gif) no-repeat left center;
  margin-right: 10px;
  padding: 2px 0;
}

.Page-inlink li:before,
#post_box .Page-inlink li:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  margin-right: 5px;
  color: #FF4F00;
}

.Page-inlink li a,
#post_box .Page-inlink li a {
  padding-left: 0;
}

/* インチ別スクリーン一覧
----------------------------------------------- */
.ranking-warp .wrap-title {
  font-size: 1.3em;
  margin-top: 50px;
  margin-bottom: 20px;
  background: #EABB00;
  padding: 10px 14px 8px;
  font-weight: bold;
}

.ranking-box-wrap {
  display: flex;
  flex-wrap: wrap;
  zoom: 1;
  position: relative;
  margin: 0 -5px;
}

.ranking-box-wrap:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.categ-bnr-box.ranking-box {
  box-sizing: border-box;
  margin-top: 55px;
  float: left;
  width: 20%;
  padding: 0 5px;
}

.categ-bnr-box.ranking-box .box-title {
  font-size: 0.8rem;
}

.categ-bnr-box.ranking-box .box-img {
  padding: 0;
  background: none;
  border-radius: 0;
  border: none;
}

.categ-bnr-box.ranking-box .box-ico span {
  font-size: 0.6rem;
}

.categ-bnr-box.ranking-box .box-cmt {
  display: none;
}

.categ-bnr-box .box-img {
  position: relative;
}
.categ-bnr-box .box-img .box-inch {
  position: absolute;
  left: 38%;
  top: 33%;
  transform: translate(-50%);
  font-size: 24px;
  font-weight: bold;
  font-family: arial;
  color: #333;
  line-height: 1;
}
.categ-bnr-box .box-img .box-inch span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.ranking-box .p-ico {
  background: none !important;
  padding: 0 !important;
  left: 50%;
  top: -41px !important;
  margin-left: -23px !important;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .categ-bnr-box.ranking-box {
    width: 20%;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .Page-in-title h1 {
    line-height: 1.5;
  }
  .ranking-warp h2 {
    font-size: 1em;
  }
  #toppage .ranking-box-wrap .ranking-box {
    display: grid !important;
    grid-template-rows: auto auto;
    grid-template-columns: 100px auto;
    grid-template-areas: "areaA areaB" "areaA areaC";
    grid-gap: 0 10px;
    padding-left: 50px;
  }
  #toppage .ranking-box-wrap .ranking-box:not(:last-of-type) {
    margin-bottom: 10px;
  }
  #toppage .ranking-box-wrap .ranking-box .box-img {
    grid-area: areaA;
    width: 100% !important;
    margin-bottom: 0;
  }
  #toppage .ranking-box-wrap .ranking-box .box-img img {
    margin-bottom: 0 !important;
  }
  #toppage .ranking-box-wrap .ranking-box .box-img .box-inch {
    z-index: 20;
  }
  #toppage .ranking-box-wrap .ranking-box .box-img .box-inch span {
    font-size: 11px;
  }
  #toppage .ranking-box-wrap .ranking-box .box-title {
    grid-area: areaB;
    color: #0074c2;
    text-decoration: underline;
    font-weight: normal;
    text-align: left;
  }
  #toppage .ranking-box-wrap .ranking-box .box-ico {
    grid-area: areaC;
    margin-bottom: 0;
  }
  #toppage .ranking-box-wrap .ranking-box .box-ico span {
    margin-bottom: 0 !important;
  }
  #toppage .ranking-box-wrap .ranking-box .box-ico .p-ico {
    position: absolute;
    left: 5px;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
  }
  #toppage .ranking-box-wrap .ranking-box .box-ico .p-ico img {
    max-width: 35px !important;
    width: 100%;
    margin-bottom: 0 !important;
  }
  .categ-wrap .categ-bnr-box.ranking-box {
    width: 100%;
    margin: 0 auto 10px;
  }
  .categ-wrap .categ-bnr-box.ranking-box .box-img {
    width: 100%;
  }
  .categ-wrap .categ-bnr-box .box-img .box-inch {
    font-size: 18px;
  }
  .categ-wrap .categ-bnr-box .box-img .box-inch span {
    font-size: 10px;
  }
  #Wrap-item-lineup .categ-wrap .categ-bnr-box.ranking-box {
    margin-top: 55px;
  }
  div#Top-item h3 {
    padding: 10px 0;
    font-size: 15px;
    text-align: left;
  }
  div#Top-item h3:before {
    width: 40%;
  }
  div#Top-item h3 span {
    padding-left: 2.4em;
    background: transparent url("/img/index/ico_ranking_title.png") 0 50%/27px auto no-repeat;
  }
  div#Top-item h3 span strong {
    display: block;
  }
}
/* 履歴（ランキング継承）
---------------------------------------------- */
.rireki_div {
  position: relative;
}

.rireki_div .box-img-inch, .rireki_div a .box-img-inch {
  font-size: 2rem;
  font-family: Impact;
  margin-top: 24%;
  text-shadow: 0px 1px 1px #fff;
  position: absolute;
  top: 8%;
  text-align: center;
  width: 100%;
  z-index: 10;
  text-decoration: none;
  color: #333;
}

.categ-bnr-box.rireki-box {
  box-sizing: border-box;
  margin-top: 0px;
  float: left;
  width: 20%;
  padding: 0 5px;
}

.categ-bnr-box.rireki-box .box-title {
  font-size: 0.8rem;
}

.categ-bnr-box.rireki-box .box-img {
  padding: 10px 20px;
  background: none;
  border-radius: 0;
}

.categ-bnr-box.rireki-box .box-ico span {
  font-size: 0.6rem;
}

.categ-bnr-box.rireki-box .box-cmt {
  display: none;
}

.rireki-wrapper .categ-bnr-box.rireki-box {
  margin-top: 0px;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .categ-bnr-box.rireki-box {
    width: 20%;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .rireki-warp h2 {
    font-size: 1em;
  }
  .categ-bnr-box.rireki-box {
    width: 50%;
  }
}
/* ページメニュー NEW
----------------------------------------------- */
#product_grobal_menu01 {
  clear: both;
  width: 100%;
  margin: 0 0 20px 0;
  border: 1px solid #A5A5A5;
  box-sizing: border-box;
  background: url(../common_img/bg_product_menu.jpg);
  padding: 5px 0 0 3px;
  position: relative;
}

#item_top #product_grobal_menu01 {
  margin-bottom: 15px;
}

#post_box #product_grobal_menu01 ul,
#post_box #product_grobal_menu01 ul li {
  background: none;
  margin: 0;
  padding: 0;
}

#post_box #product_grobal_image img,
#post_box #product_grobal_image p {
  border: none;
  margin: 0;
  padding: 0;
}

#product_grobal_menu01 ul li {
  display: inline-block;
  float: left;
  list-style: none;
  padding: 0 3px;
  border-right: 1px solid #ccc;
}
#product_grobal_menu01 ul li#lineup {
  display: none;
}

#product_grobal_menu01 ul li#home {
  display: none;
}

#product_grobal_menu01 ul li a {
  display: block;
  font-weight: bold;
  font-size: 13px;
  color: #333;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-width: 1px 1px 0px 1px;
  padding: 12px 17px;
  text-decoration: none;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  #product_grobal_menu01 ul li.line2 a {
    line-height: 16px;
    padding-top: 4px;
  }
}
#product_grobal_menu01 ul li a:hover,
#product_grobal_menu01 ul li a.current,
#product_grobal_menu01 ul li a:hover.current {
  background: #fff;
  position: relative;
  border: 1px solid #ccc;
  border-width: 1px 1px 0px 1px;
  top: 6px;
  border-radius: 8px 8px 0 0;
  filter: alpha(opacity=100);
  opacity: 1;
}

#product_grobal_menu01 ul li a.current {
  color: #BF4D00;
}

#product_grobal_menu01 #buy-btn a {
  position: absolute;
  right: 5px;
  top: 5px;
}

/*販売終了*/
.past-txt {
  color: #FF0000;
  border: 1px solid #f00;
  padding: 10px;
  font-size: 1.3em;
  text-align: center;
}

/* feature-box
----------------------------------------------- */
.feature-box {
  zoom: 1;
}

.feature-box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.feature-box a.wrap-link {
  text-decoration: none !important;
  color: #000 !important;
  display: block;
  position: relative;
  zoom: 1;
  padding-right: 40px;
}

.feature-box a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.feature-box a.wrap-link:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.feature-box a.wrap-link:before {
  color: #FF9900;
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  margin-right: 5px;
  font-size: 60px;
  margin-top: -30px;
}

.feature-box .box-title {
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.2;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .feature-box {
    margin-bottom: 30px;
  }
  .feature-box .box-img {
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 300px;
  }
  .feature-box .box-img img {
    height: auto;
  }
  .feature-box.right-box .box-img {
    display: inline-block;
    float: right;
    margin-left: 20px;
  }
  .feature-box .box-title {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 2.3rem;
  }
  .feature-box .box-detail {
    font-size: 1rem;
    overflow: hidden;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .feature-box {
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .feature-box .box-img {
    margin-bottom: 10px;
  }
  .feature-box .box-img img {
    height: auto;
  }
  .feature-box .box-title {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
}
/* cloth-caution
----------------------------------------------- */
#post_box .cloth-caution {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  padding: 30px;
  background-color: #eee;
}
#post_box .cloth-caution .cloth-caution__in {
  flex: 1;
}
#post_box .cloth-caution .cloth-caution__in .cloth-caution__in__ttl {
  position: relative;
  margin: 0 0 20px;
  padding: 0;
  background: none;
}
#post_box .cloth-caution .cloth-caution__in .cloth-caution__in__ttl:before {
  content: "\f071";
  margin-right: 0.3em;
  font-family: FontAwesome;
  font-size: 22px;
  color: #a20000;
}
#post_box .cloth-caution .cloth-caution__in .cloth-caution__in__txt ul {
  padding: 0;
}
#post_box .cloth-caution .cloth-caution__img {
  width: 250px;
}
#post_box .cloth-caution .cloth-caution__img img {
  width: 100%;
  max-width: 250px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #post_box .cloth-caution {
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding: 30px 20px;
  }
  #post_box .cloth-caution .cloth-caution__in {
    width: 100%;
  }
  #post_box .cloth-caution .cloth-caution__in .cloth-caution__in__ttl {
    font-size: 16px;
    text-align: center;
  }
  #post_box .cloth-caution .cloth-caution__in .cloth-caution__in__ttl:before {
    font-size: 20px;
  }
  #post_box .cloth-caution .cloth-caution__img {
    width: 100%;
  }
}
/* ---------------------------------
------------------------------------
Frame
------------------------------------
------------------------------------*/
#container {
  width: 1050px;
  margin: 0 auto;
}

/* ナビゲーション
----------------------------------------------- */
.bottom-nav-list {
  clear: both;
  position: relative;
  text-align: center;
  margin: 20px;
}

.bottom-nav-list a,
.bottom-nav-list a:link,
.bottom-nav-list a:visited {
  color: #333;
}

.bottom-nav-list li {
  display: inline;
  padding: 0 10px;
}

.bottom-nav-list li.btn-next {
  right: 0;
  position: absolute;
}

.bottom-nav-list li.btn-prev {
  position: absolute;
  left: 0;
}

/*-------------------------------------------------------
print-qrcode 印刷時QRコード表示
--------------------------------------------------------*/
.print-qrcode {
  display: none;
  margin-top: 5em;
  padding: 1.5em;
  border: 1px solid #ccc;
}

.print-qrcode .inner {
  display: flex;
  justify-content: space-between;
}

.print-qrcode .inner:after {
  display: none;
}

.print-qrcode .inner .detail {
  width: 70%;
}

.print-qrcode .inner .detail .title {
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
}

.print-qrcode .inner .detail dl {
  font-size: 1.2em;
}

.print-qrcode .inner .detail dl dt {
  margin-bottom: 0.3em;
  font-weight: normal;
}

.print-qrcode .inner #qrcode {
  width: 150px;
}

/*-------------------------------------------------------
subtitle 下層タイトル
--------------------------------------------------------*/
#subtitle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  height: 300px;
  margin-bottom: 1em;
}

#subtitle div.inner {
  padding: 0.6em 3.5em 1.3em;
  background-color: #000;
  color: #fff;
}

#subtitle .inner:after {
  display: none;
}

#subtitle .inner .main {
  margin-bottom: 0;
  color: #fff;
  font-size: 3.5em;
  line-height: 1.4;
  letter-spacing: normal;
  font-feature-settings: "palt";
}

#subtitle .inner .sub {
  margin-bottom: 0;
  line-height: 1;
  color: #FF4F00;
  font-size: 1.2em;
}

#subtitle figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -10;
}

#subtitle figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #subtitle {
    display: flex;
    height: 145px;
  }
  #subtitle div.inner {
    padding: 0.7em 1.5em;
    background-color: #000;
    color: #fff;
  }
  #subtitle .inner:after {
    display: none;
  }
  #subtitle .inner .main {
    margin-bottom: 0;
    color: #fff;
    font-size: 1.4em;
    line-height: 1.4;
  }
  #subtitle .inner .sub {
    margin-bottom: 0;
    line-height: 1;
    color: #FF4F00;
    font-size: 0.7em;
  }
  #subtitle figure img {
    height: 145px;
  }
}
/*-------------------------------------------------------
post-list-wrap カラムシステム
--------------------------------------------------------*/
.post-list-wrap {
  zoom: 1;
  position: relative;
}

.post-list-wrap:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.post-list-box {
  box-sizing: border-box;
}

.post-list-wrap .post-list-box {
  float: left;
}

.post-list-wrap .post-list-box .box-title {
  /*font-size: 13px;*/
  line-height: 1.3;
}

.post-list-wrap .post-list-box .box-img a {
  display: block;
}

.post_content {
  margin-bottom: 20px;
}

/*post-block-line*/
.post-block-line .post-list-box {
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  padding: 3px 10px 8px;
}

/*.post-1block */
.post-1block .post-list-box {
  float: none;
}

/*.post-2block */
.post-2block {
  margin-left: -20px;
  text-align: center;
  letter-spacing: -0.4em;
}

.post-2block .post-list-box {
  width: 370px;
  display: inline-block;
  float: none;
  margin-left: 20px;
  margin-bottom: 20px;
  vertical-align: top;
  letter-spacing: normal;
}

/*.post-3block */
.post-3block * {
  box-sizing: border-box;
}

.post-3block {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.post-3block .post-list-box {
  width: 32%;
  margin-bottom: 1em;
}

.post-3block .post-list-box:not(:nth-of-type(3n)) {
  margin-right: 2%;
}

.Example-all .post-3block .post-list-box .box-img,
#post-li .post-3block .post-list-box .box-img {
  overflow: hidden;
  height: 180px;
  margin-bottom: 10px;
}

.Example-all .post-3block .post-list-box .box-title,
.Example-taxonomy .post-3block .post-list-box .box-title {
  height: 36px;
}

/*#sc-list*/
#sc-list .box-img {
  margin-bottom: 5px;
}

#sc-list .box-img {
  margin-bottom: 5px;
}

#sc-list .box-title {
  font-size: 14px;
}

#sc-list .box-detail {
  margin-bottom: 5px;
}

/*    導入事例 table    */
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
}
/* 関連商品
----------------------------------------------- */
.kanren_box {
  border: 3px solid #FFCCAA;
  background: #FFFAF7;
  padding: 15px;
  margin-bottom: 30px;
}

.kanren_box .box-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.kanren_box .row {
  font-size: 0.8em;
}

.kanren_box ul,
#post_box .kanren_box ul {
  font-size: 1.2em;
  position: relative;
  margin-left: -15px;
  zoom: 1;
  background: none;
  padding: 0;
}

.kanren_box ul:after,
#post_box .kanren_box ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.kanren_box ul li,
#post_box .kanren_box ul li {
  width: 33%;
  height: 195px;
  margin-left: 15px;
  margin-bottom: 10px;
  float: left;
  background: none;
  padding: 0;
  font-size: 0.8em;
}

.kanren_box ul li .box-img,
.kanren_box ul li .box-img {
  background: #fff;
  height: 150px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  margin-bottom: 3px;
}

.kanren_box ul li .box-img img {
  width: 100%;
}

/*.Companion-block */
.Companion-box {
  position: relative;
}

.Companion-box-img {
  overflow: hidden;
  height: 130px;
  margin-bottom: 10px;
}

.Companion-box-img img {
  width: 100%;
}

.Companion-box-title {
  line-height: 1.5;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .Companion-box-img {
    height: 130px;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .Companion-box-img {
    height: 90px;
  }
}
/*faq-companion*/
.faq-companion-block {
  border: 1px solid #ccc;
  padding: 13px 20px;
  margin-bottom: 5px;
}

.faq-companion-box {
  border-bottom: 1px dotted #ccc;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .faq-companion-box {
    padding: 10px 15px;
    font-size: 1.2em;
  }
}
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .faq-companion-box {
    padding: 10px 5px;
    font-size: 1em;
  }
}
/* ---------------------------------
------------------------------------
index
------------------------------------
------------------------------------*/
#index p a,
#index p a:link,
#index p a:visited {
  color: #0085cd;
}

/*----- 休み案内 -----*/
#Top-info {
  max-width: 1170px;
  width: 95%;
  margin: 30px auto 0;
}
#Top-info ul {
  position: relative;
  padding: 10px 0;
  border: 1px solid #cc0000;
  background-color: #ffeeee;
}
#Top-info ul:before {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "お知らせ";
  width: 140px;
  height: 100%;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  background-color: #cc0000;
  text-align: center;
}
#Top-info ul li {
  padding-left: 160px;
}
#Top-info ul li a {
  position: relative;
  display: block;
  padding: 2px 0;
  color: #000 !important;
  font-size: 16px;
  text-decoration: underline;
}
#Top-info ul li a:hover {
  text-decoration: none;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  #Top-info ul:before {
    width: 75px;
    height: 100%;
    font-size: 14px;
  }
  #Top-info ul li {
    padding-left: 0;
  }
  #Top-info ul li a {
    padding: 10px 10px 10px 85px;
    font-size: 14px;
    line-height: 1.5;
  }
}
/*----- #contents -----*/
#contents {
  overflow: inherit;
  background: #FFF url(/0_parts/css/img/content-bg.jpg) top center repeat-y;
}
#contents:after {
  width: 100%;
  content: "";
  display: block;
  clear: both;
}

/* ---------------------------------
------------------------------------
シアターハウスについて
------------------------------------
------------------------------------*/
#corp-wrap h2,
#choose-wrap h2 {
  padding: 0 !important;
  margin: 0 0 5px !important;
  background: none !important;
  display: block !important;
  white-space: inherit !important;
}

#corp-wrap h2 a,
#choose-wrap h2 a {
  display: block;
  text-decoration: none;
  background: #333;
  color: #fff;
  padding: 5px 5px 3px;
  margin-bottom: 10px;
  font-size: 1rem;
  text-align: center;
  font-weight: normal;
}

#corp-wrap h2 a:hover,
#choose-wrap h2 a:hover {
  background: #666;
}

#corp-wrap .box-link,
#choose-wrap .box-link {
  text-align: right;
  padding-top: 5px;
}

#choose-wrap #post-li {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
}

#choose-wrap #post-li:before,
#choose-wrap #post-li:after,
#choose-wrap #post-li br {
  display: none;
}

#choose-wrap #post-li .post-list-box {
  width: 32%;
  margin-left: 0;
}

#choose-wrap #post-li .post-list-box h2 a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}

#choose-wrap #post-li .post-list-box:not(:nth-of-type(3n)) {
  margin-right: 2%;
}

@media (max-width: 767px) {
  #choose-wrap #post-li .post-list-box {
    width: 48%;
  }
  #choose-wrap #post-li .post-list-box h2 a {
    min-height: auto;
    padding: 10px 5px;
    font-size: 0.9rem;
  }
  #choose-wrap #post-li .post-list-box:not(:nth-of-type(3n)) {
    margin-right: 0;
  }
  #choose-wrap #post-li .post-list-box:not(:nth-of-type(2n)) {
    margin-right: 4%;
  }
}
/* ---------------------------------
------------------------------------
よくある質問
------------------------------------
------------------------------------*/
#Faq-wrap .post-3block .post-list-box a {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}

#faq-rankin i {
  color: #00CC00;
}

#main_content .inner h3 {
  margin: 20px 0 10px 0;
}

.inner {
  zoom: 1;
}

.inner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#main_content .inner {
  clear: both;
  margin-bottom: 5px;
  padding: 0 0 20px 0;
}

.faq_list {
  clear: both;
}

#postNav {
  clear: both;
  margin: 0 30px;
  padding: 10px 0;
  text-align: center;
  font-size: 12px;
}

#postNav span.page-numbers,
#postNav a.page-numbers,
#postNav a.next {
  display: inline-block;
  padding: 5px 9px;
  margin-right: 4px;
  margin-bottom: 5px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 0.875em;
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

#postNav span.page-numbers {
  border: none;
  background: #616161;
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.8);
  color: #f0f0f0;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

#postNav a.page-numbers:hover,
#postNav a.next:hover {
  background: #fefefe;
  background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}

#main_content .tips {
  width: 100%;
  background: #f4f4f4;
  padding: 25px 30px 25px 80px;
}

#main_content .tips li {
  padding: 5px 0 5px 20px;
  background: url(../common_img/bg_tipslist.gif) no-repeat;
  background-position: 0 8px;
}

#post_content,
#post-li {
  font-size: 1.2em;
  clear: both;
}

/* ---------------------------------
------------------------------------
#post-li
------------------------------------
------------------------------------*/
#post-li.post-1block .post-list-box .box-title {
  position: relative;
  padding-left: 100px;
  line-height: 1.6;
}

#post-li.post-1block .post-list-box .box-title .date {
  display: block;
  padding-right: 6px;
  font-size: 0.9em;
  position: absolute;
  left: 0px;
  top: 1px;
}

#post-li.post-1block .post-list-box .box-title .date:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  margin-left: 15px;
}

/* ---------------------------------
------------------------------------
商品一覧ページ
------------------------------------
------------------------------------*/
#Wrap-item-lineup #Top-item .btn-specsearch {
  width: 100%;
  margin: 20px 0;
  text-align: center;
}
#Wrap-item-lineup #Top-item .btn-specsearch a img {
  height: auto;
}

#Wrap-item-lineup #Top-item .list-btn-wrap * {
  box-sizing: border-box;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li {
  width: 19%;
  margin-bottom: 1em;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li a span {
  display: block;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:not(:nth-of-type(5n)) {
  margin-right: 1.25%;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li a {
  display: block;
  width: 100%;
  margin: 0;
  padding-left: 2.8em;
  padding-right: 0;
  font-weight: normal;
  font-size: 0.9rem;
  background-position: 7px 50%;
  background-repeat: no-repeat;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(1) a {
  background-image: url("/common_img/menu_cb.png");
  background-position-x: 5px;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(2) a {
  background-image: url("/common_img/menu_manual.png");
  background-position-x: 8px;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(3) a {
  background-image: url("/common_img/menu_tp.png");
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(4) a {
  background-image: url("/common_img/menu_fs.png");
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(5) a {
  background-image: url("/common_img/menu_ms.png");
  background-position-x: 5px;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(6) a {
  background-image: url("/common_img/menu_rear.png");
  background-position-x: 2px;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(7) a {
  background-image: url("/common_img/menu_rear_sc.png");
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(8) a {
  padding-top: 6px;
  padding-bottom: 5px;
  background-image: url("/common_img/menu_kp.png");
  background-position-x: 7px;
  line-height: 1.3;
}

#Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(9) a {
  background-image: url("/common_img/menu_other.png");
  background-position-x: 7px;
}

#Wrap-item-lineup #container {
  width: 95%;
  max-width: 1170px;
}

#Wrap-item-lineup #contents:after {
  display: none;
}

#Wrap-item-lineup #contents #main_content {
  width: 100%;
  float: none;
}

#Wrap-item-lineup #contents #main_content #Top-item .row .col-sm-4 {
  width: 25%;
}

#Wrap-item-lineup #contents #main_content #Top-relation .row > div:first-of-type {
  display: none;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  #Wrap-item-lineup #Top-item .list-btn-wrap {
    flex-wrap: wrap;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap a {
    width: 49%;
    margin: 0 0 2%;
    padding-left: 2.9em;
    font-size: 0.8rem;
    background-position: 3px 50%;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li {
    width: 49%;
    margin-bottom: 0.5em;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li a {
    font-size: 13px;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li:not(:nth-of-type(5n)) {
    margin-right: 0;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li:not(:nth-of-type(2n)) {
    margin-right: 2%;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(1) a {
    background-position-x: 1px;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(2) a {
    background-position-x: 6px;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(5) a {
    background-position-x: 1px;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(6) a {
    background-position-x: -1px;
  }
  #Wrap-item-lineup #Top-item .list-btn-wrap ul li:nth-of-type(8) a {
    background-position-x: 4px;
  }
  #Wrap-item-lineup #contents #main_content #Top-item .row .col-sm-4 {
    width: 50%;
  }
}
.sales-ico {
  text-align: center;
}

.item_list_box .item_list {
  float: left;
  width: 210px;
  min-height: 265px;
  margin: 0 0px 20px 37px;
}

.item_list_box {
  clear: both;
}

/* ---------------------------------
------------------------------------
スクリーンの選び方
------------------------------------
------------------------------------*/
#post_box .screen_choose img {
  border: none;
}

/* ---------------------------------
------------------------------------
設置方法
------------------------------------
------------------------------------*/
#post_box #sc-install img {
  display: block;
  margin: 0 auto 0px;
  border: none;
  padding: 0;
}

#post_box #sc-install p {
  margin: 0 0 10px;
  padding: 0;
}

#sc-install .block-box .box-content {
  padding: 0 40px;
}

#sc-install .block-box .inbox {
  padding: 0 0 25px;
}

#sc-install .attent {
  line-height: 1.2;
  font-size: 90%;
  color: #e00;
  display: block;
}

#post_box #sc-install .block-box li {
  background: none;
  border-bottom: 1px dotted #eee;
  margin-bottom: 15px;
  list-style-type: decimal;
}

#sc-install .block-box .Another-pt {
  padding: 10px 0 10px;
}

#sc-install .block-box .Another-pt dt {
  text-align: center;
  background: #CCCCCC;
  border: 1px solid #666666;
  margin-bottom: 5px;
  margin-bottom: 10px;
}

#post_box #sc-install .block-box .Another-pt dd img {
  margin: 20px 0 0;
}

/* ---------------------------------
------------------------------------
post_box(ブログ記事関連)
------------------------------------
------------------------------------*/
#post_box {
  overflow: hidden;
}

#post_box h1,
#post_box h2,
#post_box h3,
#post_box h4 {
  line-height: 1.3;
}

#post_box h1,
#faq_title h1,
#media h1,
.item_list_title_h1 {
  padding: 9px 11px 6px;
  border: 1px solid #ccc;
  border-left: 5px solid #FF4F00;
  margin: 10px 0 15px;
  font-size: 17px;
  background: url(/common_img/gradation.png) left top;
}

#post_box h2,
.item_list_title,
.mox h2,
#main_content #common_content .side-cat-menu-box .box-title {
  position: relative;
  box-sizing: border-box;
  display: block;
  text-align: left;
  color: #333;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: 20px;
  background: url(/common_img/h2_icon.gif) left 6px no-repeat;
  margin: 50px 0 25px;
  border-bottom: 3px solid #eee;
}

#post_box h2:after,
.item_list_title:after,
.mox h2:after,
#main_content #common_content .side-cat-menu-box .box-title:after {
  display: none;
}

.item_list_title span {
  color: #EB7700;
  font-weight: normal;
  font-size: 80%;
  padding-left: 5px;
  font-weight: bold;
}

.mox h3,
#post_box h3,
.item_list_title_h3,
#recommend h3 {
  font-size: 1.1rem;
  margin: 40px 0px 10px;
  padding: 0 0 0 19px;
  color: #FF6600;
  background: url(../common_img/icon_post_box_h3.gif) left 1px no-repeat;
}

#post_box h4 {
  font-size: 1rem;
  margin: 35px 0px 20px 10px;
  border-left: 5px solid #ccc;
  padding: 7px 5px 5px 12px;
}

#post_box img {
  display: block;
  margin: 0 auto 15px;
  max-width: 100%;
  height: auto;
}

#post_box p,
#post_box ul,
.mox p {
  font-size: 15px;
  line-height: 1.7;
}

#post_box p,
.mox p {
  margin: 0 0px 10px;
}

#post_box ul {
  margin: 0 0px 30px;
  padding: 15px 25px;
  background: #F3F3F3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#post_box .box_red {
  padding: 10px;
}

#post_box li {
  padding: 3px 0 3px 18px;
  background: url(../common_img/icon_post_box_list.gif) left 10px no-repeat;
}

#post_box strong,
#post_box b,
.mox strong,
.mox b {
  background: #FFC;
  margin: 0 5px;
}

#post_box a,
.faq_title a,
.faq_ans a,
.product a,
.product_right a {
  color: #0085cd;
  text-decoration: underline;
}

#post_box a:hover,
.product a:hover,
.product_right a:hover {
  text-decoration: none;
}

#post_box .outline_table {
  border: 1px solid #cccccc;
  color: #333;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 70px;
}

#post_box .outline_table td {
  padding: 20px 18px;
}

#post_box .post-list dl dd {
  width: 170px;
}

#post_box .post-list ul li {
  float: left;
}

#stand_item_list ul,
#stand_item_list ul li {
  background: none;
}

#post_box #stand_item_list ul li,
#stand_item_list ul li {
  margin: 0 0 15px;
  padding: 0;
}

#post_box #stand_item_list ul li img,
#stand_item_list ul li img {
  padding-bottom: 3px;
  margin: 0;
}

#post_box .btn-print {
  margin: 2em 0 3em;
  text-align: right;
}

#post_box .btn-print p a {
  position: relative;
  padding: 0.8em 2.5em 0.8em 3em;
  background-color: #003366;
  border-radius: 30px;
  color: #fff;
  text-decoration: none;
}

#post_box .btn-print p a:hover {
  opacity: 0.8;
}

#post_box .btn-print p a:before {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: normal;
  content: "\f02f";
  font-family: "FontAwesome";
}

/* ---------------------------------
------------------------------------
patent 特許出願中の技術
------------------------------------
------------------------------------*/
#post_box .patent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5em;
  padding: 1.5em 1em;
  border: 3px solid #ccc;
  border-style: double none;
}

#post_box .patent .detail {
  width: 70%;
  padding-top: 0.5em;
}

#post_box .patent dl dt {
  margin-bottom: 0.5em;
  font-size: 2.6em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#post_box .patent figure {
  width: 26%;
  text-align: right;
}

#post_box .patent figure img {
  vertical-align: bottom;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  #post_box .patent {
    flex-wrap: wrap;
    margin-top: 2em;
    padding: 1.5em 0;
  }
  #post_box .patent .detail {
    width: 100%;
    padding-top: 0;
  }
  #post_box .patent dl dt {
    font-size: 1.5em;
  }
  #post_box .patent dl dd {
    margin-bottom: 1em;
  }
  #post_box .patent figure {
    width: 100%;
    text-align: center;
  }
  #post_box .patent figure img {
    vertical-align: bottom;
  }
}
/* ---------------------------------
------------------------------------
商品ページお客様の声
------------------------------------
------------------------------------*/
#post_box #review {
  border: 1px dotted #CCCCCC;
  overflow: auto;
  height: 500px;
  padding: 14px 35px;
}

#post_box #review ul {
  background: none;
  margin: 0;
  padding: 0;
}

#post_box #review ul li {
  border-bottom: 1px dotted #CCCCCC;
  margin: 0;
  padding: 10px 0;
  background: none;
}

#post_box #review .review_title,
#post_box #review .review_user {
  font-weight: bold;
  padding: 0px;
}

#post_box #review .review_user {
  font-size: 0.8em;
}

/* ---------------------------------
------------------------------------
商品ページオススメ商品
------------------------------------
------------------------------------*/
#post_box #recommend ul {
  background: none;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

#post_box #recommend ul li {
  margin: 0;
  padding: 10px 15px 10px 0;
  background: none;
  float: left;
  width: 175px;
}

#post_box #recommend img {
  max-width: 170px;
  max-height: 170px;
  margin: 0 0 10px 0;
}

/* ---------------------------------
------------------------------------
透過型スクリーンページ
------------------------------------
------------------------------------*/
#post_box .post-list ul,
#post_box #rear_item {
  background: none;
  margin: 0px;
  padding: 0px;
}

#post_box .post-list img {
  border: none;
  margin: 0px;
  padding: 0px;
}

#post_box .post-list ul li {
  font-size: 0.8em;
  width: 160px;
  min-height: 220px;
}

#post_box .post-list ul li dt {
  width: 160px;
}

.rear_setting_leftcol {
  width: 320px;
  float: left;
}

.rear_setting_rightcol {
  width: 430px;
  float: right;
}

.pj_list .title {
  background: #CCC;
  padding: 0 0 0 5px;
}

#post_box .pj_list {
  width: 203px;
  height: 400px;
  float: left;
  overflow: auto;
  overflow-y: scroll;
}

#post_box .pj_list li {
  padding: 2px 0 2px 12px;
  font-size: 0.9em;
}

#post_box .cart ul,
#post_box .cart li,
#post_box .post-list li {
  background: none;
}

#post_box .product img {
  border: none;
}

#post_box .cart_common_list img {
  margin: 0px;
  padding: 0px;
}

#post_box .cart_common_list {
  line-height: 1em;
  margin: 0px;
  padding: 0px;
}

.cart_common_list li {
  margin: 0px;
}

/* ---------------------------------
------------------------------------
よくある質問
------------------------------------
------------------------------------*/
#container.Faq-all #post_wrap {
  display: flex;
  flex-direction: column-reverse;
}

#container.Faq-all #post_wrap #faq-rankin {
  margin-bottom: 2em;
}

#container.Faq-all #post_wrap #faq-rankin h2 {
  margin-top: 1em;
}

.faq_list {
  margin: 0 0 15px;
  font-size: 1.3em;
  border: 1px solid #ccc;
  padding: 13px 20px;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .faq_list {
    font-size: 1.05em;
  }
}
.faq_title {
  font-weight: bold;
  margin-bottom: 5px;
  position: relative;
  padding-left: 30px;
}

.faq_title .ico {
  color: #000066;
  position: absolute;
  left: 0;
  top: 0;
}

.faq-detail .faq_title {
  color: #000066;
}

.faq-detail .faq_ans {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.faq_ans {
  position: relative;
  padding-left: 30px;
}

.faq_ans .ico {
  color: #FF4F00;
  padding-right: 5px;
  position: absolute;
  left: 0;
  top: 0;
}

.faq_ans .detail-btn {
  font-size: 0.9em;
  margin-top: 10px;
}

.item_info_image {
  width: 120px;
  float: left;
}

.item_info_title {
  width: 400px;
  padding: 0 0 0 15px;
  float: left;
}

/* ---------------------------------
------------------------------------
各種スクリーン仕様と寸法
------------------------------------
------------------------------------*/
#post_box .screen_option_parts_list ul,
#post_box .screen_option_parts_list li {
  background: none;
  margin: 0px;
  padding: 0px;
}

#post_box .screen_option_parts_list img,
#post_box .screen_option_parts_list li p {
  margin: 0px;
  padding: 0px;
}

#post_box .screen_option_parts_list li {
  float: left;
  width: 190px;
}

/* ---------------------------------
------------------------------------
設置事例
------------------------------------
------------------------------------*/
#post_box .cate-list ul,
#post_box #post-li ul {
  background: none;
  margin: 0px;
  padding: 0px;
}

#post_box .cate-list li,
#post_box #post-li li {
  list-style: none;
  background: none;
}

#post_box #post-li li {
  width: 220px;
  min-height: 250px;
  float: left;
}

#post_box #search {
  /*float:right;*/
  background: #eee;
  padding: 10px;
}

#post_box #search form {
  display: inline-block;
  margin-left: 10px;
}

/* ---------------------------------
------------------------------------
カスタム投稿共通
------------------------------------
------------------------------------*/
.side-cat-menu-box {
  border: 2px solid #333333;
}

.side-cat-menu-box .box-title {
  background: #333333;
  color: #fff;
  padding: 8px;
  text-align: center;
}

.side-cat-menu-box .box-title a {
  color: #fff;
}

.side-cat-menu-box .box-contents {
  padding: 10px;
}

.side-cat-menu-box .box-contents ul li select {
  width: 100%;
  font-size: 100%;
  margin-bottom: 7px;
}

.side-cat-menu-box a {
  color: #333;
  text-decoration: none;
}

.side-cat-menu-box a.current {
  background: #FFECDF;
}

.side-cat-menu-box .box-title a.current {
  background: transparent;
}

.side-cat-menu-box .box-in-title > a {
  background: #CCCCCC;
  margin-bottom: 5px;
  font-size: 1em;
  padding: 2px 10px;
  display: block;
}

.side-cat-menu-box .box-in-title > a[href="http://theaterhouse.co.jp/example-cat/voyage"],
.side-cat-menu-box .box-in-title.visit > a {
  background: url("/img/example/common_img/bnr_voyage.jpg") 50% 0 no-repeat;
  height: 66px;
  width: 100%;
  text-indent: -999px;
  padding: 0;
  margin: 0 0 10px;
}

.side-cat-menu-box ul.box-in-list select {
  width: 100%;
}

.side-cat-menu-box ul.box-in-list {
  margin: 0 0 10px;
}

.side-cat-menu-box ul.box-in-list li a {
  display: block;
  border-bottom: 1px dotted #ccc;
  padding: 3px;
  font-size: 14px;
}

/*コンテンツ中央にある場合*/
#main_content #common_content {
  width: auto;
  float: none;
}

#main_content #common_content * {
  box-sizing: border-box;
}

#main_content #common_content .side-cat-menu-box {
  border: none;
}

#main_content #common_content .side-cat-menu-box .box-title {
  margin-top: 30px;
}

#main_content #common_content .side-cat-menu-box .box-title a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

#main_content #common_content .side-cat-menu-box .box-contents {
  padding: 0;
}

#main_content #common_content .side-cat-menu-box ul {
  margin: 0;
  padding: 0;
  background: none;
}

#main_content #common_content .side-cat-menu-box .box-in-title > a {
  text-decoration: none;
  color: #000;
  margin: 0 auto 20px;
  font-size: 0.9rem;
  padding: 3px 10px;
  border-radius: 4px;
}

#main_content #common_content .side-cat-menu-box .box-in-list li {
  width: 32%;
  float: left;
}

#main_content #common_content .side-cat-menu-box ul {
  position: relative;
  margin: 0 0 0;
}

#main_content #common_content .side-cat-menu-box ul li {
  background: none;
  padding: 0 0 10px;
  margin: 0 0 1% 1%;
}

#main_content #common_content .side-cat-menu-box .box-in-list a {
  display: table-cell !important;
  width: 500px;
  vertical-align: middle;
  height: 60px;
}

/* ---------------------------------
.wrap-list
------------------------------------*/
/*product-list-btn*/
.product-list-btn {
  position: relative;
  margin-bottom: -30px;
  border-bottom: 1px solid #1D6DC1;
}

.product-list-btn ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-list-btn ul li {
  display: inline-block;
  margin-right: 5px;
}

.product-list-btn ul li .btn {
  border-radius: 10px 10px 0 0;
  font-weight: bold;
  padding: 12px 18px;
  font-size: 1rem;
}

.wrap-list-menu,
.wrap-list-menu li {
  margin: 0 0 0;
  padding: 0 0 0;
  list-style: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.wrap-list-menu {
  margin-bottom: 30px;
  zoom: 1;
  width: 100%;
}

.wrap-list-menu li {
  display: table;
  float: left;
  border-collapse: separate;
  border-spacing: 5px;
  position: relative;
}

.wrap-list-menu li a {
  vertical-align: middle;
  height: 110px;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  display: table-cell;
  padding: 12px 0px 20px;
  box-sizing: border-box;
  width: 100%;
  background: #F3F3F3;
  /* border */
  border: 1px solid rgb(210, 210, 210);
  /* border-radius */
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  /* box-shadow */
  box-shadow: rgba(96, 96, 96, 0.15) -2px -2px 3px 0px inset;
  -webkit-box-shadow: rgba(96, 96, 96, 0.15) -2px -2px 3px 0px inset;
  -moz-box-shadow: rgba(96, 96, 96, 0.15) -2px -2px 3px 0px inset;
}

.wrap-list-menu li a:hover {
  opacity: 0.8;
}

.wrap-list-menu li a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid #FF9900;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -6px;
}

.wrap-list-menu-nonimg {
  display: block;
}

.wrap-list-menu-img {
  display: none;
}

.wrap-list-menu-img .ribbon-situ {
  font-weight: normal;
  font-size: 0.7rem;
}

.wrap-list-menu-img .box-point {
  font-weight: bold;
  font-size: 0.7rem;
  margin: -8px 10px 0;
  color: #E38800;
}

.wrap-list-menu-img.wrap-list-menu li a {
  padding-top: 0;
  padding-bottom: 13px;
}

.wrap-list-menu-img .box-img {
  padding: 0 10px 10px;
}

.wrap-list-menu-img .box-txt {
  font-weight: normal;
  font-size: 0.7rem;
  padding-bottom: 10px;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .wrap-list-menu li {
    width: 25%;
  }
  .wrap-list-menu.clm5 li {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  /* phone */
  .wrap-list-menu li {
    width: 33%;
  }
  .wrap-list-menu.clm5 li {
    width: 33%;
  }
}
.wrap-title {
  margin-bottom: 10px;
}

/* ---------------------------------
.product-list-block
------------------------------------*/
.product-list-block {
  border-bottom: 1px dotted #333;
  margin-bottom: 40px;
  padding-bottom: 20px;
  clear: both;
  zoom: 1;
}

.product-list-block:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.product-list-block div.block-img {
  width: 260px;
  float: left;
  margin-right: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.product-list-block div.block-detail-wrap {
  width: 63%;
  float: right;
  margin-bottom: 40px;
}

.item_list_box.slider-area .splide {
  float: left;
  width: 45%;
  margin-bottom: 20px;
}
.item_list_box.slider-area .block-detail-wrap {
  width: 50%;
}
.item_list_box.single-area .block-img {
  width: 22%;
  margin-right: 3%;
}
.item_list_box.single-area .block-detail-wrap {
  width: 75%;
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .product-list-block div.block-detail-wrap,
  .item_list_box.single-area .block-detail-wrap {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .item_list_box.slider-area .block-detail-wrap {
    width: 100%;
    float: none;
  }
}
.product-list-block div.block-title {
  font-weight: bold;
  font-size: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.3;
  margin-bottom: 10px;
  /*padding-top: 10px;*/
}

.product-list-block div.block-detail {
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 14px;
}

.product-list-block dl.block-list-detail {
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 20px;
}

.product-list-block dl, dt, dd {
  margin: 0;
  padding: 0;
}

.product-list-block .block-ordercut-btn {
  padding-top: 15px;
}

.product-list-block dl.block-list-detail {
  border-top: 1px solid #eee;
  width: 474px;
}

.product-list-block dl.block-list-detail dt {
  clear: left;
  float: left;
  width: 80px;
  position: relative;
  z-index: 10;
  padding: 3px;
}

.product-list-block dl.block-list-detail dd {
  background: #fff;
  padding: 3px 0 3px 80px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.product-list-block dl.block-list-detail dd a {
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 90%;
  text-decoration: none;
  color: #FF9900;
}

.product-list-block table.block-table {
  width: 100%;
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

.product-list-block table.block-table th {
  padding: 11px 5px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
}

.product-list-block table.block-table td {
  padding: 5px;
  border: 1px #E3E3E3 solid;
  border-width: 0 0 1px 1px;
}

.product-list-block .design-sc-box {
  margin: 20px 0 40px;
  text-align: center;
}

.product-list-block .design-sc-box .box-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 3px;
}

.product-list-block .design-sc-box .box-title span {
  color: #c00;
}

.product-list-block .block-link li {
  display: inline-block;
  font-size: 0.8rem;
  padding: 5px 10px 0 0;
}

.product-list-block .block-btn a {
  display: block;
  margin: 10px 0px 30px;
  text-decoration: none;
  *display: inline;
  padding: 12px 23px 10px;
  margin-bottom: 0;
  *margin-left: 0.3em;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 -1px 0 #1D6DC1;
  color: #fff;
  border: 1px solid #1D6DC1;
  background: rgb(122, 188, 255); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(122, 188, 255) 0%, rgb(96, 171, 248) 44%, rgb(64, 150, 238) 100%); /* Opera11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7abcff", endColorstr="#4096ee",GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgb(122, 188, 255) 0%, rgb(96, 171, 248) 44%, rgb(64, 150, 238) 100%); /* W3C */
}

/* ribbon-situ 商品カテゴリページ */
.ribbon-situ {
  color: #fff;
  padding: 5px;
  margin: 0 0 15px;
}

.ribbon-situ.ico-situ-home {
  background: #003366;
}

.ribbon-situ.ico-situ-bisiness {
  background: #339933;
}

.ribbon-situ.ico-situ-event {
  background: #330033;
}

.product-list-block .ico-list {
  display: flex;
}

.product-list-block .ico-list li {
  display: inline-block;
  padding: 0 5px 5px;
}

/*.product-table*/
#main_content .product-table {
  width: 100%;
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 13px;
  margin-bottom: 10px;
  clear: both;
}

#main_content .product-table caption {
  text-align: left;
  font-weight: bold;
  padding-bottom: 2px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#main_content .product-table th {
  width: 170px;
  padding: 8px 2px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  background: #383838;
  color: #eee;
  font-weight: normal;
  line-height: 110%;
  font-size: 11px;
  text-align: center;
}

.product-table th.code {
  width: 135px;
}

.product-table th.all-width,
.product-table th.sc-width,
.product-table th.all-height,
.product-table th.sc-height,
.product-table th.view-height,
.product-table th.view-width,
.product-table th.weight {
  width: 45px;
}

.product-table td.all-width,
.product-table td.sc-width,
.product-table td.all-height,
.product-table td.sc-height,
.product-table td.view-height,
.product-table td.view-width,
.product-table td.weight {
  color: #666;
}

.product-table th.price {
  width: 90px;
}

.product-table th.link {
  width: 180px;
}

#main_content .product-table td {
  padding: 5px 5px;
  border: 1px #E3E3E3 solid;
  border-width: 0 0 1px 1px;
}

.product-table .odd td {
  background: #FAFAFA;
}

#main_content .product-table td.code {
  width: 133px;
  padding-left: 3em;
  font-size: 11px;
  text-align: left;
}

.product-table td.code.rank1,
.product-table td.code.rank2,
.product-table td.code.rank3 {
  background-position: 3px 9px;
  background-size: 27px auto;
  background-repeat: no-repeat;
}

.product-table td.code.rank1 {
  background-image: url("/common_img/ico_ranking01.png");
}

.product-table td.code.rank2 {
  background-image: url("/common_img/ico_ranking02.png");
}

.product-table td.code.rank3 {
  background-image: url("/common_img/ico_ranking03.png");
}

@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .product-table td.code.rank1 + td.inch:before,
  .product-table td.code.rank2 + td.inch:before,
  .product-table td.code.rank3 + td.inch:before {
    display: block;
    content: "";
    width: 33px;
    height: 29px;
    margin: 0 auto;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product-table td.code.rank1 + td.inch:before {
    background-image: url("/common_img/ico_ranking01.png");
  }
  .product-table td.code.rank2 + td.inch:before {
    background-image: url("/common_img/ico_ranking02.png");
  }
  .product-table td.code.rank3 + td.inch:before {
    background-image: url("/common_img/ico_ranking03.png");
  }
}
.product-table td.inch {
  width: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.2;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.product-table td.inch span {
  font-size: 9px;
  display: block;
  font-weight: normal;
}

.product-table td.view-width,
.product-table td.view-height,
.product-table td.all-width,
.product-table td.sc-width,
.product-table td.all-height,
.product-table td.sc-height,
.product-table td.weight {
  text-align: right;
}

.product-table td.free {
  text-align: right;
}

span.price {
  color: #f00;
}

.product-table td.price {
  color: #f00;
  text-align: right;
  font-weight: bold;
}

.product-table td.price span {
  font-size: 9px;
  font-weight: normal;
}

.product-table .link {
  text-align: center;
}

.product-table .link .btn {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 5px;
  cursor: pointer;
}

@media (min-width: 767px) { /*幅767px以上で適用されるスタイル*/
  .product-table .link .btn {
    width: 151px !important;
    height: 28px !important;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../common_img/product_list_itemdetail_btn.jpg) no-repeat center center !important;
    margin: 0 auto;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 !important;
    text-shadow: none !important;
    border: none !important;
  }
}
.product-table .link .btn:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.product-list-block .oreder-btn {
  padding: 10px 30px 0;
  text-align: right;
  background: url(/img/product/product_list_order_txt.gif) no-repeat 20px 10px;
}

.product-list-block .oreder-btn a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/*img-product-table*/
@media (max-width: 767px) { /*幅767px以下で適用されるスタイル*/
  .img-product-table .aspect,
  .img-product-table .bm,
  .img-product-table .inch {
    display: none;
  }
  .size-calculation .code {
    display: none;
  }
  .size-calculation .inch {
    display: table-cell;
  }
}
/* ---------------------------------------------------------------- */
/*choose-reason */
/* ---------------------------------------------------------------- */
#choose-reason .post-list-box .box-img {
  height: 260px;
  overflow: hidden;
}

/* ---------------------------------------------------------------- */
/* 404 */
/* ---------------------------------------------------------------- */
.Error404 {
  text-align: center;
}

h1.item_list_title_h1 {
  text-align: left;
}

.Error404 h2 {
  font-size: 160%;
  margin: 0 0 10px;
}

.Error404 #Error404_content p {
  margin: 0 0 10px;
  font-size: 120%;
  line-height: 1.4;
}

.product_size .clink-wrap {
  display: inline-block;
  padding-left: 10px;
  padding-top: 8px;
}

.product_size .clink-wrap a {
  font-size: 13px;
}

/*=======================================================

item_top

========================================================*/
#item_top {
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}

@media (min-width: 768px) { /*幅768px以上で適用されるスタイル*/
  .alert-cr.alert {
    font-size: 1rem;
    padding: 13px 15px;
  }
}
#item_top .box-txt {
  background-color: #000;
}

#item_top .itemhead {
  text-align: center;
  font-size: 12px;
  height: 20px;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  display: block;
}

#item_top img {
  vertical-align: top;
  margin: 0px;
}

#item_top .button ul {
  margin: 0px;
  padding: 0px;
}

#item_top .itemtext {
  padding: 0 10px 20px;
  line-height: 1.4;
}

.yellowbox {
  border: 1px solid;
  background: #FFFF00;
}

.normal {
  background: #666666;
  color: #FFFFFF;
  padding: 0px;
}

.normal p {
  color: #FFFFFF;
}

.special {
  background: #CCCCCC;
  color: #000000;
  padding: 0px;
}

.special p {
  color: #000000;
}

/* -- アイテムボタン関係 -- */
.button {
  width: 600px;
  height: 40px;
}

.button li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  height: 40px;
  width: 150px;
}

.button li a {
  display: block;
  float: left;
}

/* -- middleボックス関係 -- */
.middlebox {
  margin: 10px 0;
  width: 600px;
  height: 50px;
}

.middlebox a {
  display: block;
  float: left;
}

/*=======================================================

subcss

========================================================*/
.columhead {
  height: 18px;
  margin: 10px 0 0 0;
  padding: 3px 55px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  clear: both;
}

.orange {
  color: orange;
}

.red {
  color: #FF0000;
}

.green {
  color: green;
}

.yellow {
  color: yellow;
}

.blue {
  color: blue;
}

.gray {
  color: gray;
}

.letter1 {
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
  font-weight: bold;
  margin: 20 5px 0px 5px;
  padding-left: 20px;
  display: inline-block;
}

.letter1 span {
  border-bottom: 1px dotted;
}

.attention {
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
  padding-left: 25px;
  color: red;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

.attention a {
  font-size: 14px;
  font-weight: bold;
  background-color: white;
  color: red;
  text-decoration: underline;
}

.attention a:hover {
  background-color: yellow;
  color: black;
}

.normal_list_style li {
  color: #333;
  font-weight: bold;
  list-style-position: inside;
  text-align: left;
}

.margin-bottom {
  margin-bottom: 50px;
}

.rss_box {
  padding: 10px;
  margin-bottom: 30px;
  border-bottom: dotted #999 1px;
}

.rss_box li {
  margin-left: 0px;
  color: #333;
  list-style-position: inside;
  text-align: left;
  list-style-image: url("/image/tri.gif");
}

.iframe {
  width: 100%;
  border: 0px;
}

/*=======================================================

style_side

========================================================*/
#side_right h3 {
  font-size: 15px;
  background: #000;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  padding-top: 3px;
}

/* ロゴ用リスト */
ul.side-logo li {
  margin-bottom: 10px;
}

.infobox {
  color: #555;
  font-weight: bold;
  background-color: #f7f7f7;
  padding: 2px 0px;
  border: 1px solid #ccc;
  margin-left: 3px;
  margin-bottom: 5px;
  width: 150px;
  text-align: center;
}

/*=======================================================

style_item

========================================================*/
.box {
  margin-bottom: 50px;
}

/* ---------------------------------------------------------------- */
/* order_box */
/* ---------------------------------------------------------------- */
.order_box {
  width: 600px;
  height: 520px;
  background: url(/p_0_parts/menu/sotowaku.jpg) no-repeat;
}

.order_box img {
  display: block;
  margin-bottom: 10px;
}

.order_box .left {
  float: left;
  margin-top: 10px;
  margin-left: 5px;
}

.order_box .right {
  float: right;
  margin-top: 10px;
  margin-right: 5px;
}

.order_box .center {
  margin-left: 10px;
}

.order_box .tyumonfoot {
  text-align: right;
  width: 560px;
  font-size: 10px;
}

.cart_box {
  padding: 12px 15px 3px;
  margin-bottom: 10px;
  line-height: 2.3;
}

.cart form {
  margin-bottom: 10px;
  text-align: left;
}

.cart ul {
  margin-bottom: 10px;
}

.cart ul li {
  margin-bottom: 5px;
}

.cart ul li.estimate {
  margin-bottom: 5px;
  padding-left: 20px;
  background: url(/0_parts/img_item/estimate.jpg) no-repeat 0 2px;
  text-align: left;
}

.cart ul li.nouki {
  margin-bottom: 5px;
  padding-left: 20px;
  background: url(/0_parts/img_item/nouki.jpg) no-repeat 0 2px;
  text-align: left;
}

.cart p.nouki {
  /*margin-left:28px;*/
  background: transparent;
  border: 1px solid #ccc;
  text-align: center;
  display: block;
  padding: 10px 3px;
  margin-bottom: 10px;
  font-size: 13px;
}

.cart p.nouki strong {
  font-size: 120%;
}

.cart p.nouki.stockout,
.cart p.nouki.endsale {
  font-size: 1.3em;
  padding: 10px;
}

.cart p.nouki.stockout {
  font-weight: bold;
  color: #f00;
}

.cart p.nouki.endsale {
  background: #eee;
  border: 1px solid #ccc;
  color: #c00;
}

.cart p.tell {
  line-height: 15px;
  margin: 0 0 10px;
}

.cart p.tell strong {
  background: url(/0_parts/img_item/tell.jpg) no-repeat;
  display: block;
  padding-left: 20px;
  margin-bottom: 5px;
}

.product_right p.acce {
  background: #FFC;
  padding: 5px 10px;
  text-align: center;
  margin-bottom: 15px;
}

/* ---------------------------------------------------------------- */
/* cube */
/* ---------------------------------------------------------------- */
#item_top .cb_top_img {
  height: 300px;
  background-image: url(/p_cube/img/cb_topimg.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
}

.cb_top_movie {
  margin: 130px 0 0 450px;
}

/* ---------------------------------------------------------------- */
/* chain */
/* ---------------------------------------------------------------- */
#item_top .ch_top_img {
  height: 300px;
  background-image: url(/p_chain/img/menu_top.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
}

.ch_top_movie {
  margin: 130px 0 0 350px;
}

/* ---------------------------------------------------------------- */
/* tape */
/* ---------------------------------------------------------------- */
#item_top .tp_top_img {
  height: 300px;
  background-image: url(/p_tape/img/tp_topimg.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
}

.tp_top_movie {
  margin: 130px 0 0 350px;
}

/* ---------------------------------------------------------------- */
/* XDR */
/* ---------------------------------------------------------------- */
.xdr_1 p,
.xdr_2 p,
.info_delivery-texbox p {
  color: #000;
}

.xdr_1 {
  width: 600px;
  height: 300px;
  background: url(/p_xdr/img/point_00.jpg) no-repeat;
  position: relative;
}

.xdr_1 div {
  position: absolute;
  width: 280px;
  top: 20px;
  left: 20px;
}

.xdr_2 {
  width: 600px;
  height: 300px;
  background: url(/p_xdr/img/point_01.jpg) no-repeat;
  position: relative;
}

.xdr_2 div {
  position: absolute;
  width: 230px;
  top: 20px;
  left: 360px;
}

/* ---------------------------------------------------------------- */
/* 透過フィルム マグネットスクリーン */
/* ---------------------------------------------------------------- */
div#tf_form {
  position: relative;
  margin-bottom: 5px;
}

/* -- clearfix -- */
div#tf_form:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

div#tf_form {
  zoom: 1;
}

div.tf_form_00 {
  background: url(/p_rear/img/img_film.jpg) no-repeat right top;
}

div.tf_form_04 {
  background: url(/p_rear/img/img_film_cf.jpg) no-repeat right top;
}

div.tf_form_01 {
  background: url(/p_rear/img/img_film_01.jpg) no-repeat right top;
}

div.tf_form_02 {
  background: url(/p_rear/img/img_film_02.jpg) no-repeat right top;
}

div.tf_form_03 {
  background: url(/p_rear/img/img_film_03.jpg) no-repeat right top;
}

div#tf_form p {
  background: #FCC;
  width: 260px;
  color: #F00;
  padding: 10px 10px 10px 20px;
  margin-top: 20px;
  font-size: 16px;
}

#tf_form #form {
  background: #333;
  width: 400px;
  padding: 10px 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #FFF;
}

div#tf_form button {
  height: 40px;
  border: none;
  cursor: pointer;
  margin-bottom: 20px;
}

div#tf_form ul {
  margin-bottom: 20px;
}

div#tf_form ul li {
  border-bottom: 1px solid #CCC;
  width: 446px;
  padding: 5px;
}

div.form_error input.validate,
div.form_error textarea,
div.form_error label {
  background: #FCC;
}

div#tf_form ul li#size_width,
div#tf_form ul li#size_height_00,
div#tf_form ul li#size_height_01 {
  position: absolute;
  border: none;
  font-size: 14px;
  font-weight: bold;
}

div#tf_form ul li#size_width {
  top: 186px;
  left: 516px;
}

div#tf_form ul li#size_height_00 {
  top: 155px;
  left: 516px;
}

div#tf_form ul li#size_height_01 {
  top: 38px;
  left: 516px;
}

div#screen_cut {
  position: absolute;
  width: 300px;
  height: 100px;
  top: 52px;
  left: 465px;
}

div#screen_cut #cut_line {
  background: bottom url(/p_rear/img/cut_line.gif) no-repeat;
  padding-bottom: 20px;
}

/* ************************************************
 *    おすすめランキング
 * ************************************************ */
.recommend-wrap .recommend-in .recommend .fig .photo {
  position: relative;
}
.recommend-wrap .recommend-in .recommend .fig .photo .recommend_inch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 41px;
  font-weight: bold;
  font-family: arial;
  line-height: 0.95;
  text-align: center;
}
.recommend-wrap .recommend-in .recommend .fig .photo .recommend_inch span {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}
.recommend-wrap .recommend-in .recommend .fig.recommend_WCB .photo .recommend_inch, .recommend-wrap .recommend-in .recommend .fig.recommend_BDR .photo .recommend_inch, .recommend-wrap .recommend-in .recommend .fig.recommend_WCK .photo .recommend_inch {
  transform: translate(-90%, -50%);
}
.recommend-wrap .recommend-in .recommend .fig.recommend_WCR .photo .recommend_inch, .recommend-wrap .recommend-in .recommend .fig.recommend_WRF .photo .recommend_inch {
  transform: translate(-140%, -50%);
}
.recommend-wrap .recommend-in .recommend .fig.recommend_BCH .photo .recommend_inch {
  transform: translate(-60%, -30%);
}
.recommend-wrap .recommend-in .recommend .fig.recommend_SST .photo .recommend_inch {
  transform: translate(-50%, -80%);
}

@media screen and (max-width: 767px) {
  .recommend-wrap .recommend-in .recommend .fig .photo .recommend_inch {
    font-size: 22px;
    line-height: 1.1;
  }
  .recommend-wrap .recommend-in .recommend .fig .photo .recommend_inch span {
    font-size: 11px;
  }
}
/* ************************************************
 *    商品ページ用
 * ************************************************ */
.product {
  width: 55%;
  float: right;
  line-height: 140%;
  font-size: 13px;
}

/* ---------------------------------------------------------------- */
/* fixed-cart-btn */
/* ---------------------------------------------------------------- */
.product dl.type {
  border-top: 1px dotted #ccc;
}

.product dl {
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px dotted #ccc;
}

.product dl dt {
  margin: 0 8px 0 0;
}

.product dl dt,
.product dl dd {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.product dl dd .ico-list,
.product dl dd .ico-list li {
  display: inline-block;
  vertical-align: middle;
}

.product .number,
.product .name,
.product .screen {
  padding: 4px 0;
}

.product .name {
  font-weight: bold;
  font-size: 1.4em;
}

.product .ssize {
  color: black;
  font-size: 15px;
  font-weight: bold;
  padding: 9px 0 0;
}

.product .ssize dd {
  font-weight: bold;
}

.product .value {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 15px;
}

.product .value span {
  font-weight: normal;
  font-size: 14px;
}

.product .value .addition {
  color: #333;
}

.product_right {
  width: 40%;
  float: left;
  text-align: center;
  overflow: hidden;
}

.product_right .product_img {
  border: 1px solid #eee;
  padding: 10px 0;
  margin: 0 0 20px;
}

.quality .bx-wrapper .bx-viewport ul li,
.quality99 .bx-wrapper .bx-viewport ul li {
  position: relative;
}

.quality.hover_img_div:before,
.quality99.hover_img_div:before {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  content: "";
  width: 80px;
  height: 100px;
}

.quality99.hover_img_div:before {
  background: transparent url("/common_img/ico_warranty99.png") 50% 50%/contain no-repeat;
}

.quality.hover_img_div:before {
  background: transparent url("/common_img/ico_warranty99.png") 50% 50%/contain no-repeat;
}

.quality .bx-wrapper .bx-viewport ul li:first-of-type:before,
.quality99 .bx-wrapper .bx-viewport ul li:first-of-type:before {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  content: "";
  width: 80px;
  height: 100px;
}

.quality .bx-wrapper .bx-viewport ul li:first-of-type:before {
  background: transparent url("/common_img/ico_warranty.png") 50% 50%/contain no-repeat;
}

.quality99 .bx-wrapper .bx-viewport ul li:first-of-type:before {
  background: transparent url("/common_img/ico_warranty99.png") 50% 50%/contain no-repeat;
}

.quality .bx-wrapper .bx-viewport ul li:first-of-type:after,
.quality99 .bx-wrapper .bx-viewport ul li:first-of-type:after {
  position: absolute;
  top: 10px;
  right: 98px;
  display: block;
  content: "";
  width: 200px;
  height: 60px;
}

.model-wcb .quality .bx-wrapper .bx-viewport ul li:first-of-type:after,
.model-wcb .quality99 .bx-wrapper .bx-viewport ul li:first-of-type:after {
  background: transparent url("/products/img/ico_vgp_wcb.png") 50% 50%/contain no-repeat;
}

.model-bdr .quality .bx-wrapper .bx-viewport ul li:first-of-type:after,
.model-bdr .quality99 .bx-wrapper .bx-viewport ul li:first-of-type:after {
  background: transparent url("/products/img/ico_vgp_bdr.png") 50% 50%/contain no-repeat;
}

@media (max-width: 767px) {
  .quality .bx-wrapper .bx-viewport ul li:first-of-type:after,
  .quality99 .bx-wrapper .bx-viewport ul li:first-of-type:after {
    width: 170px;
    height: 50px;
  }
}
.product_right .detail {
  text-align: left;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px dotted #ccc;
}

.product_right .detail div {
  padding: 2px 0 2px 5px;
}

.product_right .detail-other {
  text-align: left;
  margin-bottom: 10px;
  line-height: 1.6;
}

.estimate_btn {
  border: 0px;
  background-color: white;
  color: #0066FF;
  text-decoration: underline;
  cursor: pointer;
  text-align: left;
  width: 286px;
}

.orderbox .clear {
  clear: both;
  text-align: center;
  font-weight: bold;
  color: #FF0000;
}

/* ------------------------------ */
/* .status-ico-box */
/* ------------------------------ */
.status-ico-box {
  margin: 0;
  padding: 0;
}

.status-ico-box li {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 2px 0 0;
  margin: 0;
  padding: 0;
}

#post_box .status-ico-box,
#post_box .status-ico-box * {
  margin: 0;
  padding: 0;
}

#post_box .status-ico-box {
  margin: 0 0 10px 20px;
}

/* ---------------------------------------------------------------- */
/* サイズバリエーション*/
/* ---------------------------------------------------------------- */
.inch-size-wrap * {
  box-sizing: border-box;
}

.inch-size-wrap {
  position: relative;
  margin: 10px 0 0;
  zoom: 1;
}

.inch-size-wrap .bx-wrapper {
  margin-bottom: 0;
  max-width: 734px;
  width: 100%;
  margin: 0 auto;
}

.inch-size-wrap:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.inch-size-box {
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  height: 50px;
  margin: 3px 3px;
  padding: 5px;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: none !important;
  color: #333 !important;
}

.inch-size-box.selected {
  border-color: #cc0000;
  border-width: 2px;
}

.inch-size-box .box-size {
  font-size: 1.2em;
  font-weight: bold;
}

.inch-size-box .box-inch {
  font-size: 0.6rem;
}

.inch-size-box .box-price {
  font-size: 0.9em;
  display: block;
}

.inch-size-wrap .bx-wrapper .bx-controls-direction a {
  transform: scale(0.6, 0.6);
}

.inch-size-wrap .bx-wrapper .bx-next {
  right: -20px !important;
}

.inch-size-wrap .bx-wrapper .bx-prev {
  left: -20px !important;
}

.product-detail .shopping-entry-btn {
  width: 100%;
  max-width: 100%;
}

#page-detail .shopping-entry-btn input.btn {
  width: 100%;
  margin-bottom: 0.6em !important;
}

#page-detail .shopping-entry-btn i.fa-shopping-cart {
  left: 41%;
}

#page-detail .favorite-btn,
.product-detail .favorite-btn,
.resultWrap .favorite-btn {
  position: relative;
  margin-bottom: 0.7em;
}

#page-detail .favorite-btn i,
.product-detail .favorite-btn i,
.resultWrap .favorite-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-95px, -50%);
  color: #cc0000;
}

#page-detail .favorite-btn input,
.product-detail .favorite-btn input,
.resultWrap .favorite-btn input {
  width: 100%;
  padding: 0.4em 0;
  background: linear-gradient(#fff, #eee);
  border: 1px solid #ccc;
  border-radius: 7px;
}

#page-detail .favorite-btn:hover input,
.product-detail .favorite-btn:hover input,
.resultWrap .favorite-btn:hover input {
  cursor: pointer;
  opacity: 0.6;
}

.product-detail .txt-amazon,
#page-detail .txt-amazon {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0.3em;
  padding-left: 2.4em;
  color: #333;
  font-weight: normal;
  font-size: 1em;
  background: #fff url("/common_img/ico_amazon.png") 0 0/auto 25px no-repeat;
  line-height: 25px;
}

#page-detail .txt-cashless {
  display: inline-block;
  margin-bottom: 0.6em;
  padding-left: 2.4em;
  color: #333;
  font-weight: normal;
  font-size: 1em;
  background: #fff url("/common_img/ico_cashless.png") 0 0/auto 25px no-repeat;
  line-height: 25px;
}

#page-detail .cart p.nouki strong {
  background: none;
  color: #cc0000;
}

#page-detail .cart .form_cart_btn {
  border-radius: 7px;
  padding: 20px 12px 17px 13px !important;
}

#page-detail .has_stock_div {
  margin: 0 auto 15px;
  color: #007600;
  font-size: 18px;
  line-height: 1.5;
}

#page-detail .cart_box + .has_stock_div {
  margin-top: -15px !important;
}

.product-wrap .review-wrap {
  display: flex;
  overflow: hidden;
  margin-bottom: 1.5em;
  height: 22px;
}

.product-wrap .review-wrap p.average {
  margin-right: 0.8em;
  margin-bottom: 0;
}

.product-wrap .review-wrap p.average img {
  max-height: 18px;
  width: auto;
  vertical-align: bottom;
}

.product-wrap .review-wrap p a#review-total {
  color: #0099ff;
  font-size: 0.9em;
}

.product-wrap .review-wrap p {
  margin-bottom: 0;
}

#page-detail .inquiry-area {
  margin-top: 30px;
  margin-bottom: 30px;
}
#page-detail .inquiry-area__txt {
  margin-bottom: 4px;
  font-size: 13px;
  text-align: center;
}
#page-detail .inquiry-area__txt span {
  position: relative;
  padding: 0 25px;
}
#page-detail .inquiry-area__txt span:before, #page-detail .inquiry-area__txt span:after {
  position: absolute;
  top: 42%;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #000;
}
#page-detail .inquiry-area__txt span:before {
  left: 0;
  transform: rotate(45deg);
}
#page-detail .inquiry-area__txt span:after {
  right: 0;
  transform: rotate(-45deg);
}
#page-detail .inquiry-area__btn a {
  position: relative;
  display: block;
  padding: 0.4em 0;
  background-color: #F8F6F7;
  border: 1px solid #ccc;
  border-radius: 7px;
  text-decoration: none;
  text-align: center;
}
#page-detail .inquiry-area__btn a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #FC7E00;
  border-bottom: 1px solid #FC7E00;
  transform: translateY(-50%) rotate(-45deg);
}
#page-detail .inquiry-area__btn a:hover {
  background-color: #eee;
}
#page-detail .delivery-info {
  margin-bottom: 1em;
}
#page-detail .delivery-info a {
  display: block;
  padding: 1em;
  color: #cc0000;
  background-color: #ffeded;
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
  text-align: center;
}
#page-detail .delivery-info a:hover {
  text-decoration: none;
}
#page-detail .delivery-info a span {
  position: relative;
  padding-left: 1.3em;
}
#page-detail .delivery-info a span:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "\f06a";
  font-family: FontAwesome;
  font-size: 17px;
  color: #cc0000;
}

.product .detail-size-link {
  font-size: 0.7rem;
  position: relative;
  top: -2px;
}

.product .value .ico-free-shipping {
  color: #cc0000;
  display: inline-block;
  font-size: 13px;
  position: relative;
  top: -1px;
}

.product .stock_status {
  color: #600;
  font-weight: bold;
  font-size: 15px;
}

.product .item-name {
  line-height: 1.4;
  font-size: 1.2rem;
  margin: 0 0 10px;
}

.product .item-name .ico-list {
  display: none;
}

.product .opt-product {
  padding: 0px 3px 10px;
  margin-bottom: 8px;
}

.product .opt-product:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.product .value .price-num {
  font-size: 40px;
  font-family: arial;
  margin-top: 20px;
  display: inline-block;
}

.product .scize .aspect {
  background: #000;
  padding: 0px 5px;
  color: #fff;
  position: relative;
  top: -3px;
  margin-left: 9px;
  font-weight: normal;
}

.product .scize .inch {
  font-size: 1.8em;
  color: #000;
  font-family: arial;
  padding: 0 6px;
}

.product .scize .inch span {
  font-size: 0.4em;
  padding-left: 6px;
}

.cart .shopping-entry-btn {
  position: relative;
  display: inline-block;
  width: 100%;
}

.cart .shopping-entry-btn i.fa-shopping-cart {
  position: absolute;
  left: 40%;
  top: 28px;
  font-size: 15px;
  transform: translate(-68px, -50%);
  z-index: 1;
  color: #fff;
}

.cart .form_cart_btn {
  max-width: 480px;
  padding: 20px 0;
  background: #ff6600;
  border: none;
  text-shadow: none;
  border-radius: 150px;
  padding: 17px 12px 14px 13px !important;
  margin-bottom: 25px !important;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

.cart .form_cart_btn::-webkit-search-decoration {
  display: none;
}

.cart .form_cart_btn::focus {
  outline-offset: -2px;
}

/* ---------------------------------------------------------------- */
/* fixed-cart-btn */
/* ---------------------------------------------------------------- */
#fixed-cart-btn {
  display: none;
}

#fixed-spider-btn {
  position: fixed;
  bottom: 270px;
  right: 15px;
  z-index: 9000;
}

#fixed-spider-btn img {
  max-width: 120px;
}

/* ---------------------------------------------------------------- */
/* foot-common-nav */
/* ---------------------------------------------------------------- */
.foot-common-nav-wrap {
  max-width: 1170px;
  width: 95%;
  margin: 0 auto 60px;
}
.foot-common-nav-wrap .foot-common-ttl {
  padding: 6px 15px;
  background-color: #333;
  color: #FFF;
  font-size: 15px;
}
.foot-common-nav-wrap .foot-common-nav ul {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
}
.foot-common-nav-wrap .foot-common-nav ul li {
  position: relative;
  height: 70px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
.foot-common-nav-wrap .foot-common-nav ul li:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translateY(-50%) rotate(45deg);
}
.foot-common-nav-wrap .foot-common-nav ul li a {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  padding: 10px 0 10px 50px;
  transition: 0.1s all ease;
  background-color: transparent;
  background-position: 9px 50%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  text-decoration: none;
  color: #000;
  font-size: 14px;
}
.foot-common-nav-wrap .foot-common-nav ul li a:hover {
  background-color: #eee;
}
.foot-common-nav-wrap .foot-common-nav ul li a span {
  display: block;
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(1) a {
  background-image: url("/common_img/menu_cb.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(2) a {
  background-image: url("/common_img/menu_manual.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(3) a {
  background-image: url("/common_img/menu_tp.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(4) a {
  background-image: url("/common_img/menu_fs.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(5) a {
  background-image: url("/common_img/menu_ms.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(6) a {
  background-image: url("/common_img/menu_rear.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(7) a {
  background-image: url("/common_img/menu_rear_sc.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(8) a {
  background-image: url("/common_img/menu_kp.png");
}
.foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(9) a {
  background-image: url("/common_img/menu_other.png");
}

@media (max-width: 767px) {
  .foot-common-nav-wrap {
    width: 90%;
  }
  .foot-common-nav-wrap .foot-common-nav ul {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .foot-common-nav-wrap .foot-common-nav ul li {
    height: 60px;
  }
  .foot-common-nav-wrap .foot-common-nav ul li a {
    padding: 10px 0 10px 40px;
    background-position: 6px 50%;
    font-size: 12px;
  }
  .foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(5) a {
    background-position-x: 3px;
  }
  .foot-common-nav-wrap .foot-common-nav ul li:nth-of-type(6) a {
    background-position-x: 3px;
  }
}
.category-common-nav {
  max-width: 1170px;
  width: 95%;
  margin: 0 auto 40px;
}
.category-common-nav .category-common-in {
  display: flex;
  flex-wrap: wrap;
}
.category-common-nav .category-common-in .category-article {
  width: 16%;
}
.category-common-nav .category-common-in .category-article:not(:last-of-type) {
  margin-right: 0.8%;
}
.category-common-nav .category-common-in .category-article .categ-bnr-box {
  text-align: left;
}
.category-common-nav .category-common-in .category-article .categ-bnr-box .box-img img {
  width: 100%;
  height: 130px;
  -o-object-fit: contain;
     object-fit: contain;
}
.category-common-nav .category-common-in .category-article .categ-bnr-box .box-title {
  font-size: 13px;
}
.category-common-nav .category-common-in .category-article .categ-bnr-box .box-cmt {
  font-size: 12px;
}

@media (max-width: 767px) {
  .category-common-nav {
    width: 90%;
  }
  .category-common-nav .category-common-in .category-article {
    width: 31%;
  }
  .category-common-nav .category-common-in .category-article:not(:last-of-type) {
    margin-right: 0;
  }
  .category-common-nav .category-common-in .category-article:not(:nth-of-type(3n)) {
    margin-right: 3.5%;
  }
  .category-common-nav .category-common-in .category-article .categ-bnr-box .box-img {
    padding: 5px;
  }
  .category-common-nav .category-common-in .category-article .categ-bnr-box .box-img img {
    height: 70px;
  }
  .category-common-nav .category-common-in .category-article .categ-bnr-box .box-ico span {
    padding: 1px 3px;
    font-size: 8px;
  }
  .category-common-nav .category-common-in .category-article .categ-bnr-box .box-title {
    font-size: 13px;
  }
  .category-common-nav .category-common-in .category-article .categ-bnr-box .box-cmt {
    font-size: 12px;
  }
}
div#schedule {
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr;
}
div#schedule h4 {
  margin: 0 0 10px;
}
div#schedule h4 span {
  color: #9c1d1d;
}
div#schedule h4:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
div#schedule h4:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
div#schedule table {
  table-layout: fixed;
}
div#schedule table:nth-of-type(1) {
  grid-row: 2/3;
  grid-column: 1/2;
}
div#schedule table:nth-of-type(2) {
  grid-row: 2/3;
  grid-column: 2/3;
}
div#schedule tr th, div#schedule tr td {
  border: 1px solid #aaa;
  text-align: center;
}
div#schedule tr td {
  background-color: #ccc;
}
div#schedule tr td.on {
  background-color: #fff;
}
div#schedule tr td.off {
  background-color: #ffcaca;
  color: #9c1d1d;
}
div#schedule tr.week td {
  background-color: #333;
  color: #fff;
}

@media (max-width: 767px) {
  div#schedule {
    display: block;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  div#schedule table {
    width: 100%;
    table-layout: fixed;
  }
  div#schedule table:nth-of-type(1) {
    margin-bottom: 30px;
  }
  div#schedule table td {
    padding: 2px 8px;
  }
}
/* ---------------------------------------------------------------- */
/* スクリーン設置方法 */
/* ---------------------------------------------------------------- */
.confirm-setting {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  padding: 20px;
  border: 6px solid #ddd;
}
.confirm-setting-detail {
  flex-basis: 50%;
  padding: 10px;
}
.confirm-setting__ttl {
  font-weight: bold;
}
.confirm-setting__ttl span {
  position: relative;
  padding-left: 23px;
  font-size: 18px;
  line-height: 1.4;
}
.confirm-setting__ttl span:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f071";
  color: #ff4f00;
  font-family: FontAwesome;
  font-weight: normal;
}
.confirm-setting__img {
  flex-basis: 40%;
}/*# sourceMappingURL=common.css.map */


/* ---------------------------------------------------------------- */
/* 商品詳細（スパイダー） */
/* ---------------------------------------------------------------- */
#product-details-spider .products-option{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
#product-details-spider .products-option dl{
  flex-basis: 48%;
  padding: 20px;
  border: 1px solid #aaa;
  box-sizing: border-box;
}
#product-details-spider .products-option dl dt{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
}
#product-details-spider .products-option dl dd p{
  margin-bottom: 0;
}
#product-details-spider .sunpou-wrap .sunpou-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2%;
}
#product-details-spider .sunpou-wrap .sunpou-container .sunpou-item{
  flex-basis: 1;
}
#product-details-spider .sunpou-wrap .sunpou-container .sunpou-item p{
  margin-bottom: 2%;
}
#product-details-spider .sunpou-wrap .sunpou-container .sunpou-item p a{
  display: block;
}
#product-details-spider .products-neji .products-neji-inner{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
#product-details-spider .products-neji .products-neji-inner .products-neji-img{
  flex-basis: 1;
}
#product-details-spider .products-neji .products-neji-inner .products-neji-img img{
  margin: 0;
}
#product-details-spider .products-neji .products-neji-inner .products-neji-text{
  flex-basis: 55%;
}

@media (max-width: 767px) {

  #product-details-spider .products-option{
    gap: 20px;
  }
  #product-details-spider .products-option dl{
    flex-basis: 100%;
  }
  #product-details-spider .products-option dl dt{
    font-size: 15px;
  }
  #product-details-spider .products-option dl dd p{
    font-size: 14px;
  }
  #product-details-spider .sunpou-wrap .sunpou-container .sunpou-item{
    flex-basis: 48%;
  }
  #product-details-spider .products-neji .products-neji-inner{
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  #product-details-spider .products-neji .products-neji-inner .products-neji-img{
    flex-basis: 100%;
  }
  #product-details-spider .products-neji .products-neji-inner .products-neji-text{
    flex-basis: 100%;
  }

}

/*==================================================================*/
/* ヘッダー検索ボックス（PC）*/
/*==================================================================*/
#Utility-menu .th-utility-search {
  margin-right: 15px;
}
#Utility-menu .th-utility-search form {
  display: flex;
  gap: 0;
}
#Utility-menu .th-utility-search input[type="text"] {
  width: 180px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 3px 0 0 3px;
  font-size: 12px;
  background: #f5f5f5;
}
#Utility-menu .th-utility-search input[type="text"]:focus {
  outline: none;
  background: #fff;
  border-color: #999;
}
#Utility-menu .th-utility-search input[type="text"]::placeholder {
  color: #999;
}
#Utility-menu .th-utility-search button {
  padding: 6px 12px;
  background: #666;
  color: #fff;
  border: 1px solid #666;
  border-radius: 0 3px 3px 0;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
#Utility-menu .th-utility-search button:hover {
  background: #555;
}