@charset "utf-8";

/*----- 2024.05.01 青森ページ 追加 -----*/
.onsenadd_box.edit {
	margin: 0 auto;
}
.higaeri .base_prod .hotel li {
	padding: 0;
}
.higaeri .details_box {
	padding: 0 10px 10px;
}

/* ----------SPのみ---------- */
@media screen and (max-width: 767px) {
	.clm2_right {
		padding: 0;
	}
	.onsenadd_box.edit {
		width: 94%;
		margin: 0 auto;
	}
	.higaeri .clm2_left, .higaeri .clm2_right {
		width: 94%;
		margin: 0 auto;
	}
}

/*----- 2024.12.04 宮城ページ朝食コーナー 追加 -----*/
#breakfast.bg_orange {
  background: #fff4e1;
}
.top .section.ttl_breakfast h2 {
  font-size: 2.4rem;
  color: #3e3830;
  text-align: center;
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  padding: 10px;
  position: relative;
}
.top .section.ttl_breakfast h2::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: url(/content/dam/jretravel/site/page/tohoku/images/ic_breakfast_01.png) no-repeat 0 0 / 94px 68px;
  width: 94px;
  height: 68px;
  top: calc(50% - 34px);
  left: -105px;
}
.top .section.ttl_breakfast h2::after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url(/content/dam/jretravel/site/page/tohoku/images/ic_breakfast_02.png) no-repeat 0 0 / 93px 66px;
  width: 93px;
  height: 66px;
  top: calc(50% - 33px);
  right: -100px;
}
#breakfast.bg_orange li.swiper-slide {
  background: #fff;
}
/*SP*/
@media screen and (max-width: 767px) {
  .top .section.ttl_breakfast h2 {
    font-size: 2rem;
    padding: 10px 5px;
  }
  .top .section.ttl_breakfast h2::before {
    background: url(/content/dam/jretravel/site/page/tohoku/images/ic_breakfast_01.png) no-repeat 0 0 / 79px 56px;
    width: 79px;
    height: 56px;
    top: calc(50% - 28px);
    left: -90px;
  }
  .top .section.ttl_breakfast h2::after {
    background: url(/content/dam/jretravel/site/page/tohoku/images/ic_breakfast_02.png) no-repeat 0 0 / 78px 55px;
    width: 78px;
    height: 55px;
    top: calc(50% - 28px);
    right: -88px;
  }
  #breakfast.bg_orange li.swiper-slide {
    width: 80vw !important;
  }
  #breakfast .swiper-container {
    padding: 0 3%;
  }
  .sp_txleft>p {
    text-align: left !important;
  }
}
/*PC*/
@media screen and (min-width: 768px) {
  .pc_noslide .swiper-button-next,
  .pc_noslide .swiper-button-prev,
  .pc_noslide .swiper-pagination {
    display: none!important;
  }
  .pc_noslide .base_prod {
    margin-bottom: 2%;/*ページネーション分*/
  }
}