@charset "UTF-8";

/*--------------------------------------トップ画像--------------------------------------*/
.l_main .l_kv.is_202509-toku{background: url(/k-press/assets/img/feature/202509-toku/img_kv.jpg) no-repeat center center;background-size: cover;}

/*--------------------------------------ページ固有記述--------------------------------------*/
.l_main .l_shop a.is_btngmap {
  color: #fff;
  text-decoration: none !important;
  background: #494645;
  margin: 0 0 0 10px;
  padding: 2px 10px 2px 15px;
  display: inline-block;
}
.l_main .l_shop a.is_detail {
  font-weight: 700;
  text-decoration: none !important;
  margin: 0 10px 0 0;
  padding: 2px 10px 2px 5px;
  display: inline-block;
  background: linear-gradient(transparent 60%, #fff 30%);
}

.toku202509_pink_Box {
  color: #fff;
  background-color: #c1002f;
  padding: 4px 10px;
  vertical-align: middle;
  margin-bottom: 8px !important;
}
.toku202509_brown_Box {
  color: #fff;
  background-color: #8B4D2C;
  padding: 4px 10px;
  vertical-align: middle;
}
.toku202509_pinkborder_Box {
  color: #d06792;
  border: 2px solid #d06792;
  padding: 4px 10px;
  vertical-align: middle;
}
.toku202509_brownborder_Box {
  border: 3px solid #b88c70;
  padding: 2px 16px 16px;
  vertical-align: middle;
  border-radius: 12px;
}
.toku202509_ruby_center {
  font-size: 30% !important;
  text-align: center;
}
.toku202509_shopname_pink {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  color: #c1002f;
  font-size: 1.8em !important;
}
.toku202509_shopname_bule {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  color: #2b8aa9;
  font-size: 1.8em !important;
}

/*横並び体裁（叡山電車は今年で開業100周年！）*/
.toku202509_flexWrap01 {
  display: flex;
  align-items: center;
}
.toku202509_flexWrap02 {
  display: flex;
  align-items: center;
}
.toku202509_bgbrownBox {
  position: relative;
  background-color: #d8bdb0;
  padding: 60px 20px 20px;
  margin-top: 20px;
}
@media only screen and (min-width: 767.99px) {
  .toku202509_bgbrownBox {
    display: flex;
    justify-content: space-between;
  }
  .toku202509_bgbrown__item01 {
    width: 28%;
  }
  .toku202509_bgbrown__item02 {
    width: 40%;
  }
  .toku202509_bgbrown__item03 {
    width: 28%;
  }
  .toku202509_bgbrownBox::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 450px;
    height: 84px;
    top: -18px;
    right: 50%;
    transform: translateX(50%);
    background-image: url(/k-press/assets/img/feature/202509-toku/index_tx03.png);
    background-size: contain;
  }
}
@media only screen and (max-width: 767.98px){
	.toku202509_bgbrownBox::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 375px;
    height: 70px;
    top: -18px;
    right: 50%;
    transform: translateX(50%);
    background-image: url(/k-press/assets/img/feature/202509-toku/index_tx03.png);
    background-size: contain;
  }
  .toku202509_sp_width80 {
    width: 80% !important;
    margin: 0 auto !important;
  }
}
.toku202509_centerBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.toku202509_centerBox p,.toku202509_centerBox div {
  display: inline-block;
}
/*フォント関連*/
.toku202509_font_brown {
  color: #8B4D2C;
}
.toku202509_font_green {
  color: #3c6f5e;
}
.toku202509_font_pink {
  color: #d06792;
}
.toku202509_sweetstitle strong {
  background: linear-gradient(transparent 50%, #fcefeb 50%);
}
.toku202509_leadtext01 {
  background: linear-gradient(transparent 50%, #cde3e1 50%);
  font-weight: bold;
  display: inline-block;
}
.toku202509_leadtext02 {
  background: linear-gradient(transparent 50%, #fcefeb 50%);
  font-weight: bold;
  display: inline-block;
}
.toku202509_sweetstitle {
  text-align: center;
}
@media only screen and (min-width: 767.99px) {
  .sp_caption_center02 {
    font-size: 75%;
    margin: 0 !important;
    text-align: right;
  }
}
@media only screen and (max-width: 767.98px){
  .sp_caption_center01 {
    font-size: 75%;
    margin: 0 !important;
    text-align: center;
  }
	.sp_caption_center02 {
    font-size: 75%;
    margin: 0 !important;
    text-align: center;
  }
}

