/* ------------------------------------- */
/* 下位層共通 */
/* ------------------------------------- */

#spreatable #low_layer_headline .item.type_logos {
  width: 980px;
  margin: 0 auto;
  height: 90px;
  position: relative;
}
#spreatable #low_layer_headline .item.type_logos .sub_item.num01 {
  position: absolute;
  top: 23px;
  left: 0;
}
#spreatable #low_layer_headline .item.type_logos .sub_item.num02 {
  position: absolute;
  top: 23px;
  right: 0;
}
#spreatable #low_layer_headline .item.type_headline {
  position: relative;
  /*height: 250px;*/
  height: auto;
  margin: 36px 40px 0 0;
  background: url("/dairies/butter/spreatable/images/common/low_layer/headline@2x.png") top left no-repeat;
  background-size: cover;
}
#spreatable #low_layer_headline .item.type_headline .label {
  position: absolute;
  top: 0;
  right: -19px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #a4000f;
  font-weight: bold;
}
#spreatable #low_layer_headline .item.type_headline .label::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  right: 8px;
  bottom: -28px;
  background: rgb(164, 0, 15);
}
#spreatable #low_layer_headline .item.type_headline .sub_item {
  width: 96.429vw;
  text-align: center;
  padding: 6% 4% 5%;
  /*left: calc(50% - 1500px);*/
}
@media screen and (min-width: 1400px) {
  #spreatable #low_layer_headline .item.type_headline .sub_item img.isPC {
    width: auto;
  }
}
@media screen and (max-width: 1399px) {
  #spreatable #low_layer_headline .item.type_headline .sub_item img {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #spreatable #low_layer_headline .item.type_logos {
    width: 94vw;
    height: 14vw;
  }
  #spreatable #low_layer_headline .item.type_logos .sub_item.num01 {
    top: 3vw;
  }
  #spreatable #low_layer_headline .item.type_logos .sub_item.num01 img {
    width: 34vw;
  }
  #spreatable #low_layer_headline .item.type_logos .sub_item.num02 {
    top: 3vw;
  }
  #spreatable #low_layer_headline .item.type_logos .sub_item.num02 img {
    width: 15vw;
  }
  #spreatable #low_layer_headline .item.type_headline {
    height: 32vw;
    margin: 0;
    background: url("/dairies/butter/spreatable/images/common/low_layer/headline_sp.png") top left no-repeat;
    background-size: cover;
  }
  #spreatable #low_layer_headline .item.type_headline .label {
    position: absolute;
    top: 2vw;
    right: 2vw;
  }
  #spreatable #low_layer_headline .item.type_headline .sub_item {
    width: 93.467vw;
    padding: 4% 4% 5%;
    /* margin-left: 4vw; */
  }
  #spreatable #low_layer_headline .item.type_headline .sub_item img {
    width: 100%;
  }
}
/* ------------------------------------- */
/* 下位層共通:共通固定ヘッダー化により余白のみに変更 */
/* ------------------------------------- */
#spreatable #low_layer_headline .item.type_logos {
  height: 85px;
}
#spreatable #low_layer_headline .item.type_logos .item {
  display: none;
}
@media screen and (max-width: 640px) {
  #spreatable #low_layer_headline .item.type_logos {
    height: 14vw;
  }
  #spreatable #low_layer_headline .item.type_logos .item {
    display: block;
  }
}
/* ------------------------------------- */
/* 下位層共通:パンくずリスト */
/* ------------------------------------- */
#spreatable #cd_breadcrumb {
  width: 980px;
  margin: 0 auto;
  padding: 15px 0px;
  font-size: 12px;
}
#spreatable #cd_breadcrumb a {
  color: inherit;
}
@media screen and (max-width: 640px) {
  #spreatable #cd_breadcrumb {
    width: 94vw;
    padding: 3vw 0vw;
    font-size: 2.5vw;
  }
  #spreatable #cd_breadcrumb a {
  }
}