.post-list {
    border-top: 1px solid gray;
    list-style: none;
    font-size: 90%;
    padding-left: 0 !important;
}
.post-list li {  padding-top: 1em; 
  xpadding-left: 0 !important;
  xmargin: 0 !important; /* 必要に応じて margin も調整 */}

.post-list span {display: block;}

.post-list small {font-size: 90%; color: gray !important;}
.post-list_title {color: #000 !important; font-weight: bold;}
.post-list_text {color: #000 !important;  padding-bottom: 1em;}

.post-list_text {
    border-bottom: 1px solid gray;
    xpadding: 2em;
}


/* A LINK */
.post-list a {text-decoration: none; transition: 0.3s;}
.post-list a:hover {text-decoration: underline; color: #000; opacity: 0.65;}
.xxpost-list li:hover {opacity: 0.65;}


/* CATEGOLY */
section.categoly img { xxxopacity: 90%; transition: 0.3s; }
section.categoly img:hover {
   xxxbox-shadow: 1px 1px 12px rgba(0,0,0,.30);

}

.categoly-product {
  font-size: 120%;
  font-weight: bold;
}

/* ------------------------------------IMAGE SIZE  --------  */
.categoly-product img {width: 250%; height:auto;}


.categoly-product .col {
  position: relative;
xbackground-color: aquamarine;
}

.categoly-product p {
  position: absolute;
  bottom: 0;
  z-index: 99;
  font-weight: normal !important;
}

.categoly-product .image-container p { 
  
  /*
  z-index: 99;
  position: absolute;
  text-align: center;
  display: block !important;
  background-color: royalblue !important;
  
  all: unset;
  writing-mode: vertical-rl !important;
  text-orientation: upright !important;
  display: block !important;
  padding: 0;
  xcolor: red;
  white-space: nowrap;
  letter-spacing: 0.25rem;
  */
}

.categoly-product div.image-container {
  overflow: hidden;
  width: 100%; /* 例 */
  height: auto; /* 例 */
  background-color: red;
}
.categoly-product img:hover {
   transform:scale(1.02);
}


.carousel-caption {
  background-color: red;
}

.carousel-bg-01 {
background-image: url("../images-new/index/carousel-bg-01.jpg");
}

.carousel-bg-02 {
background-image: url("../images-new/index/carousel-bg-02.jpg");
}

.carousel-bg-02b {
background-image: url("../images-new/index/carousel-bg-02b.jpg");
}

.carousel-indicators [data-bs-target] {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50%;
  background-color: #333 !important;
}

.carousel-item h2 {
  font-weight: bolder;
  font-size: 2.6em;
}

.carousel-item img {
  width: 100%;
  height: auto;
}

.xxxxcarousel-item  > div > .row > a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.xxxxcarousel .btn {
  z-index: 5;
}




@media screen and (max-width: 768px) {
.carousel-item .container .row {
  flex-direction: row-reverse;
}
}




/* 黒い矢印用：背景画像を無効化してマスクで矢印を描画 */
.carousel-black-arrows .carousel-control-prev-icon,
.carousel-black-arrows .carousel-control-next-icon {
  background-image: none !important; /* ← Bootstrapの白矢印を打ち消す */
  background-color: black;           /* ← 矢印の色を黒に */
  width: 2rem;
  height: 2rem;
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
}

.carousel-black-arrows .carousel-control-prev-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M11.354 1.646a.5.5 0 0 1 0 .708L6.707 7l4.647 4.646a.5.5 0 0 1-.708.708l-5-5a.5.5 0 0 1 0-.708l5-5a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M11.354 1.646a.5.5 0 0 1 0 .708L6.707 7l4.647 4.646a.5.5 0 0 1-.708.708l-5-5a.5.5 0 0 1 0-.708l5-5a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.carousel-black-arrows .carousel-control-next-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4.646 1.646a.5.5 0 0 1 .708 0l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L9.293 7 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4.646 1.646a.5.5 0 0 1 .708 0l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L9.293 7 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.carousel .btn {margin-top: 2rem;}