@charset "utf-8";
/*
//
//  index style css / Updating 2016.02
//  id = index
//  /index.html
//
*/

/*---------------
common
---------------*/
/* clearfix */
.cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
/* bredcrum */
.breadcrumb,
.breadcrumb p {
  height: 0!important;
  line-height: none!important;
  display: none!important;
}
/* contents */
#index .col1 {
  width: 100%;
  margin-bottom: 80px;
}
/* topSlider 2015-02-18 */
#topSlider {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#topSlider:after {
  content: "";
  display: block;
  clear: both;
}
#topSlider a > img {
  width: 100%;
}
#topSlider .kv_img {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  visibility: hidden;
}
#topSlider .none {
  display: none;
}
#index .inContents,
#index section {
  position: relative;
}
#index .all_List {
  position: absolute;
  right: 0;
  top: 2px;
}
#index .all_News {
  float: right;
  clear: both;
  margin-top: 21px;
}
.all_List a,
.all_News a {
  padding: 0 0 0 12px;
  text-align: center;
  display: table-cell;
  width: 136px;
  height: 30px;
  vertical-align: middle;
  background-color: #999;
  background-image: url(../images/arrow_white_pc.png);
  background-repeat: no-repeat;
  background-position: 7% 48%;
  font-size: 97%;
}
.all_List a:link,
.all_News a:link {
  color:#fff;
  text-decoration:none;
}
.all_List a:visited,
.all_News a:visited {
  color:#fff;
  text-decoration:none;
}
.all_List a:hover,
.all_News a:hover,
.all_List a:active,
.all_News a:active {
  text-decoration:none;
  background-color: #adadad;
}
.all_List a:focus,
.all_News a:focus {
  outline:none;
  text-decoration:none;
}
#index .product {
  margin-top: 50px;
}
#index .product h2{
  padding-bottom: 10px;
  border-bottom: 1px solid #c3c3c3;
  font-family: 'DIN Regular';
  font-size: 200%;
}
#index .product, #index .pickup {
  position: relative;
  width: 100%;
}
#index .product h2 img {
  width: 21.4%;
}
#index .product div.product_list {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#index .product a.prd_prev,
#index .product a.prd_next {
  position: absolute;
  top: 0;
  display: block;
  width: 30px;
  height: 100%;
  cursor: pointer;
  z-index: 5;
}
#index .product a.prd_prev:hover,
#index .product a.prd_next:hover {
  background-color: rgba(255,255,255,0.5);
}
#index .product .prd_prev {
  left: 0;
  background: url(../images/kv_prev.png) no-repeat 50%;
  background-size: 40%;
}
#index .product .prd_next {
  right: 0;
  background: url(../images/kv_next.png) no-repeat 50%;
  background-size: 40%;
}
#index .product_list ul {
  display: block;
  width: 100%;
}
#index .product_list li {
width: 24.5%;
  position: relative;
  float: left;
  margin-left: 0.5%;
}
#index .product_list li:nth-child(n+5) {
display: none;
}
/* スライダーが始まったら .caroufredsel_wrapper */
#index .product_list .caroufredsel_wrapper li {
margin-left: 4px;
}
#index .product_list .caroufredsel_wrapper li:nth-child(n+5) {
display: inherit;
}
#index .product_list a {
  width: 100%;
  display: block;
  background-color: #f2f2f2;
  text-align: center;
  vertical-align: bottom;
}
#index .product .product_box {
  padding: 15% 0 15% 0;
  font-family: 'DIN Regular';
}
#index .product_list img {
  vertical-align: middle;
  width: 100%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%; /* IE9 */
  -moz-transform-origin: 50% 50%;
}
#index .product_list li:hover img {
  filter: alpha(opacity=1);
  -moz-opacity:1;
  opacity:1;
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04); /* IE9 */
  -o-transform: scale(1.04);
  -moz-transform: scale(1.04);
}
.effect {
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}
#index .product .titBig {
  margin: 10px 0 3px;
  font-size: 140%;
  letter-spacing: -0.5px;
}
#index .product .titSmall{
  font-size: 170%;
}
#index .pickup {
  margin-top: 50px;
  position: relative;
}
#index .pickup a {
  display: block;
  box-sizing: border-box;
}
#index .pickup ul {
  display: block;
}
#index .pickup li {
  position: relative;
  background-color: #fff;
  float: left;
  height: auto;
  overflow: hidden;
}
#index .pickup span.thumb_tit {
  position: absolute;
  z-index: 2;
  font-family: 'DIN Regular';
  line-height: 0.9;
  font-size: 185%;
  top: 8.622%;
  left: 8.622%;
}
#index .pickup .col-2 span.thumb_tit {
  left: 4.313%;
}
#index .pickup span.thumb_tit > .titSmall{
  font-size: 65%;
}
#index .col2 .newsList .sm_txt {
  font-size: 90% !important;
  line-height: 170%;
}
/* pickup font color */
.color_333 {
  color: #333;
}
.color_f2 {
  color: #f2f2f2
}
#index .pickup a img:hover {
  filter: alpha(opacity=1);
  -moz-opacity:1;
  opacity:1;
}
#index .pickup img {
  vertical-align: middle;
  text-align: center;
  width: 100.5%;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%; /* IE9 */
  -moz-transform-origin: 50% 50%;
}
#index .pickup a:hover img.effect {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);/* IE9 */
  -moz-transform: scale(1.03);
}
#index .pickup a .img_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(29,41,63,0);
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
#index .pickup a:hover .img_bg {
  background: rgba(29,41,63,.5);
}
/* bnr_specon */
#index .pickup li a > img[src*="_specon"] {
  width: 100%;
}
#index .pickup li a:hover > img[src*="_specon"].effect {
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);/* IE9 */
  -moz-transform: scale(1.02);
}
#index .pickup li a img[src*="_specon"] + span.thumb_tit {
  opacity: 0 !important;
}
li.col-2 {
  width: 50%;
}
li.col-4 {
  width: 25%;
}
#index .product_header {
  position:relative;
  margin-bottom: 20px;
}
#index .col2 .newsList ul, #index .pickup ul {
  margin: 0;
  padding: 0;
}
#index .col2 {
  width: 100%;
  margin-top: 50px;
  border-top: 1px solid #c3c3c3;
}
#index .col2 .fLeft {
  width: 25%;
  float: left;
  position: relative;
}
.news_tit {
  width: 116px;
  height: 116px;
  background-color: #999;
}
.news_tit span {
  display: inline-block;
  color: #fff;
  font-family: 'DIN Regular';
  font-size: 160%;
  padding: 10px 0 0 10px;
}
#index .col2 .fRight {
  width: 75%;
  float:right;
  border-bottom: 1px solid #c3c3c3;
}
#index .col2 h2 {
  margin: 0;
  line-height:0;
}
#index .col2 .newsList {
}
#index .col2 .newsList ul li {
  padding: 15px 0;
  font-size: 100%;
  zoom: 1;
}
#index .col2 .newsList ul li:before,
#index .col2 .newsList ul li:after {
content: "";
display: table;
}

#index .col2 .newsList ul li:after {
clear: both;
}
#index .col2 .newsList li + li {
  border-top: 1px solid #c3c3c3;
}
#index .col2 .newsList div.days_box {
  width: 16%;
  float: left;
}
#index .col2 .newsList div.news_box {
  width: 84%;
  float: right;
}
#index .col2 .newsList span.days {
  background: url(../images/arrow_gray_pc.png) no-repeat 0 40%;
  font-family: 'DIN Regular';
  font-size: 110% !important;
  display: inline-block;
  text-indent: 10%;
}
#index .col2 .newsList ul li span.newsColor {
  color:#6c83d8;
}
.w483 {
  width: 483px !important;
}
.w242 {
  width: 242px !important;
}
.w241 {
  width: 241px !important;
}
/* kv area */
#index .kv_wrap {
  position: relative;
}
#index .kv_wrap .prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  left: 10px;
  margin-top: -25px;
  background: url(../images/kv_prev.png) no-repeat 15px 10px;
  display: block;
}
#index .kv_wrap .prev a {
  display: block;
  width: 50px;
  height: 50px;
}
#index .kv_wrap .next {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  right: 10px;
  margin-top: -25px;
  background: url(../images/kv_next.png) no-repeat 15px 10px;
  display: block;
}
#index .kv_wrap .next a {
  display: block;
  width: 50px;
  height: 50px;
}
#index .kv_wrap .slash {
  width: 36px;
  height: 50px;
  margin: 0 auto;
  margin-left: -25px;
  left: 50%;
  bottom: -20px;
  position: absolute;
  z-index: 100;
  /*background: url(../images/img_slash.png) no-repeat; 2015-08-10*/
}
#topSlider {
  list-style: none;
  overflow:hidden;
}
#topSlider li {
  float: left;
}
#topSlider li a {
  display: block;
}

#topSlider .k1 {
}
#topSlider .k2 {
}
#topSlider .k3 {
}
.topSlider-indicators li a {
  display: block;
  width: 41px;
  height: 6px;
  background-color: #fff;
}
.topSlider-indicators li.selected a {
  background-color: #525252;
}
#index .kv_wrap .btnSlide {
  width: auto;
  position: absolute;
  bottom: 5.5%;
  right:30px;
}
#index .kv_wrap .btnSlide ul {
  margin: 0;
  padding: 0;
}
#index .kv_wrap .btnSlide ul li {
  margin: 0 0 0 5px;
  padding: 0;
  float: left;
}
.topMovieSlider{
  display:block;
}
.topMovieSliderWrapper{
  position:relative;
  width:100%;
}
.topMovieSliderSp{
  width:400%;
  overflow:hidden;
}
.topMovieSliderSp li{
  width:25%;
  float:left;
}

.topMovieSliderSpHide{
  display:none;
}

.moviePrev{
  z-index:101;
  position:absolute;
  width:22px;
  height:57px;
  top:50%;
  left:-1000px;
  margin-top:-60px;
  background-image:url(../images/sp-slide_Larrow.png);
  background-size: 100% 100%;
}
.movieNext{
  z-index:102;
  position:absolute;
  width:22px;
  height:57px;
  top:50%;
  right:1000px;
  margin-top:-60px;
  background-image:url(../images/sp-slide_Rarrow.png);
  background-size: 100% 100%;
}
.index_sns li {
  float: left;
}
.index_sns li:nth-child(1) {
  margin-right: 10px;
  padding-top: 1px;
}
/*---------------
bnrArea
---------------*/
.bnrArea {
  margin-top: 50px;
}
.bnrArea li{
  margin-top: 2%;
}
.bnrArea a {
  display: inline-block;
}
@media only screen and (max-width:896px) {
  #index .pickup span.thumb_tit {
      font-size: 150%;
  }
  #index .pickup span.thumb_tit > .titSmall{
      font-size: 60%;
  }
}

@media only screen and (max-width:890px) {
  #index .col2 .newsList ul li span.newsLink {
      width: 96%;
  }
}

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

  /* #index .inContents section:nth-child(2n),*/
  #index .inContents section:nth-child(3n) {
      overflow:hidden;
  }
.topSlider-indicators li a {
  /*width: 35px;*/
  width: 30px; /*7枚*/
}
#index .kv_wrap .btnSlide ul li {
  margin: 0 0 0 6px;
  }
  #wrapContent #wrap_mainContent #index .contens,
  #index .inContents {
  padding: 0 ;
  margin: 0 auto;
}
  #index .all_List {
  position: relative;
  margin: 4.6875% 0 0 0;
  text-align: center;
}
  #index .product_header{
  margin-bottom: 3.90625%;
  }
  #index .product {
  margin-top: 10.9375%;
}
  #index .product h2 {
      width: 93.75%;
      padding-bottom: 3.90625%;
      margin: 0 auto;
      font-size: 170%;
      text-indent: 2%;
  }
/*
  #index .product div.product_list {
      overflow: visible;
  }
*/
  #index .product_list ul {
      width: 100%;
      position: relative;
  }
  #index .product_list li {
      width: 49.7%;
      margin-left: 0;
      margin-bottom: 0.4%;
  }
  #index .product_list li.sp_hidden {
      display: none;
  }
  #index .product_list li:not(.sp_left) {
      float: right;
  }
  #index .product_list li.sp_100 {
      width: 100%;
      float: none;
      clear: right;
  }
  #index .product_list li.sp_100 .product_box {
      padding: 7% 0;
  }
  #index .product_list li.sp_100 img {
      width: 50%;
  }
  #index .product_list a {
  display: block;
  border-left: none;
  margin-bottom: 0.5%;
  width: 100%;
}
  #index .product_list a:nth-child(even) {
  border-left: 1px solid #fff;
}
  #index .product .prd_prev,
  #index .product .prd_next,
  #index .product a.prd_prev,
  #index .product a.prd_next {
      display: none;
}
  #index .product .product_box {
  line-height: 1.2;
  padding: 15% 0;
}
  #index .product > img {
  width: 100%;
}
  #index .product .titBig {
  margin-top: 3.90625%;
  font-size: 115%;
}
  #index .product .titSmall {
  font-size: 135%;
}
  #index .pickup {
  margin-top: 16.67%;
}
  #index .pickup .sp_100 {
      width: 100%;
      height: auto;
  }
  #index .pickup .sp_50 {
      width: 50%;
  }
  #index .pickup span.thumb_tit {
  line-height: 0.8;
}
  #index .pickup .col-2.sp_50 span.thumb_tit {
  left: 8.622%;
}
/* 2rows thumb_tit */
#index .pickup .row-2 span.thumb_tit {
      font-size: 4.5vw;
  }
/* 2015*11-18 */
#index .pickup .col-2.sp_100 span.thumb_tit {
  left: 4.313%;
}

  #index .col2 {
      margin:0;
      border-top: none;
  }
  #index .col2 .fLeft {
      margin:9.375% 0 0;
      float: none;
      width: auto;
  }
  #index .col2 .fRight {
      float: none;
      width: auto;
      border-bottom: none;
  }
  .news_tit {
  width: 93.75%;
  height: auto;
  padding-bottom: 3.90625%;
  margin-left: 3.125%;
  border-bottom: 1px solid #c3c3c3;
  background-color: #fff;
}
  .news_tit span {
  color: #666;
  font-size: 170%;
  padding: 0;
  text-indent: 1%;
}
  #index .col2 .fLeft .list{
  left:65px;
}
  #index .col2 .newsList ul{
}
  #index .col2 .newsList ul li {
  margin: 0 7.8125%;
  padding: 5.4687% 0;
}
  #index .col2 .newsList ul li:last-child {
  border-bottom: 1px solid #c3c3c3;
}
  #index .col2 .newsList div.days_box {
  width: 100%;
  float: none;
}
  #index .col2 .newsList span.days {
  background-size: 7%;
  text-indent: 3%;
}
  #index .col2 .newsList div.news_box {
  width: 97%;
  float: right;
}
  #index .col2 .newsList ul li span.newsLink {
  width: 97%;
  line-height: 1.5;
  font-size: 100%;
}
  .all_List a, .all_News a {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 8px 11px 8px 23px;
  color: #fff;
}
  #index .all_List.more a{
      padding: 5px 30px 5px 40px;
      background-image: none;
      color: #fff;
      font-family: 'DIN Regular';
      font-size: 13px;
      cursor: pointer;
      display: none;
  }
  #index .all_List.more a:before {
      display: block;
      content: '▼';
      color: #fff;
      font-size: 11px;
      float: left;
      margin-left: -20px;
  }
  #index .all_List.more a.clicked:before {
      content: '▲';
  }
  #index .all_News {
  position: relative;
  margin-top: 4.6875%;
  text-align: center;
  float: none;
}
  /*HOME Slider Start*/
  #index .kv_wrap,
  #index .kv_wrap .caroufredsel_wrapper,
  #index .kv_wrap .caroufredsel_wrapper > div,
  #index .kv_wrap #topSlider {
      width: 100%;
      height: 93vw !important;
      /*height: 60vw !important;*/
      min-height: 187px !important;
      padding: 0;
  }
  #index .kv_wrap .slash{
      display:none;
  }
  #topSlider li,
  #topSlider li a,
  #topSlider li a img {
      height: 92vw !important;
      /*height: 59vw !important;*/
      min-height: 187px !important;
  }
  #index .kv_wrap .prev{
      display:none !important;
  }
  #index .kv_wrap .next{
      display:none !important;
  }
  #index .kv_wrap .btnSlide{
      display: inline-block;
      right: 0;
      left: 0;
      bottom: 2vw;
      margin: auto;
      text-align: center;
  }
  #index .kv_wrap .btnSlide ul {
  margin: 0;
  padding: 0;
  display: inline-block !important;
  }
  .topMovieSlider{
      display:none !important;
  }
  .topMovieSliderSpHide{
      display:block;
  }
  .moviePrev{
      left:0;
  }
  .movieNext{
      right:0;
  }
  #index .movei ul li div, #index .interview ul li div{
      border:none;
  }
  #index .movei ul li .name, #index .interview ul li .name{
      font-size:1.2em;
      color:#333333;
  }
  /*HOME Slider End*/
  /*20161024*/
  .index_sns {
      margin-left: 10px;
      margin-bottom: 10px;/*20181031*/
  }
  /*---------------
  bnrArea
  ---------------*/
  .bnrArea {
      margin-top: 2%;
  }
  .bnrArea li{
      margin-top: 2%;
  }
}
/*----------------
notice 2017.05.11
----------------*/
.bnrArea {
margin-top: 30px;
}
.noticeArea {
width: 380px;
margin: 30px auto;
}
#index .noticeArea a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #666666;
font-size: 130%;
padding: 15px 0;
border: 1px solid #E8E8E8;
text-decoration: none;
display: block;
text-align: center;
}
.noticeArea a:hover {
background: #e2e2e2;
color: #666666;
}
@media only screen and (max-width:640px) {
.bnrArea {
  margin-top: 30px;
}
.noticeArea {
  margin: 20px auto 0;
  width: 300px;
}
#index .noticeArea a {
  font-size: 13px;
}
}

/*---------------
announceArea
20/04/21
---------------*/
.announceArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px auto 0;
  padding: 40px 50px;
  border: 2px solid #ccc;
}

.announceArea p {
  margin-bottom: 0.4em;
  font-size: 20px;
  line-height: 1.6;
}

.announceArea a {
  margin-top: 10px;
  font-size: 14px;
  color: #0273ab;
}

.announceArea a:link {
  color: #0273ab;
}

.announceArea a:visited {
  color: #0273ab;
}

.announceArea a:before {
  content: url('../commonrw/images/icon_window.png');
  margin-right: 10px;
}

@media only screen and (max-width: 640px) {
  .announceArea {
      width: 93.75%;
      margin-bottom: 40px;
      padding: 20px 26px;
  }

  .announceArea p {
      font-size: 18px;
  }

  .announceArea a {
      font-size: 14px;
  }
}



.kv_wrap .bx-wrapper .bx-pager,
.kv_wrap .bx-wrapper .bx-controls-auto {
  /* position: absolute;
  bottom: 5.5%;
  right: 30px; */
}
.kv_wrap .bx-wrapper .bx-pager.bx-default-pager a {
  /* background: #666; */
  text-indent: -9999px;
  display: block;
  margin: 0 5px;
  outline: 0;
  display: block;
  width: 41px;
  height: 6px;
  background-color: #cfcfcf;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #525252;
}
@media only screen and (max-width: 640px) {

  .kv_wrap .bx-wrapper .bx-pager,
  .kv_wrap .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 5.5%;
    right: 30px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

  .kv_wrap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 30px;
  }


}