@charset "UTF-8";
/*!
 * BCD Site Styles vtm0.0.16
 * for Voice Track Maker
 * Copyright 2021 BIGLOBE Inc
 */

/* Bootstrap css */
@import 'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css';

/* Google Material Icons */
/* @import 'http://fonts.googleapis.com/icon?family=Material+Icons'; */

/* Propeller CSS */
/* @import '../../propeller/css/propeller.min.css'; */

/* Prism CSS */
@import 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.4.1/themes/prism.min.css';

/* Owl Carousel CSS */
/* @import '../../carousel/css/owl.carousel.min.css'; */
/* @import '../../carousel/animate.css'; */

/* Propeller Carousel */
/* @import '../../carousel/css/pmd-carousel.css'; */

/*---カスタムプロパティ---*/
:root {
  --top_lineup1_bg_width_pc: 1920; /*トップページラインナップ背景1横幅px値PC用*/
  --top_lineup1_bg_height_pc: 579; /*トップページラインナップ背景1縦幅px値PC用*/
  --top_lineup1_bg_width_mb: 768; /*トップページラインナップ背景1横幅px値モバイル用*/
  --top_lineup1_bg_height_mb: 1010; /*トップページラインナップ背景1縦幅px値モバイル用*/
  --top_lineup2_bg_width_pc: 1920; /*トップページラインナップ背景2横幅px値PC用*/
  --top_lineup2_bg_height_pc: 579; /*トップページラインナップ背景2縦幅px値PC用*/
  --top_lineup2_bg_width_mb: 768; /*トップページラインナップ背景2横幅px値モバイル用*/
  --top_lineup2_bg_height_mb: 1110; /*トップページラインナップ背景2縦幅px値モバイル用*/
  --product_spec_pc_title_subtitle_width: 90px;
  --product_spec_pc_title_subtitle_height: 175px;
  --product_spec_pc_title_products_width: 224px;
  --product_spec_pc_title_products_height: 175px;
  --product_spec_sp_top_title_subtitle_width: 45px;
  --product_spec_sp_top_title_subtitle_height: 134px;
  --product_spec_sp_top_title_products_width: 150px;
  --product_spec_sp_top_title_products_height: 134px;
  --product_spec_sp_bottom_title_subtitle_width: 45px;
  --product_spec_sp_bottom_title_subtitle_height: 134px;
  --product_spec_sp_bottom_title_products_width: 300px;
  --product_spec_sp_bottom_title_products_height: 134px;

  --thin_gray_color: rgba(234, 234, 234, 1);
  --blue_gray_color: rgba(118, 149, 196, 1);
  --white_gray_color: rgba(248, 248, 248, 1);
  --plain_text_color: rgba(52, 58, 64, 1);
  --gray_text_color: rgba(150, 160, 170, 1);
  --dark_border_color: rgba(204, 204, 204, 1);
  --mb_menu_padding_x: 6px;
  --mb_menu_title_line_height: 2.5;
  --mb_menu_title_margin_left: 10px; /*20210618new*/
  --mb_menu_item_line_height: 3.5;
  --mb_menu_twin_line_height: 2;
  --article_title_size: 1rem;
  --article_date_size: 1rem;
  --article_tag_size: 1rem;
  --article_text_size: 0.88rem;
  --article_mb_title_size: 1rem;
  --article_mb_date_size: 1rem;
  --article_mb_tag_size: 1rem;
}
/*---/カスタムプロパティ---*/

body {
  font-size: 14px !important;
}

/*---bs4+pmdpro継承---*/
.nav-link {
  line-height: 50px !important;
  text-transform: none !important;
}
.border-bottom {
  border-bottom: 1px #fff solid !important;
}
.pmd-navbar.navbar-light .navbar-toggler {
  background-color: white;
}
.btn-light {
  background-color: #999;
  border: 1px #ccc solid;
  text-decoration: none;
  color: white;
}
.btn-dark {
  background-color: #999;
  border: 1px #ccc solid;
  text-decoration: none;
  color: white;
}
/*---/bs4+pmdpro継承---*/

/*---共通---*/
.bg_white {
  background-color: #fff;
}
.bg_gray {
  background-color: var(--thin_gray_color) !important;
}
.bg_white_gray {
  background-color: var(--white_gray_color);
}
.bg_blue_gray {
  background-color: var(--blue_gray_color);
}
.bg_tp {
  background-color: transparent !important;
}
.text_plain {
  color: var(--plain_text_color) !important;
}
.text_gray {
  color: var(--gray_text_color) !important;
}
.text_sm {
  /*	font-size: 0.9rem!important; 20210622 */
  font-size: 0.88rem !important;
}
.text_xs {
  /*	font-size: 0.75rem!important; 20210622 */
  font-size: 0.88rem !important;
}
.see_more_btn {
  background-color: rgba(0, 100, 210, 1);
  border-color: rgba(0, 100, 210, 1);
  text-decoration: none;
  color: white;
}
.vtm_logo_pc {
  height: 14px;
  width: auto;
  margin: 0 0 5px;
}
.vtm_logo_sp {
  height: 14px;
  width: auto;
  margin: 0 0 7px;
}
.menu_pic_icon_pc {
  height: 14px;
  width: auto;
  margin: 0 0 4px;
}
.menu_pic_icon_sp {
  height: 20px;
  width: auto;
  margin: 0 0 5px;
  padding-bottom: 3px;
}
@media screen and (min-width: 384px) {
  .text_nowrap_wide {
    white-space: nowrap !important;
  }
}
/*---/共通---*/
/*---モバイルメニュー---*/
.tdsl_logo_mb {
  margin-right: 2px;
  margin-left: 2px;
}
.mb_menu_title {
  line-height: var(--mb_menu_title_line_height) !important;
  /*		margin-left: 5px; 202105618 */
  margin-left: var(--mb_menu_title_margin_left);
  padding-left: var(--mb_menu_padding_x) !important;
}
.mb_menu_item,
.mb_menu_item_twin {
  padding-left: var(--mb_menu_padding_x) !important;
}
.mb_menu_item {
  line-height: var(--mb_menu_item_line_height) !important;
  font-size: 1.1rem !important;
}
.mb_menu_item_twin {
  line-height: var(--mb_menu_twin_line_height) !important;
  font-size: 1rem !important;
}
.mb_menu_right {
  border-left: 1px solid var(--dark_border_color) !important;
}
.mb_menu_right_white {
  border-left: 1px solid #fff !important;
}
@media screen and (max-width: 767px) {
  .mb_border_bottom {
    border-bottom: 1px solid var(--dark_border_color) !important;
  }
}
@media screen and (min-width: 768px) {
  /*	header nav.mb_border_bottom:nth-child(2) {*/
  header nav.mb_border_bottom:nth-child(1) {
    /*		border-bottom: 0!important; 20210720old*/
    border-bottom: 1px solid var(--dark_border_color) !important; /*20210720new*/
    height: 68px !important; /*20210817new*/
  }
}
/*---/モバイルメニュー---*/
/*---PCメニュー---*/
.tdsl_logo_pc {
  margin-right: 75px;
  margin-left: 0;
  margin-bottom: 3px;
}
.tdsl_ident {
  width: auto;
  height: 20px;
  margin-right: 0;
}
.pc_menu_item {
  /*	font-size: 0.8rem!important; 20210514org*/
  font-size: 1rem;
}
.pc_link {
  color: #039 !important;
  text-decoration: underline !important;
  cursor: pointer;
}
.pmd-breadcrumb {
  margin-left: 18px;
  margin-bottom: 8px;
  margin-top: 3px; /*20210816new*/
  margin-bottom: 3px; /*20210816new*/
}
.pmd-breadcrumb .breadcrumb-item {
  /*	font-size: 0.8rem!important; 20210622 */
  font-size: 0.88rem !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: '>';
}
/*---/PCメニュー---*/
/*---トップへ戻るフロート---*/
#gobackTop,
#gobackTop a,
#gobackTop a:hover {
  background-color: var(--blue_gray_color);
  color: #fff;
  text-decoration: none;
  z-index: 1200;
}
#gobackTop {
  position: fixed;
  bottom: 70px;
  right: 36px;
}
#gobackTop a {
  width: 40px;
  padding: 8px 0;
  text-align: center;
  display: block;
}
/*---/トップへ戻るフロート---*/
/*---カルーセルナビ---*/
/*	.carousel_nav_img_pc, .carousel_nav_img_mb { 20210618org*/
/* .carousel_nav_img_pc, .carousel_nav_img_mb, #videoSp, #videoPc { 20210720org*/
.carousel_nav_img_pc,
.carousel_nav_img_mb,
#videoSp,
#videoPc,
#top-carousel-pc .embed-responsive {
  /*20210720new*/
  width: 100vw;
  height: auto;
  /* 	max-width: 1080px!important; 20210726old*/
  max-width: 1008px !important; /*20210726new*/
  /* 	max-height: 608px!important; 20210726old */
  max-height: 567px !important; /*20210726new*/
  margin-left: auto; /*20210720new*/
  margin-right: auto; /*20210720new*/
}
.navbar .owl-dots {
  bottom: 15px;
}
.article_container .owl-dots {
  bottom: 15px;
}
.owl-dot,
.owl-carousel button.owl-dot {
  background-color: #9c9c9d;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--dark_border_color);
}
.owl-dot.active,
.owl-carousel button.owl-dot.active {
  background-color: #0064d2;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.pmd-card-carousel.owl-carousel .owl-nav button.owl-prev,
.pmd-card-carousel.owl-carousel .owl-nav button.owl-next {
  border: 0;
  transform: scale(2, 1.5) !important;
}
#top-carousel-pc {
  background-color: #f8f9fa !important; /*20210720new*/
}
/*---/カルーセルナビ---*/
/*---記事---*/
.article_img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.article_line {
  margin-top: 45px;
  margin-bottom: 0;
}
@media screen and (max-width: 319px) {
  .article_line {
    margin-left: 0;
    margin-right: 0;
  }
  .article_card {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 569px) {
  .article_line {
    margin-left: 0;
    margin-right: 0;
  }
  .article_card {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .article_container {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
  .article_line {
    width: 100%;
  }
  .article_set {
    padding-left: 0;
    padding-right: 0;
  }
  .article_title {
    font-size: var(--article_mb_title_size);
  }
  .article_date {
    font-size: var(--article_mb_date_size);
  }
  .article_tag {
    font-size: var(--article_mb_tag_size);
  }
  .article_text {
    font-size: var(--article_text_size);
    line-height: 1.7 !important;
  }
}
@media screen and (min-width: 768px) {
  /*	.article_set {
		padding-left: 100px;
		padding-right: 100px;
	} 20210611 */
  .article_set {
    padding-left: 50px;
    padding-right: 50px;
  }
  .article_title {
    font-size: var(--article_title_size);
  }
  .article_date {
    font-size: var(--article_date_size);
  }
  .article_tag {
    font-size: var(--article_tag_size);
  }
  .article_text {
    font-size: var(--article_text_size);
    line-height: 1.7 !important;
  }
}

.article_card {
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.news_article .article_card {
  border: 1px solid var(--dark_border_color);
}
.movie_article .article_card {
  /*20210618new*/
  background-color: #f8f9fa;
}
.article_title {
  color: var(--plain_text_color);
  font-weight: 600;
  line-height: 1.6;
}
.article_body {
  text-align: left;
  line-height: 2.2;
  padding-left: 0 !important;
}
.news_body {
  text-align: left;
  line-height: 2.2;
  padding-left: 1rem !important; /*20210618new*/
  padding-right: 1rem !important; /*20210618new*/
}
@media screen and (min-width: 576px) {
  /*20210618new*/
  .news_text {
    min-height: 140px;
  }
}
@media screen and (min-width: 625px) {
  /*20210618new*/
  .news_text {
    min-height: 130px;
  }
}
@media screen and (min-width: 768px) {
  /*20210618new*/
  .news_text {
    min-height: 120px;
  }
}
@media screen and (min-width: 992px) {
  /*20210618new*/
  .news_text {
    min-height: 130px;
  }
}
@media screen and (min-width: 1200px) {
  /*20210618new*/
  .news_text {
    min-height: 70px;
  }
}
.article_date {
  color: var(--plain_text_color);
  font-weight: 600;
}
.article_tag {
  border: 1px solid var(--plain_text_color);
  padding: 2px 10px;
  color: var(--plain_text_color);
  margin-bottom: 30px !important;
}
.seemore_container {
  margin-bottom: 40px;
}
/*---/記事---*/
/*---製品一覧PC（スペック表）---*/ /*20210623new*/
.products_spec .title_subtitle_pc,
.products_spec .spec_subtitle_pc {
  width: var(--product_spec_pc_title_subtitle_width);
  height: auto;
  border: 0.5px solid var(--dark_border_color);
  border-collapse: collapse;
}
.products_spec .title_subtitle_pc {
  height: var(--product_spec_pc_title_subtitle_height);
}
.products_spec .vtm_logo_pc {
  width: 135px;
  height: auto;
  margin: 0 0 5px;
}
.products_spec .vtm_logo_sp {
  width: 125px;
  height: auto;
  margin: 0 0 2px;
}

.products_spec .title_elements_pc,
.products_spec .title_prolight_pc,
.products_spec .title_pro_pc,
.products_spec .spec_elements_pc,
.products_spec .spec_prolight_pc,
.products_spec .spec_pro_pc {
  width: var(--product_spec_pc_title_products_width);
  height: auto;
  border: 0.5px solid var(--dark_border_color);
  border-collapse: collapse;
}
.products_spec .title_elements_pc,
.products_spec .title_prolight_pc,
.products_spec .title_pro_pc {
  height: var(--product_spec_pc_title_products_height);
}
.products_spec .title_elements_pc,
.products_spec .title_prolight_pc,
.products_spec .title_pro_pc {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 1.5rem;
}
.products_spec .title_elements_pc {
  background-image: url(../img/Links/lineup_elements.jpg);
}
.products_spec .title_prolight_pc {
  background-image: url(../img/Links/lineup_pro-light.jpg);
}
.products_spec .title_pro_pc {
  background-image: url(../img/Links/lineup_pro.jpg);
}
.products_spec .title_elements_pc .right_now_btn,
.products_spec .title_prolight_pc .right_now_btn,
.products_spec .title_pro_pc .right_now_btn {
  background-color: rgba(0, 100, 210, 1);
  border-color: rgba(0, 100, 210, 1);
  padding: 0.5rem 2rem;
  text-decoration: none;
  color: white;
}
/*---製品特長---*/ /*20210665new*/
.product_features .product_features_body {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 1.5rem;
}
/*20210824追加↓*/
#productFeaturesImg > img {
  width: 100%;
  max-width: 960px;
  max-height: 347px;
}
#productFeaturesImg_sp > img {
  width: 100%;
  max-width: 480px;
  max-height: 836px;
}
/*20210824追加↑*/
@media screen and (max-width: 575px) {
  #product-features-top-carousel .bg_sub_01 {
    background-image: url(../img/Links/voicetrackmaker_sub_01_SP.png);
  }
  #product-features-bottom-carousel .bg_sub_02-A {
    background-image: url(../img/Links/voicetrackmaker_sub_02-A_SP.png);
  }
  #product-features-bottom-carousel .bg_sub_02-B {
    background-image: url(../img/Links/voicetrackmaker_sub_02-B_SP.png);
  }
  #product-features-bottom-carousel .bg_sub_02-C {
    background-image: url(../img/Links/voicetrackmaker_sub_02-C_SP.png);
  }
  .product_features .product_features_body {
    /*		width: 100hw;
		height: calc(100vw / 1.1302); /*20210720old*/
    width: 357px; /*20210720new*/
    height: 400px; /*20210720new*/
    margin-left: -10px;
    margin: 0 auto; /*20210720new*/
  }
  #product-features-top-carousel .product_features_text,
  #product-features-bottom-carousel .product_features_text {
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
  }
  #product-features-top-carousel .product_features_text {
    color: #fff;
  }
  #product-features-bottom-carousel .product_features_text {
    color: rgb(51, 51, 51);
  }
}
@media screen and (max-width: 400px) {
  /*20210720new*/
  .product_features .product_features_body {
    width: 268px;
    height: 300px;
    margin: 0 auto;
  }
  #product-features-top-carousel .product_features_text,
  #product-features-bottom-carousel .product_features_text {
    /*20210720new*/
    text-align: left;
    font-size: 0.85rem;
    font-weight: bold;
  }
}
@media screen and (min-width: 576px) {
  #product-features-top-carousel .bg_sub_01 {
    background-image: url(../img/Links/voicetrackmaker_sub_01_PC.png);
  }
  #product-features-bottom-carousel .bg_sub_02-A {
    background-image: url(../img/Links/voicetrackmaker_sub_02-A_PC.png);
  }
  #product-features-bottom-carousel .bg_sub_02-B {
    background-image: url(../img/Links/voicetrackmaker_sub_02-B_PC.png);
  }
  #product-features-bottom-carousel .bg_sub_02-C {
    background-image: url(../img/Links/voicetrackmaker_sub_02-C_PC.png);
  }
  .product_features .product_features_body {
    /* width: 100vw; 20210803 削除 */
    height: calc(100vw / 2.6666);
    /* max-width: 1067px; 20210726old */
    max-width: 780px; /*20210726new*/
    /* max-height: 400px; 20210726old */
    max-height: 275px; /*20210726new*/
    margin-left: -15px;
    margin: 0 auto; /*20210720new*/
  }
  #product-features-top-carousel .product_features_text,
  #product-features-bottom-carousel .product_features_text {
    text-align: center;
    font-size: 0.9rem;
    font-weight: bold;
  }
  #product-features-top-carousel .product_features_text {
    color: #fff;
  }
  #product-features-bottom-carousel .product_features_text {
    color: rgb(51, 51, 51);
  }
}
/*---/製品特長---*/
/*---製品一覧SP-top（スペック表）---*/ /*20210625new*/
.products_spec .title_subtitle_sp_top,
.products_spec .spec_subtitle_sp_top {
  width: var(--product_spec_sp_top_title_subtitle_width);
  height: auto;
  border: 0.5px solid var(--dark_border_color);
  border-collapse: collapse;
}
.products_spec .title_subtitle_sp_top {
  height: var(--product_spec_sp_top_title_subtitle_height);
}
.products_spec .title_elements_sp_top,
.products_spec .title_prolight_sp_top,
.products_spec .spec_elements_sp_top,
.products_spec .spec_prolight_sp_top {
  width: var(--product_spec_sp_top_title_products_width);
  height: auto;
  border: 0.5px solid var(--dark_border_color);
  border-collapse: collapse;
}
.products_spec .title_elements_sp_top,
.products_spec .title_prolight_sp_top {
  height: var(--product_spec_sp_top_title_products_height);
}
.products_spec .title_elements_sp_top,
.products_spec .title_prolight_sp_top {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 1.5rem;
}
.products_spec .title_elements_sp_top {
  background-image: url(../img/Links/lineup_elements.jpg);
}
.products_spec .title_prolight_sp_top {
  background-image: url(../img/Links/lineup_pro-light.jpg);
}
.products_spec .title_elements_sp_top .right_now_btn,
.products_spec .title_prolight_sp_top .right_now_btn {
  background-color: rgba(0, 100, 210, 1);
  border-color: rgba(0, 100, 210, 1);
  padding: 0.5rem 1.5rem;
  text-decoration: none;
  color: white;
}

/*---製品一覧SP-bottom（スペック表）---*/ /*20210625new*/
.products_spec .title_subtitle_sp_bottom,
.products_spec .spec_subtitle_sp_bottom {
  width: var(--product_spec_sp_bottom_title_subtitle_width);
  height: auto;
  border: 0.5px solid var(--dark_border_color);
  border-collapse: collapse;
}
.products_spec .title_subtitle_sp_bottom {
  height: var(--product_spec_sp_bottom_title_subtitle_height);
}
.products_spec .title_pro_sp_bottom,
.products_spec .spec_pro_sp_bottom {
  width: var(--product_spec_sp_bottom_title_products_width);
  height: auto;
  border: 0.5px solid var(--dark_border_color);
  border-collapse: collapse;
}
.products_spec .title_pro_sp_bottom {
  height: var(--product_spec_sp_bottom_title_products_height);
}
.products_spec .title_pro_sp_bottom {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 1.5rem;
}
.products_spec .title_pro_sp_bottom {
  background-image: url(../img/Links/lineup_pro.jpg);
}
.products_spec .title_pro_sp_bottom .right_now_btn {
  background-color: rgba(0, 100, 210, 1);
  border-color: rgba(0, 100, 210, 1);
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: white;
}
/*---/製品一覧（スペック表）---*/

/*---商用ライセンス 20211029_新規追加---*/
.lisense_item {
  width: 300px;
  border: 0.5px solid var(--dark_border_color);
  border-collapse: collapse;
}
.lisense_item.lisense_title_step1 {
  background-image: url(../img/Links/lineup_elements.jpg);
}
.lisense_item.lisense_title_step2 {
  background-image: url(../img/Links/lineup_pro-light.jpg);
}
.lisense_item.lisense_title_step3 {
  background-image: url(../img/Links/lineup_pro.jpg);
}
.annotation_badge {
  font-size: 8px;
  vertical-align: top;
  white-space: nowrap;
}
.lisense_annotation {
  font-size: 12px;
}
.lisense_annotation p {
  margin-bottom: 0;
}
.lisense_item .lisense_btn {
  display: block;
  background-color: rgba(0, 100, 210, 1);
  border-color: rgba(0, 100, 210, 1);
  text-decoration: none;
  color: white;
}
/*---/商用ライセンス---*/

/*---使い方ページ---*/
.listpage_subtitle {
  margin-top: 0;
  line-height: 1.6;
  /*	font-size: 0.85rem; 20210514 */
  font-size: 1rem;
}
.listpage_subtitle .vtm_logo {
  width: 150px;
  height: auto;
  margin: 0 2px 5px;
}

/*---/使い方ページ---*/
/*---製品一覧ページ---*/
.card_btn {
  /*	padding: 4px; 20210611 */
  padding: 6px 4px;
  /*	font-size: 0.75rem; 20210514 */
  /*	font-size: 1rem; 20210611 */
  font-size: 0.88rem;
  text-decoration: none;
  color: white;
}
.voice_text_hide {
  display: none;
}
.voice_text_hide.on-hide {
  display: block;
}
button.seeDetail {
  display: block;
}
button.seeDetail::after {
  content: '製品詳細を見る';
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
button.seeDetail.on-click::after {
  content: '閉じる';
}
audio.detail_audio {
  width: calc(100% - 8px);
  height: 30px;
}
audio.top_audio {
  width: 100%;
  height: 30px;
}
.list-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: aliceblue;
  width: 100%;
  margin: 5px auto;
  padding: 5px;
  list-style: none;
  text-align: center;
}
.pagination-container .pagination {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 5px;
  font-size: 1.5rem;
}
.pagination-container .list-group-item {
  background: burlywood;
  margin: 10px;
  padding: 10px;
  width: 45%;
}
.pagination-container .pagination li {
  margin: 5px;
}
.pagination-container .pagination a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px;
}
.pagination-container .pagination a:hover {
  background-color: #eee;
  color: #333;
  font-weight: bold;
}
.pagination-container .active {
  background-color: #ccc;
}
.pagination-container .navi-active {
  background-color: #eee;
}
/*---/製品一覧ページ---*/

/*---ニュース・トピックスページ---*/
.news_text_hide {
  display: none;
}
.news_text_show.on-hide {
  display: none;
}
button.seeMore {
  display: block;
  width: 120px;
  margin-left: auto;
  margin-right: 0;
}
button.seeMore::after {
  content: '続きを見る';
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
button.seeMore.on-click::after {
  content: '閉じる';
}
.news_update_title,
.news_update_text {
  margin-left: 130px;
}
.news_update {
  position: relative;
}
.news_update_date {
  position: absolute;
  top: 0;
  line-height: 1.6;
}
.news_update_tag {
  position: absolute;
  top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.6;
}
/*---/ニュース・トピックスページ---*/

/*---特定商取引法ページ---*/
.tokusho .pc_view .table_frame,
.tokusho .sp_view .table_frame {
  display: table;
  border-collapse: collapse;
}
.tokusho .pc_view .table_line,
.tokusho .sp_view .table_line {
  display: table-row;
}
.tokusho .pc_view .table_title,
.tokusho .pc_view .table_detail,
.tokusho .sp_view .table_title,
.tokusho .sp_view .table_detail {
  display: table-cell;
  border: 1px solid var(--dark_border_color);
  vertical-align: middle;
  padding: 0.5rem;
}
.tokusho .pc_view .table_title {
  width: 190px;
  background-color: var(--thin_gray_color) !important;
}
.tokusho .pc_view .table_detail {
  width: 572px;
  background-color: #fff !important;
}
.tokusho .sp_view .table_title {
  background-color: var(--thin_gray_color) !important;
}
.tokusho .sp_view .table_detail {
  background-color: #fff !important;
}

/*---/特定商取引法ページ---*/