@charset "UTF-8";
/*===============================================================
/* common
===============================================================*/
/* layout
===============================================================*/
body{
	background: var(--main-bg-color);
	color: var(--color-text);
	font-family: var(--font-zen-kaku-gothic);
}


/* header
===============================================================*/
.header{
	background: url(../img/header-mv-bg.webp) center/cover no-repeat;
	padding: 0 2rem;
}
.header__inner{
	padding: 0;
	position: relative;
}
.header__siteid{
	left: 8.6rem;
	position: absolute;
	text-align: center;
	top: 2.87rem;
}
.section1{
	background: #888;
	padding: 1rem;
}

/* main
===============================================================*/
/* section1 応募締切*/
.section1__info{
	text-align: center;
}

/* section2 賞品のご紹介*/
.section2{
	margin-top: 6.3rem;
}
.prize__list{
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
}
.prize__item{
	background: #fff;
	border-radius: 2.4rem;
	max-width: 26rem;
	padding: 0 3rem 2rem;
	position: relative;
	width: 30%;
}
.prize__ttl{
	color: var(--color-gold);
	font: normal 500 1.8rem var(--font-zen-old-mincho);
	margin-top: -.6rem;
}
.prize__course{
	font-size: 5.3rem;
}
.prize__badge{
	position: absolute;
	right: -3rem;
	top: -1.5rem;
	width: 12.2rem;
	z-index: 1;
}
.prize__name{
	font: normal 500 2rem/2.6rem var(--font-zen-old-mincho);
	text-align: center;
	margin: 1.2rem 0 .7rem;
}
.prize__text{
	font-size: 1.4rem;
	line-height: 2rem;
	margin: 0 -1.5rem 0 -.5rem;
}
.prize__text.f-12{
	margin-top: 1.2rem;
}
.section2__foot{
	margin-top: 4.4rem;
}
.section2__btn{
	color: #fff;
	background: #000;
	border-radius: 4rem;
	display: block;
	font: normal 700 2rem var(--font-zen-old-mincho);
	margin: 0 auto;
	max-width: 56rem;
	padding: 2.5rem;
	position: relative;
	text-align: center;
	width: 100%;
}
.section2__btn::after{
	background: url(../img/icon-link.webp) center/cover;
	content: "";
	display: block;
	height: .96rem;
	margin-top: -.48rem;
	position: absolute;
	right: 2.5rem;
	top: 50%;
	width: .996rem;
}

/* section3 イベント情報*/
.section3{
	margin-top: 6.5rem;
}
.section3__inner{
	background: #fff;
	border-radius: 2.4rem;
	padding: 4.6rem 3rem 3rem;
}
.section3__content{
	align-items: center;
	display: flex;
	gap: 0 3.4rem;
	justify-content: space-between;
	margin-top: 4.6rem;
}
.section3__content > *{
	max-width: 41rem;
	width: 50%;
}
.section3__note{
	max-width: 38.5rem;
}
.section3__ttl{
	text-align: center;
}
.section3__lead{
	font: normal 500 1.6rem var(--font-zen-old-mincho);
	margin-top: 1rem;
	text-align: center;
}
.section3__info{
	display: flex;
	flex-wrap: wrap;
	font: normal 500 1.4rem var(--font-zen-old-mincho);
	margin-top: 2rem;
}
.section3__info-dt{
	width: 3.2em;
}
.section3__info-dd{
	width: calc(100% - 3.2em);
}
.section3__info-dt::after{
	content: "：";
}
.section3__notice{
	font: normal 500 1rem var(--font-zen-old-mincho);
	margin: 1rem 0 0 0;
}

/* メインカラム */
.container{
	margin-top: 6.5rem;
}
.container__inner{
	background: #fff;
	border-radius: 2.4rem;
	padding: 4.5rem 7.5rem;
}
.container__item + .container__item{
	margin-top: 5rem;
}

/* section4 キャンペーン内容*/
.section4__content{
	margin-top: 2.2rem;
}
.section4__text{
	font: normal 500 1.6rem/2.8rem var(--font-zen-old-mincho);
	text-align: center;
}

/* section5 応募期間 */
/* section6 レシート対象期間 */
.section5__text, .section6__text{
	font: normal 700 2.4rem/2.8rem var(--font-zen-old-mincho);
	text-align: center;
	margin-top: 2rem;
}

/* section7 対象商品 */
.section7__targets{
	display: flex;
	justify-content: space-between;
	margin: 3.2rem 0 1.5rem;
	position: relative;
}
.section7__targets > figure div{
	align-items: center;
	display: flex;
	min-height: 23.7rem;
}
.section7__targets > figure{
	width: calc( calc(100% - 10rem) / 2);
}
.section7__targets > figure:first-child::after{
	align-items: center;
	border-radius: 50%;
	border: 1px solid var(--color-gold);
	color: var(--color-gold);
	content: "または";
	display: flex;
	font-size: 1.4rem;
	height: 7rem;
	justify-content: center;
	left: 50%;
	margin: -6.5rem auto auto -3.5rem;
	position: absolute;
	top: 50%;
	width: 7rem;
}
.section7__targets figcaption{
	font-size: 1.4rem;
	line-height: 2rem;
	padding-top: 1.4rem;
	text-align: center;
}
.section7_target-2{
	padding-right: 3.2rem;
}
.section7__text{
	font-size: 1.2rem;
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
.section7__text + .section7__text{
	margin-top: 1rem;
}
.section7__foot{
	margin-top: 1.3rem;
}
.section7__btn{
	background: #80C3D0;
	border-radius: 4rem;
	color: #fff;
	display: block;
	font: normal 700 2rem var(--font-zen-old-mincho);
	margin: 0 auto;
	max-width: 40rem;
	padding: 2.5rem;
	position: relative;
	text-align: center;
	width: 100%;
}
.section7__btn::after{
	background: url(../img/icon-link.webp) center/cover;
	content: "";
	display: block;
	height: .96rem;
	margin-top: -.48rem;
	position: absolute;
	right: 2.5rem;
	top: 50%;
	width: .996rem;
}

/* section8 賞品 */
.section8__prizes{
	margin-top: 2.2rem;
}
.section8__prize > *{
	font: normal 700 1.6rem/2.8rem var(--font-zen-old-mincho);
	text-align: center;
}
.section8__prize + .section8__prize{
	margin-top: 2rem;
}


/* section9 応募方法 */
.section9__text{
	font: normal 700 1.6rem/2.8rem var(--font-zen-old-mincho);
	text-align: center;
	margin-top: 1.8rem;
}
.section9__rules{
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 2rem 0 0 1em;
}
.section9__rules li{
	list-style: disc;
}
.section9__rules li + .section9__rules li{
	margin-top: 1rem;
}
.section9__steps{
	display: flex;
	font-size: 1.2rem;
	gap: 0 3.2rem;
	line-height: 1.5;
	margin-top: 3rem;
	text-align: center;
}
.section9__steps h3{
	display: none;
}
.section9__steps figure{
	margin-bottom: 1.5rem;
	position: relative;
}
.section9__step:not(:last-child) figure::after{
	border: 1em solid transparent;
	border-left: 1em solid var(--color-gold);
	content: "";
	display: inline-block;
	height: 0;
	margin-top: -.75em;
	position: absolute;
	right: -3.5rem;
	top: 50%;
	width: 0;
}
.section9__foot{
	margin-top: 5rem;
}
.section9__btn{
	color: #fff;
	background: #000;
	border-radius: 4rem;
	display: block;
	font: normal 700 2rem var(--font-zen-old-mincho);
	margin: 0 auto;
	max-width: 40rem;
	padding: 2.5rem;
	position: relative;
	text-align: center;
	width: 100%;
}
.section9__btn::after{
	background: url(../img/icon-link.webp) center/cover;
	content: "";
	display: block;
	height: .96rem;
	margin-top: -.48rem;
	position: absolute;
	right: 2.5rem;
	top: 50%;
	width: .996rem;
}

.section9__caution{
	border-radius: .6rem;
	margin-top: 5rem;
	overflow: hidden;
}
.caution__ttl{
	font: normal 700 2rem/2.4 var(--font-zen-old-mincho);
	text-align: center;
}
.caution__inner{
	display: flex;
	padding: 2.3rem 1.3rem 3rem 1.9rem;
}
.caution__inner > *{
	width: 50%;
}
.caution__lv4{
	font-size: 2rem;
	font-weight: bold;
}
.caution__lv5{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.4rem;
	margin-top: 1.6rem;
}
.caution__description{
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 1.7rem;
}
.caution__description p + p{
	margin-top: 1rem;
}
.caution__img{
	padding-left: 2.5rem;
}

/* section10 有効レシートの条件 */
.condition__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 2.7rem;
}
.condition__item{
	border-radius: .6rem;
	overflow: hidden;
}
.condition__item:not(:last-child){
	margin-bottom: 2rem;
	max-width: 36rem;
	width: 48%;
}
.condition__ttl{
	font: normal 700 1.8rem/1.3 var(--font-zen-old-mincho);
	text-align: center;
	padding: .7rem;
}
.condition__txt{
	font-size: 1.4rem;
	line-height: 2.4rem;
	padding: 1.1rem 2rem 2rem;
}
.condition__txt p + p{
	margin-top: .7rem;
}

/* section11 当選発表 */
.section11__txt{
	font: normal 700 1.6rem/2.8rem var(--font-zen-old-mincho);
	text-align: center;
	margin-top: 2.2rem;
}

/* section12 応募要項 */
.detail{
	font-size: 1.2rem;
	height: 30rem;
	line-height: 1.8rem;
	margin-top: 2.8rem;
	overflow-y: scroll;
	padding: 1.5rem;
}
.detail__item + .detail__item{
	margin-top: 3rem;
}
.detail__item h3{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.4rem;
	margin-bottom: 1rem;
}
.detail__item p + h4, .detail__item ul + h4{
	margin-top: 1rem;
}
.detail__item p + p{
	margin-top: 1rem;
}
.detail__item ul{
	margin: 1rem 0 1rem 1em;
}
.detail__item li{
	list-style: disc;
	margin-top: 1rem;
}
.detail__item a{
	text-decoration: underline;
}

/* section13 キャンペーンに関するお問い合わせ先 */
.section13 .heading-ribbon{
	font-size: 2rem;
	padding-top: .9rem;
}
.section13__txt{
	font: normal 700 1.6rem/2.8rem var(--font-zen-old-mincho);
	margin-top: 2.7rem;
	text-align: center;
}

/* footer
===============================================================*/
.footer{
	margin-top: 4rem;
}
.copyright{
	background: #fff;
	border-radius: 2.4rem 2.4rem 0 0;
	font-size: 1.2rem;
	line-height: 2;
	padding: 2rem;
	text-align: center;
}