@charset "UTF-8";

html {
 background: none;
}

img {
 min-width: 100%;
 height: auto;
}

.p_detal_section {
 margin: 0;
 width: 100%;
 position: relative;
}

.p_detal {
 width: fit-content;

 margin-inline: auto;
 position: relative;
}

.p_detal_btn-wrap {
 display: flex;
 align-items: baseline;
 flex-wrap: wrap;
 padding-bottom: 3%;
 margin-inline: auto;
 width: 90%;
 gap: 1rem;
 /*max-width: 1000px;*/
 justify-content: center;
 position: absolute;
 bottom: 19%;
 right: 5%;
}

.p_detal_btn-wrap a {
 width: calc(70% / 3);
}

@media (max-width: 769px) {}

.p_detal_nav {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(min(calc(91%/2), 150px), 1fr));
 gap: 1rem;
}

.p_detal_btn-entry {
 left: 5%;
 position: absolute;
 bottom: 16%;
 width: 33%;
}

.p_detal_btn-entry a {
 width: 19%;
}

.p_detal_btn-region_company {
 left: 5%;
 position: absolute;
 bottom: 16%;
 width: 33%;
}

.btn_campain_entry {
 left: 22%;
 position: absolute;
 bottom: 16%;
 width: 55%;
}

.btn_event {
 left: 22%;
 position: absolute;
 bottom: 45%;
 width: 55%;
}

.p_detal_btn-carry_in {
 left: 33%;
 position: absolute;
 bottom: 22%;
 width: 33%;
}

.p_detal_btn-disable {
 pointer-events: none;
}

.p_detal_btn-disable * {
 pointer-events: none;
 filter: brightness(50%);
}

.p_detal_btn-disable::after {
 content: "終了致しました";
 color: #fff;
 position: absolute;
 top: 50%;
 font-size: 1rem;
 left: 50%;
 font-weight: bold;
 transform: translate(-50%, -50%);
}

@media (max-width:769px) {
 .p_detal_btn-disable::after {
  font-size: .5rem;
 }
}