@charset "UTF-8";
/* CSS Document */

/**:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}*/

/* Preferred box-sizing value */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
ol,
ul {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  vertical-align: bottom;
	width:100%;
	max-width:100%;
	padding:0;
	margin:0;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

html {
  scroll-behavior: smooth;
	padding: 0;
	margin: 0;
}

a {
  display: inline-block;
  cursor: pointer;
}
html {
	padding: 0;
	margin: 0;
}
body {
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-style: normal;
  font-optical-sizing: auto;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.016em;
	padding: 0;
	margin: 0;
}

.wrapper {
  margin: 0 auto;
  width: 90%;
}
.letter {
	line-break: strict;
}
.no_new_line {
	white-space: pre;
}
 

.anim,.anim_slow,.anim_fadein {
  opacity: 0;
}
.anim_fadein {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.anim.active {
  animation: poyoyon .5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}
.anim_slow.active {
  animation: poyoyon .5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
	animation-delay: .4s;
}
.anim_fadein.active {
  opacity: 1;
}
@media (max-width: 767px) {
	.anim.active {
	  animation: poyoyon_sp .5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
	}
	.anim_slow.active {
	  animation: poyoyon_sp .5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
		animation-delay: .4s;
	}
}
 
@keyframes poyoyon {
  0% {
    transform: translateY(70px);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
  20%,100% {
    opacity: 1;
  }
}
@keyframes poyoyon_sp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
  20%,100% {
    opacity: 1;
  }
}

@media (max-width: 767px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}
@media (min-width: 768px) {
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
}



a {
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
a:after, a:before {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media (min-width: 768px) {
  a:hover {
    transform: translateY(-5px);
  }
}

img {
  vertical-align: top;
}


/*ローディング*/
#loadingWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
	flex-flow: wrap;
  justify-content: center;
  align-items: center;
  transition: opacity 0.6s ease;
}
#loadingWrap.fadeout {
  opacity: 0;
  pointer-events: none;
}
.loadingBox {
	width: 400px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.loadingImg {
	width: 200px;
	margin: 3% auto;
}
.loadingText {
	flex: 0 0 100%;
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #999;
}
/*=====================================================================================================
全体
=====================================================================================================*/

#CupStarWrap {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 170%;
	background-color: rgba(255,227,124,1.00);
	color: #000;
}
#CupStarWrap img {
	vertical-align: bottom;
	width:100%;
	max-width:100%;
	padding:0;
	margin:0;
}

/* トップへ戻るボタンの基本スタイル */
#CupStarWrap .back-to-top {
    position: fixed;/* 追従する設定 */
    bottom: 20px;
    right: 20px;
    display: none;/* スクロールするまでは非表示 */
    transition: background-color 0.3s ease, opacity 0.3s ease;/* ふわっと表示するためのアニメーション設定 */
    z-index: 10;
    width: 64px;
    height: 64px;
}
/* スムーズな表示/非表示のためのスタイル */
#CupStarWrap .back-to-top.show {
    display: block;
    opacity: 1;
}

/*=====================================================================================================
header
=====================================================================================================*/
#CupStarWrap header {
	background-color: #FFF;
	height: 80px;
	padding: 0 2%;
	margin: 0;
	box-sizing: border-box;
}
#CupStarWrap header #logo {
	width: 123px;
	padding: 15px 0 10px;
	box-sizing: border-box;
}
#CupStarWrap header #logo a {
	width: 100%;
}

@media (max-width:767px) {
	#CupStarWrap header { height: 55px; padding: 0 2%;}
	#CupStarWrap header #logo { width: 72px; padding: 14px 0 7px;}
}



/*=====================================================================================================
#kv
=====================================================================================================*/
#CupStarWrap #kv {
	width: 100%;
}
#CupStarWrap #kv .kv {
	position: relative;
	display: block;
	width: 100%;
} 
#CupStarWrap #kv .kv h1.mov_logo {
	position: absolute;
	top: 1.25%;
	left: 50%;
	width: 36.45%;
	margin-left: -18.3%;
	z-index: 3;
}
#CupStarWrap #kv .kv .mov_cupstar {
	position: absolute;
	top: 35%;
	left: 50%;
	margin-left: -24%;
	width: 48%;
	animation-delay: .8s;
}
#CupStarWrap .mov_key {
	position: absolute;
	top: -7%;
	left: 6%;
	width: 17.4%;
}
#CupStarWrap #kv .kv .mov_title {
	position: absolute;
	top: 17%;
	left: 50%;
	margin-left: -26%;
	width: 52%;
	animation-delay: 1.2s;
}
#kv .kv .mov_cupstar,
#kv .kv .mov_key,
#kv .kv .mov_title {
	opacity: 0;
}
#CupStarWrap #kv .kv .poyoyon-anim {
	animation: poyoyon .5s cubic-bezier(0.12, 0, 0.39, 0) forwards;
}

.gizagiza-bottom {
	/* ギザギザにカット */
	clip-path: polygon(
		0 0, 100% 0,
		100% calc(100% - 30px), 97.5% 100%, 95% calc(100% - 30px), 92.5% 100%, 90% calc(100% - 30px),
		87.5% 100%, 85% calc(100% - 30px), 82.5% 100%, 80% calc(100% - 30px), 77.5% 100%,
		75% calc(100% - 30px), 72.5% 100%, 70% calc(100% - 30px), 67.5% 100%, 65% calc(100% - 30px),
		62.5% 100%, 60% calc(100% - 30px), 57.5% 100%, 55% calc(100% - 30px), 52.5% 100%,
		50% calc(100% - 30px), 47.5% 100%, 45% calc(100% - 30px), 42.5% 100%, 40% calc(100% - 30px),
		37.5% 100%, 35% calc(100% - 30px), 32.5% 100%, 30% calc(100% - 30px), 27.5% 100%,
		25% calc(100% - 30px), 22.5% 100%, 20% calc(100% - 30px), 17.5% 100%, 15% calc(100% - 30px),
		12.5% 100%, 10% calc(100% - 30px), 7.5% 100%, 5% calc(100% - 30px), 2.5% 100%, 0 calc(100% - 30px)
	);
}
.gizagiza-top {
	clip-path: polygon(
		0 30px, 2.5% 0, 5% 30px, 7.5% 0, 10% 30px,
		12.5% 0, 15% 30px, 17.5% 0, 20% 30px, 22.5% 0,
		25% 30px, 27.5% 0, 30% 30px, 32.5% 0, 35% 30px,
		37.5% 0, 40% 30px, 42.5% 0, 45% 30px, 47.5% 0,
		50% 30px, 52.5% 0, 55% 30px, 57.5% 0, 60% 30px,
		62.5% 0, 65% 30px, 67.5% 0, 70% 30px, 72.5% 0,
		75% 30px, 77.5% 0, 80% 30px, 82.5% 0, 85% 30px,
		87.5% 0, 90% 30px, 92.5% 0, 95% 30px, 97.5% 0, 100% 30px,
		100% 100%, 0 100%
	);
}
@media (max-width: 1200px) {
	.gizagiza-bottom {
		/* ギザギザにカット */
		clip-path: polygon(
			0 0, 100% 0,
			100% calc(100% - 15px), 97.5% 100%, 95% calc(100% - 15px), 92.5% 100%, 90% calc(100% - 15px),
			87.5% 100%, 85% calc(100% - 15px), 82.5% 100%, 80% calc(100% - 15px), 77.5% 100%,
			75% calc(100% - 15px), 72.5% 100%, 70% calc(100% - 15px), 67.5% 100%, 65% calc(100% - 15px),
			62.5% 100%, 60% calc(100% - 15px), 57.5% 100%, 55% calc(100% - 15px), 52.5% 100%,
			50% calc(100% - 15px), 47.5% 100%, 45% calc(100% - 15px), 42.5% 100%, 40% calc(100% - 15px),
			37.5% 100%, 35% calc(100% - 15px), 32.5% 100%, 30% calc(100% - 15px), 27.5% 100%,
			25% calc(100% - 15px), 22.5% 100%, 20% calc(100% - 15px), 17.5% 100%, 15% calc(100% - 15px),
			12.5% 100%, 10% calc(100% - 15px), 7.5% 100%, 5% calc(100% - 15px), 2.5% 100%, 0 calc(100% - 15px)
		);
	}
	.gizagiza-top {
		clip-path: polygon(
			0 15px, 2.5% 0, 5% 15px, 7.5% 0, 10% 15px,
			12.5% 0, 15% 15px, 17.5% 0, 20% 15px, 22.5% 0,
			25% 15px, 27.5% 0, 30% 15px, 32.5% 0, 35% 15px,
			37.5% 0, 40% 15px, 42.5% 0, 45% 15px, 47.5% 0,
			50% 15px, 52.5% 0, 55% 15px, 57.5% 0, 60% 15px,
			62.5% 0, 65% 15px, 67.5% 0, 70% 15px, 72.5% 0,
			75% 15px, 77.5% 0, 80% 15px, 82.5% 0, 85% 15px,
			87.5% 0, 90% 15px, 92.5% 0, 95% 15px, 97.5% 0, 100% 15px,
			100% 100%, 0 100%
		);
	}
}
@media (max-width: 767px) {
	.gizagiza-bottom {
		/* ギザギザにカット */
		clip-path: polygon(
			0 0, 100% 0,
			100% calc(100% - 15px), 96% 100%, 92% calc(100% - 15px), 88% 100%, 84% calc(100% - 15px),
			80% 100%, 76% calc(100% - 15px), 72% 100%, 68% calc(100% - 15px), 64% 100%,
			60% calc(100% - 15px), 56% 100%, 52% calc(100% - 15px), 48% 100%, 44% calc(100% - 15px),
			40% 100%, 36% calc(100% - 15px), 32% 100%, 28% calc(100% - 15px), 24% 100%,
			20% calc(100% - 15px), 16% 100%, 12% calc(100% - 15px), 8% 100%, 4% calc(100% - 15px), 0 100%,
			/* ▼ ここから2つ追加 ▼ */
			-4% 100%, -8% calc(100% - 15px)
		);
	}
	.gizagiza-top {
		clip-path: polygon(
			0 15px,
    3.7% 0, 7.4% 15px, 11.1% 0, 14.8% 15px, 18.5% 0,
    22.2% 15px, 25.9% 0, 29.6% 15px, 33.3% 0, 37% 15px,
    40.7% 0, 44.4% 15px, 48.1% 0, 51.8% 15px, 55.5% 0,
    59.2% 15px, 62.9% 0, 66.6% 15px, 70.3% 0, 74% 15px,
    77.7% 0, 81.4% 15px, 85.1% 0, 88.8% 15px, 92.5% 0,
    96.2% 15px, 100% 0,
    100% 100%, 0 100%
		);
	}
}
#CupStarWrap #kv nav {
	width: 100%;
	padding-top: 30px;
	margin-top: -30px;
	background: url("../images/bg_nav.svg") repeat center top;
	background-size: cover;
}
#CupStarWrap #kv nav .navBox {
	width: 90%;
	max-width: 1025px;
	padding: 1% 0;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
}
#CupStarWrap #kv nav .navBox div {
	flex: 0 0 23%;
	max-width: 456px;
}


@media (max-width: 767px) {
	#CupStarWrap #kv .kv h1.mov_logo {
		top: 6.3%;
		left: 50%;
		margin-left: -25.6%;
		width: 49.8%;
	}
	#CupStarWrap #kv .kv .mov_cupstar {
		top: 35%;
		left: 50%;
		margin-left: -35%;
		width: 70%;
	}
	#CupStarWrap .mov_key {
		top: -3%;
		right: auto;
		left: 2%;
		width: 20%;
	}
	#CupStarWrap #kv .kv .mov_title {
		top: 21%;
		left: 50%;
		margin-left: -41%;
		width: 79%;
	}
	#CupStarWrap #kv nav .navBox {
		padding-bottom: 1%;
	}
}

/*=====================================================================================================
#genteipkg
=====================================================================================================*/
#CupStarWrap #genteipkg {
	background-color: #f3c3d1;
  background-image: radial-gradient(#f4cdd9 26%, transparent 29%),
                    radial-gradient(#f4cdd9 26%, transparent 29%);
  background-position: 0 0, 30px 30px;
  background-size: 60px 60px;
	padding: 6% 0 5%;
}
#CupStarWrap .inner {
	width: 80%;
	max-width: 1026px;
	margin: 3% auto 3%;
	border-radius: 60px;
	background-color: #FFF;
	position: relative;
}
#CupStarWrap #genteipkg .inner {
	border: rgba(243,181,199,1.00) solid 10px;
}
#CupStarWrap h2 {
	width: 80%;
	max-width: 650px;
	margin: -6% auto 1%;
}
#CupStarWrap h3 {
	margin: 5% auto;
}
#CupStarWrap #genteipkg h3 {
	width: 75%;
	max-width: 570px;
	margin: 5% auto 2%;
}
#CupStarWrap #genteipkg .txt_gentei_01 {
	width: 60%;
	max-width: 365px;
	margin: 0 auto 1%;
}
#CupStarWrap #genteipkg .genteipkgBox {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#CupStarWrap #genteipkg .genteipkgBox .genteipkgItem {
	flex: 0 0 45%;
	margin: 2% auto;
}
#CupStarWrap #genteipkg .genteipkgBox .genteipkgItem:first-of-type {
	flex: 0 0 80%;
	position: relative;
}
.icon01,
.icon02,
.chara01,
.chara02,
.chara03,
.chara04 {
	position: absolute;
}
.genteipkgItem:first-of-type .icon01 {
	width: 45%;
	top: -20%;
	left: -35%;
}
.genteipkgItem:first-of-type .icon02 {
	width: 45%;
	bottom: 0;
	right: -45%;
}
.genteipkgItem:first-of-type .chara01 {
	width: 20%;
	bottom: 0;
	left: -15%;
}
.genteipkgItem:first-of-type .chara02 {
	width: 35%;
	top: -10%;
	right: -40%;
}
#CupStarWrap #genteipkg .genteiFutaBox {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#CupStarWrap #genteipkg .genteiFutaBox .genteiFutaItem {
	flex: 0 0 48%;
	margin: 2% auto;
}
#CupStarWrap #genteipkg .genteiFutaBox .genteiFutaItem:last-of-type {
	position: relative;
}
#CupStarWrap #genteipkg .chara03 {
	width: 15%;
	bottom: -3%;
	left: -5%;
}
.genteiFutaItem:last-of-type .chara04 {
	width: 80%;
	bottom: -22%;
	right: -25%;
}
#CupStarWrap .genteipkgBtn {
	width: 55%;
	max-width: 406px;
	margin: 5% auto;
}



@media (max-width: 767px) {
	#CupStarWrap #genteipkg {
		padding: 5% 0 40px;
		background-image: radial-gradient(#f4cdd9 26%, transparent 29%),
                			radial-gradient(#f4cdd9 26%, transparent 29%);
  		background-position: 0 0, 15px 15px;
  		background-size: 30px 30px;
	}
	#CupStarWrap .inner {
		border-radius: 30px;
	}
	#CupStarWrap #genteipkg .inner {
		border: rgba(243,181,199,1.00) solid 5px;
	}
}

/*=====================================================================================================
#tentouCP
=====================================================================================================*/
#CupStarWrap #tentouCP {
	width: 100%;
	position: relative;
	background: url("../images/bg_tentou_cp.svg");
	background-size: 80px;
	padding: 5% 0;
	margin-top: -30px;
}
#CupStarWrap #tentouCP .inner {
	border: rgba(143,176,220,1.00) solid 10px;
}
#CupStarWrap #tentouCP h3 {
	width: 85%;
	max-width: 720px;
	margin: 2% auto;
}
#CupStarWrap #tentouCP h3:last-of-type {
	width: 40%;
	max-width: 228px;
	margin: 3% auto 1%;
}
#CupStarWrap #tentouCP .txt_tentou_01,
#CupStarWrap #tentouCP .txt_tentou_02 {
	position: relative;
	width: 90%;
	max-width: 894px;
	margin: 0 auto 1%;
}
#CupStarWrap #tentouCP .tentouBox {
	width: 80%;
	margin: 0 auto 3%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#CupStarWrap #tentouCP .tentouBox .tentouItem {
	flex: 0 0 45%;
	margin: 2% auto;
}
#CupStarWrap #tentouCP .tentouBox .tentouItem:first-of-type {
	flex: 0 0 80%;
	position: relative;
}
.tentouItem:first-of-type .chara01 {
	width: 20%;
	bottom: 0;
	left: -25%;
}
.tentouItem:first-of-type .chara02 {
	width: 40%;
	top: 0%;
	right: -40%;
}
.txt_tentou_02 .chara03 {
	width: 25%;
	top: -30%;
	right: -15%;
}
#CupStarWrap #tentouCP .txt_tentou_03 {
	width: 70%;
	max-width: 656px;
	margin: 0 auto 3%;
}
#CupStarWrap #tentouCP .img_tentou_01 {
	width: 90%;
	max-width: 866px;
	margin: 0 auto 3%;
}
#CupStarWrap #tentouCP .txt_tentou_04 {
	width: 40%;
	max-width: 353px;
	margin: 0 auto 3%;
}

@media (max-width: 767px) {
	#CupStarWrap #tentouCP {
		background-size: 40px;
		padding: 30px 0 40px;
	}
	#CupStarWrap #tentouCP .inner {
		border: rgba(143,176,220,1.00) solid 5px;
	}
}
/*=====================================================================================================
#ecsite
=====================================================================================================*/
#CupStarWrap #ecsite {
	width: 100%;
	position: relative;
	background: repeating-linear-gradient(135deg, #B7E1DC, #B7E1DC 20px, #A6DBD5 20px, #A6DBD5 40px);
	background-repeat: repeat;
	padding: 5% 0;
	margin-top: -30px;
}
#CupStarWrap #ecsite .inner {
	border: rgba(140,202,206,1.00) solid 10px;
}
#CupStarWrap #ecsite .ecH3 {
	width: 88%;
	max-width: 808px;
	margin: 2% auto 0;
	position: relative;
}
#CupStarWrap #ecsite .ecH3 h3 {
	width: 100%;
}
#CupStarWrap #ecsite .ecH3 .chara01 {
	width: 23%;
	bottom: -20%;
	right: 0%;
}
#CupStarWrap #ecsite .img_ecsite_01 {
	width: 51%;
	max-width: 520px;
	margin: 0 auto 3%;
}
#CupStarWrap #ecsite .txt_ecsite_01 {
	width: 65%;
	max-width: 551px;
	margin: 0 auto 3%;
	position: relative;
}
#CupStarWrap #ecsite .img_ecsite_02 {
	width: 65%;
	max-width: 693px;
	margin: 0 auto 3%;
	position: relative;
}
#CupStarWrap #ecsite .txt_ecsite_02 {
	width: 65%;
	max-width: 566px;
	margin: 0 auto 3%;
}
#CupStarWrap .ecsiteBtn {
	width: 70%;
	max-width: 587px;
	margin: 5% auto;
}
#CupStarWrap #ecsite .ecH3 .icon01 {
	width: 38%;
	bottom: -42%;
	left: -15%;
}
#CupStarWrap #ecsite .img_ecsite_02 .icon02 {
	width: 43%;
	max-width: 262px;
	top: -25%;
	right: -42%;
}
#CupStarWrap #ecsite .txt_ecsite_01 .chara02 {
	width: 45%;
	max-width: 272px;
	top: -50%;
	left: -48%;
}
#CupStarWrap #ecsite .img_ecsite_02 .chara03 {
	width: 20%;
	max-width: 99px;
	bottom: 0%;
	right: -20%;
}

@media (max-width: 767px) {
	#CupStarWrap #ecsite {
		background: repeating-linear-gradient(135deg, #B7E1DC, #B7E1DC 15px, #A6DBD5 15px, #A6DBD5 30px);
		padding: 30px 0 40px;
	}
	#CupStarWrap #ecsite .inner {
		border: rgba(140,202,206,1.00) solid 5px;
	}
	#CupStarWrap #ecsite h3 .icon01 {
		width: 45%;
		bottom: -52%;
		left: -21%;
	}
}

/*=====================================================================================================
#aboutTandJ
=====================================================================================================*/
#CupStarWrap #aboutTandJ {
	width: 100%;
	position: relative;
	background: url("../images/bg_tomandjerry.svg");
	background-size: 100%;
	padding: 5% 0 2%;
	margin-top: -30px;
}
#CupStarWrap #aboutTandJ h2 {
	width: 90%;
	max-width: 1094px;
	margin: 0 auto 2%;
	position: relative;
}
#CupStarWrap #aboutTandJ h2 .snsBox {
	width: 50%;
	margin: 0 auto 2%;
	position: absolute;
	bottom: 13%;
	left: 50%;
	margin-left: -25%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#CupStarWrap #aboutTandJ h2 .snsBox .snsItem {
	flex: 0 0 45%;
	width: 45%;
}
#CupStarWrap #aboutTandJ h2 .snsBox .snsItem:last-of-type {
	flex: 0 0 53%;
	width: 53%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	
}
#CupStarWrap #aboutTandJ h2 .snsBox .snsItem a {
	flex: 0 0 25%;
	width: 25%;
	display: inline-block;
}
#CupStarWrap #aboutTandJ h2 .tomandjerrySiteBtn {
	width: 36%;
	position: absolute;
	bottom: 7%;
	left: 50%;
	margin-left: -18%;
}
#CupStarWrap #aboutTandJ .copyright {
	width: 50%;
	max-width: 428px;
	margin: 1% auto 30px;
}

@media (max-width: 767px) {
	#CupStarWrap #aboutTandJ {
		padding: 30px 0 40px;
	}
	#CupStarWrap #aboutTandJ .copyright {
	width: 50%;
	max-width: 428px;
	margin: 1% auto 1%;
}
}

/*=====================================================================================================
footer
=====================================================================================================*/
#CupStarWrap footer {
	width: 100%;
	background: repeating-linear-gradient(90deg, #FFFACF, #FFFACF 30px, #FFFCDD 30px, #FFFCDD 60px);
	background-repeat: repeat;
	padding: 4% 0 3%;
	margin-top: -30px;
}
#CupStarWrap footer p {
	width: 90%;
	margin: 2% auto;
	text-align: center;
	font-size: 12px;
}
#CupStarWrap footer .bnrBox {
	width: 80%;
	max-width: 1000px;
	margin: 20px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
#CupStarWrap footer .bnrBox div {
	flex: 0 0 49%;
	max-width: 324px;
}
#CupStarWrap footer .sanyo_Btn {
	margin-right: 1%;
}
#CupStarWrap footer .cupstar_Btn {
	margin-left: 1%;
}
#CupStarWrap footer ul {
	width: 184px;
	margin: 2% auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#CupStarWrap footer ul li {
	width: 65px;
}

@media (max-width: 767px) {
	#CupStarWrap footer {
		background: repeating-linear-gradient(90deg, #FFFACF, #FFFACF 15px, #FFFCDD 15px, #FFFCDD 30px);
	}
	#CupStarWrap footer .bnrBox {
		width: 60%;
		margin: 20px auto;
		display: block;
	}
	#CupStarWrap footer .bnrBox div {
		width: 80%;
		margin: 5% auto;
	}
	#CupStarWrap footer .sanyo_Btn {
		margin-right: auto;
	}
	#CupStarWrap footer .cupstar_Btn {
		margin-left: auto;
	}
	#CupStarWrap footer ul {
		width: 90px;
	}
	#CupStarWrap footer ul li {
		width: 30px;
	}
}

/*キャンペーン終了部分*/
#CupStarWrap .closeArea {
	position: relative;
	padding: 3% 0;
}
#CupStarWrap .closeArea .closeBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	width: 95%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: rgba(0,0,0,0.8);
	border-radius: 100px;
}
#CupStarWrap .closeArea .closeBox div {
	flex: 0 0 90%;
	text-align: center;
	margin: 3% auto;
}
#CupStarWrap .closeArea .closeBox p {
	width: 100%;
	margin: 3% auto;
	font-size: 20px;
	color: #FFF;
	line-height: 135%;
}
#CupStarWrap .closeArea .closeBox p:first-of-type {
	display: block;
	width: 16em;
	font-size: 30px;
	padding: 30px 20px;
	border: solid 1px #FFF;
	background-color: #000;
}

@media (max-width: 767px) {
	#CupStarWrap .closeArea .closeBox {
		border-radius: 50px;
	}
	#CupStarWrap .closeArea .closeBox p {
		font-size: 15px;
	}
	#CupStarWrap .closeArea .closeBox p:first-of-type {
		display: block;
		width: 80%;
		font-size: 20px;
		padding: 10px 5px;
	}
}