@charset "utf-8";

/*****************************
					スマホ
*****************************/
@media screen and (max-width: 640px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block;
	}

	#mainvisual {
		margin-bottom: -30% !important;
	}

	.inner {
		background: url("../images/sp_mainvisual_inner.png") no-repeat;
		background-size: cover;
		background-position: top center;
		height: 100%;
		padding-top: 30%;
		position: relative;
		padding-bottom: 5%;
	}

	.inner:before {
		display: none;
	}

	.inner:after {
		display: none;
	}

	.copy {
		font-size: 1.4rem;
		padding: 0 10px;
	}

	.detail_btn {
		margin-top: 40px;
	}

	.participation {
		display: block;
		width: 100%;
		min-height: auto;
		background-color: #f5f0e1;
		position: relative;
		padding: 40px 10px;
	}

	.participation_icon_top {
		display: none;
	}

	.participation_icon_left {
		display: none;
	}

	.participation_icon_right {
		display: none;
	}

	.sanka_flow {
		max-width: 100%;
		width: 100%;
		margin: 0 auto 40px auto;
		display: flex;
		justify-content: initial;
		flex-wrap: wrap;
	}

	.sanka_flow li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.sanka_flow li:last-child {
		margin-bottom: 0;
	}

	.map:before {
		display: none;
	}

	.map:after {
		display: none;
	}

	ul.photo_list {
		padding: 0 10px;
	}

	ul.photo_list li {
		width: calc(100% / 2 - 2%);
		margin-right: 2%;
		position: relative;
	}


	ul.photo_list li:nth-child(even) {
		margin-right: 0;
	}


	p.prize_icon_left {
		display: none;
	}

	p.prize_icon_right {
		display: none;
	}

	.prize {
		display: block;
		width: 100%;
		min-height: auto;
		padding: 60px 0 50px 0;
	}

	.prize_list {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}

	.prize_col {
		width: 100%;
		padding: 0 10px;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.prize_col .text {
		font-size: 1.3em;
	}

	.important_area {
		display: block;
		padding: 40px 0;
		background-color: #fff;
	}

	.important_inner {
		padding: 0 10px;
	}

	#footer {
		padding: 30px 0;
	}

	#footer_logo {
		width: 85%;
		margin: 0 0 20px 0;
	}

	p.footer_text {
		font-size: 1.2rem;
	}

	.footer_logo2 {
		margin-right: 15px;
	}

}

/* sp */


/*****************************
					スマホ以外
*****************************/
@media screen and (min-width: 640px) {

	.pc {
		display: block;
	}

	.sp {
		display: none !important;
	}

	ul.photo_list li:nth-child(5n) {
		margin-right: 0;
	}


}

/* pc */



/*****************************
					880px以下
*****************************/
@media screen and (max-width: 880px) {
	#mainvisual {
		margin-bottom: -17%;
	}



}