@charset "UTF-8";
/* ---------------------------------------------------------- */
/*     product（special）  */
/* ---------------------------------------------------------- */
#product {
  /*: common ::::::::::::::::::::::::::::::::::::::::::::::::::*/
  /*: フォトロン 4K/8K システムラインアップ ::::::::::::::::::::::::::::::::::::::::::::::::::*/
  /*: Vizrt Video ::::::::::::::::::::::::::::::::::::::::::::::::::*/
  /*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
  /*: EVS Video ::::::::::::::::::::::::::::::::::::::::::::::::::*/
  /*:::::::::::::::::::::::::::::::::::::::::::::::::::*/
}
#product #navi .list-navi > li.product > a {
  background: #103a75;
}
#product .end_sell {
  display: inline;
  margin-left: 15px;
}
@media (min-width: 768px) {
  #product .end_sell {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  #product .end_sell {
    font-size: 1rem;
  }
}
#product .plan_sale {
  display: inline-block;
  margin-left: 10px;
}
@media (min-width: 768px) {
  #product .plan_sale {
    font-size: 1.1rem;
    border-width: 1px;
    padding: 1px 6px;
  }
}
@media (max-width: 767px) {
  #product .plan_sale {
    font-size: 93%;
  }
}
#product * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#product.c_4k #about {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #product.c_4k #about {
    margin-bottom: 40px;
  }
}
#product.c_4k #navList {
  padding-top: 10px;
  background: #f4f6f5;
}
@media (min-width: 768px) {
  #product.c_4k #navList.nav-fixed {
    position: fixed;
    top: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 50;
  }
}
@media (min-width: 1200px) {
  #product.c_4k #navList.nav-fixed {
    max-width: 1050px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #product.c_4k #navList.nav-fixed {
    max-width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #product.c_4k #navList.nav-fixed {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  #product.c_4k #navList {
    padding-top: 0px;
  }
  #product.c_4k #navList.nav-fixed-sp .nav-list {
    position: fixed;
    opacity: 0;
  }
  #product.c_4k #navList.nav-fixed-sp.sp-off .nav-list {
    opacity: 0;
  }
  #product.c_4k #navList.nav-fixed-sp.sp-off .nav-list .row {
    display: none !important;
  }
  #product.c_4k #navList.nav-fixed-sp.sp-on {
    position: fixed;
    width: 100%;
    z-index: 50;
    top: 70px !important;
    padding: 10px;
    background: rgba(16, 16, 16, 0.7);
  }
  #product.c_4k #navList.nav-fixed-sp.sp-on .nav-list {
    position: relative;
    background: rgba(16, 16, 16, 0.3);
    opacity: 1;
    transition-duration: 0.8s;
  }
}
#product.c_4k #navList .nav-list .row {
  margin: 0 -5px !important;
}
#product.c_4k #navList .nav-list .row .col-md-1-5 {
  padding: 0 5px;
}
#product.c_4k #navList .nav-list .row ul li {
  margin-bottom: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #product.c_4k #navList .nav-list .row ul li {
    text-align: center;
  }
}
#product.c_4k #navList .nav-list .row ul li a {
  background: url(/wp-content/uploads/c_4k/arrow_07.png) no-repeat 15px center #fff;
  display: block;
  color: #255eac;
  padding: 15px 20px 15px 30px;
  font-weight: bold;
  font-size: 108%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #product.c_4k #navList .nav-list .row ul li a {
    background-position: 10px center;
    padding: 15px 15px 15px 25px;
  }
}
#product.c_4k #navList .nav-list .row ul li a:hover {
  background: url(/wp-content/uploads/c_4k/arrow_09.gif) no-repeat 15px center #255eac;
  color: #fff;
  text-decoration: none;
}
#product.c_4k #navList .nav-list .row ul li a.case {
  background: url(/wp-content/uploads/c_4k/icon_casestudy.gif) no-repeat 10px center
    #e6e6e6;
  padding-left: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #product.c_4k #navList .nav-list .row ul li a.case {
    background-size: 25px auto;
    background-position: 5px center;
    padding-left: 35px;
  }
}
#product.c_4k #navList .nav-list .row ul li a.case:hover {
  background: url(/wp-content/uploads/c_4k/icon_casestudy_on.gif) no-repeat 10px center
    #255eac;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #product.c_4k #navList .nav-list .row ul li a.case:hover {
    background-size: 25px auto;
    background-position: 5px center;
    padding-left: 35px;
  }
}
#product.c_4k #navSP:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  #product.c_4k #navSP {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
  }
}
@media (min-width: 767px) {
  #product.c_4k #navSP {
    display: none;
  }
}
@media (max-width: 767px) {
  #product.c_4k #navSP .navmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: #fff 1px solid;
    padding: 4px 15px;
    background: linear-gradient(to top, #e6e6e6, #fff);
  }
  #product.c_4k #navSP .navmenu p {
    width: 100%;
    font-size: 129%;
    text-align: center;
    line-height: 1.3em;
  }
  #product.c_4k #navSP .navmenu #navbutton {
    display: flex;
    justify-content: center;
    position: relative;
    float: right;
    padding: 3px 8px;
    border-radius: 4px;
    background: none;
    width: 42px;
    height: 26px;
    border: none;
    flex-wrap: wrap;
  }
  #product.c_4k #navSP .navmenu #navbutton .icon-bar {
    margin-bottom: 4px;
    width: 20px;
    height: 3px;
    border-radius: 1px;
    background: #255eac;
  }
  #product.c_4k #navSP .navmenu #navbutton .icon-bar:last-of-type {
    margin-right: 0px;
  }
  #product.c_4k #navSP .navmenu #navbutton.off .icon-bar {
    display: block;
    transition-duration: 0.5s;
  }
  #product.c_4k #navSP .navmenu #navbutton.on .icon-bar {
    display: block;
  }
  #product.c_4k #navSP .navmenu #navbutton.on .icon-bar:nth-of-type(1) {
    transform: rotate(90deg) translate(40%, -250%);
    transition-duration: 0.5s;
  }
  #product.c_4k #navSP .navmenu #navbutton.on .icon-bar:nth-of-type(2) {
    transform: rotate(90deg) translate(5%, 0%);
    transition-duration: 0.5s;
  }
  #product.c_4k #navSP .navmenu #navbutton.on .icon-bar:last-of-type {
    transform: rotate(90deg) translate(-30%, 250%);
    transition-duration: 0.5s;
  }
}
@media (min-width: 768px) {
  #product.c_4k .link-anchor {
    padding-bottom: 200px !important;
    display: block;
  }
  #product.c_4k .link-anchor#cate0 {
    padding-bottom: 60px !important;
  }
}
@media (max-width: 767px) {
  #product.c_4k .link-anchor {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  #product.c_4k .anchor {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
}
@media (min-width: 768px) {
  #product.c_4k .cate-last {
    margin-bottom: -100px;
  }
}
#product.c_4k .h-type7.cate1:before {
  content: url(/wp-content/uploads/c_4k/icon_cate1.gif);
  vertical-align: middle;
  margin-right: 10px;
}
#product.c_4k .h-type7.cate2:before {
  content: url(/wp-content/uploads/c_4k/icon_cate2.gif);
  vertical-align: middle;
  margin-right: 10px;
}
#product.c_4k .h-type7.cate3:before {
  content: url(/wp-content/uploads/c_4k/icon_cate3.gif);
  vertical-align: middle;
  margin-right: 10px;
}
#product.c_4k .h-type4 {
  font-size: 115%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #product.c_4k .h-type4 {
    text-align: center;
  }
}
#product.c_4k .box-list-type1 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
#product.c_4k .box-list-type1 li {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}
#product.c_4k .box-list-type1 li .box-list-in {
  padding: 20px 20px 15px;
  display: flex;
}
#product.c_4k .box-list-type1 li .box-list-in a.link_box:after {
  height: calc(100% + 42px);
  top: -21px;
  left: -6px;
}
#product.c_4k .box-list-type1 li .box-list-in .inner {
  width: 58.33333333%;
}
#product.c_4k .box-list-type1 li .box-list-in .inner .maker {
  color: #99a7b2;
  font-size: 129%;
  margin-bottom: 5px;
}
#product.c_4k .box-list-type1 li .box-list-in .inner .title {
  font-weight: bold;
  font-size: 129% !important;
  margin-bottom: 15px;
}
#product.c_4k .box-list-type1 li .box-list-in .inner .title a {
  color: #255eac;
}
#product.c_4k .box-list-type1 li .box-list-in .inner .icon {
  margin-top: 5px;
}
#product.c_4k .box-list-type1 li .box-list-in .inner .icon img {
  height: 20px;
}
#product.c_4k .box-list-type1 li .box-list-in .inner p {
  font-size: 86%;
}
#product.c_4k .box-list-type1 li .box-list-in .inner .box-inner {
  padding: 0;
}
#product.c_4k .box-list-type1 li .box-list-in .img {
  width: 41.66666667%;
  padding-right: 15px;
}
@media (min-width: 768px) {
  #product.c_4k .box-list-type1 li {
    width: 50%;
  }
  #product.c_4k .box-list-type1 li .box-list-in a.link_box:after {
    width: 345px;
  }
}
@media (min-width: 992px) {
  #product.c_4k .box-list-type1 li .box-list-in a.link_box:after {
    width: 455px;
  }
}
@media (min-width: 1200px) {
  #product.c_4k .box-list-type1 li .box-list-in a.link_box:after {
    width: 510px;
  }
}
@media (max-width: 767px) {
  #product.c_4k .box-list-type1 li {
    margin-bottom: 0;
  }
  #product.c_4k .box-list-type1 li .box-list-in .inner {
    padding-left: 15px;
  }
  #product.c_4k .box-list-type1 li .box-list-in a.link_box:after {
    width: calc(100vw - 30px);
  }
}
#product.c_4k .box-casestudy h3 {
  background: url(/wp-content/uploads/c_4k/line_type02.gif) no-repeat top center;
  padding-top: 40px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #product.c_4k .box-casestudy h3 img {
    margin: 0 auto;
  }
}
#product.c_4k .box-casestudy > .row {
  margin: 0 -5px;
}
#product.c_4k .box-casestudy .box-list-type1 li {
  padding: 0 5px;
}
#product.c_4k .box-casestudy .box-list-type1 li .box-list-in {
  padding: 15px 15px 10px;
}
#product.c_4k .box-casestudy .box-list-type1 li .box-list-in .maker {
  background: #999;
  color: #fff;
  font-size: 86%;
  margin-bottom: 10px;
  text-align: center;
}
#product.c_4k .box-casestudy .box-list-type1 li .box-list-in .inner {
  padding-left: 0;
}
#product.c_4k .box-casestudy .box-list-type1 li .box-list-in .inner .title {
  font-weight: bold;
  font-size: 100% !important;
  line-height: 1.5em;
}
#product.c_4k .box-casestudy .box-list-type1 li .box-list-in .inner .title a {
  color: #333333;
  text-decoration: underline;
}
#product.c_4k
  .box-casestudy
  .box-list-type1
  li
  .box-list-in
  .inner
  .title
  a:hover {
  color: #1588d8;
  text-decoration: none !important;
}
@media (max-width: 992px) {
  #product.c_4k .backtotop {
    bottom: 90px;
  }
}
@media (max-width: 767px) {
  #product.c_4k #footer .footer-copy {
    padding-bottom: 100px;
  }
}
#product.vizrt_video #wrap {
  background: url(../../product/img_vizrt_video/bg_vizrtvideo.jpg) repeat-x top
    #f4f6f5;
  border-top: 1px solid #fff;
  padding: 0 0 55px;
}
#product.vizrt_video #wrap .wrap-inner {
  background: url(../../product/img_vizrt_video/bg_viz_img.png) no-repeat right
    top;
  padding-top: 40px;
}
@media (max-width: 767px) {
  #product.vizrt_video #wrap .wrap-inner {
    background-size: 60% auto;
  }
}
#product.vizrt_video #wrap h1,
#product.vizrt_video #wrap .intro {
  color: #fff;
}
#product.vizrt_video #wrap .controls {
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 30px;
  padding: 25px 15px;
}
@media (min-width: 993px) and (max-width: 1199px) {
  #product.vizrt_video #wrap .controls {
    padding: 15px;
  }
}
@media (max-width: 992px) {
  #product.vizrt_video #wrap .controls {
    padding: 0;
    background: none;
  }
}
@media (max-width: 767px) {
  #product.vizrt_video #wrap .controls {
    margin-bottom: 15px;
  }
}
#product.vizrt_video #wrap .controls li {
  display: inline;
  margin-right: 15px;
  white-space: nowrap;
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
}
@media (min-width: 993px) and (max-width: 1199px) {
  #product.vizrt_video #wrap .controls li {
    line-height: 2em;
  }
}
@media (max-width: 992px) {
  #product.vizrt_video #wrap .controls li {
    background: url(/wp-content/uploads/c_4k/arrow_01.png) no-repeat 10px center !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    color: #000;
    display: block;
    float: left;
    line-height: 1em;
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 15px 10px 15px 20px;
    width: 24.5%;
  }
  #product.vizrt_video #wrap .controls li.active {
    background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat 10px center #d96d00 !important;
    color: #fff !important;
  }
  #product.vizrt_video #wrap .controls li:hover {
    background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat 10px center #d96d00 !important;
    color: #fff !important;
  }
}
@media (max-width: 767px) {
  #product.vizrt_video #wrap .controls li {
    width: 32.4%;
    font-size: 86%;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
#product.vizrt_video #wrap .controls li.active {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
  color: #1588d8;
}
#product.vizrt_video #wrap .controls li:hover {
  color: #1588d8;
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
  cursor: pointer;
}
#product.vizrt_video #wrap .controls .btn-contact a {
  margin: -15px 0;
}
#product.vizrt_video #wrap #viz-list {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #product.vizrt_video #wrap #viz-list li {
    padding-bottom: 30px !important;
  }
}
#product.vizrt_video #wrap #viz-list li .box-list-in:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#product.vizrt_video #wrap #viz-list li .box-list-in .img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#product.vizrt_video #wrap #viz-list li .box-list-in h2 {
  color: #99a7b2;
  font-size: 129%;
  font-weight: normal;
  margin: 0 0 5px;
  height: 2em;
}
#product.vizrt_video #wrap #viz-list li .box-list-in h3 {
  font-size: 108%;
  font-weight: normal;
}
#product.vizrt_video #wrap #viz-list li .box-list-in .time {
  display: block;
  font-size: 86%;
  color: #787878;
}
@media (max-width: 767px) {
  #product.vizrt_video #footer .footer-copy {
    padding-bottom: 100px;
  }
}
@media (max-width: 992px) {
  #product.vizrt_video .backtotop {
    bottom: 90px;
  }
}
#product.evs_video #wrap {
  background: url(../../product/img_vizrt_video/bg_vizrtvideo.jpg) repeat-x top
    #f4f6f5;
  border-top: 1px solid #fff;
  padding: 0 0 55px;
}
#product.evs_video #wrap .wrap-inner {
  background: url('../../product/img_evs_video/bg_evs_img.png') no-repeat right
    top;
  padding-top: 40px;
}
@media (max-width: 767px) {
  #product.evs_video #wrap .wrap-inner {
    background-size: 60% auto;
  }
}
#product.evs_video #wrap h1,
#product.evs_video #wrap .intro {
  color: #fff;
}
#product.evs_video #wrap .controls {
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 30px;
  padding: 25px 15px;
}
@media (min-width: 993px) and (max-width: 1199px) {
  #product.evs_video #wrap .controls {
    padding: 15px;
  }
}
@media (max-width: 992px) {
  #product.evs_video #wrap .controls {
    padding: 0;
    background: none;
  }
}
@media (max-width: 767px) {
  #product.evs_video #wrap .controls {
    margin-bottom: 15px;
  }
}
#product.evs_video #wrap .controls li {
  display: inline;
  margin-right: 15px;
  white-space: nowrap;
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
}
@media (min-width: 993px) and (max-width: 1199px) {
  #product.evs_video #wrap .controls li {
    line-height: 2em;
  }
}
@media (max-width: 992px) {
  #product.evs_video #wrap .controls li {
    background: url(/wp-content/uploads/c_4k/arrow_01.png) no-repeat 10px center !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    color: #000;
    display: block;
    float: left;
    line-height: 1em;
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 15px 10px 15px 20px;
    width: 24.5%;
  }
  #product.evs_video #wrap .controls li.active {
    background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat 10px center #d96d00 !important;
    color: #fff !important;
  }
  #product.evs_video #wrap .controls li:hover {
    background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat 10px center #d96d00 !important;
    color: #fff !important;
  }
}
@media (max-width: 767px) {
  #product.evs_video #wrap .controls li {
    width: 32.4%;
    font-size: 86%;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
#product.evs_video #wrap .controls li.active {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
  color: #1588d8;
}
#product.evs_video #wrap .controls li:hover {
  color: #1588d8;
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
  cursor: pointer;
}
#product.evs_video #wrap .controls .btn-contact a {
  margin: -15px 0;
}
#product.evs_video #wrap #evs_list {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #product.evs_video #wrap #evs_list > li {
    padding-bottom: 30px !important;
  }
}
#product.evs_video #wrap #evs_list > li .box-list-in:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#product.evs_video #wrap #evs_list > li .box-list-in .img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#product.evs_video #wrap #evs_list > li .box-list-in h2 {
  color: #99a7b2;
  font-size: 129%;
  font-weight: normal;
  margin: 0 0 5px;
  height: 1.57em;
}
#product.evs_video #wrap #evs_list > li .box-list-in h2 a {
  color: #99a7b2;
}
#product.evs_video #wrap #evs_list > li .box-list-in h2 a:hover {
  color: #1588d8;
}
#product.evs_video #wrap #evs_list > li .box-list-in .box-inner:not(h2) {
  font-size: 86%;
  color: #000;
}
#product.evs_video #wrap #evs_list > li .box-list-in .box-inner p {
  font-size: 109%;
}
#product.evs_video #wrap #evs_list > li .box-list-in h3 {
  font-size: 108%;
  font-weight: normal;
}
#product.evs_video #wrap #evs_list > li .box-list-in .time {
  display: block;
  font-size: 86%;
  color: #787878;
}
@media (max-width: 767px) {
  #product.evs_video #footer .footer-copy {
    padding-bottom: 100px;
  }
}
@media (max-width: 992px) {
  #product.evs_video .backtotop {
    bottom: 90px;
  }
}
#product.evs_video .form {
  position: relative;
  padding-top: 58%;
}
#product.evs_video .form iframe,
#product.evs_video .form #frameform {
  position: absolute;
  top: 1%;
  left: 0;
  width: 100%;
  height: 100%;
}
#product.evs_video #frameform {
  padding: 20px;
  border: 1px solid #999999;
  background: #fff;
}
#product.evs_video #colorbox {
  width: 90% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
#product.evs_video #cboxWrapper {
  width: 100% !important;
}
#product.evs_video #cboxContent {
  width: calc(100% - 20px) !important;
}
#product.evs_video #cboxLoadedContent {
  width: 100% !important;
}
@media (min-width: 481px) {
  #product.evs_video .form {
    padding-top: 58%;
  }
}
@media (max-width: 480px) {
  #product.evs_video .form {
    padding-top: 100vh;
  }
}