@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=EB+Garamond);
@import url(//fonts.googleapis.com/css?family=Source+Serif+Pro);
@font-face {
  font-family: "NotoSansR";
  src: url("../../css/font/NotoSansR.eot") format("eot"), url("../../css/font/NotoSansR.woff") format("woff");
}

@font-face {
  font-family: "NotoSansL";
  src: url("../../css/font/NotoSansL.eot") format("eot"), url("../../css/font/NotoSansL.woff") format("woff");
}

@font-face {
  font-family: "iconfont";
  src: url("../../css/font/iconfont.eot");
  src: url("../../css/font/iconfont.eot#iefix") format("embedded-opentype"), url("../../css/font/iconfont.woff") format("woff"), url("../../css/font/iconfont.ttf") format("truetype"), url("../../css/font/iconfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: "iconfont";
  font-style: normal;
  display: inline-block;
  width: 1.1em;
  text-align: center;
  line-height: 1.1;
}

.cmn-page-title {
  margin-bottom: 0;
}

.cmn-visual01 {
  height: 140px;
  background-image: url(https://clubby-sapporo.jp/sp/images/breakfast/mainvisual.jpg);
  margin-bottom: 26px;
}

.txt-concept {
  line-height: 1.8;
}

.breakfast-point {
  margin-bottom: 30px;
}
.breakfast-point:last-child {
  margin-bottom: 0;
}
.breakfast-point .point-visual {
  margin-bottom: 18px;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
}
.breakfast-point .label {
  text-align: center;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 21px;
  font-size: 2.1rem;
  padding: 90px 0 15px;
}
.breakfast-point h3 {
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  color: #b19a84;
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
}
.breakfast-point h3:after {
  content: "";
  width: 30px;
  height: 2px;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
  background: #be920e;
}
.breakfast-point .textbox {
  line-height: 1.85;
  letter-spacing: 0;
}

html.cookie-fz-L .breakfast-point h3 {
  line-height: 1.2;
}

html.cookie-fz-L .breakfast-point .textbox br {
  display: none;
}

.breakfast-point01 .point-visual {
  background-image: url(https://clubby-sapporo.jp/sp/images/breakfast/bg-point01.jpg);
}

.breakfast-point01 .cmn-btn-style05 {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.breakfast-point01 .textbox {
  bottom: 40px;
}

.breakfast-point02 .point-visual {
  background-image: url(https://clubby-sapporo.jp/sp/images/breakfast/bg-point02.jpg);
}

.breakfast-point03 .point-visual {
  background-image: url(https://clubby-sapporo.jp/sp/images/breakfast/bg-point03.jpg);
}

.breakfast-point04 .point-visual {
  background-image: url(https://clubby-sapporo.jp/sp/images/breakfast/bg-point04.jpg);
}

.breakfast-list li {
  width: 48%;
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
}
.breakfast-list li:nth-child(2n) {
  float: right;
}
.breakfast-list li .photo {
  margin-bottom: 10px;
}
/*180423追加*/
.special-breakfast {
  position: relative;
  padding: 25px 0 30px;
  margin-bottom: 37px;
  color: #be920e;
}
.special-breakfast:before, .special-breakfast:after {
  position: absolute;
  content:'';
  width: 100%;
  height: 4px;
  left: -20px;
  width: calc(100% + 40px);
  box-shadow:0px -1px 0px 0px #be920e,
  0px -3px 0px 0px #fff,
  0px -4px 0px 0px #be920e;
}
.special-breakfast:before {
  top: 0;
}
.special-breakfast:after {
  bottom: 0;
}
.special-breakfast .txt-title{
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 20px;
  font-weight: bold;
}
.special-breakfast .txt{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2;
  padding: 10px 0;
}
.special-breakfast .cmn-btn {
  text-align: center;
  width: 100%;
}

/*------------------------------------------
  Clearfix
------------------------------------------*/
.clearfix, .breakfast-list {
  *zoom: 1;
}
.clearfix:after, .breakfast-list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}