@charset "UTF-8";

/*===============================================
 mdj_jquery.bxslider_keyvisual.css .keyvisual
===============================================*/


/*----------------------------------------------
 キービジュアル　スライドショー
----------------------------------------------*/

.keyvisual {
  position: relative;
}

.keyvisual .keyvisual_wrap {}

.keyvisual .keyvisual_wrap img {
  /* max-width: 100%; */
}

.keyvisual .keyvisual_wrap .bx-wrapper {
  position: relative;
  margin: 0 auto 0px;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
}

.keyvisual .keyvisual_wrap .bx-wrapper .bx-viewport {
  padding: 0px;
  box-shadow: none;
  border: none;
  left: 0px;
  background: none;
}

.keyvisual .keyvisual_wrap .bxslider li {
  position: relative;
  text-align: center;
  height: 246px;
  overflow: hidden;
  zoom: 1;
}
.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg04 {
  background: url(/images/mdj/common/common_bg10.png) repeat-x;
  display: none;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg01 {
  background: url(/images/mdj/common/common_bg01.jpg) repeat-x;
  display: none;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg02 {
  background: url(/images/mdj/common/common_bg05.jpg) repeat-x;
  display: none;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg03 {
  background: url(/images/mdj/common/common_bg06-left.jpg) repeat-x;
  display: none;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg03:before {
  width: 50%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background: url(/images/mdj/common/common_bg06-right.jpg) repeat-x;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg07 {
  background-color: #31319b;
  display: none;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg07:before {
  width: 50%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #2a2aa1;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg05 {
  background-color: #0b3d79;
  display: none;
}

.keyvisual .keyvisual_wrap .bxslider li.bg_cfair {
  background: url(/images/mdj/page/index/bg_keyvisual_cfair.png) repeat-x;
}

.keyvisual .keyvisual_wrap .bxslider li.spe01 {
  background: url(/images/mdj/common/bg/spe_bg01.png) repeat;
}

.keyvisual .keyvisual_wrap .bxslider li.spe02 {
  background: url(/images/mdj/common/bg/spe_bg02.png) repeat;
}

.keyvisual .keyvisual_wrap .bxslider li.spe03 {
  background: url(/images/mdj/common/bg/spe_bg03.png) repeat;
}

.keyvisual .keyvisual_wrap .bxslider li.spe04 {
  background: url(/images/mdj/common/bg/spe_bg04.png) repeat;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_vanilla_air {
  background-color: #ffe100;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg10 {
  display: none;
  background-color: #fabd00;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_bg11 {
  display: none;
  background-color: #e4e1de;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_spe2016 {
  background: url(/images/mdj/common/bg/keyvisual_spe_bg_2016.png) repeat;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180214 {
  background-color: #686a6f;
  display: none; }
.keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180214:before {
  width: 50%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #faf7ec; }

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180315 {
  background-color: #0796ff;
  display: none; }

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180416 {
  background-color: #067F90;
  display: none;
}

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180426 {
  background-color: #b37072;
  display: none; }

.keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180518 {
  background-color: #0044ba;
  display: none; }

  .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180528 {
  background-color: #615344;
  display: none; }

    .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180615 {
  background-color: #ffffff;
  display: none; }


  .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180625 {
  background-color: #fabb00;
  display: none; }

    .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180625r {
  background-color: #d9d9d9;
  display: none; }

    .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180712 {
  background-color: #806757;
  display: none; }

      .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180719 {
  background-color: #4ec0e6;
  display: none; }

        .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180724 {
  background-color: #000266;
  display: none; }

          .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180808 {
  background-color: #000266;
  display: none; }

            .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180907 {
  background-color: #4fc1e9;
  display: none; }

              .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20180913 {
  background-color: #cf0e04;
  display: none; }

                .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20181009 {
  background-color: #ffffff;
  display: none; }


                .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20181023 {
  background-color: #020041;
  display: none; }

                  .keyvisual .keyvisual_wrap .bxslider li.keyvisual_special-20181101 {
  background-color: #4f3116;
  display: none; }




.keyvisual .keyvisual_wrap .bxslider li img {
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0px 0px 0px -536px;
}

.keyvisual .keyvisual_wrap .bx-wrapper .bx-pager,
.keyvisual .keyvisual_wrap .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 30px;
  width: 50%;
  text-align: left;
}

#top_recommend_side .keyvisual {
  margin-bottom: 20px;
}

#top_recommend_side .keyvisual .keyvisual_wrap .bxslider li {
  height: 380px !important;
}

#top_recommend_side .keyvisual .keyvisual_wrap .bxslider li img {
  height: 380px;
  width: 300px;
}

#top_recommend_side .keyvisual .keyvisual_wrap .bx-wrapper .bx-pager,
#top_recommend_side .keyvisual .keyvisual_wrap .bx-wrapper .bx-controls-auto {
  right: 30px;
}

.keyvisual .keyvisual_wrap .bx-wrapper .bx-controls {
  width: 1072px;
  margin: 0px auto;
}

.keyvisual .keyvisual_wrap .bx-wrapper .bx-controls-direction {
  display: none;
  z-index: 8;
}

.keyvisual .keyvisual_wrap .bx-wrapper .bx-pager.bx-default-pager a {
  background: none;
  background: url(bx_pager_off.png) no-repeat 0px 0px;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0px 5px;
  outline: 0;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
}

.keyvisual .keyvisual_wrap .bx-pager.bx-default-pager a:hover,
.keyvisual .keyvisual_wrap .bx-pager.bx-default-pager a.active {
  background: url(bx_pager_on.png) no-repeat 0px 0px;
}

.keyvisual .keyvisual_wrap .keyvisual_text {
  width: 1072px;
  margin: 0px auto;
  position: relative;
}

.keyvisual .keyvisual_wrap .keyvisual_text .keyvisual_text_wrap {
  position: absolute;
  top: 8px;
  left: 864px;
  width: 208px;
  height: 176px;
  box-sizing: border-box;
  padding: 24px 0;
}

#top_recommend_side .keyvisual .bxslider li:nth-child(n+2) {
  display: none; }

.bxslider li {
  display: none;
}
.bx-viewport .bxslider li {
  display: block;
}