@charset "UTF-8";
@media screen and (min-width: 769px) {
  #mainbnrCol {
    position: relative;
    float: right;
    background: url(../images/bg_mainbnr_2.png) 0 0 no-repeat;
  }
}

@media screen and (max-width : 768px) {
  #mainbnrCol {
    /*margin-top: 8%;*/
    position: relative;
    width: 100%;
    background: url(../images/bg_mainbnr_2.jpg) no-repeat;
    background-size: contain;
  }
}
/*スライドバナー*/
@media screen and (min-width: 769px) {
  #bnr_slider {
    position: relative;
    width: 800px !important;
    height: 474px;
  }

  
}

@media screen and (max-width : 768px) {
  #bnr_slider {
    margin: 0 auto;
    padding: 1% 0 0;
  }
}

/*bnr画像*/
@media screen and (min-width: 769px) {
  #bnr_slider ul {
    display: block;
    overflow: hidden;
    height: 417px;
  }
  #bnr_slider ul li {
    float: left;
    list-style: none;
  }
  #bnr_slider ul li img{
       margin: 3px -4px;
  }
  #bnr_slider ul li img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }
}

@media screen and (max-width : 768px) {
  #bnr_slider ul {
    display: block;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    height: 0;
    margin: 0 auto;
    padding-bottom: 53%;
    overflow: hidden !important;
  }
  #bnr_slider ul li {
    float: left;
    list-style: none;
    background-color: white;
  }
  #bnr_slider ul a img {
    width: 100%;
    height: auto;
  }
}
/*bnrボタン*/
.flex-direction-nav { display: none !important;}
@media screen and (min-width: 769px) {
  #bnr_slider ol {
    text-align: center;
    z-index: 10;
    margin-top: 6px;
	padding-left:268px;
  }
  #bnr_slider ol li {
     display: inline-block;
    list-style: none;
    margin: 0px 3px;
  }
  #bnr_slider ol li a {
    background: url(../images/btn_mainbnr_off_2.png) no-repeat;
    display: block;
    width: 40px;
    height: 39px;
    cursor: pointer;
    text-indent: -9999px;
  }
  #bnr_slider ol li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }
  #bnr_slider ol li a.flex-active {
    background: url(../images/btn_mainbnr_on_2.png) no-repeat;
    display: block;
    width: 40px;
    height: 39px;
    cursor: pointer;
    text-indent: -9999px;
  }
}

@media screen and (max-width : 768px) {
  #bnr_slider ol {
    overflow: hidden;
    margin-bottom: 1%;
    padding: 1% 0 4% 3%;
    width: 92%;
    z-index: 10;
    text-align: center;
    margin-left: 8px;
  }
  #bnr_slider ol li {
    display: inline-block;
    list-style: none;
    width: 6%;
    text-align: center;
    margin-top: 0.5%;
    margin-right: 1%;
  }
  #bnr_slider ol li a {
    background: url(../images/btn_mainbnr_off_2.png) no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    text-indent: -9999px;
  }
  #bnr_slider ol li a.flex-active {
    background: url(../images/btn_mainbnr_on_2.png) no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    text-indent: -9999px;
  }
}
/*バナーを全部見る*/
@media screen and (min-width: 769px) {
  #mainbnrCol a.btn_allbnr {
    width: 120px;
    height: 40px;
    display: block;
    background: url(../images/btn_allbnr_2.png) no-repeat left top;
    position: absolute;
    bottom: 12px;
    right: 18px;
    text-indent: -9999px;
  }
}


@media screen and (max-width : 768px) {
  #mainbnrCol a.btn_allbnr {
    display: block;
    background: url(../images/btn_allbnr_2.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 3%;
    bottom: 5%;
    margin: 0 auto;
    padding-bottom: 1%;
    width: 19%;
    text-indent: -9999px;
  }