.keyvisual__numofshops {
width: 100%;
height: 50px;
position: absolute;
top: 50px;
padding-top: 10px;
color: #fff;
font-family: "Noto Serif JP", serif;
text-align: center;
}
.keyvisual__numofshops--text {
font-size: 15px;
font-weight: 700;
letter-spacing: -0.05em;
margin-bottom: 5px;
}
.keyvisual__numofshops--text .num {
font-size: 20px;
}
.keyvisual__numofshops--text small {
font-size: 13px;
}
.keyvisual__numofshops--date {
font-size: 10px;
font-weight: 500;
line-height: 1;
}
.market {
padding: 35px 0 30px;
position: relative;
z-index: 1;
}
.market::before {
background-image: url(//lp.kaitori-daikichi.jp/ad/wp-content/themes/daikichi_lp/assets/images/market-background.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
content: "";
inset: 0;
position: absolute;
z-index: -1;
}
.market__update {
font-size: 14px;
letter-spacing: 0.1em;
margin-top: 5px;
text-align: center;
}
.market__table {
border-collapse: collapse;
margin-top: 22px;
width: 100%;
}
.market__table th,
.market__table td {
border: 1px solid #ccc;
vertical-align: middle;
}
.market__table th {
text-align: left;
}
.market__table th:first-child {
width: 155px;
}
.market__table td {
background-color: #fff;
font-size: 13px;
font-weight: 500;
text-align: center;
}
.market__table td .number {
font-size: 20px;
letter-spacing: -0.05em;
margin-right: 2px;
}
.market__table thead th {
background-color: #564039;
color: #fff;
font-size: 13px;
font-weight: 500;
padding: 5px 10px;
text-align: center;
}
.market__table tbody th,
.market__table tbody td {
padding: 15px 10px;
}
.market__table tbody th {
background-color: #f8f8f8;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
}
.market__table tbody th small {
font-size: 12px;
letter-spacing: -0.05em;
}
.market__strong {
margin-top: 20px;
}
.market__strong--text {
display: block;
font-family: "Noto Serif JP", serif;
font-size: 23px;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.2;
margin-inline: auto;
width: fit-content;
color: #564039;
}
.market__text {
margin-top: 15px;
padding: 0 6px;
color: #444;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.market__text .color__black {
font-weight: 500;
}
.market__button {
margin-top: 20px;
}
.enhancement {
padding: 35px 0;
position: relative;
}
.enhancement::before {
background-image: url(//lp.kaitori-daikichi.jp/ad/wp-content/themes/daikichi_lp/assets/images/enhancement-background.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
content: "";
display: block;
inset: 0;
position: absolute;
z-index: -1;
}
.enhancement__heading .heading__text {
color: #fff;
line-height: 1.2;
}
.enhancement__heading .heading__text small {
font-size: 25px;
}
.enhancement__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-top: 20px;
}
.enhancement__item {
background-color: #fff;
padding: 10px 10px 15px;
position: relative;
}
.enhancement__tag {
aspect-ratio: 1;
background: linear-gradient(180deg, #ee850c 0%, #ee410c 100%);
border-radius: 50%;
color: #fff;
display: grid;
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.15));
font-family: "Noto Serif JP", serif;
font-size: 12px;
font-weight: 900;
left: 5px;
line-height: 1.2;
place-content: center;
place-items: center;
position: absolute;
top: -5px;
width: 50px;
z-index: 1;
}
.enhancement__tag .color__yellow {
display: block;
}
.enhancement__figure {
display: grid;
grid-template-rows: auto 1fr;
height: 100%;
width: 100%;
}
.enhancement__figure img {
aspect-ratio: 153/150;
object-fit: contain;
}
.enhancement__caption {
margin-top: 10px;
margin-inline: -8px;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-align: center;
}
.welcome01 {
padding: 35px 0;
position: relative;
z-index: 1;
}
.welcome01::before {
background-image: url(//lp.kaitori-daikichi.jp/ad/wp-content/themes/daikichi_lp/assets/images/welcome01_background.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
content: "";
inset: 0;
position: absolute;
z-index: -1;
}
.welcome01__heading {
color: #fff;
font-family: "Noto Serif JP", serif;
font-size: 25px;
font-weight: 700;
line-height: 1.3;
text-align: center;
}
.welcome01__heading .large {
font-size: 30px;
}
.welcome01__content {
background-color: #fff;
border-radius: 5px;
margin-top: 25px;
padding: 10px 10px 25px;
position: relative;
}
.welcome01__item img {
aspect-ratio: 163/100;
height: 100%;
object-fit: cover;
}
.welcome01__image--list {
display: grid;
gap: 12px 10px;
grid-template-columns: repeat(2, 1fr);
}
.welcome01__text {
border-top: 1px solid #ccc;
color: #444;
font-size: 13px;
font-weight: 400;
margin-top: 18px;
padding-top: 12px;
text-align: center;
line-height: 1.5;
}
.welcome01__button--top {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
margin-inline: auto;
margin-top: 20px;
position: relative;
text-align: center;
width: fit-content;
}
.welcome01__button--top::before, .welcome01__button--top::after {
background-color: #fff;
bottom: 3px;
content: "";
display: block;
height: 1px;
position: absolute;
width: 35px;
}
.welcome01__button--top::before {
left: -12px;
rotate: -120deg;
transform-origin: left center;
}
.welcome01__button--top::after {
right: -10px;
rotate: 120deg;
transform-origin: right center;
}
.welcome01__button--top .color__yellow {
display: block;
font-size: 18px;
}
.welcome01__caption {
margin-top: 4px;
font-size: 14px;
font-weight: 600;
text-align: center;
}
.tips {
padding: 35px 0;
position: relative;
z-index: 1;
line-height: 1.5;
}
.tips::before {
background-image: url(//lp.kaitori-daikichi.jp/ad/wp-content/themes/daikichi_lp/assets/images/tips-background.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
content: "";
inset: 0;
position: absolute;
z-index: -1;
}
.tips__heading .heading__text {
color: #fff;
line-height: 1.2;
}
.tips__thumb {
margin-left: -10px;
margin-right: -10px;
margin-top: 20px;
}
.tips__thumb img {
aspect-ratio: 375/175;
height: 100%;
object-fit: cover;
}
.tips__list {
background-color: #fff;
border-radius: 10px;
box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.2);
margin-top: -25px;
padding: 20px 15px 0;
position: relative;
z-index: 1;
}
.tips__item {
border-top: 1px solid;
border-top-color: #564039;
padding-bottom: 26px;
padding-top: 5px;
position: relative;
}
.tips__item::before {
background-color: #564039;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 0;
width: 30px;
z-index: 1;
}
.tips__item--titleContent {
align-items: center;
display: flex;
font-family: "Heebo", sans-serif;
gap: 8px;
}
.tips__item--title {
font-size: 20px;
font-weight: 600;
margin-top: 3px;
}
.tips__item--text {
color: #444;
font-size: 14px;
font-weight: 400;
margin-top: 2px;
}
.tips__item--text .color__orange {
font-weight: 500;
}
.tips__number {
color: #564039;
display: block;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.05em;
}