@charset "UTF-8";
/*-------------------------------
// SCSS vars
-------------------------------*/
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/*-------------------------------
* MenuLB
-------------------------------*/
#MenuLB {
  position: absolute;
  top: 160px;
  width: 100%;
  height: 500px;
  background: #000;
  z-index: 100;
  display: block;
}
#MenuLB ul {
  position: absolute;
  left: 50%;
  margin-left: -487px;
  z-index: 101;
}
#MenuLB ul li {
  position: absolute;
}
#MenuLB .cover {
  background: #FFF;
  position: absolute;
  width: 100%;
  height: 560px;
  z-index: 102;
  margin-top: -30px;
}
#MenuLB .closeBtn {
  position: absolute;
  right: 15px;
  top: 460px;
  z-index: 200;
  cursor: pointer;
}

/*-------------------------------
* Slider
-------------------------------*/
#Slider {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#Slider .select {
  position: absolute;
  top: 477px;
  left: 0px;
  width: 100%;
  height: 5px;
}
#Slider .select .arrow {
  position: absolute;
  bottom: 0px;
  left: 115px;
  margin-left: 0 !important;
}

#Detail {
  position: relative;
  height: 435px;
}
#Detail div {
  position: absolute;
  background: none;
  cursor: pointer;
}

#Thum {
  position: absolute;
  top: 415px;
  width: 900px;
  /*    padding: 0 30px;*/
  margin-left: -5px;
}
#Thum > li {
  display: block;
  float: left;
  margin-left: 10px;
  border: solid 1px #d9dfdf;
  width: 168px;
  height: 68px;
}
#Thum > li > a {
  display: block;
  width: 165px;
  height: 64px;
  border: solid 2px #fff;
  overflow: hidden;
}
#Thum > li > a > img {
  width: 165px;
  height: auto;
  margin-top: -5px;
}

/*
#Thum div{
	position:absolute;
	background:#FFF;
	cursor:pointer;
}
*/
#bx-arrow div.leftBtn, #Thum div.rightBtn {
  position: absolute;
  top: 38px;
  background: none;
}

#bx-arrow div.rightBtn {
  right: 0;
}

.bx-wrapper .bx-viewport {
  background: none;
  border: none;
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bx-wrapper .bx-prev {
  background: url(//d2926x4i2sob2.cloudfront.net/images/top/slider/leftBtn.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
  background: url(//d2926x4i2sob2.cloudfront.net/images/top/slider/rightBtn.png) no-repeat 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a {
  top: 50%;
  margin-top: -10px;
  width: 40px;
  height: 40px;
  display: none;
}

/*-------------------------------
* TOP Info Area
-------------------------------*/
#top-info-area {
  background: #fef8e5;
  padding: 0 0 30px;
  font-size: 13px;
}
#top-info-area .block-container {
  padding-top: 30px;
}

/* news area
---------------------*/
#news-area {
  position: relative;
  min-height: 20px;
  padding-bottom: 27px;
}
#news-area .box-body {
  padding: 0;
}
#news-area #news-dl {
  overflow: hidden;
}
#news-area #news-dl > dl {
  border-bottom: solid 1px #dddddd;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
#news-area #news-dl > dl dt, #news-area #news-dl > dl dd {
  display: block;
}
#news-area #news-dl > dl dt {
  padding-left: 15px;
  float: left;
}
#news-area #news-dl > dl dd {
  margin-left: 110px;
}
#news-area #news-dl > dl dd a {
  color: #db0025;
  text-decoration: underline;
}
#news-area #news-dl > dl dd a:hover {
  color: #db0025;
  text-decoration: none;
}
#news-area #to-news-list {
  display: block;
  float: right;
  position: absolute;
  right: 15px;
  bottom: 10px;
}

/*-------------------------------
* TOP Promo Area
-------------------------------*/
#bottom-banner-area {
  padding-bottom: 0;
}

#top-promo-area {
  background: #ffffff;
  padding: 0 0 30px;
}
#top-promo-area .block-container {
  padding-top: 15px;
}

#top-promo-area .block-container .bannerList li{
	float:left;
	margin-left:15px;
}
#top-promo-area .block-container .bannerList li.first{
	margin:0;
}

/* Promo Area2
---------------------*/
#PromoArea2 .block-container {
  padding-top: 25px;
}
#PromoArea2 ul li {
  float: left;
  margin-left: 15px;
}
#PromoArea2 ul li.col01 {
  margin-left: 0;
}
#PromoArea2 ul li.col05 {
  margin-left: 15px;
}
#PromoArea2 ul li.col04, #PromoArea2 ul li.col05, #PromoArea2 ul li.col06, #PromoArea2 ul li.col07 {
  margin-top: 15px;
}
#PromoArea2 ul li.col08 {
  margin-top: -200px;
  margin-left: 0;
}
#PromoArea2 ul li img{
/*add 150325*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
/*add 150325*/
}

/*-------------------------------
* PromoHideArea
-------------------------------*/
/*-------------------------------
* Top Social Area
-------------------------------*/
#top-social-area {
  background: #fef8e5;
  padding: 30px 0;
}
#top-social-area #facebook {
  float: left;
}
#top-social-area #twitter {
  float: right;
}

/*-------------------------------
* ボタン設定
-------------------------------*/
.memberBtn .arrow {
  width: 85px;
  height: 47px;
  padding-left: 75px;
}

/*-------------------------------
140714追加　バナー
-------------------------------*/
#bnrBlock {
  width: 960px;
  margin: 20px auto 0;
  padding: 20px 0 0 0;
}
#bnrBlock .bnrLeft {
  float: left;
  width: 470px;
  background: #ffffff;
}
#bnrBlock .bnrRight {
  float: right;
  width: 470px;
  background: #ffffff;
}
#bnrBlock .bnrLeft a, #bnrBlock .bnrRight a {
  margin: 0;
}

/***************** kakaku ADD *****************/

#news-area #news-dl p.kakakuAd{
  border-bottom: solid 1px #dddddd;
  color:#AA0027;
  padding: 0 15px 10px;
  margin: 0 0 10px}

/***************** kakaku ADD *****************/

/****************hamburg ADD****************/

#top-info-area .hamburgNews{
background:#fff;
border:1px solid #DB0025;
margin:30px auto 0;
padding:10px 4px;
text-align:center;
width:950px}

#top-info-area .hamburgNews a{
color:#DB0025;
font-size:110%;
text-decoration:underline}

#top-info-area .hamburgNews a:hover{text-decoration:none}