@charset "UTF-8";
html,body{
	margin: 0;
}
body {
    font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"Hiragino Sans","メイリオ",meiryo,sans-serif;
}
main{
	max-width: 750px;
	margin: 0 auto;
	background-color: #ffffff;
}
p{
	font-size: 16px;
	margin: auto;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
ul{
	margin: auto;
}
.kv{
	text-align: center;
}
.kv-ttl{
	margin: 0 0;
}
ul>li{
	list-style: none;
}
.mt-1rem{
	margin-top: 1rem;
}
.visually-hidden{
	display: none;
}
@media screen and (min-width: 768px) {
  .pc_only{display: block;}
  .sp_only{display: none;}
}
@media screen and (max-width: 767px) {
  .pc_only{display: none;}
  .sp_only{display: block;}
}

/*------- contents-main -------*/

.entry_bgimage{
	max-width: 780px;
	background-image: url(../images/entry_bgimage.png);
    margin: 0 auto;
    padding: 80px 0 70px;
}
#entryForm{
	display: flex;
	flex-direction: column;
	gap: 70px;
}
.entry_area{
	height: 175px;
	display: flex;
}
.entry_area p{
	font-size: 48px;
	line-height: 1.3;
	color: #eb003d;
	font-weight: bold;
}
.entry01,.entry02,.submit_wrap{
	position: relative;
	text-align: center;
}
.submit_wrap #selectGuide,.submit_wrap #submitBtn{
	font-size: 40px;
	font-weight: bold;
	width: 690px;
	height: 120px;
	margin: 0 auto;
}
.submit_wrap #selectGuide{
	border-radius: 8px;
	background-color: #d2d2d2;
	color: #7e7e7e;
}
.submit_wrap #submitBtn{
	border-radius: 8px;
	background-color: #014db3;
	color: #ffffff;
}

.custom-select {
	margin: 0 auto;
	position: relative;
	width: 690px;
	height: 120px;
	cursor: pointer;
	border-radius: 8px;
	overflow: visible;
	box-shadow: 0 6px 3px 3px rgba(255, 255, 0, 0.2);
}

.selected {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-color: #ffff00;
	color: #000000;
	font-size: 16px;
	border: none;
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
	user-select: none;
	border-radius: 5px;
	font-size: 46px;
	font-weight: bolder;
}

.options {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease;
	z-index: 10;
}

.options.open {
	max-height: 200px;
	overflow-y: auto;
}

.option {
	height: 75px;
	line-height: 75px;
	background-color: #ffffff;
	color: #7f7f7f;
	font-size: 40px;
	font-weight: bolder;
	white-space: nowrap;
	transition: background-color 0.2s;
	cursor: pointer;
}

.option:hover {
	background-color: #d7d7d7;
	color: #000000;
}


.campaignConvention_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}


.applicableCondition_title{
	height: 175px;
	display: flex;
	background-color: #e40145;
}

.cheeringCampaign_title{
	padding:50px 0;
	display: flex;
	background-color: #1589ec;
}

.applicableCondition_title p,.cheeringCampaign_title p{
	font-size: 48px;
	line-height: 1.3;
	color: #ffffff;
	font-weight: bold;
}

.applicableCondition_wrap{
	background-image: url(../images/application_bg.jpg);
	padding-top: 80px;
	padding-bottom: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.applicableCondition_wrap>a{
	display: block;
	margin: 0 auto;
	width: 662px;
}

.cheeringCampaign_wrap{
	background-image: url(../images/cheering_campaign_bg.jpg);
	padding-top: 80px;
	padding-bottom: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.cheeringCampaign_wrap a{
	display: block;
	margin: 0 auto;
	width: 694px;
}

@media screen and (max-width: 767px) {
	.entry_area{
		height: 120px;
	}
	.campaignConvention_wrap{
		height: 120px;
	}
	.applicableCondition_title{
		height: 120px;
		margin-top: 40px;
	}
	.cheeringCampaign_title{
		padding:25px 0;
	}
	.entry_area p{
		font-size: 24px;
	}
	.selected{
		font-size: 20px;
	}
	.option {
		height: 55px;
		line-height: 55px;
		font-size: 24px;
	}
	#entryForm{
		gap: 40px;
	}
	.entry_bgimage{
		padding: 45px 0 35px;
		margin-bottom: 40px;
	}
	.custom-select,.submit_wrap #selectGuide,.submit_wrap #submitBtn{
		width: 300px;
		height: 55px;
		font-size: 18px;
	}
	.campaignConvention_wrap{
		display: contents;
		width: 300px;
		margin: 0 auto;
	}
	.applicableCondition_wrap>a,.cheeringCampaign_wrap a{
		width: 300px;
	}
	.applicableCondition_title p,.cheeringCampaign_title p{
		font-size: 24px;
	}
	.applicableCondition_wrap{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.cheeringCampaign_wrap{
		padding-top: 40px;
		padding-bottom: 50px;
	}
}

.cpNotesFlame {
    display: none;
    border-left: 2px solid #D00E31;
    border-right: 2px solid #D00E31;
    border-bottom: 2px solid #D00E31;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
}

@media screen and (min-width: 641px) {
    section {
        padding: 40px 32px;
    }
}

.cpNotes {
    margin: 0 auto;
}

/*arrow*/

.custom-select .selected {
	position: relative;
	padding-right: 30px;
	cursor: pointer;
}

.custom-select .selected::after {
content: "";
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
background-image: url('../images/arrow.png');
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease;
}

.custom-select.open .selected::after {
transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 767px) {
	.custom-select .selected::after {
		right: 15px;
		width: 20px;
		height: 20px;
		}
}

/**/

.campaignConvention_wrap{
	width: 690px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
.cpNotesFlame{
	padding: 20px;
}
.cpNotesList{
	padding: 0;
}



/* ---------------------------------------------
*   l-container
--------------------------------------------- */
.l-container {
    max-width: 780px;
    margin-inline: auto;
    padding-inline: calc(var(--contents-side-padding) * 1px);
}
@media screen and (max-width: 767px) {
    .l-container {
        max-width: none;
        padding-inline: calc(var(--contents-side-padding) / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   l-container-wide
--------------------------------------------- */
.l-container-wide {
    position: relative;
    max-width: calc(var(--contents-width) * 1px + var(--contents-side-padding) * 2px);
    margin-inline: auto;
    padding-inline: calc(var(--contents-side-padding) * 1px);
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .l-container-wide {
        max-width: none;
        padding-inline: calc(var(--contents-side-padding) / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    padding-block: 0;
}
@media screen and (max-width: 767px) {
    .l-footer {
        padding-block: 0 calc(180 / var(--design-width) * 100vw);
    }
}
.l-footer__nav {
    padding-block: 22px 25px;
    background-color: var(--color-white-1);
}
@media screen and (max-width: 767px) {
    .l-footer__nav {
        padding-block: calc(43 / var(--design-width) * 100vw) calc(50 / var(--design-width) * 100vw);
        padding-block: 30px 25px;
    }
}
.l-footer__copyright {
    padding-block: 13px;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .l-footer__copyright {
        padding-block: calc(33 / var(--design-width) * 100vw);
        font-size: calc(26 / var(--design-width) * 100vw);
    }
}

/*  l-footer-nav
--------------------------------------------- */
.l-footer-nav__list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 3.1rem;
}
@media screen and (max-width: 767px) {
    .l-footer-nav__list {
        display: block;
        padding-inline: revert;
    }
}
.l-footer-nav__list + .l-footer-nav__list {
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    .l-footer-nav__list + .l-footer-nav__list {
        margin-top: 0.5rem;
    }
}
@media screen and (max-width: 767px) {
    .l-footer-nav__item + .l-footer-nav__item {
        margin-top: 0.5rem;
    }
}
.l-footer-nav__link {
    position: relative;
    color: var(--color-base-1);
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    padding-right: 24px;
    white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer-nav__link:hover {
        text-decoration: underline;
    }
}
@media screen and (max-width: 767px) {
    .l-footer-nav__link {
        padding-right: calc(43 / var(--design-width) * 100vw);
        font-size: calc(26 / var(--design-width) * 100vw);
    }
}
.l-footer-nav__link::before {
    content: "";
    position: absolute;
    top: 55%;
    right: 0;
    right: 0;
    display: block;
    width: 18px;
    aspect-ratio: 18/12;
    -webkit-mask: url(/special_contents/max_j-league/campaign/images/icon_outlink-2.svg) 0 0 no-repeat;
            mask: url(/special_contents/max_j-league/campaign/images/icon_outlink-2.svg) 0 0 no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: #000;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .l-footer-nav__link::before {
        width: 18px;
        background-color: #000;
        right: -20px;
    }
}

/* ---------------------------------------------
*   l-footer-pagetop
--------------------------------------------- */
.l-footer-pagetop {
    position: sticky;
    margin-inline: auto;
    max-width: calc(var(--contents-width) * 1px + var(--contents-side-padding) * 2px);
    bottom: 145px;
    z-index: 100;
}
@media screen and (max-width: 767px) {
    .l-footer-pagetop {
        bottom: calc(230 / var(--design-width) * 100vw);
        max-width: none;
    }
}
.l-footer-pagetop__btn {
    position: absolute;
    width: 54px;
    aspect-ratio: 1/1;
    bottom: -25px;
    right: 40px;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.l-footer-pagetop__btn img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
    .l-footer-pagetop__btn {
        bottom: calc(-40 / var(--design-width) * 100vw);
        right: calc(25 / var(--design-width) * 100vw);
        width: calc(80 / var(--design-width) * 100vw);
    }
    .footer_text_long .l-footer-nav__link::before{
      right: -5px;
      margin-top: 10px;
    }
}
.l-footer-pagetop__btn.is-show {
    visibility: visible;
    opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer-pagetop__btn {
        transition: opacity var(--hover-duration);
    }
    .l-footer-pagetop__btn:hover {
        opacity: var(--hover-opacity-ratio);
    }
}




.entry_area,.applicableCondition_title,.cheeringCampaign_title{
	justify-content: center;
	align-items: center;
}

.entry_area>div{
	width: 468.75px;
}

.applicableCondition_title>div{
	width: 430px;
}

.cheeringCampaign_title>div{
	width: 672px;
}

@media screen and (max-width: 767px) {
	.custom-select .selected::after {
		right: 15px;
		width: 20px;
		height: 20px;
	}

	.entry_area>div{
		width: 62.53%;
	}

	.applicableCondition_title>div{
		width: 57.33%;
	}

	.cheeringCampaign_title>div{
		width: 89.6%;
	}
}
/*251029*/
.bnrTopTtl{
  color: #ff0000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.bnrImg img{
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .bnrArea{
    margin-bottom: 80px;
  }
  .bnrTopTtl{
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .bnrArea{
    margin-top: 40px;
    padding: 0 3vw;
  }
  .bnrTopTtl{
    font-size: 4vw;
  }
}