/******************************/
/* button */
/******************************/
.ctr{
  display:flex;
  justify-content: space-between;
  margin-top: 32px;
}

.ctr button{
  width: 49%;
  border: 0;
  padding:22px 0;
  border-radius: 4px;
}

.ctr .btn_text{
  font-size: 26px;
  font-weight: 600;
}

.ctr .btn_yellow{
  background-color: var(--color-main);
  box-shadow: 6px 8px 19px 0px #bc9d40;
  transition: all 0.3s ease;
}

.ctr .btn_red{
  color:#ffffff;
  background-color: var(--color-accent);
  box-shadow: 6px 8px 19px 0px #824b4b;
  transition: all 0.3s ease;
}

.ctr .btn_yellow:hover{
  box-shadow: none;
  background-color: #ffe084;
}

.ctr .btn_red:hover{
  box-shadow: none;
  background-color: #ea7e7e;
}


/******************************/
/* SLIDER */
/******************************/
@media screen and (max-width: 1200px) {
  .slider {
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
  }
}
#slider div {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#slider > div {
  display: none;
}
.bx-viewport #slider > div {
  display: block;
}
.bx-wrapper {
  z-index: 0;
}
.bx-wrapper img {
  width: 100%;
  height: auto;
}
.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: 0 !important;
  left: 0 !important;
}
.bx-wrapper .bx-pager {
  bottom: -27px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0 3px !important;
  padding-top: 15px;
  width: 25px !important;
  height: 1px !important;
  background: transparent !important;
  border-bottom: 1px solid #cccccc;
  border-radius: 0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: transparent !important;
  border-bottom: 1px solid #000000;
}

/* 下限高さを決める：必要に応じて数値を調整（例：320px） */
.fv .bx-wrapper,
.fv .bx-viewport {
  min-height: 320px !important;
}

/* スライド要素を高さ100%に */
.fv .bxslider li,
.fv .slider li {
  height: 100% !important;
}

/* 画像は縦横いっぱい＋トリミング */
.fv .bxslider img,
.fv .slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; /* はみ出し（トリミング）表示 */
}

.fv{
    position: relative;
    z-index: 1;
}
.fv_content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 760px;
}

/******************************/
/*  about 熟成ブレッド  */
/******************************/

.about-bread{
    background-color: #FFFDF5;
    position: relative;
    top: -56px;
}

.about-bread_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.about-bread .about-bread_left,.about-bread .about-bread_right{
    width: 50%;
}

.about-bread .about-bread_title{
    font-size: var(--title-main);
    margin-top:1.6em;
    margin-bottom: 8px;
}

.about-bread p{
    line-height: 1.6;
}

.about-bread .about-bread_point{
    margin-top: 24px;
}

.about-bread .about-bread_right .about-bread_img{
  position: relative;
  z-index: 2;
}


/******************************/
/*  熟成ブレッドが生まれたきっかけ  */
/******************************/

.kikkake-bread .kikkake-bread_inner{
  margin-bottom:72px;
}

.kikkake-bread .kikkake-bread_title{
  font-size: var(--title-main);
  margin-bottom: 54px;
  text-align: center;
}

.kikkake-bread .kikkake-bread_title:before{
  content:"";
  background-image: url(https://img21.shop-pro.jp/PA01518/672/etc_base64/a2lra2FrZV9icmVhZF90aXRsZV9kZWNv.png?cmsp_timestamp=20250819123314);
  display: block;
  width: 52px;
  height: 38px;
  margin: 0 auto 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;  
}

.kikkake-bread p{
  width: 92%;
  max-width: 980px;
  line-height: 1.6;
  margin: auto;
}

.kikkake-bread .kikkake-bread_point {
  width: 92%;
  max-width: 840px;
  text-align: center;
  margin: 80px auto 0;
}


/******************************/
/*  熟成ブレッド3つの特徴  */
/******************************/

.feather-bread{
  background-color: #FFFDF5;
  padding-bottom:80px;
}

.feather-bread .feather-bread_content{
  display: flex;
  justify-content: center;
  align-items: top;
  gap: 54px;
  padding: 40px 0;
}

.feather-bread .feather-bread_title{
  font-size: var(--title-main);
  margin-top: 0;
  margin-bottom: 40px;
}

.feather-bread .feather-bread_left{
  width: 54%;
}

.feather-bread .feather-bread_point {
  max-height: 82px;
}

.feather-bread .feather-bread_left p{
  line-height: 1.6;
  margin-top: 40px;
}

.feather-bread .feather-bread_right{
  width: 46%;
}

.feather-bread_ctr{
  width: 92%;
  max-width: 740px;
  margin: auto;
}


/******************************/
/*  熟成ブレッドのポイント  */
/******************************/
.point-bread_inner{
  padding-top:80px;
}

.point-bread_inner:last-child{
  padding-bottom:110px;
}


.point-bread .point-bread_title:before{
  content:"";
  background-image: url(https://img21.shop-pro.jp/PA01518/672/etc_base64/a2lra2FrZV9icmVhZF90aXRsZV9kZWNv.png?cmsp_timestamp=20250819123314);
  display: block;
  width: 52px;
  height: 38px;
  margin: 0 auto 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;  
}

.point-bread .point-bread_title{
  text-align: center;
  font-size: var(--title-main);
  margin-bottom: 40px;
}

.point-bread p{
  text-align: center;
  line-height: 1.6;
}

.point-bread_list_text{
  text-align: center;
  font-weight: 400;
  margin-bottom: 16px;
}

.point-bread_list{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap:32px;
  margin-top:56px;
}

.point-bread_list.flavor{
column-gap:18px;
row-gap: 38px;
}

.point-bread_catch{
  text-align: center;
  font-size: var(--title-main);
  margin-top:32px;
}

.point-bread_flavor{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 1 / 1;
}

.point-bread_flavor_img{
  width: 76%;
}

.point-bread_flavor_text{
  font-family:Futura, 'Century Gothic';
  margin-top: 0;
  color: #ffffff;
  font-size: 14px;
}

.flavor_lemon{
  background-color: #E3C041;
}
.flavor_chocolate{
  background-color: #583C12;
}
.flavor_classic{
  background-color: #DBBD98;
}
.flavor_marron{
  background-color: #BB7F3A;
}
.flavor_berry{
  background-color: #7B0F35;
}
.flavor_matcha{
  background-color: #62975C;
}
.flavor_hoshiimo{
  background-color: #986583;
}
.flavor_applecaramel{
  background-color: #DA6F41;
}
.flavor_hojicha{
  background-color: #A65C1C;
}
.flavor_coffee{
  background-color: #453010;
}