@charset "UTF-8";

/*  campaign
----------------------------------------------- */
.campaign .top-campaign-title { margin-bottom: 6vw; font-size: 6vw; font-family: "Marcellus"; font-weight: 400; text-align: center; letter-spacing: 0.04em; }
.campaign .top-campaign-content { margin-bottom: 8vw;background: var(--bluebg); }

.campaign .top-campaign-image { width: 100%; }
.campaign .top-campaign-text { padding: 4vw; }

.campaign .top-campaign-item-title { padding-bottom: 4vw; margin-bottom: 4vw; border-bottom: 1px solid #939495; }
.campaign .top-campaign-item-title .sub { padding: 1vw 2vw;margin-right: 2vw;font-size: 3.4vw;color: var(--blue);font-weight: bold;background: #fff;display: inline-block; }
.campaign .top-campaign-item-title .type{padding: 1vw 2vw;font-size: 3.4vw;color: #fff;font-weight: bold;background: var(--blue);display: inline-block;}
.campaign .top-campaign-item-title .type.nom{color: #fff;background: var(--black);}
.campaign .top-campaign-item-title .title { font-size: 5vw; margin-top: 2vw; font-family: var(--mincho); line-height: 1.4; display: block; }

.campaign .top-campaign-comment { margin-bottom: 2.5vw; font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em;}
.campaign .top-campaign-price { margin-bottom: 5vw; font-family: "Marcellus"; font-weight: 400; letter-spacing: 0.02em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.campaign .top-campaign-price .normal { font-size: 4.2vw; }
.campaign .top-campaign-price .normal:after { content: '\f105'; margin: 0 3.5vw; font-size: 75%; font-family: 'icon'; vertical-align: middle; display: inline-block; }
.campaign .top-campaign-price .special { color: var(--blue); font-size: 7.8vw; }
.campaign .top-campaign-price .special:after { content: '(税込)'; margin-left: 1vw; font-size: 3.4vw; vertical-align: middle; display: inline-block; }
.campaign .top-campaign-more { margin-left: auto; font-family: var(--mincho);}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) { 

.campaign .top-campaign-title { margin-bottom: 30px; font-size: 26px;}
.campaign .top-campaign-content {margin-bottom: 40px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.campaign .top-campaign-content-inner {width: 30%;height: 350px;overflow: hidden; /* はみ出し防止 */}
.campaign .top-campaign-image {width: 100%;height: 100%;object-fit: cover; /* ←これをimgに指定 */display: block; /* 余白防止 */}
.campaign .top-campaign-text {width: 70%;padding: 0 3%;}
.campaign .top-campaign-item-title { padding-bottom: 20px; margin-bottom: 20px; }
.campaign .top-campaign-item-title .sub { padding: 5px 10px; margin-right: 10px; font-size: 14px; }
.campaign .top-campaign-item-title .type{padding: 5px 10px;font-size: 14px;}
.campaign .top-campaign-item-title .title { font-size: 26px; margin-top: 15px;}
.campaign .top-campaign-comment { margin-bottom: 10px; font-size: 15px;}
.campaign .top-campaign-price { margin-bottom: 10px; }
.campaign .top-campaign-price .normal { font-size: 18px; }
.campaign .top-campaign-price .normal:after { margin: 3px 12px 0; vertical-align: top; }
.campaign .top-campaign-price .special { font-size: 32px; }
.campaign .top-campaign-price .special:after { margin-left: 4px; font-size: 15px;  }



}