@charset "UTF-8";

/*---------------------------------------------------------------------------*/
header .logoArea {
  padding: 0 !important;
}
#news {

  background: #f5f5f5;

}



#news .areaSelect {

  min-width: 980px;

  background: #fff;

}



#news .bnr {

	max-width: 440px;

	padding-top: 40px;

	margin: 0 auto;

}

#news .bnr img {

	width: 100%;

	margin: 0 auto;

}



#news .contentInner .areaSelect .btn {

  max-width: 440px;

  margin: 0 auto 0 auto;

}

#news .contentInner .areaSelect .btn a {

  color: #ffffff;

  text-decoration: none;

}

#news .contentInner .areaSelect .btn a p {

  text-align: center;

  border-radius: 3px;

  padding: 20px;

  margin-top: 30px;

  background: #d5a06d url(../../img/top/icoArrow02.png) 90% no-repeat;

}

#news .contentInner .areaSelect .btn a.holiday p {

  background-color: #928b6a;

}

#news .contentInner .areaSelect .btn a:hover{

  opacity: .7;

  transition: opacity 1s ease-out;

}



#news .areaSelect .selectBox {

  background: #fff;

  box-sizing: border-box;

  height: 139px;

  padding-top: 40px;

  text-align: center;

  width: 100%;

}



#news .areaSelect .selectBox dl {

  background: #f5f5f5;

  display: inline-block;

  font-size: 0;

}



#news .areaSelect .selectBox dt {

  font-family: "ryo-display-plusn";

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-style: normal;

  font-weight: 700;

  background: #322213;

  box-sizing: border-box;

  color: #fff;

  display: inline-block;

  font-size: 13px;

  height: 59px;

  line-height: 1;

  margin-right: 15px;

  padding-top: 24px;

  text-align: center;

  vertical-align: middle;

  width: 168px;

}



#news .areaSelect .selectBox dd {

  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;

  cursor: pointer;

  display: inline-block;

  font-size: 13px;

  line-height: 1;

  margin-right: 10px;

  text-align: center;

  vertical-align: middle;

}



#news .areaSelect .selectBox dd label {

  background: #fff;

  border: 1px solid #fff;

  box-sizing: border-box;

  display: block;

  cursor: pointer;

  height: 35px;

  line-height: 1;

  min-width: 2em;

  padding: 10px 20px 0;

  vertical-align: top;

}



#news .areaSelect .selectBox dd label.select {

  border: 1px solid #d4ad71;

  color: #d4ad71;

  cursor: auto;

}



#news .areaSelect .selectBox dd label:hover {

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  background: #ffffff;

  color: #d4ad71;

}



#news .areaSelect .selectBox dd input {

  opacity: 0;

  filter: alpha(opacity=0);

  background: none;

  box-sizing: border-box;

  border: 0;

  font-size: 0;

  margin: 0;

  height: 0;

  padding: 0;

  position: absolute;

  width: 0;

}



#news .newsArea {

  margin: 0 auto;

  max-width: 1266px;

  min-width: 980px;

  padding: 40px 0 80px;

  text-align: center;

}



#news .newsArea .stock {

  display: none;

}



#news .newsArea .transitions-enabled.masonry,

#news .newsArea .transitions-enabled.masonry .masonry-brick {

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



#news .newsArea .transitions-enabled.masonry {

  -webkit-transition-property: height, width;

  transition-property: height, width;

}



#news .newsArea .transitions-enabled.masonry .masonry-brick {

  -webkit-transition-property: left, right, top;

  transition-property: left, right, top;

}



#news .newsArea .newsList {

  font-size: 0;

  margin: 0 auto;

  text-align: center;

  width: 100%;

}



#news .newsArea .newsList li {

  background: #fff;

  display: inline-block;

  font-size: 11px;

  margin: 0 15px 20px;

  padding: 0;

  vertical-align: top;

  width: 223px;

}



#news .newsArea .newsList li a {

  cursor: pointer;

  display: block;

  position: relative;

  text-decoration: none;

}



#news .newsArea .newsList li a:hover {

  opacity: 0.6;

  filter: alpha(opacity=60);

}



#news .newsArea .newsList li .areaLabel {

  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;

  background: #322213;

  color: #fff;

  font-size: 11px;

  line-height: 1;

  left: 0;

  padding: 5px;

  position: absolute;

  top: 0;

}



#news .newsArea .newsList li .newsBox:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



#news .newsArea .newsList li .newsBox .newsImg {

  height: 223px;

  width: 223px;

}



#news .newsArea .newsList li .newsBox .newsInfo {

  color: #322927;

  padding: 13px 20px 20px;

  text-align: left;

}



#news .newsArea .newsList li .newsBox .newsInfo .newsDate {

  font-family: "ryo-display-plusn";

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-style: normal;

  font-weight: 700;

  font-size: 11px;

  line-height: 21px;

  margin: 0 0 6px;

}



#news .newsArea .newsList li .newsBox .newsInfo .newsTxt {

  font-family: "ryo-display-plusn";

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-style: normal;

  font-weight: 700;

  font-size: 15px;

  line-height: 21px;

}



#news .newsArea .newsList li .newsBox .newsInfo .shopName {

  border: 1px solid #d4ad71;

  box-sizing: border-box;

  color: #b28745;

  font-size: 11px;

  line-height: 17px;

  margin-top: 15px;

  padding: 5px;

  text-align: center;

}



#news .newsArea #moreBtn {

  display: none;

  text-align: center;

}



#news .newsArea #moreBtn span {

  font-family: "garamond-premier-pro-display",serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-style: normal;

  font-weight: 400;

  border: 1px solid #d4ad71;

  box-sizing: border-box;

  display: block;

  height: 52px;

  position: relative;

  text-decoration: none;

  width: 940px;

  background: url(/assets/img/common/iconLoad.png) 905px center no-repeat;

  color: #d4ad71;

  font-size: 18px;

  margin: 40px auto 0;

  padding: 15px 0 0;

  text-align: center;

}



#news .newsArea #moreBtn span:after {

  border: 1px solid #d4ad71;

  box-sizing: border-box;

  content: '';

  height: 46px;

  left: 2px;

  opacity: 0;

  filter: alpha(opacity=0);

  -ms-filter: "alpha(opacity=0)";

  -moz-opacity: 0;

  position: absolute;

  top: 2px;

  width: 934px;

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: .8s;

  transition-duration: .8s;

}



#news .newsArea #moreBtn span:hover:after {

  opacity: 1;

  filter: alpha(opacity=100);

  -ms-filter: "alpha(opacity=100)";

  -moz-opacity: 1;

}