@charset "UTF-8";

/*--------------------------------------トップ画像--------------------------------------*/
.l_main .l_kv.is_202509-octavar{background: url("../../../img/gourmet/202509-octavar/img_kv.jpg")center;background-size: cover;}

/*--------------------------------------ページ固有記述--------------------------------------*/
.l_main .octavar_202509_is_orange{ color: #ed6d01;}

.octavar_202509_is_orange_Box {
    display: inline-block;
    color: #ed6d01;
    border: 2px solid #ed6d01;
    padding: 5px 10px;
    border-radius: 8px;
    margin: 15px auto 15px !important;
}

.octavar_202509_bg_gr {
  display: block;
  background: #FFE57B;
  background: linear-gradient(0deg, rgba(255, 229, 123, 1) 0%, rgba(255, 237, 163, 1) 10%, rgba(247, 247, 247, 1) 30%, rgba(247, 247, 247, 1) 50%, rgba(247, 247, 247, 1) 70%, rgba(255, 237, 163, 1) 90%, rgba(255, 229, 123, 1) 100%);
  height: 175px;
  margin-top:16px;
}
.octavar_202509_bg_gr02 {
  display: block;
  background: #FFE57B;
  background: linear-gradient(0deg, rgba(255, 229, 123, 1) 0%, rgba(255, 237, 163, 1) 10%, rgba(247, 247, 247, 1) 20%, rgba(247, 247, 247, 1) 50%, rgba(247, 247, 247, 1) 80%, rgba(255, 237, 163, 1) 90%, rgba(255, 229, 123, 1) 100%);
  height: 175px;
  margin-top:16px;
}

.l_main .octavar_202509_is_iconpoint{
	font-size: 62%;
	line-height: 1.4;
	margin-top: 30px !important;
	display: flex;
	align-items: center;
}
.l_main .octavar_202509_is_iconpoint + .octavar_202509_is_iconpoint{
	margin-top: 20px !important;
}
.l_main .octavar_202509_is_iconpoint + .octavar_202509_is_iconpoint+ .octavar_202509_is_iconpoint{
	margin-top: 0 !important;
}

.l_main .octavar_202509_is_iconpoint img{
	width: auto;
	height: 30px;
	margin-right: 10px;
}
/*--------------------------------------SPonly--------------------------------------*/
@media only screen and (max-width: 767.89px) {
.octavar_202509_relativeitem01 {
  position: absolute;
  width: 100%;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.octavar_202509_relativeitem02 {
  position: absolute;
  width: 70%;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.octavar_202509_pxpc {
  font-size: 5vw !important;
}
.octavar_202509_textindent01 {
  text-indent: 9.2em !important;
}
.octavar_202509_textindent02 {
  text-indent: 10.3em !important;
}

}

/*--------------------------------------PConly-------------------------------*/
@media only screen and (min-width: 767.9px) {
.octavar_202509_relativeitem01 {
  position: absolute;
  width: 100%;
  top: 31%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.octavar_202509_relativeitem02 {
  position: absolute;
  width: 70%;
  top: 66%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.octavar_202509_textindent01 {
  text-indent: 8.1em !important;
}
}

/*ipad 450～PC幅------------------------------*/
/*@media screen and (min-width: 450px) and (max-width: 767.8px)  {
  }*/
