@charset "UTF-8";
/*=================
設計
=================*/
:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

*,
::after,
::before {
  box-sizing: border-box;
}

.Campaign-temp {
  width: 100vw;
  min-height: calc(100vh - 390px);
  height: auto;
  margin: 0 auto;
  background-color: var(--campaignPageBG);
  overflow: hidden;
  padding: 50px 0;
}
.Campaign-temp_header {
  width: 100vw;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
  margin-bottom: var(--CommonContentsMargin);
}

.Campaign-temp_headerTit {
  width: 100%;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  background-color: var(--campaignHeaderBG);
}

.Campaign-temp_headerTitImg {
  display: block;
  width: 100%;
  max-width: 1040px;
  height: auto;
  margin: 0 auto;
}

.Campaign-temp__period {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
  font-size: var(--FontSizeHeadline);
  font-weight: bold;
  text-align: center;
  padding: 8px 5%;
  background-color: var(--campaignPeriodBg);
  color: var(--campaignPeriodTxt);
}

.Campaign-temp__headerCaution {
  width: 100%;
  padding: 10px 5% 0;
  text-align: center;
  font-size: var(--FontSizeDefault);
  font-weight: bold;
  color: var(--color-font);
  line-height: 1.3;
}

.Campaign-temp__entry {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto var(--CommonContentsMargin);
}

.Campaign-temp__entryEndMsg {
  width: 100%;
  border: 2px solid var(--color-attention);
  color: var(--color-attention);
  background: #fff;
  font-weight: bold;
  font-size: var(--FontSizeHeadline);
  padding: 10px 0;
  margin: 0 auto 20px;
  text-align: center;
}

.Campaign-temp__main {
  margin-bottom: var(--CommonContentsMargin);
}

.Campaign-temp__contents {
  width: 90%;
  max-width: 1000px;
}

.Campaign-temp__entryMsg {
  margin-bottom: 10px;
  color: var(--color-font);
  font-weight: bold;
  text-align: center;
}

.Campaign-temp__entryBtn {
  width: 100%;
  max-width: 600px;
  color: #fff;
  margin: 0 auto;
}
.Campaign-temp__entryBtn:visited {
  color: #fff;
}
.Campaign-temp__entryBtn--enabled {
  background-color: var(--campaignBtn);
}
.Campaign-temp__entryBtn--disabled {
  background-color: var(--color-gray1);
}

.Campaign-temp__link {
  justify-content: center;
}

.Campaign-temp__ad {
  width: 100%;
  margin: 0 auto 20px;
}

.Campaign-temp__coution {
  background-color: #fff;
  width: 90%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 10px 5%;
  border-radius: 10px;
}

.Campaign-tempAd__adLinkWrap {
  width: 90%;
  height: auto;
  margin: 0 auto;
}

.Campaign-temp__adLinkBtn {
  width: 100%;
  max-width: 600px;
  color: #fff;
  margin: 0 auto 15px;
}
.Campaign-temp__adLinkBtn:visited {
  color: #fff;
}
.Campaign-temp__adLinkBtn:last-child {
  margin: 0 auto;
}
.Campaign-temp__adLinkBtn--1 {
  background-color: var(--campaignAdBtn1);
}
.Campaign-temp__adLinkBtn--2 {
  background-color: var(--campaignAdBtn2);
}
.Campaign-temp__adLinkBtn--3 {
  background-color: var(--campaignAdBtn3);
}

.Campaign-tempContents {
  margin: 0 auto var(--CommonContentsMargin);
  background: #fff;
  border-radius: 10px;
}
.Campaign-tempContents__inner {
  padding: 20px 5%;
  margin: 0 auto;
}
.Campaign-tempContents__inner:last-child {
  margin: 0 auto;
}

.Campaign-tempContents__tit {
  width: 90%;
  font-size: 30px;
  color: var(--campaignContentsTit);
  font-weight: bold;
  text-align: center;
  margin: 0 auto 10px;
}

.Campaign-tempContents__read {
  font-size: var(--FontSizeHeadline);
  line-height: 1.4;
  margin-bottom: 10px;
}
.Campaign-tempContents__read.center {
  text-align: center;
}
.Campaign-tempContents__read.right {
  text-align: right;
}
.Campaign-tempContents__read .SuperBig {
  font-weight: 600;
  font-size: 2.5em;
}
.Campaign-tempContents__read .Big {
  font-weight: 600;
  font-size: 1.5em;
}
.Campaign-tempContents__read .Color {
  font-weight: 600;
  color: var(--campaignEmp);
}

.Campaign-tempContents__caution {
  font-size: var(--FontSizeSubDefault);
  line-height: 1.4;
}
.Campaign-tempContents__caution .Color {
  color: var(--campaignEmp);
}

.Campaign-tempAd {
  background: var(--campaignAdBg);
  padding: 20px 5%;
  box-sizing: border-box;
}
.Campaign-tempAd__tit {
  margin: 0 auto 10px;
  color: var(--campaignAdTit);
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.Campaign-tempAd__titImg {
  width: 100%;
  height: auto;
}

.Campaign-tempAd__list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
}
.Campaign-tempAd__list:last-child {
  margin: 0 auto;
}
.Campaign-tempAd__list--single {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  justify-content: center;
}
.Campaign-tempAd__list--standard {
  display: grid;
  grid-template-columns: repeat(2, 47.5%);
  -moz-column-gap: 5%;
  column-gap: 5%;
  row-gap: 20px;
}

.Campaign-tempAd__single {
  background-color: #fff;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 15px;
  border-radius: 10px;
}

.Campaign-tempAd__singleInner {
  display: block;
}

.Campaign-tempAd__details {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.Campaign-tempAd__itemBnr {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 10px;
}

.Campaign-tempAd__itemHeadline {
  padding-bottom: 5px;
}

.Campaign-tempAd__itemName {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
.Campaign-tempAd__itemName span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--FontSizeHeadline);
}

.Campaign-tempAd__itemDescription {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.Campaign-tempAd__itemDescription span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--FontSizeDefault);
}

.Campaign-tempAd__itemPt {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  font-size: var(--FontSizeMax);
  color: var(--color-attention);
  font-weight: bold;
}

.Campaign-tempAd__itemPt s {
  color: var(--color-gray1);
  font-size: var(--FontSizeDefault);
}

.Caution__tit {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--FontSizeTitle);
  color: var(--color-font);
  font-weight: bold;
  margin-bottom: 20px;
}

.Caution__icon {
  border: 2px solid var(--color-attention);
  border-radius: 5px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--FontSizeHeadline);
  margin-left: 10px;
  font-weight: bold;
  color: var(--color-attention);
}
.Caution__icon::before {
  content: "\f071";
  font-family: FontAwesome;
  margin-right: 3px;
  color: var(--color-attention);
}

.Caution__section {
  margin-bottom: 40px;
}
.Caution__section:last-child {
  margin-bottom: 0;
}

.Caution__sectionTit {
  margin-bottom: 15px;
  padding-left: 10px;
  font-size: var(--FontSizeHeadline);
  font-weight: bold;
  position: relative;
  color: var(--color-font);
}
.Caution__sectionTit::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  background-color: var(--color-gray3);
  left: 0;
}

.Caution__txtBlock span {
  display: block;
  font-size: var(--FontSizeDefault);
  font-weight: bold;
  margin-bottom: 8px;
  color: var(--color-font);
}
.Caution__txtBlock p {
  color: var(--color-font);
  font-size: var(--FontSizeDefault);
  margin-bottom: 15px;
  line-height: 1.4;
}
.Caution__txtBlock p:last-child {
  margin-bottom: 0;
}
.Caution__txtBlock ul {
  color: var(--color-font);
  font-size: var(--FontSizeDefault);
  margin-bottom: 15px;
  line-height: 1.4;
}
.Caution__txtBlock ul:last-child {
  margin-bottom: 0;
}
.Caution__txtBlock li {
  color: var(--color-font);
  font-size: var(--FontSizeDefault);
  list-style: outside;
  margin-left: 1em;
  line-height: 1.4;
  margin-bottom: 5px;
}
.Caution__txtBlock li:last-child {
  margin-bottom: 0;
}

.Caution__endMsg {
  color: var(--color-attention);
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .Campaign-temp {
    padding-top: 60px; /*ヘッダー部分*/
  }
  .Campaign-temp__period {
    font-size: var(--FontSizeMax);
  }
  .Campaign-temp__coution {
    padding: 30px 50px;
  }
  .Campaign-tempContents__inner {
    padding: 30px 50px;
    margin: 0 auto;
  }
  .Campaign-tempContents__inner:last-child {
    margin: 0 auto;
  }
  .Campaign-tempContents__tit {
    font-size: 45px;
    margin: 0 auto 20px;
  }
  .Campaign-tempContents__read {
    font-size: var(--FontSizeTitle);
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .Campaign-tempAd {
    padding: 20px 0 40px;
  }
  .Campaign-tempAd__tit {
    font-size: 45px;
    margin: 0 auto 20px;
  }
  .Campaign-tempAd__list--single {
    grid-template-columns: repeat(auto-fit, calc((100% - 20px) / 2));
  }
  .Campaign-tempAd__list--standard {
    grid-template-columns: repeat(4, calc((100% - 90px) / 4));
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
  }
  .Campaign-tempAd__single {
    width: 100%;
    padding: 30px;
    margin-bottom: 0;
  }
  .Campaign-tempAd__itemInner {
    display: block;
  }
  .Caution__endMsg {
    font-size: 16px;
  }
}