@charset "UTF-8";
@import url("filter_common.css");
.sp {
  display: none;
}

/*---------------------------
タイトル
---------------------------*/
h1 {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 12px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.8em;
  padding-bottom: 3px;
}

#wrap-container {
  width: 1200px;
}

#container {
  width: 1200px;
  font-family: 'Noto Sans JP', Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

#main-contents {
  width: 980px;
  margin: 0 0 0 0;
}

#title-banner {
  margin: 0 0 10px 0;
}

/* ページ内リンクボタン */
.top-btn-area {
  margin: 30px 0 0 32px;
}

.top-btn-head {
  font-size: 1.4666em;
  line-height: 1.6;
  border-left: 6px solid #757EE5;
  margin: 0 0 1%;
  padding: 0 1%;
  font-weight: bold;
}

.for-tv-btn {
  margin: 2.8% auto 0;
}

.for-tv-btn .top-btn-head {
  border-left: 6px solid #80C363;
}

.top-btn-box {
  display: flex;
  flex-wrap: wrap;
}

.top-btn-box .btn-item {
  margin-right: 10px;
  width: 300px;
}

.top-btn-box .btn-item:nth-child(3n) {
  margin-right: 0;
}

.top-btn-box .btn-item a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 2px 2px 5px #ccc;
  position: relative;
  color: #333333;
  align-items: center;
  padding: 1% 7%;
  box-sizing: border-box;
}

.top-btn-box .btn-item a span {
  font-size: 1.1333em;
  line-height: 1.4;
  font-weight: bold;
}

.top-btn-box .btn-item a img {
  width: auto;
  height: 70px;
}

.top-btn-box .btn-item a::after {
  content: "";
  position: absolute;
  bottom: 6%;
  right: 1.5%;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #ffffff;
  border-right: 0;
}

.top-btn-box .btn-item a::before {
  content: "";
  position: absolute;
  bottom: 3%;
  right: 1%;
  width: 12px;
  height: 12px;
  background-color: #FF1516;
}

/* 反射率とは？ */
.reflecting-rate-desc {
  border: 1px solid #4572C4;
  display: flex;
  justify-content: space-between;
  width: 94%;
  margin: 7.5% auto 0;
  padding: 1.8% 0;
  box-sizing: border-box;
}

.reflecting-rate-desc .left {
  width: 45%;
  margin: 2.1% 0 0 3.3%;
  padding: 0 0 1.6%;
}

.reflecting-rate-desc .left .reflecting-rate-title {
  font-size: 1.125em;
  font-weight: bold;
  letter-spacing: 0.09em;
}

.reflecting-rate-desc .left .reflecting-rate-text {
  font-size: 1em;
  line-height: 1.65;
  margin: 1.6% 0 0;
}

.reflecting-rate-desc .right {
  width: 49%;
}

.reflecting-rate-desc .right img {
  width: 100%;
}

/* コンテンツ（共有） */
.film-content-title {
  font-size: 1.73333em;
  line-height: 1.6;
  font-weight: bold;
  border-left: 8px solid #757EE5;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2%;
  padding: 0.4%;
}

.film-content-block-title {
  font-size: 1.4666em;
  line-height: 1.6;
  background-color: #757EE5;
  color: #fff;
  box-sizing: border-box;
  padding: 0.2% 2%;
  margin-bottom: 1.9%;
}

.film-content-block-desc {
  display: flex;
  justify-content: space-between;
}

.film-content-block-desc .left {
  width: 53%;
}

.film-content-block-desc .left .desc-text {
  font-size: 1em;
  line-height: 1.6;
}

.film-content-block-desc .left .desc-img {
  width: 88%;
  margin: 3% auto 0;
}

.film-content-block-desc .left .desc-img img {
  width: 100%;
}

.film-content-block-desc .right {
  width: 46%;
}

.film-content-block-desc .right .desc-video {
  width: 442px;
  height: 100%;
}

.film-content-block-desc .right .desc-img {
  width: 100%;
}

.film-content-block-desc .right .desc-img img {
  width: 100%;
}

/* 液晶テレビ用 */
#for-tv {
  margin: 16.2% 0 0;
}

#for-tv .film-content-title {
  border-left: 8px solid #80C363;
  border-bottom: 1px solid #ccc;
}

#for-tv .film-content-block-title {
  background-color: #80C363;
}

/* ノートパソコン、タブレット、パソコンモニター用 */
#for-pc-tablet {
  margin: 8.8% 0 0;
}

/* 表（共通） */
.film-product-table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  position: relative;
}

.film-product-table thead {
  position: sticky;
  top: 0;
}

.film-product-table td {
  border: 1px solid #B3B3B3;
  border-collapse: collapse;
  font-size: 0.93333em;
  box-sizing: border-box;
  padding: 0.6% 0;
  line-height: 1.3;
}

.film-product-table td.price {
  width: 110px;
}

.film-product-table td.price span.zeinuki {
  display: none;
}

.film-product-table td.hinban {
  width: 230px;
  text-align: left;
  padding: 0.8% 0 0.5% 0.5%;
  text-indent: 0.4em;
  letter-spacing: 0.05em;
}

.film-product-table td.hinban:not(:has(a)) {
  text-align: center;
}

.film-product-table td.hinban a {
  font-weight: bold;
  background: url(/static/images/product/acc/filter/ya.gif) no-repeat 0px 3px;
  padding: 0 0 0 15px;
}

.film-product-table td.hinban img.deal {
  display: block;
}

.film-product-table td.hinban img.lim {
  display: block;
}

.film-product-table td.hinban img.new {
  margin: 0 0 0 3px;
  vertical-align: middle;
}

.film-product-table td.filter-size {
  width: 131px;
}

.film-product-table th {
  border: 1px solid #B3B3B3;
  border-collapse: collapse;
  vertical-align: top;
}

.film-product-table th.empty {
  border: 0;
  background-color: #fff;
  position: relative;
}

.film-product-table th.empty::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  left: -1px;
  top: 0;
}

.film-product-table th.empty::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #B3B3B3;
  left: 0;
  bottom: -1px;
}

.film-product-table th.deal-atn {
  vertical-align: bottom;
  text-align: left;
  padding-bottom: 0.5%;
  font-size: 0.8333em;
}

.film-product-table th.deal-atn img {
  margin: 0 2% 0 0;
}

.film-product-table th.product-img {
  width: 134px;
  background-color: #fff;
  text-align: center;
}

.film-product-table th.product-img img {
  width: 100%;
}

.film-product-table tr:nth-child(even) {
  background: #FFFFFF;
}

.film-product-table tr:nth-child(odd) {
  background: #FAFAFA;
}

.film-product-table tr.table-item-name {
  background-color: #E6E6E6;
  font-weight: bold;
  font-size: 0.93333em;
}

.film-product-table tr.table-item-name th {
  padding: 0.8% 0;
  vertical-align: middle;
  position: relative;
}

.film-product-table tr.table-item-name th::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #B3B3B3;
  bottom: -1px;
  left: 0;
}

table tr.common-h {
  height: 45px;
}

.film-category {
  text-align: center;
  position: relative;
  /* ハイグレード */
  /* スタンダード */
}

.film-category th {
  border: 1px solid #A7A8E3;
  padding: 0;
  position: relative;
}

.film-category th::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #B3B3B3;
  bottom: -1px;
  left: 0;
}

.film-category th:last-child .category-head {
  border: 0;
}

.film-category .category-head {
  color: #fff;
  font-size: 1.06666em;
  background-color: #A7A8E3;
  padding: 2.8% 0 2%;
  margin: 0;
  border-right: 1px solid #fff;
  position: relative;
}

.film-category .category-head::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #A7A8E3;
  top: -1px;
  left: 0;
}

.film-category .category-head .category-icon {
  display: inline-block;
  background-color: #fff;
  width: fit-content;
  border-radius: 50px;
  text-align: center;
  padding: 1% 4%;
  font-size: 0.8125em;
  color: #898989;
  margin: 0 0 0 3%;
  line-height: 1.3;
}

.film-category .category-head .category-icon.blue {
  color: #182B88;
}

.film-category .category-data {
  font-size: 0.8666em;
  line-height: 1.6;
  padding: 2% 0 0;
  font-weight: normal;
}

.film-category .category-data img {
  width: 15px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5% 1.2%;
}

.film-category .category-text {
  font-size: 0.8666em;
  line-height: 1.6;
  font-weight: bold;
  padding: 0 0 2%;
}

.film-category th.high-grade {
  border: 1px solid #B2A166;
}

.film-category th.high-grade .category-head {
  background-color: #B2A166;
}

.film-category th.high-grade .category-head::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #B2A166;
  top: -1px;
  left: 0;
}

.film-category th.standard {
  border: 1px solid #65A2BF;
}

.film-category th.standard .category-head {
  background-color: #65A2BF;
}

.film-category th.standard .category-head::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #65A2BF;
  top: -1px;
  left: 0;
}

/* オプション */
.film-option {
  margin: 1% auto 0;
}

.film-option h5 {
  font-size: 1.2em;
  border-left: 5px solid #E3E3E3;
  padding: 0.8% 0.3%;
  margin-bottom: 0.5%;
}

.film-option .film-product-table .table-item-name th {
  padding: 10px;
}

.film-option .film-product-table .price {
  width: 204px;
}

.film-option .film-product-table .hinban {
  width: 220px;
}

/* 専用タイプ */
.film-dedicated-type {
  margin: 9.5% auto 0;
}

.film-dedicated-type h4 {
  font-size: 1.46666em;
  text-align: center;
  border-bottom: 1px solid #749ED0;
  padding: 0 0 0.6%;
  margin: 0 0 1.3%;
}

.film-dedicated-type h4 span {
  font-size: 0.68181em;
  margin: 0 1.2%;
}

.film-dedicated-type h4 span img {
  width: 15px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3% 0.4%;
}

.film-dedicated-type .film-product-table .table-item-name th {
  padding: 1.5%;
}

.film-dedicated-type .film-product-table .table-item-name th:nth-of-type(1) {
  width: 14%;
}

.film-dedicated-type .film-product-table td {
  padding: 0.75%;
}

.film-dedicated-type .film-product-table td.support-model {
  width: 135px;
}

.film-dedicated-type .film-product-table td.bezel {
  width: 120px;
}

.film-dedicated-type .film-product-table td.filter-size {
  width: 256px;
}

.film-dedicated-type .film-product-table td.price {
  width: 134px;
}

.film-dedicated-type .film-product-table td.hinban {
  width: 220px;
}

.film-dedicated-type .film-product-table.ipad-table {
  margin-top: 2%;
}

.film-dedicated-type .film-product-table.ipad-table .table-item-name th {
  padding: 0;
}

.film-dedicated-type .film-product-table.ipad-table td {
  padding: 0.75%;
}

.film-dedicated-type .film-product-table.ipad-table td.support-model {
  width: 425px;
}

.film-dedicated-type .film-product-table.ipad-table td.price {
  width: 204px;
}

.film-dedicated-type .film-product-table.ipad-table td.hinban {
  width: 220px;
}

div.table-scroll.table-mgn {
  margin: 5% 0 0;
}

/* 3M取り扱い製品 */
.handling-3m-products {
  margin: 9.5% auto 0;
}

.handling-3m-products h4 {
  font-size: 1.46666em;
  text-align: center;
  border-bottom: 1px solid #749ED0;
  padding: 0 0 0.6%;
  margin: 0 0 1.3%;
}

.handling-3m-products .film-product-table td.hinban {
  width: 170px;
}

.handling-3m-products .film-product-table td.price {
  width: 170px;
}

/* のぞき見を防止する */
#nozokimi-table {
  margin: 10% auto 16.3%;
}

#nozokimi-table .film-product-table td.filter-size {
  width: 195px;
}

/* 鮮明な映像を映す */
#senmei-table {
  margin: 6% 0 0;
}

#senmei-table td.disp-size {
  width: 90px;
}

#senmei-table td.price {
  width: 70px;
}

#senmei-table td.hinban {
  width: 180px;
}

#senmei-table td.filter-size {
  width: 88px;
}

#senmei-table td.screen-rate {
  width: 60px;
}

/* 目の疲れを抑える */
#hirou {
  margin: 16.3% 0 0;
}

/* 液晶テレビを保護する */
#protect-tv-table .category-img {
  display: flex;
  justify-content: center;
  margin: 1.8% auto 0;
}

#protect-tv-table .category-img img {
  width: 115px;
  margin: 0 2.5%;
}

#protect-tv-table .table-item-name th {
  padding: 2.2% 0;
}

#protect-tv-table td.disp-size {
  width: 293px;
}

#protect-tv-table td.price {
  width: 150px;
}

#protect-tv-table td.hinban {
  width: 250px;
}

#protect-tv-table td.filter-size {
  width: 290px;
}

/* テレビ保護パネルバナー */
#bnr_filter {
  margin: 4%;
  padding: 0;
  text-align: center;
}

#bnr_filter p {
  text-align: center;
}

/* 液晶フィルターの取り付け方法 */
#attach {
  text-align: center;
  margin: 16.5% auto 2%;
  width: 96%;
}

div#attach h2 {
  background-color: #e3e3e3;
  margin: 0;
  padding: 1% 3% 1.3%;
  font-size: 1.33333em;
}

div#attach ul#attach-inner {
  border-left: 3px solid #e3e3e3;
  border-right: 3px solid #e3e3e3;
  border-bottom: 3px solid #e3e3e3;
  padding: 1.5% 0 2.9% 0;
}

div#attach ul#attach-inner li {
  float: left;
  padding: 1% 2.6%;
  width: 28%;
}

div#attach ul#attach-inner li.border {
  border-right: 1px dotted #d7d7d7;
}

div#attach ul#attach-inner li span {
  display: block;
  margin-bottom: 3%;
}

div#attach ul#attach-inner li span.title {
  color: #007e83;
  font-size: 1.04em;
  font-weight: bold;
}

div#attach ul#attach-inner li span.note {
  font-size: 0.9333em;
  line-height: 1.4;
}

div#attach ul#attach-inner li img {
  margin: 5% 0 0;
}

/* 関連ページ */
.kanren h4 {
  text-align: center;
  background-color: #004DA2;
  color: #fff;
  font-size: 1.65em;
  margin: 9.5% 0 0;
  padding: 1.4% 0;
}

.kanren ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2% 0;
}

.kanren ul li {
  margin: 0 0 2%;
}

/*--------------------------------
    サイドメニュー
--------------------------------*/
div#side-menu {
  width: 185px;
  margin: 0 0 0 auto;
}

li.online-banner {
  margin: 0 0 7%;
}

/*--------------------------------
    バナー
--------------------------------*/
#cate-banner-area {
  margin: 11% 0 13%;
}

#cate-banner-area li {
  margin: 0 0 5.4%;
}

#cate-banner-area ul li a img {
  max-width: 100%;
  filter: drop-shadow(1px 1px 1px #DDD);
}

/*--------------------------------
    関連ページ
--------------------------------*/
#recommend {
  float: none;
  margin: 0;
}

body .recommend-wrapper {
  background-color: #FFF;
  margin: 0 auto 30px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  filter: drop-shadow(1px 1px 1px #C9C9C9);
}

.side-menu-tltle {
  margin: 0;
  padding: 5px 0;
  text-align: center;
  background-color: #4B4B4B;
  color: #FFF;
}

.side-menu-list {
  margin: 0 0 3%;
}

.side-menu-list ul {
  border: 1px solid #9E9E9E;
}

.side-menu-list ul li {
  padding: 6.8% 0;
  font-size: 0.8333em;
  width: 88%;
  margin: 0 auto;
  border-bottom: 1px dotted;
}

.side-menu-list ul li:last-child {
  border-bottom: 0;
}

.side-menu-tltle span {
  display: block;
  font-size: 0.8em;
  line-height: 1.6;
}

.recommend-items {
  border: 1px solid #9E9E9E;
  border-top: 0;
  margin: 0;
  padding: 0;
}

.recommend-items div.page-unit {
  margin: 0 auto;
}

.recommend-items div.recommend-item {
  margin: 0 auto;
  padding: 5% 0;
  text-align: center;
  box-sizing: border-box;
  border-top: 1px solid #9E9E9E;
}

.recommend-items div.first-item {
  border-top: 0;
}

.recommend-items div.recommend-item img {
  margin: 2px auto;
  position: relative;
}

.recommend-items div.recommend-item span.item-sku,
.recommend-items div.recommend-item span.item-name {
  /*font-size: 0.78em;*/
  /*line-height: 1.2em;*/
  position: relative;
}

.recommend-items div.recommend-item img.cate-img {
  margin: 0 auto;
  max-width: 130px;
}

.recommend-items div.recommend-item span.item-name {
  font-weight: bold;
  margin-top: 4%;
  display: block;
  font-size: 0.8em;
  line-height: 1.6;
}

.recommend-items div.recommend-item a {
  display: block;
}

.recommend-items div.recommend-item a:hover {
  text-decoration: none;
  opacity: 0.6;
  color: #1C64B3;
}

.recommend-items div.recommend-item a:hover span {
  opacity: 0.6;
}

.recommend-items div.recommend-item a:hover img {
  opacity: 1 !important;
}