@charset "UTF-8";
/*---------------------------------------------------------------------------*/
.news {
  background: #f5f5f5;
}

.news .newsArea .newsList li {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 60px;
  padding: 0 0 50px;
}

.news .newsArea .newsList li .newsBox {
  padding: 0 20px;
}

.news .newsArea .newsList li .newsBox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.news .newsArea .newsList li .newsBox .newsImg {
  float: left;
  height: 220px;
  width: 220px;
}

.news .newsArea .newsList li .newsBox .newsInfo {
  float: right;
  width: 650px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDate {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 23px;
  margin: 0 0 18px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDate span {
  font-family: "garamond-premier-pro-display",serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  color: #221715;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin: 0 0 0 15px;
  padding: 5px 0 2px;
  text-align: center;
  vertical-align: top;
  width: 60px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDate span.iconEvent {
  background: #f0e5da;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDate span.iconNews {
  background: #ede5e5;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsTitle {
  font-family: "ryo-display-plusn";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 36px;
  margin: 0 0 17px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsTxt {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 23px;
  word-wrap: break-word;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsTxt a {
  color: #d5a06d;
}
.news .newsArea .newsList li .newsBox .newsInfo .newsTxt a:hover{
  color: #d5a06d;
  text-decoration:none;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail {
  display: none;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox {
  background: #ffffff;
  margin: 30px 0;
  padding: 25px 30px 5px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox .newsDetailImg {
  float: left;
  margin: 5px 0 15px;
  width: 190px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox .newsDetailImg img {
  height: auto;
  width: 100%;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox .newsDetailInfo {
  float: right;
  width: 375px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox .newsDetailInfo .newsDetailTitle {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 5px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox .newsDetailInfo .newsDetailTxt {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 20px;
}

.news .newsArea .newsList li .newsBox .newsInfo .newsDetail .newsDetailBox .newsDetailInfo.noImg {
  float: none;
  width: 590px;
}

.news .newsArea .newsList li .newsBox .newsDetailComment {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 19px;
  margin: 0 0 35px;
}

.news .newsArea .newsList li .newsBox .closeBtn {
  font-family: "garamond-premier-pro-display",serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  border: 1px solid #d5a06d;
  box-sizing: border-box;
  display: block;
  height: 52px;
  position: relative;
  text-decoration: none;
  width: 175px;
  background: url(/assets/img/shopTypeA/iconMinus01.png) 88% center no-repeat;
  color: #d5a06d;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 1px;
  padding: 18px 0 0;
  text-align: center;
}

.news .newsArea .newsList li .newsBox .closeBtn:after {
  border: 1px solid #d5a06d;
  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: 169px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .8s;
  transition-duration: .8s;
}

.news .newsArea .newsList li .newsBox .closeBtn:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
}

.news .newsArea .newsList li .newsBox .moreBtn {
  font-family: "garamond-premier-pro-display",serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  border: 1px solid #d5a06d;
  box-sizing: border-box;
  display: block;
  height: 52px;
  position: relative;
  text-decoration: none;
  width: 175px;
  background: url(/assets/img/shopTypeA/iconPlus01.png) 88% center no-repeat;
  color: #d5a06d;
  cursor: pointer;
  font-size: 18px;
  margin: 32px 0 0;
  padding: 18px 0 0;
  text-align: center;
}

.news .newsArea .newsList li .newsBox .moreBtn:after {
  border: 1px solid #d5a06d;
  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: 169px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .8s;
  transition-duration: .8s;
}

.news .newsArea .newsList li .newsBox .moreBtn:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
}