@charset "UTF-8";

/* ==================================================
OMIYAGE
================================================== */
#omiyageArea {
	padding: 0 3% 80px;
}

#omiyageArea .areaTtl {
	margin-bottom: 60px;
}

#omiyageArea .areaTtl img {}


#omiyageArea .infoBoard {
}

#omiyageArea .infoBoard a {
}

#omiyageArea .infoBoard img {
}

#omiyageArea .caution {
	margin: 80px auto;
	padding: 0 15px;
}

#omiyageArea .caution p {
	font-size: 1.3rem;
}

#omiyageArea .caution p i {
	display: inline-block;
}

#omiyageArea .caution p b {
}

#omiyageArea .caution p strong {
}


@media screen and (max-width: 640px) {
	#omiyageArea {
	}

	#omiyageArea .areaTtl {
	}

	#omiyageArea .areaTtl img {
	}


	#omiyageArea .infoBoard {
	}

	#omiyageArea .infoBoard a {
	}

	#omiyageArea .infoBoard img {
	}

	#omiyageArea .caution {
	}

	#omiyageArea .caution p {
	}

	#omiyageArea .caution p i {
	}

	#omiyageArea .caution p b {
	}

	#omiyageArea .caution p strong {
	}
}


/* goodsList
------------------------------ */
#goodsList {
	max-width: 800px;
	margin: 0 auto;
}

#goodsList ul {
}

#goodsList ul li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	flex-direction: row;
	margin: 0 auto 80px;
}

#goodsList ul li:last-child {
	margin-bottom: 0;
}

#goodsList ul li:nth-of-type(odd) {
	flex-direction: row-reverse;
}

#goodsList ul li .txt {
	text-align: left;
	width: calc(45% - 40px);
	color: #fff;
	font-weight: 700;
}

#goodsList ul li .txt a.ecLink {
	display: block;
	margin-top: 25px;
	background: #fff;
	border: 2px solid #000;
	padding: 10px 15px;
	line-height: 1.2;
	text-align: center;
	max-width: 340px;
	transition: all 0.4s ease-out 0s;
	width: 80%;
}

#goodsList ul li .txt a.ecLink:hover {
	background: #fff358;
	border: 2px solid #000;
	opacity: 1;
}

#goodsList ul li .txt a.ecLink img {
}

#goodsList ul li .txt .ttl {
	border-bottom: 2px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 2rem;
}

#goodsList ul li .txt .ttl b {
	color: #d2de34;
	display: inline-block;
	margin-right: 5px;
}

#goodsList ul li .txt .ttl img {
}

#goodsList ul li .txt .comment {
	margin-bottom: 20px;
	line-height: 1.4;
	font-weight: 400;
}

#goodsList ul li .txt .credit {
	font-size: 1.4rem;
}

#goodsList ul li .txt .credit .price {
	font-size: 1.3rem;
}

#goodsList ul li .txt .credit .price em {
	font-size: 180%;
	display: inline-block;
	margin-right: 3px;
}

#goodsList ul li .img {
	width: 55%;
	position: relative;
}

#goodsList ul li .img::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 15px;
	left: 10px;
	width: 100%;
	height: 100%;
	background: #000;
}

#goodsList ul li .img .inner {
	background: #fff;
}

#goodsList ul li .img .inner img {
}

#goodsList ul li .txt .credit b {
}


@media screen and (max-width: 640px) {
	#goodsList {
	max-width: 420px;
	}

	#goodsList ul {
	}

	#goodsList ul li {
	display: block;
	}

	#goodsList ul li:last-child {
	}

	#goodsList ul li:nth-of-type(odd) {
	}

	#goodsList ul li .txt {
	width: 100%;
	margin: 0 0 20px 0;
	}

	#goodsList ul li .txt a.ecLink {
	max-width: 200px;
	margin-top: 10px;
	}

	#goodsList ul li .txt a.ecLink:hover {
	}

	#goodsList ul li .txt a.ecLink img {
	}

	#goodsList ul li .txt .ttl {
	}

	#goodsList ul li .txt .ttl b {
	}

	#goodsList ul li .txt .ttl img {
	}

	#goodsList ul li .txt .comment {
	}

	#goodsList ul li .txt .credit {
	}

	#goodsList ul li .txt .credit .price {
	}

	#goodsList ul li .txt .credit .price em {
	}

	#goodsList ul li .img {
	width: 100%;
	}

	#goodsList ul li .img::after {
	}

	#goodsList ul li .img .inner {
	}

	#goodsList ul li .img .inner img {
	}

	#goodsList ul li .txt .credit b {
	}
}


/* ==================================================
LOTTERY
================================================== */
#lotteryArea {
	padding: 80px 3%;
	/*background: #d2de34;*/
	background-color: rgba(234, 251, 40, 0.8);
}

#lotteryArea .areaTtl {
	margin-bottom: 60px;
}

#lotteryArea .areaTtl img {
}

#lotteryArea .commentBox {
	max-width: 800px;
	margin: 0 auto 60px;
	background: #f2a7c8;
	/*! padding: 20px 3%; */
}

#lotteryArea .commentBox .inner {
	/*! border: none; */
}

#lotteryArea .commentBox .inner p {
}

#lotteryArea .commentBox .inner p strong {
	color: #eb2828;
	font-size: 2rem;
	font-weight: 900;
}

#lotteryArea .commentBox .inner p strong i {
}

#lotteryArea .lotteryImg {
}

#lotteryArea .lotteryImg img {
}

.noteTxt {
	
	color: #fff;
	text-align: center;
	margin-top:   60px;
}


@media screen and (max-width: 640px) {
	#lotteryArea {
	}

	#lotteryArea .areaTtl {
	}

	#lotteryArea .areaTtl img {
	}

	#lotteryArea .commentBox {
	}

	#lotteryArea .commentBox .inner {
	}

	#lotteryArea .commentBox .inner p {
	}

	#lotteryArea .commentBox .inner p strong {
	}

	#lotteryArea .commentBox .inner p strong i {
	}

	#lotteryArea .lotteryImg {
	}

	#lotteryArea .lotteryImg img {
	}

	.noteTxt {
	}
}


/* ==================================================
追加パーツ
================================================== */
/* .commentBox */
.commentBox {
	border: 2px solid #000;
	background: #d2de34;
	padding: 9px;
	max-width: 800px;
	margin: 0 auto 40px;
}

.commentBox .inner {
	background: #fff;
	border: 1px solid #000;
	padding: 20px 3%;
}

.commentBox .inner p {
}

.commentBox .inner p b {
	color: #d2de34;
	font-size: 2rem;
}


/* .cautionBox */
.cautionBox {
	color: #fff;
	text-align: center;
	margin-bottom: 60px;
}

.cautionBox p {
}

.cautionBox p.box {
	text-align: center;
}

.cautionBox p strong {
	color: #eb2828;
	display: inline-block;
	background: #fff;
	padding: 5px 20px;
	margin: 0 auto;
	font-size: 2.2rem;
}

@media screen and (max-width: 640px) {
	/* .commentBox */
	.commentBox {
	}

	.commentBox .inner {
	}

	.commentBox .inner p {
	}

	.commentBox .inner p b {
	}


	/* .cautionBox */
	.cautionBox {
	}

	.cautionBox p {
	}

	.cautionBox p.box {
	}

	.cautionBox p strong {
	font-size: 1.8rem;
	}
}


/* ------------------------------ */
/*追加*/
.insertBanner {
	margin: 60px auto 140px;
	padding: 0 3%;
}

.insertBanner a {
	transition: all 0.6s ease-out 0s;
}

.insertBanner a:hover {
	opacity: 0.8;
	filter: brightness(115%) contrast(110%) saturate(120%);	
}


@media screen and (max-width: 640px) {
.insertBanner {
	margin: 20px auto 100px;
}

.insertBanner a {
}
}

/* ------------------------------ */
/*追加*/
#lotteryList {
}

#lotteryList .ttl {
	margin-bottom: 60px;
}

#lotteryList .ttl img {
}

#lotteryList ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 900px;
	margin: 0 auto;
}

#lotteryList ul li {
	width: calc(50% - 20px);
	margin: 0 10px 30px;
}

#lotteryList ul li:nth-child(5) {
	margin: 0 auto;
}

#lotteryList ul li img {
}

#lotteryList ul li a {
}

#lotteryList ul li a img {
}


@media screen and (max-width: 640px) {
	#lotteryList {
	}
	
	#lotteryList .ttl {
	}
	
	#lotteryList .ttl img {
	}
	
	#lotteryList ul {
	display: block;
	max-width: 460px;
	}
	
	#lotteryList ul li {
	width: 100%;
	margin: 0 auto 40px;
	}
	
	#lotteryList ul li:nth-child(5) {
	}
	
	#lotteryList ul li img {
	}
	
	#lotteryList ul li a {
	}
	
	#lotteryList ul li a img {
	}
}


.tousen {
	background: #eb2828;
	border: 2px solid #000;
	border-top: none;
	padding: 15px 3% 5px;
}

.tousen .set {
	margin-bottom: 15px;
	border-bottom: 2px dotted #000;
	padding: 0 0 5px;
}

.tousen .set:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding: 0;
}
	
.tousen .date {
	font-weight: 900;
	color: #fff;
	text-align: center;
	font-size: 1.7rem;
	margin-bottom: 15px;
}
	
.tousen .numberList {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}
	
.tousen .numberList .number {
	border-radius: 100px;
	background: #fff;
	padding: 2px 10px;
	font-size: 2.2rem;
	line-height: 1;
	margin: 0 6px 12px;
	font-weight: 700;
}