@charset "utf-8";

/* 不要コンテンツ非表示設定 */
nav#Gnavi.scrollHeader {
	display: none;
}
#FooterAppBnr {
	display: none;
}
#FooterMenu {
	display: none;
}
.button-hide ::before {
	display: none;
}
/* 共通幅設定 */
._inner {
	width: auto;
	padding: 3rem 0;
}
._content {
	width: 100%;
}
/* 共通ボタン */
.apply {
	margin-top: 3rem;
}
.apply a {
	display: block;
}
.apply .line_img {
	width: 100%;
}
.date_img {
    width: 80%;
    margin: 0 auto 10px;
}

/* keyvisual */
.kv .botton_area {
    bottom: 8.4vw;
    /* WSYS-11252 【フロント】2000万人突破キャンペーン終了対応 20240801 M.Shimizu */
    right: 0;
}
.kv p {
    right: 5px;
    bottom: 3px;
    font-size: 0.7rem;
}
.kv .botton_area p {
    padding: 5px;
    font-size: 1.0rem;
}
.kv .module-base_btn {
    min-width: 50vw;
    height: 9vw;
    padding: 0 8vw;
    font-size: 1.2rem;
    line-height: 9vw;
}

/* end campaign*/
/* WSYS-11252 【フロント】2000万人突破キャンペーン終了対応 20240801 M.Shimizu */
.end_campaign {
    width: 100%;
    margin: 20px auto 0;
    padding: 10px;
    font-size: 1.2rem;
}
.howto .end_campaign {
    width: 80%;
    margin-inline: 10%;
}
.notice .end_campaign {
    width: 94%;
    margin-inline: auto;
}

/* prize */
.prize::after {
    width: 90%;
    height: 17vw;
    background: url(../../images/contents/cp/20million202407/prize_bg_sp.png?date=20240711) no-repeat center/ contain;
    content: "";
}
.prize .prize_sup p {
    padding-inline: 16px;
    font-size: 0.7rem;
    text-align: left;
    line-height: 1.2;
}
.prize_content {
    width: 88%;
}
.prize ._inner ._title {
    margin-bottom: 50px;
}
.prize .prize_box .prize_box_inner {
    /* WSYS-11252 【フロント】2000万人突破キャンペーン終了対応 20240801 M.Shimizu */
    margin-bottom: 20px;
    padding: 40px 10px 0;
    border: solid 5px #0071bc;
}
/* prize a賞 */
.prize .prize_box .prize_box_inner .prize_item.prize_a {
    top: -60px;
    width: 100%;
}
.prize .prize_box .prize_box_inner .prize_item {
    flex-direction: row-reverse;
    position: static;
}
.prize .prize_box .prize_box_inner.prize_a::before {
    top: -50px;
    left: -20px;
    width: 117px;
    height: 110px;
}
.prize .prize_box .prize_box_inner.prize_a::after {
    top: -50px;
    left: -20px;
    width: 120px;
    height: 117px;
}
.prize .prize_box .prize_a ._img {
    width: 75%;
}
.prize .prize_box .prize_a ._img img {
    width: 100%;
}
.prize .prize_box .prize_a ._text {
    width: 25%;
    line-height: 1.4;
}
.prize .prize_box .prize_a ._text p:first-child {
    padding: 4px 8px;
    font-size: 1.6rem;
}
.prize .prize_box .prize_a ._text p:last-child {
    font-size: 2.2rem;
}
.prize .prize_box .prize_box_inner ._textblue {
    margin-bottom: 40px;
    padding-top: 20px;
    font-size: 1.6rem;
}
.prize .prize_box .prize_box_inner ._textblue span::after {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../../images/contents/cp/20million202407/kira.png?date=20240711) no-repeat center/ cover;
}
/* prize b賞 */
.prize .prize_box .prize_box_inner .prize_item.prize_b {
    flex-direction: row;
    justify-content: space-between;
    position: static;
    width: 100%;
    margin: 0 auto 30px;
}
.prize .prize_box .prize_box_inner .prize_item.prize_b ._img {
    position: relative;
    width: 72%;
}
.prize .prize_box .prize_box_inner .prize_item.prize_b img {
    width: 100%;
}
.prize .prize_box .prize_box_inner .prize_item.prize_b ._img::after {
    display: block;
    position: absolute;
    top: -40px;
    right: -20px;
    width: 90px;
    height: 90px;
    background: url(../../images/contents/cp/20million202407/prize_b.png?date=20240711) no-repeat center/ cover;
    content: "";
}
.prize .prize_box .prize_box_inner .prize_item.prize_b ._img::before {
    position: absolute;
    top: -36px;
    right: -22px;
    width: 90px;
    height: 90px;
    background: url(../../images/contents/cp/20million202407/icon_shadow.png?date=20240711) no-repeat center/ cover;
    content: "";
}
.prize .prize_box .prize_box_inner .prize_item.prize_b ._text {
    width: 25%;
}

/* prize c,d賞 */
.prize .prize_box.prize_c,
.prize .prize_box.prize_d {
    width: 100%;
    margin-bottom: 0;
}
.prize .prize_box .prize_box_inner.prize_c::before,
.prize .prize_box .prize_box_inner.prize_d::before,
.prize .prize_box .prize_box_inner.prize_e::before  {
    left: -20px;
    width: 90px;
    height: 90px;
}
.prize .prize_box .prize_box_inner.prize_c::after,
.prize .prize_box .prize_box_inner.prize_d::after,
.prize .prize_box .prize_box_inner.prize_e::after {
    top: -36px;
    left: -18px;
    width: 92px;
    height: 90px;
}
.prize .prize_box .prize_box_inner.prize_c,
.prize .prize_box .prize_box_inner.prize_d {
    height: auto;
    padding: 10px;
}
.prize .prize_box .prize_box_inner.prize_c ._img,
.prize .prize_box .prize_box_inner.prize_d ._img {
    width: 40%;
}
.prize .prize_box .prize_c ._text p:first-child,
.prize .prize_box .prize_d ._text p:first-child {
    padding: 4px 8px;
    font-size: 1.6rem;
}
.prize .prize_box .prize_box_inner.prize_c ._text,
.prize .prize_box .prize_box_inner.prize_d ._text {
    width: 60%;
}
.prize .prize_box .prize_c ._text p:nth-child(2),
.prize .prize_box .prize_d ._text p:nth-child(2) {
    width: 100%;
    margin-bottom: 6px;
    font-size: 2.0rem;
}
.prize .prize_box .prize_c ._text p:nth-child(2) span:nth-child(4),
.prize .prize_box .prize_d ._text p:nth-child(2) span:nth-child(4) {
    font-size: 60%;
}
.prize .prize_box .prize_box_inner .bg_blue {
    padding: 6px;
}
/* prize e賞 */
.prize .prize_box .prize_box_inner.prize_e {
    justify-content: space-between;
    padding: 10px;
}
.prize .prize_box .prize_box_inner.prize_e .prize_box_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    padding: 20px;
}
.prize .prize_box .prize_box_inner.prize_e::before {
    background: url(../../images/contents/cp/20million202407/prize_e.png?date=20240711) no-repeat center/ cover;
}
.prize .prize_box .prize_box_inner.prize_e ._img {
    width: 36%;
    object-fit: contain;
}
.prize .prize_box .prize_box_inner.prize_e ._text {
    width: 60%;
}
.prize .prize_box .prize_e ._text p:first-child {
    padding: 4px 8px;
    font-size: 1.6rem;
}
.prize .prize_box .prize_box_inner.prize_e .bg_blue {
    width: 100%;
}
.prize .prize_box .prize_e ._text p:nth-child(2),
.prize .prize_box .prize_d ._text p:nth-child(2) {
    margin-bottom: 6px;
    font-size: 2.0rem;
}

/* howto */
.howto ._inner ._title {
    margin-bottom: 50px;
}
.howto ._inner .howto_content ul {
    flex-direction: column;
    margin-bottom: 0;
}
.howto ._inner .howto_content ul li {
    flex-direction: row-reverse;
    width: 100%;
    margin-bottom: 40px;
    padding: 24px 20px 20px;
    background: #fff;
}
.howto ._inner .howto_content ul li.step1::before,
.howto ._inner .howto_content ul li.step2::before,
.howto ._inner .howto_content ul li.step3::before {
    left: -20px;
    transform: translateX(0%);
    width: 130px;
}
.howto ._inner .howto_content ul li.step1::before {
    background: url(../../images/contents/cp/20million202407/step1.png?date=20240711) no-repeat center/ contain;
}
.howto ._inner .howto_content ul li.step2::before {
    background: url(../../images/contents/cp/20million202407/step2.png?date=20240711) no-repeat center/ contain;
}
.howto ._inner .howto_content ul li.step3::before {
    background: url(../../images/contents/cp/20million202407/step3.png?date=20240711) no-repeat center/ contain;
}
.howto ._inner .howto_content ul li.step1::after,
.howto ._inner .howto_content ul li.step2::after {
    top: 100%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 0;
    border-right: 40vw solid transparent;
    border-left: 40vw solid transparent;
    border-top: 4vw solid #fff;
    border-bottom: 0;
}
.howto ._inner .howto_content ul li img {
    width: 40%;
    margin-bottom: 0;
}
.howto ._inner .howto_content ul li p {
    width: 60%;
    font-size: 1.4rem;
}

/* notice */
.notice ._title {
    margin-bottom: 30px;
}
.notice .notice_content {
    width: 100%;
}
.notice .notice_detail {
    width: 94%;
    margin-inline: auto;
}
.notice .notice_detail h2 {
	font-size: 2.0rem;
	padding: 10px 0 0;
}
.notice .notice_detail_list {
	border: 5px solid #f7931e;
	padding: 1rem;
}