@charset "utf-8";
/*----------------------------------
  mainimg
------------------------------------*/
.pc {
  display: none;
}
.oubosanka {
  font-size: 1.2em;
  padding: min(3vw, 40px) 0 min(2vw, 40px);
}
.oubosanka span {
  font-weight: bold;
  background: linear-gradient(transparent 50%, #ffff17 50%);
  padding: 0 0.3em;
}
/*----------------------------------
  appimg
------------------------------------*/
.appimgarea {
  background: #fff5bf;
  position: relative;
  padding-bottom: min(4vw, 2em);
}
.appimgarea > div {
  width: 100%;
  margin: 0 auto 2vw;
}
.appimg::after {
  transform: rotate(180deg);
  margin-top: -2px;
}
.appimg a {
  border: 2px solid #FFF;
  color: #FFF;
  background-color: #E50012;
  background-image: url("../../../common_v13/img/icon/svg/arrow/ar_white.svg");
  background-repeat: no-repeat;
  background-position: center right 12px;
  background-size: 18px auto;
}
/* TAB用768px～（TAB）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .pc {
    display: block;
  }
  .oubosanka {
    font-size: 1.4em;
    text-align: center;
  }
  .appimgarea > div {
    width: 85%;
    margin: 0 auto 2vw;
  }
}
/* PC用1024px～（NPC）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 1024px) {
  .appimg a {
    border: 4px solid #FFF !important;
    background-position: center right 28px !important;
    background-size: 28px auto !important;
  }
}
/* 対象店舗・応募方法について 
	──────────────────────────────────────── */
.campaign .media {
  background: #eaf6f5;
  padding: 1em;
}
.campaign .media .taisyou {
  background: #fff;
  border-radius: 10px;
  padding: 1em;
}
.campaign .media .taisyou h3 {
  width: 80%;
  max-width: 378px;
  margin-left: auto;
  margin-right: auto;
}
.taisyou_contents {
  margin-top: 1em;
}
.taisyou_contents .media__image {
  width: 70%;
  max-width: 235px;
  margin-left: auto;
  margin-right: auto;
}
.taisyou_contents .media__summary {
  margin-top: 1em;
}
.taisyou_contents .media__summary a {
  color: firebrick;
  text-decoration: underline;
}
@media print, screen and (min-width: 768px) {
  .campaign .media {
    padding: 20px;
  }
  .campaign .media .taisyou {
    padding: 20px;
      margin-left: auto;
      margin-right: auto;
  }
.taisyou_contents {
  margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
    .taisyou_contents .media__summary{
        margin-top: 0;
        margin-left: 30px;
    }
}
/* PC用1280px～（PC）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 1024px) {
    .campaign .media{
        padding: 30px;
    }
    .campaign .media .taisyou {
      width: 80%;
  }
}
/* 賞品画像の余白 
	──────────────────────────────────────── */
.campaign .p_style img {
  margin: 1em 0 1em;
}
/* NOTES・注釈
	──────────────────────────────────────── */
.campaign .notes p {
  text-align: center;
  color: #1f2c5c;
  margin: 0 0 1em;
  font-weight: 700;
}
/* 応募要項部分の対象外店舗ボタン
	──────────────────────────────────────── */
#link_pdf a {
  background: #A43E71;
  color: #FFF;
  border-radius: 100px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 0 35px;
  box-sizing: border-box;
}
#link_pdf a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  box-sizing: border-box;
  transform: rotate(45deg);
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -6px;
}
/* テキスト強調
──────────────────────────────────────── */
.campaign .b_txt1 {
  font-weight: bold;
  font-size: 1.5em;
}
.campaign .b_txt2 {
  font-weight: bold;
}
.campaign .text_center {
  text-align: center;
}
/* 基本設定
──────────────────────────────────────── */
.wrap_base {
  background-color: #FFF;
  border-width: 4px;
  border-style: solid;
  border-color: #CCCCCC;
  border-radius: 10px;
  background: #fff;
  margin: 10px 10px 20px;
  line-height: 1.5;
  padding: 10px;
  position: relative;
  text-align: center;
}
.wrap_base:last-of-type {
  margin-bottom: 0;
}
.title_base {
  background: #003057;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin: -12px -11px 15px -11px;
  padding: 10px;
}
/* 囲み枠
──────────────────────────────────────── */
.wrap_base.daylimit {
  border-color: #003057;
}
.daylimit .title_base {
  background: #003057;
  color: #FFF;
}
.daylimit .appimg {
  margin-top: 0.7em;
}
.daylimit .appimg a {
  margin-top: 10px;
  background-color: #e13828;
}
.wrap_base ul {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: left;
}
/* 店頭PV
──────────────────────────────────────── */
.tvcm p {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.4em 0;
}
.youtube {
  position: relative;
  width: 100%;
  max-width: 615px;
  padding-top: 56.25%;
  margin: 0 auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 700px) {}
/* TAB用768px～（TAB）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .campaign .menu_anc ul {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .campaign .menu_anc ul li {
    width: calc(25% - 2em);
    margin: 0 1em;
  }
  /* NOTES・注釈
	────────────────────────────────────────　*/
  .campaign .notes p {
    text-align: center;
  }
  /* 基本設定
	──────────────────────────────────────── */
  .wrap_base {
    padding: 30px 50px;
    border-radius: 20px;
    margin: 30px;
    /*margin-bottom: 50px;*/
    max-width: 800px;
  }
  .wrap_base ul {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .title_base {
    border-radius: 15px 15px 0 0;
    margin: -32px -51px 30px -51px;
    padding: 0.7em 10px;
    text-align: center;
    font-size: 24px;
  }
  /* 店頭PV
	──────────────────────────────────────── */
  .tvcm {
    width: 80%;
    max-width: 640px;
    margin: 0 auto;
  }
  .tvcm p {
    font-size: 1.4em;
  }
  /* 応募要項部分の対象外店舗ボタン
	──────────────────────────────────────── */
  #link_pdf {
    width: 520px;
    margin: 0 auto;
    margin-top: 1rem;
  }
  #link_pdf a {
    height: 60px;
    font-size: 1.6rem;
    padding: 0;
    transition: 0.3s;
  }
  #link_pdf a:hover {
    opacity: 0.7;
  }
  #link_pdf a::after {
    width: 14px;
    height: 14px;
    right: 32px;
    margin-top: -8px;
  }
}
/* PC用1024px～（NPC）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 1024px) {
  .wrap_base {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
  }
  .appimg a {
    border: 4px solid #FFF !important;
    background-position: center right 28px !important;
    background-size: 28px auto !important;
  }
  .cardimg {
    width: 350px;
    height: auto;
    margin: 0.7em 0 0;
  }
}
.txt_center {
  text-align: center;
  margin-bottom: 0.6em;
}
/* PC用1280px～（PC）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 1280px) {}

/* closeCampaign */
#yokokuText{
	background: #00A73C;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1;
	color: #FFFFFF;
	padding: 10px 10px 7px;
}

/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {

	/* closeCampaign */
	#yokokuText{
		padding: 15px 15px 12px;
	}

}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {

	/* title */

	/* closeCampaign */
	#yokokuText{
		font-size: 4rem;
		padding: 20px 20px 17px;
	}

}

.btn_catalog {
  margin: 0 auto;
    padding: 15px 25px;
  width: 100%;
    background: #2F97C9;
}
.btn_catalog a {
  border: 2px solid #FFF;
  color: #FFF;
  background-color: rgba(199, 64, 66, 1.00);
  background-image: url("/common_v13/img/icon/svg/arrow/ar_white.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 18px auto;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 30px;
  border-radius: 100px;
  font-weight: bold;
}

@media print, screen and (min-width: 768px) {
    
    .btn_catalog {
    padding: 25px 0;
}
    
    .btn_catalog a {
    max-width: 600px;
    font-size: 1.2em;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
      transition: 0.7s;
  }
    
    .btn_catalog a:hover{
        opacity: 0.7;
    }
}