@charset "utf-8";

/*----------------------------------------
    #main_visual
----------------------------------------*/
#main_visual {
  border-top: 3px solid #b41e8e;
  width: 100%;
  overflow: hidden;
}
#main_visual ul {
  width: 100%;
}
#main_visual ul li {
  float: left;
  width: 1024px;
  height: 400px;
  z-index: 100;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.wrap_slider {
  width: 1024px;
  margin: 0 auto;
}
.bx-wrapper {
  position: relative;
}
.bx-wrapper .bxslider li {
  background: #000000;
}

.bx-wrapper .bxslider li img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  zoom: 1;  
}
.bx-wrapper .bxslider li.current img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  zoom: 1;
}


.bx-wrapper .bx-controls-direction {
  position: absolute;
  width: 1024px;
  top: 50%;
  margin-top: -22px;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  outline: 0;
  width: 19px;
  height: 44px;
  text-indent: -9999px;
  z-index: 10000000;
}
.bx-wrapper .bx-prev {
  left: -40px;
  background: url(../img/index/btn-prev.png) 0 0 no-repeat;
}
.bx-wrapper .bx-next {
  right: -40px;
  background: url(../img/index/btn-next.png) 0 0 no-repeat;
}


/*----------------------------------------
    #information
----------------------------------------*/
#information {
  background: #333333;
  height: 45px;
}
#information dl {
  overflow: hidden;
  color: #ffffff;
}
#information dl dt {
  float: left;
  font-weight: bold;
  line-height: 45px;
  width: 160px;
  text-align: center;
  border-right: 1px solid #535353;
}
#information dl dd {
  float: left;
  line-height: 45px;
  padding-left: 18px;
}


/*----------------------------------------
    #content
----------------------------------------*/

#content {
  padding: 53px 0 25px;
}


/*--------------------------------------------
    #special_event_area
    お盆のイベント／キャンペーン情報 2017/08/07追加
---------------------------------------------*/
#special_event_area .sp_appear {
  display: none;
}

#special_event_area {
  max-width: 1024px;
  margin: 0 auto 40px;
}
#special_event_area .event_campaign_info {
  width: 100%;
  height: 0;
  padding-top: 5.07%;
  background: url(../img/index/title-event_campaign.png) no-repeat center top;
  background-size: contain;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#special_event_area dd .event_campaign_info_box {
  width: 100%;
  padding: 3.9% 0;
  background: url(../img/index/bg-underline.png) repeat-x left top;
}
#special_event_area dd .event_campaign_info_box:first-child {
  background: none;
}

#special_event_area .info_inner {
  width: 89%;
  margin: 0 auto;
}
#special_event_area .info_inner:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#special_event_area .info_inner .info_image {
  width: 32.89%;
  float: left;
}
#special_event_area .info_inner .info_image img {
  width: 100%;
  height: auto;
}
#special_event_area .info_inner .info_text_area {
  width: 56%;
  float: right;
  padding-top: 2.4%;
}
#special_event_area .info_inner .info_text_area .info_text {
  font-size: 117%;
  color: #333;
}
#special_event_area .info_inner .info_text_area .btn_event_detail {
  width: 348px;
  height: 50px;
  margin: 20px auto 0;
}
#special_event_area .info_inner .info_text_area .btn_event_detail a {
  display: block;
  background: url(../img/index/bg-btn_event_detail.png) no-repeat left top;
  text-align: center;  
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  font-size: 124%;
  text-decoration: none;
}
#special_event_area .info_inner .info_text_area .btn_event_detail a:hover {
  opacity: 0.7;
}
#special_event_area .other_event {
  width: 100%;
  height: 0;
  padding-top: 5.07%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/index/title-other_information.png) no-repeat left top;
  background-size: contain;
}