/*機能一覧の個別対応用*/
.block-future-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  border: 1px solid #f5f5f5;
}
.block-future-list ul li {
  background: #fff;
  padding: 10px 15px;
}
.block-future-list ul li:nth-of-type(odd),
.table-list ul li:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.block-future-list p strong {
  padding-top: 30px;
  text-align: center;
  display: block;
  font-size: 22px;
  width: 100%;
  color: #333;
  margin: 0;
}
/* 基本部分 */
.showmorebtn {
  background: #f5f5f5;
  border-bottom: 4px solid #eee;
}
.right,
.right-md,
.right-sm {
  float: left;
}
.right-xs {
  float: right;
}
.font-header {
  font-size: 30px;
}
.font-xxl {
  font-size: 160%;
}
.font-xl {
  font-size: 140%;
}
.font-l {
  font-size: 120%;
}
.font-s {
  font-size: 80%;
}
.font-l small {
  font-size: 80% !important;
}
p.font-xxl + p.font-xxl,
p.font-xl + p.font-xl,
p.font-l + p.font-l {
  margin-top: 25px;
}
.anchor_link {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}
.row-md,
.row-sm {
  margin-left: -0px;
  margin-right: -0px;
}
@media (min-width: 768px) {
  .right,
  .right-sm {
    float: right;
  }
  .hide_sm {
    display: none !important;
  }
  .row-sm {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 767px) {
  .show_sm {
    display: none !important;
  }
  .font-header {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .font-header {
    font-size: 24px;
  }
  .font-xxl {
    font-size: 140% !important;
  }
  .font-xl {
    font-size: 120% !important;
  }
  .font-l {
    font-size: 100% !important;
  }
  .font-s {
    font-size: 80% !important;
  }
  p.font-xxl + p.font-xxl,
  p.font-xl + p.font-xl,
  p.font-l + p.font-l {
    margin-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .right-md {
    float: right;
  }
  .hide_md {
    display: none !important;
  }
  .row-md {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 991px) {
  .show_md {
    display: none !important;
  }
}
/* 製品ページTOPのメイン部分調整 */
#productTitleSect #productTitleBlock .img-box {
  max-width: 100% !important;
}
@media (min-width: 768px) {
  #productTitleSect #productTitleBlock .img-box {
    max-width: 60% !important;
  }
}
#productTitleSect div.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#productTitleSect .product-lead {
  font-size: 16px;
}

@media (min-width: 768px) {
  #productTitleSect .product-lead {
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
  }
}
@media (max-width: 767px) {
  #productTitleSect #productTitleBlock .logo-list {
    max-width: 96% !important;
  }
  #productTitleSect #productTitleBlock .logo-list li img {
    height: 20px !important;
  }
}
/* 製品説明用 */
.future_description {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 60px;
  display: block;
  clear: both;
  overflow: hidden;
}
.future_description .block-title {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding: 10px 0px 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd !important;
  color: #333 !important;
}
.future_description .block-detail {
  padding-left: 15px;
  padding-right: 15px;
}
.future_description .block-detail p {
  padding-left: 0px;
  padding-right: 0px;
}
.future_description .block-detail small {
  padding-left: 0px;
  padding-right: 0px;
}
.future_description .block-detail p + small {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}
.future_description .btn-block {
  border: 2px solid #ccc;
  margin-top: 15px;
}
.future_description .btn.showmorebtn.expended {
  border: 2px solid #ccc;
}
.future_description .sub-block {
  display: table;
}
@media (max-width: 767px) {
  .future_description {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .future_description .block-title {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 20px;
  }
  .future_description [class^="col"] {
    padding-bottom: 5px;
  }
}
/* DR-05などシリーズ価格まとめ用 */
.price-block {
  padding: 30px;
}
.series-price {
  display: table;
  margin: 0 auto;
}
.series-price div {
  display: table-cell;
  vertical-align: text-top;
}
.series-price div ul {
  margin: 0px;
  padding: 0px;
}
.series-price div ul li {
  display: inline-block;
  padding-left: 20px;
}
/* liを横並びなどブロックとして使用したいとき用 */
ul.list-block {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.list-block li {
  display: inline-block;
  vertical-align: top;
}
/*機能一覧の個別対応用*/
.block-future-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  font-size: 16px;
  border: 1px solid #f5f5f5;
}
.block-future-list ul li {
  background: #fff;
  padding: 10px 15px;
}
.block-future-list ul li:nth-of-type(odd),
.table-list ul li:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.block-future-list p strong {
  padding-top: 30px;
  text-align: center;
  display: block;
  font-size: 22px;
  width: 100%;
  color: #333;
  margin: 0;
}
/* 製品仕様追加項目 */
.table-bordered tbody tr td {
  border: 1px solid #ccc !important;
}
.table-bordered tbody tr td.spec_lv0 {
  border-bottom: 1px solid #e2e8e9 !important;
}
.table-bordered tbody tr td.spec_lv1 {
  border-bottom: 1px solid #fff !important;
}
.table-bordered tbody tr td.spec_lv2 {
  background: #e5e5e5;
}
.table-bordered tbody tr td.spec_lv3 {
  background: #f5f5f5;
}
td.spec_lv4 {
  padding-left: 25px !important;
  background: #fcfcfc;
  color: #333;
}
.spec_table {
  table-layout: fixed;
}
@media (min-width: 768px) {
  .table-bordered tbody tr td {
    border: 1px solid #ccc !important;
  }
  .table-bordered tbody tr td.spec_lv0 {
    border-bottom: 1px solid #e2e8e9 !important;
  }
  .table-bordered tbody tr td.spec_lv1 {
    border-bottom: 1px solid #fff !important;
  }
  .table-bordered tbody tr td.spec_lv15 {
    background: #e5e5e5 !important;
    padding-left: 20px !important;
  }
  .table-bordered tbody tr td.spec_lv2 {
    background: #e5e5e5;
  }
  .table-bordered tbody tr td.spec_lv3 {
    background: #f5f5f5;
  }
  td.spec_lv4 {
    padding-left: 50px !important;
    background: #fcfcfc;
    color: #333;
  }
}
/* オプション表示用　*/
.option_list {
  display: block;
  margin: 1%;
  text-align: center;
}
.option_list li {
  display: inline-block;
  margin: 1%;
  width: 47%;
  padding: 5px;
  border: 2px solid #f5f5f5;
  vertical-align: top;
}
.option_list li a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.option_list li a:hover .title,
.option_list li .title a:hover {
  color: #066fff;
  border: 2px solid #ccc;
}
.option_list *.title {
  font-size: 130%;
  color: #9b9b9b;
}
.option_list_noborder li {
  border: none;
}
.option_list-2 a:hover *.title,
.option_list-3 a:hover *.title,
.option_list-4 a:hover *.title {
  color: #333;
}
.option_list_detail a {
  display: block;
}
.option_list_detail a:hover {
  text-decoration: none;
}
ul.option_list-4,
ul.option_list-3,
ul.option_list-2 {
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
}
.option_list-4 li,
.option_list-3 li,
.option_list-2 li {
  float: left;
  width: 50%;
  padding: 10px;
}
.option_list_detail {
  border: 2px solid #ccc;
  padding: 8px;
}
.option_list-2 *.title {
  font-size: 130%;
  color: #9b9b9b;
}
.option_list-3 *.title {
  font-size: 130%;
  color: #9b9b9b;
}
.option_list-4 *.title {
  font-size: 110%;
  color: #9b9b9b;
}
.option_list_detail a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
@media (min-width: 768px) {
  .option_list li {
    margin: 1%;
    width: 30.666666666%;
  }
  .option_list *.title {
    font-size: 150%;
  }
  .option_list-4 li,
  .option_list-3 li {
    width: 33.33333333%;
  }
  .option_list-2 li {
    float: left;
    width: 50%;
    padding: 10px;
  }
  .option_list-3 *.title,
  .option_list-2 *.title {
    font-size: 150%;
    color: #9b9b9b;
  }
  .option_list-4 *.title {
    font-size: 120%;
    color: #9b9b9b;
  }
}
@media (min-width: 992px) {
  .option_list-4 li {
    width: 25%;
  }
}
/* 製品リンク用の箱 */
.store-box-half-half {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0px 15px;
}
.store-box-half .container .row {
  border: 1px solid #f5f5f5;
  display: block;
  margin: 15px;
  padding: 15px;
  min-height: 220px;
}
.store-box-half .btn-default {
  color: #333 !important;
  background-color: #f5f5f5 !important;
  border-color: #ccc !important;
}
.store-box-half .btn-default:hover {
  color: #333 !important;
  background-color: #ccc !important;
  border-color: #999 !important;
}
.store-box-half a img:hover {
  opacity: 0.5;
}
.store-box-half h4 {
  padding: 0px;
  margin: 0px;
}
.store-box-half .img-box {
  min-height: 140px;
  margin-left: -15px;
  margin-right: -15px;
}
.store-box-half .col-md-6,
.store-box-half .col-md-12 {
  margin: 0px !important;
  padding: 0px !important;
}
.store-box-half .col-md-10 {
  padding-bottom: 0px;
}
.store-box-half a.btn {
  margin: 0px !important;
}
.store-box-half .cart-button {
  margin-top: 15px !important;
}
.store-box-half .product-name {
  padding-left: 15px !important;
}
/* Youtube用 */
.Youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  margin: 30px 0;
}
.Youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 背景用 */
.background_size_100-auto {
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.background_size_auto-100 {
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
.background_top_left {
  background-position: top left !important;
}
.background_top_right {
  background-position: top right !important;
}
.background_center_left {
  background-position: center left !important;
}
.background_center_righ {
  background-position: center right !important;
}
.background_bottom_left {
  background-position: bottom left !important;
}
.background_bottom_right {
  background-position: bottom right !important;
}
.background_top {
  background-position: top !important;
}
.background_center {
  background-position: center !important;
}
.background_bottom {
  background-position: bottom !important;
}
.show_background_md,
.show_background_sm {
  background-repeat: no-repeat;
}
@media (min-width: 1800px) {
  .show_background_md,
  .show_background_sm {
    min-height: 1000px !important;
  }
}
@media screen and (max-width: 1799px) {
  .show_background_md,
  .show_background_sm {
    min-height: 675px;
  }
}
@media (max-width: 1199px) {
  .show_background_md,
  .show_background_sm {
    min-height: 550px;
  }
}
@media (min-width: 992px) {
  .bg_white_md {
    background-color: hsla(0, 0%, 100%, 0.8);
  }
  .bg_gray_md {
    background-color: hsla(0, 0%, 50%, 0.8);
  }
  .bg_black_md {
    background-color: hsla(0, 0%, 0%, 0.8);
  }
  .text_white_md {
    color: #fff;
  }
  .text_black_md {
    color: #000;
  }
}
@media (max-width: 991px) {
  .show_background_md {
    background-image: none !important;
    min-height: 0 !important;
  }
  .bg_white_md-xs {
    background-color: #fff;
  }
  .bg_gray_md-xs {
    background-color: #808080;
  }
  .bg_black_md-xs {
    background-color: #000;
  }
  .text_white_md-xs {
    color: #fff;
  }
  .text_black_md-xs {
    color: #000;
  }
  .show_background_sm {
    min-height: 420px;
  }
}
@media (min-width: 768px) {
  .bg_white_sm {
    background-color: hsla(0, 0%, 100%, 0.7);
  }
  .bg_gray_sm {
    background-color: hsla(0, 0%, 50%, 0.7);
  }
  .bg_black_sm {
    background-color: hsla(0, 0%, 0%, 0.7);
  }
  .text_white_sm {
    color: #fff;
  }
  .text_black_sm {
    color: #000;
  }
}
@media (max-width: 767px) {
  .show_background_sm {
    background-image: none !important;
    min-height: 0 !important;
  }
  .bg_white_sm-xs {
    background-color: #fff;
  }
  .bg_gray_sm-xs {
    background-color: #808080;
  }
  .bg_black_sm-xs {
    background-color: #000;
  }
  .text_white_sm-xs {
    color: #fff;
  }
  .text_black_sm-xs {
    color: #000;
  }
}
/* 1920x1080背景用 XELENTO WIRELESS JP参照 */
.show_bg_md,
.show_bg_sm {
  position: relative;
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .show_bg_md .container {
    position: relative;
    height: 100%;
  }
  .show_bg_md:before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .show_bg_md .bg_pc {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  .show_bg_md .bg_white {
    background-color: hsla(0, 0%, 100%, 0.5);
  }
  .show_bg_md .bg_gray {
    background-color: hsla(0, 0%, 50%, 0.8);
  }
  .show_bg_md .bg_black {
    background-color: hsla(0, 0%, 0%, 0.8);
  }
  .text_white {
    color: #fff;
  }
  .show_bg_md .pc_text_black {
    color: #000;
  }
  .show_bg_md .pc_text_center {
    text-align: center;
  }
  .show_bg_md .pc_text_left {
    text-align: right;
  }
  .show_bg_md .pc_text_left {
    text-align: left;
  }
  .show_bg_md .pc_text_shadow_white {
    text-shadow: 2px 2px 2px #fff;
  }
  .show_bg_md .pc_text_shadow_gray {
    text-shadow: 2px 2px 2px #999;
  }
  .show_bg_md .pc_text_shadow_black {
    text-shadow: 2px 2px 2px #000;
  }
  .show_bg_md .box-top-center {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateY(0%) translateX(-50%);
    -webkit-transform: translateY(0%) translateX(-50%);
  }
  .show_bg_md .box-top-right {
    position: absolute;
    top: 0%;
    left: 100%;
    transform: translateY(0%) translateX(-100%);
    -webkit-transform: translateY(0%) translateX(-50%);
  }
  .show_bg_md .box-top-left {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translateY(0%) translateX(0%);
    -webkit-transform: translateY(0%) translateX(0%);
  }
  .show_bg_md .box-center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .show_bg_md .box-center-right {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%) translateX(-100%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .show_bg_md .box-center-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%) translateX(0%);
    -webkit-transform: translateY(-50%) translateX(0%);
  }
  .show_bg_md .box-bottom-center {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
    -webkit-transform: translateY(-100%) translateX(-50%);
  }
  .show_bg_md .box-bottom-right {
    position: absolute;
    top: 100%;
    left: 100%;
    transform: translateY(-100%) translateX(-100%);
    -webkit-transform: translateY(-100%) translateX(-50%);
  }
  .show_bg_md .box-bottom-left {
    position: absolute;
    top: 100%;
    left: 0%;
    transform: translateY(-100%) translateX(0%);
    -webkit-transform: translateY(-100%) translateX(0%);
  }
  .show_bg_md .bg_black,
  .show_bg_md .bg_gray,
  .show_bg_md .bg_white {
    padding: 30px;
  }
}
@media (max-width: 991px) {
  .show_bg_md .bg_pc {
    background-image: none !important;
    min-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .show_bg_sm .container {
    position: relative;
    height: 100%;
  }
  .show_bg_sm:before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .show_bg_sm .bg_pc {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  .show_bg_sm .bg_black,
  .show_bg_sm .bg_gray,
  .show_bg_sm .bg_white {
    padding: 30px;
  }
  .show_bg_sm .box-top-center {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateY(-5%) translateX(-50%);
    -webkit-transform: translateY(-5%) translateX(-50%);
  }
  .show_bg_sm .box-top-right {
    position: absolute;
    top: 5%;
    left: 100%;
    transform: translateY(-5%) translateX(-100%);
    -webkit-transform: translateY(-5%) translateX(-50%);
  }
  .show_bg_sm .box-top-left {
    position: absolute;
    top: 5%;
    left: 0%;
    transform: translateY(-5%) translateX(0%);
    -webkit-transform: translateY(-5%) translateX(0%);
  }
  .show_bg_sm .box-center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .show_bg_sm .box-center-right {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%) translateX(-100%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .show_bg_sm .box-center-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%) translateX(0%);
    -webkit-transform: translateY(-50%) translateX(0%);
  }
  .show_bg_sm .box-bottom-center {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateY(-95%) translateX(-50%);
    -webkit-transform: translateY(-95%) translateX(-50%);
  }
  .show_bg_sm .box-bottom-right {
    position: absolute;
    top: 95%;
    left: 100%;
    transform: translateY(-95%) translateX(-100%);
    -webkit-transform: translateY(-95%) translateX(-50%);
  }
  .show_bg_sm .box-bottom-left {
    position: absolute;
    top: 95%;
    left: 0%;
    transform: translateY(-95%) translateX(0%);
    -webkit-transform: translateY(-95%) translateX(0%);
  }
  .show_bg_sm .bg_white {
    background-color: hsla(0, 0%, 100%, 0.5);
  }
  .show_bg_sm .bg_gray {
    background-color: hsla(0, 0%, 50%, 0.7);
  }
  .show_bg_sm .bg_black {
    background-color: hsla(0, 0%, 0%, 0.7);
  }
  .show_bg_sm .text_white {
    color: #fff;
  }
  .show_bg_sm .text_black {
    color: #000;
  }
  .show_bg_sm .pc_text_center {
    text-align: center;
  }
  .show_bg_sm .pc_text_right {
    text-align: right;
  }
  .show_bg_sm .pc_text_left {
    text-align: left;
  }
  .show_bg_sm .pc_text_shadow_white {
    text-shadow: 2px 2px 2px #fff;
  }
  .show_bg_sm .pc_text_shadow_gray {
    text-shadow: 2px 2px 2px #999;
  }
  .show_bg_sm .pc_text_shadow_black {
    text-shadow: 2px 2px 2px #000;
  }
}
@media (max-width: 767px) {
  .show_bg_sm .bg_pc {
    background-image: none !important;
    min-height: 0 !important;
  }
  .show_bg_sm .bg_pc .container {
    min-height: auto !important;
  }
}
