@charset "UTF-8";
/* CSS Document */
@media (max-width: 750px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	body{
		font-size: 12px;
	}
	header{
		height: 50px;
	}
	header a{
		width: 60px;
		display: block;
		margin: 8px auto 5px 10px; 
	}
	header a img{
		width: 100%;
	}
	#top{
		padding: 10px 0px;
	}
	#top img{
		width: 90%;
		margin: auto;
	}
	.top_text{
		margin: auto;
		width: 80%;
		margin-bottom: 2em;
	}
	h1{
		width: 100%;
		margin: auto;
		padding-top: 30px;
	}
	h1 img{
		width: 100%;
		margin: auto;
	}
	#prize{
		background: repeating-linear-gradient(-225deg, rgba(255, 244, 103, 1), rgba(255, 244, 103, 1) 30px, rgba(255, 244, 103, 0.6004672897196262) 0, rgba(255, 244, 103, 0.6004672897196262) 50px);
	}
	.prize_flex{
		width: 88%;
		text-align: center;
		padding-bottom: 30px;
		margin: 30px auto 0px;;
	}
	.prize_flex img{
		width: 100%;
		margin-left: -5%;
		margin-bottom: 40px;
	}
	#jouken{
		background-image: linear-gradient(165deg, rgba(235, 116, 30, 1) 50%, rgba(30, 113, 179, 1) 50%);
		padding-bottom: 40px;
	}
	.jokenn_inner{
		width: 81%;
		background-color: #fff;
		border-radius: 15px;
		margin: 30px auto;
		padding: 30px 0px 10px;
		text-align: center;
	}
	.point_text{
		width: 86%;
		margin: auto;
	}
	.account{
		margin: 1em auto;
		width: 86%;
		font-size: 15px;
		text-align: left;
	}
	.oubo_btn{
		width: 80%;
		margin: 3em auto auto;
		text-align: center;
	}
	.oubo_btn p{
		font-size: 20px;
		margin: auto;
	}
	.oubo_btn p span{
		content: "";
		background-image: url("../img/oubo_kazari.png");
		height: 24px;
		width: 24px;
		display: inline-block;
		background-size: cover;
		vertical-align: middle;
		margin: 0px 0.2em 5px 0.2em;
	}
	.oubo_btn a{
		width: 100%;
	}
	.oubo_btn img{
		width: 100%;
	}
	.oubo_att{
		list-style: none;
		width: 80%;
		text-align: left;
		margin: 2em auto;
		line-height: 1.5em;
		padding: 0px 0px 0px 1em;
		text-indent: -1em;
	}
	.oubo_att li{
		margin-bottom: 1em;
	}
	.item{
		width: 85%;
		margin: 50px auto;
	}
	.item_title{
		width: 80%;
	}
	.item_1pt , .item_12pt{
		width: 100%;
		position: relative;
		margin-bottom: 50px;
	}
	.point_title{
		position: absolute;
		top: 20px;
		left: 0px;
		width: 95px;
	}
	.item_flex{
		display: flex;
		width: 80%;
		margin: auto;
		flex-wrap: wrap;
		justify-content: space-around;
		padding-top: 60px;
	}
	.item_flex img{
		width: 44%;
		margin: 3%;
	}
	.item_text{
		font-size: 20px;
		margin-top: 0px;
	}
	.item_text span{
		background-image: url("../img/milk_logo.png");
		width: 5em;
		height: 1.2em;
		background-size: 100%;
		display:inline-block;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-right: 0.2em;
	}
	.disney{
		text-align: left;
		font-weight: 400;
	}
	.milk_case{
		width: 83%;
		margin: 60px auto -10px;
	}
	
	.item_12pt ul{
		list-style: none;
		text-align: left;
		padding: 0px;
		width: 90%;
		margin: auto;
	}
	.item_12pt li{
		text-indent: -1em;
		margin-left: -1em;
		margin-bottom: 0.7em;
		padding-left: 1em;
	}
	.ECshop{
		width: 100%;
		margin-bottom: 3em;
	}
	.ECshop p{
		font-size: 17px;
	}
	.EClink{
		width: 75%;
		margin: -0.5em auto;
	}
	.EClink a{
		width: 100%;
		margin-bottom: 1em;
		display: inline-block;
	}
	.EClink img{
		width: 100%;
	}
	.oishisa{
		width: 90%;
		margin: auto;
	}
	.oishisa img{
		width: 100%;
	}
	.oishisa ul{
		width: 90%;
		text-align: left;
		list-style: none;
		margin: auto;
		padding: 0px 0px 30px 1em;
	}
	.oishisa li{
		text-indent: -1em;
		font-weight: 400;
	}
	#oubo{
		background-color: #60c3dc;
		padding-bottom: 30px;
	}
	.oubo_inner{
		background-color: #fff;
		border-radius:15px;
		width: 85%;
		margin: 20px auto;
		padding-bottom: 60px;
	}
	.step{
		width: 80%;
		margin: auto;
		padding-top: 40px;
	}
	.step_flex p{
		margin: 0px;
	}
	.step_flex{
		display: flex;
		font-size: 18px;
		align-items: flex-start;
		margin-bottom: 1.5em;
	}
	.step_flex img{
		width: 37px;
		margin-right: 0.5em;
	}
	.step_flex:nth-of-type(3) p{
		line-height: 1.2em;
	}
	.step_flex:nth-of-type(3) {
	}
	.step_flex span{
		display: block;
		text-indent: -1em;
		font-size: 14px;
		margin-left: 1em;
	}
	.oubo_inner ul{
		list-style: none;
		width:80%;
		margin: 1em auto 2em;
		padding: 0px 0px 0px 1em;
		font-weight: 400;
		text-indent: -1em;
	}
	.oubo_inner li{
		margin-bottom: 0.5em;
	}
	.youkou{
		background-color: #eb741e;
		width: 85%;
		margin: 50px auto;
		padding-top: 3px;
		border-radius: 15px;
	}
	.kiyaku_container {
		width: 90%; /* 幅: 600px */
		border-radius: 15px;
		padding-top: 1em;
	}
	.kiyaku_content h3 {
		color: #333333;
		font-size: 1.2em; /* ベースのフォントサイズに依存 */
		margin-top: 0.2em;
		margin-bottom: 0px;
	}
	.kiyaku_content ul{
		margin-top: 0.5em;
	}
	.kiyaku_content p, .kiyaku_content li {
		font-size: 12px; /* フォントサイズ: 16px */
		margin-bottom: 0.5em;
	}
	.kiyaku_content{
		width: 90%;
		margin-bottom: 1em;
	}
	
	.info{
		width: 90%;
		color: #fff;
		margin: 0px auto;
		padding-bottom: 30px;
	}
	.info h2{
		border-bottom: solid 1px #fff;
		font-size: 16px
	}
	.info p{
		text-align: center;
		font-size: 13px;
	}
	.info p span{
		font-size: 13px;
		text-align: center;
		text-indent: -5em;
		display: block;
		margin: auto;
		padding-left: 5em;
	}
	.info ul{
		list-style: none;
		padding: 0px;
		text-indent: -1em;
		padding-left: 1em;
	}
	footer{
		height: 40px;
		padding-top: 10px;
		text-align: right;
	}
	footer img{
		width: 150px;
		margin: auto 20px auto auto;
	}
}