@charset "UTF-8";
/* ===================================================================
CSS information

file name  : breakfast.css
author     : Ability Consultant
style info : 朝食
=================================================================== */
_::-webkit-full-page-media, _:future, :root #htlSide-A {
  margin-top: -180px !important;
}

.con_bre {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
.con_bre .box_read {
  margin-right: -17px;
}

@media all and (-ms-high-contrast: none) {
  .box_link .item a {
    max-height: 190px !important;
  }
}

.con_mer {
  margin-top: 84px;
  padding: 40px 74px;
  background-color: #fff;
}
.con_mer .st {
  font-size: 139%;
  color: #888;
}
.con_mer .txt {
  margin-top: 15px;
  color: #888;
  font-size: 93%;
}

.con_slide {
  margin-top: 102px;
}

.con_fac .box_bath {
  margin-top: 35px;
  width: 100%;
}
.con_fac .box_bath .tit {
  font-weight: bold;
  font-size: 139%;
}
.con_fac .box_bath .txt {
  margin-top: 3px;
}
.con_fac .box_textarea {
  margin-top: 50px;
  display: flex;
}
.con_fac .box_textarea .box_text {
  width: 50%;
}
.con_fac .box_textarea .box_text .inner:not(:first-child) {
  margin-top: 35px;
}
.con_fac .box_textarea .box_text .inner .tit {
  font-size: 108%;
  font-weight: bold;
}
.con_fac .box_textarea .box_text .inner .txt {
  margin-top: 10px;
  line-height: 2;
}
.con_fac .box_textarea .box_about {
  max-width: 420px;
  margin-right: 0;
  margin-left: auto;
}
.con_fac .box_textarea .box_about dl {
  width: 100%;
}
.con_fac .box_textarea .box_about dl div {
  display: flex;
}
.con_fac .box_textarea .box_about dl dt {
  width: 28%;
  color: #888;
}
.con_fac .box_textarea .box_about dl dd {
  width: 72%;
}
.con_fac .box_textarea .box_about p {
  margin-top: 25px;
  line-height: 1.7;
}
.con_fac.facility .box_textarea {
  margin-top: 90px;
}
.con_fac.facility .box_textarea .box_text {
  width: 48%;
}
.con_fac.facility .box_textarea .box_text:not(:nth-child(2n)) {
  margin-right: 4%;
}
.con_fac .tmp_btn {
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
}

.con_gl {
  margin-top: 89px;
}

.con_ag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 101px;
  padding: 40px 74px;
  background-color: #fff;
}
.con_ag .box_text {
  width: 450px;
}
.con_ag .st {
  font-size: 139%;
  color: #888;
}
.con_ag .txt {
  margin-top: 15px;
  color: #888;
  font-size: 93%;
  line-height: 2;
}

.con_other {
  display: flex;
  flex-wrap: wrap;
  margin-top: 125px;
}
.con_other .item {
  position: relative;
  width: 450px;
}
.con_other .item:nth-child(1)::after {
  content: url(../img/breakfast/ic1.png);
  position: absolute;
  left: 0;
  top: -22px;
}
.con_other .item:nth-child(2)::after {
  content: url(../img/breakfast/ic2.png);
  position: absolute;
  right: 0;
  bottom: 150px;
}
.con_other .item:nth-child(3) {
  margin-top: 60px;
}
.con_other .item:nth-child(3)::after {
  content: url(../img/breakfast/ic1.png);
  position: absolute;
  left: 0;
  top: -22px;
}
.con_other .item:nth-child(4) {
  margin-top: 60px;
}
.con_other .item:nth-child(4)::after {
  content: url(../img/breakfast/ic2.png);
  position: absolute;
  right: 0;
  bottom: 175px;
}
.con_other .item .ic {
  position: absolute;
  top: -36px;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 95px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 1.5;
}
.con_other .item:not(:nth-child(2n)) {
  margin-right: 50px;
}
.con_other .item .tit {
  font-size: 139%;
  margin-top: 30px;
}
.con_other .item .txt {
  letter-spacing: 0.12em;
  margin-top: 10px;
}
.con_other .item .link {
  margin-top: 10px;
  margin-right: 0;
  margin-left: auto;
  max-width: 180px;
}
.con_other .item .link a {
  display: block;
  color: #888;
  border-bottom: 1px solid #888;
  text-align: right;
  padding-bottom: 10px;
  transition: opacity 0.3s ease-in;
}
.con_other .item .link a:hover {
  opacity: 0.7;
}

#cus_footer {
  margin-top: 180px;
}

.mfp-content > div .box_txt {
  margin-top: 0px;
  align-items: center;
}