@charset "UTF-8";
.ps_color{
fill:#ffffff;
}

.news_time{
margin-top: 3rem;
}

.summary .place_container {
margin-bottom: 5rem;
}

.summary .news_container .line-container{
border: 4px #38c6bc solid;
}

.summary .place .place_name {
background:#ca161e;
margin-bottom:0;
}


/* --------2/5に以下CSSを消す-------- */
.summary .placeList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* ← 全体を中央寄せ */
    column-gap: 3rem;
    row-gap: 3rem;
    margin-bottom: 3rem;
}

/* li を2列幅にする */
.summary .placeList > li {
    width: calc(50% - 1.5rem); /* gap の半分を引く */
    max-width: 50rem;          /* 広がりすぎ防止（任意） */
}
/* --------2/5に以上CSSを消す-------- */

.lead-navy{
color: #240f00;}

.lead-bcm{
margin-bottom: 0rem;
}

.lead-line{
text-align: center;
margin-top: 4rem;
}

.bg-color{
  height: 100%;
  width: 100%;
 background-color:#ffefef;
}

.ttl-g {
font-size: 3.2rem;
font-weight: bold;
letter-spacing: -0.015em;
margin-bottom: 2rem;
display: flex;
justify-content: center; /* ← 全体を中央へ */
align-items: center;
gap: 0.6rem;
}

.ttl-icon{
    width: 1em;
    height: 1em;
}
.kabegami{
width: 100%;
background-image: url("/images/gloomy/gloomy-bg.webp");
background-repeat: repeat;
background-size: auto;
animation: bg-scroll 10s linear infinite;
}

@keyframes bg-scroll{
from{
background-position: 0 0;
 }
to{
background-position: -200px -200px;
 }
}

/* スマホ用アニメーション */
@keyframes bg-scroll-sp {
from{
background-position: 0 0;
 }
to{
background-position: -150px -150px;
 }
}

.ber{
  position: relative;
  width: 100%;
  height: 100px;
  margin-bottom: 6rem;
}

.ber::before{
  content: "";
  position: absolute;
  inset: 0;

  background-image: url(/images/gloomy/gloomy-ber.webp);
  background-size: 7%;
  background-repeat: repeat-x;

  filter:drop-shadow(6px 5px 2px #a1155f36);
}

.ber1{
width: 100%;
height: 35px;
background-image: url(/images/gloomy/gloomy_blood1.webp);
background-size: 7%;
background-repeat: no-repeat;
background-position: right top; /* ← 右端 */
}



.tbl{
margin-top: 4rem;
}

.red-bg{
color: red;
font-size:calc(1.4rem +(1vw - 0.32rem)* 0.3584);
}

.line-container{
background-image: url(/images/gloomy/gloomy-ber.webp);
background-size: 10%;
background-repeat: repeat-x;
color: #000000;
align-items: center;
gap: 20px;
backdrop-filter: blur(5px);
background-color: rgb(255 255 255 / 87%);
/*box-shadow: #39c5bc 7px 7px 15px;*/
border: 4px #38c6bc solid;
border-radius: 40px;
}

.line-container_tktn{
margin-top:5rem;
}

.ttl-d__text {
z-index: 5;
}

.info {
background:rgb(255 255 255 / 100%);
}

#header{
background: rgb(26 26 26);
border-bottom: solid 0px #CCC;
}

.header-item {
color: #ffffff;
}

.ttl-a,
.ttl-b:before,
.ttl-d__text:before,
.ttl-e
{
  background:#39c5bb;
}

.ttl-a{
margin-bottom: 0rem;
}

.ttl-b,
.ttl-c,
.right-text{
  color: #000000;
}

.header-top__menu__list li a:hover {
  color: #18A5FF;
}

.ttl-b{
  position: relative;
  margin-bottom: 5rem;
  padding-bottom: 0.28em;
  font-size: 3.4rem;
  line-height: 1.076923;
  letter-spacing: 0.01em;
  font-weight: bold;
  border-bottom: solid 3px #cdcdcd;
  text-align: center;
}

.ttl-c{
	border: solid 2px #ff9daa;
	background-image:repeating-linear-gradient(135deg, transparent, transparent 8px, #F1F3FF 8px, #F1F3FF 12px);
}

.l-column.goods-list .goods-list__inner{
  background: #FFF;
  border-radius: 10px;
}

.image_boder{
  border: 7px #EBD8BB solid;
  border-bottom: 0px;
}

.caution-container{
  background: #FFF;
}

.l-column.goods-list .col-1 .image {
  padding-right: 2rem;
  border-right: dotted 3px #ff525d;
}

.space{
  color: #ddd;
  margin: 2rem 0;
}

.main section:nth-last-of-type(4) .inner{
margin: 0 auto 0rem;
}

.button .btn.btn-a{
    color: #ffffff;
    font-size: 1.6rem;
    background: #1a1a1a;
    border-radius: 5px;
    border: solid 3px #1a1a1a;
}

.button.button-line .btn.btn-a {
    color: rgb(255, 255, 255);
    font-size: 1.6rem;
    background: rgb(2, 185, 2);
    border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(2, 185, 2);
    border-image: initial;
}


@media only screen and (max-width: 599px){
.summary .place_container{
margin-bottom: 0rem;
}

.summary .place .place_name {
margin-bottom:0;
}

.kabegami{
background-image: url("/images/gloomy/gloomy-bg-1.webp");
animation: bg-scroll-sp 10s linear infinite;
 }

.header-top__hamburger .bar{
background: #ffffff;
 }

.lead-line{
margin-top: 5rem;
 }

.line-container{
background-size: 19%;
 }

.ber{
height: 100px;
margin-bottom: 3rem;
 }

.ber::before{
background-size: 25%;
filter: drop-shadow(5px 5px 1px #a1155f36);
 }

 .l-column.goods-list .col-1 .image{
   border-right: none;
   padding-right: 0;
 }

.kabegami01::before{
background-image:none;
background-size: 0%;
 }
}


.contact{
background: #ffffff;
}

.item-tokuten{
margin-top: 5rem;
}