@charset "UTF-8";

.midashi01 { width: 100%; margin: 0 auto 6vw; color: var(--navy); text-align: center; }
.campaign-title { padding: 2vw 0; color: #fff; font-size: 5vw; font-family: var(--mincho); font-weight: 600; text-align: center; background: var(--navy); }
.tab a { font-weight: 600; }
#toenail .campaign-title { background: var(--blue); }
dl { margin-bottom: 4vw; padding: 5%; background: url(images/top-campaign-bg.jpg) no-repeat top center; background-size: cover; }
dt { margin-bottom: 4vw; }
dt img { width: 100%; }
.menu-title { margin-bottom: 2vw; font-size: 5vw; font-family: var(--mincho); font-weight: 600; line-height: 1.4; }
.menu-title small { display: block; font-size: 4vw; }
.menu-price { color: var(--red); margin-bottom: 4vw; padding: 1vw 0 4vw; font-size: 7vw; font-family: "Marcellus"; font-weight: 400; line-height: 1.4; letter-spacing: 0.4vw; line-height: 1; margin-right: 2vw; border-bottom: 1px solid var(--navy); }
.menu-price span { width: fit-content; margin-bottom: 2vw; display: block; font-size: 70%; text-align: center; background: var(--red); border-radius: 8px; color: var(--white); padding: 1.5vw 2.5vw; font-family: "Marcellus"; font-weight: 400; letter-spacing: 0.4vw; line-height: 1; }
.menu-price small { font-size: 60%; }
.menu-text { text-align: justify; }

.campaign .menu-price,.campaign .menu-title b { color: #a32a2a; }

.more { padding: 4vw 0; }

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.midashi01 { margin: 0 auto 30px; }
.campaign-title { padding: 14px 0; font-size: 24px; }
dl { padding: 40px 20px; margin-bottom: 20px; background: url(images/top-campaign-bg-pc@2x.jpg) no-repeat top center; background-size: cover; }
dt { margin-bottom: 40px; }
.menu-title { margin-bottom: 10px; font-size: 24px; }
.menu-title small { font-size: 20px; }
.menu-price { margin-bottom: 20px; padding: 4px 0 8px; font-size: 30px; margin-right: 8px; letter-spacing: 2px;  }
.menu-price span { padding: 4px 10px 4px 14px; line-height: 1; margin: 0 8px 0 0; display: inline-block; letter-spacing: 2px; vertical-align: top; }
.menu-text p { margin-bottom: 30px; }
.more { margin: 0; padding: 20px 0; }

}
@media screen and (min-width: 1000px) {
dl { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
dl div { width: 64%; margin-bottom: 0; }
dt { width: 30%; margin-bottom: 0; }
}
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.dl { background: url(images/top-campaign-bg-pc@2x.jpg) no-repeat top center; background-size: cover; }
}