#wrap {
	background: #000 url(/okome/images/main-bg.png) no-repeat scroll center top / 168%;
}
.main h2 {
	clear: both;
	width: 20%;
	margin: 1em 4%;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 90%;
	max-width: 1060px;
	margin: 110px auto 0;
}
.cm_box{
	width: 50%;
	max-width: 290px;
	/* 茶碗バージョンサイズ
	width: 30%;
	max-width: 130px; */
}
.prize{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 30%;
	
}
.hukidashi{
	position: relative;
}
.cm_animation{
	display: block;
	position: relative;
	width: 80%;
}
.cm_animation img{
	margin-left: 60px
}


/*===============================================
  画面の横幅が479px以下
===============================================*/

@media screen and (max-width: 479px) {
	.prize_pc{
		display: none;
	}
}

/*===============================================
  画面の横幅が480px以上
===============================================*/

@media screen and (min-width: 480px) {
	#wrap{
		min-height: auto;
		position: static;
	}
	#main_box_wrapper{
		padding-bottom: 0;
	}
	.prize{
		width: auto;
	}
	footer{
		position: static;
	}
	
}

/*===============================================
 ipad以上　768px
===============================================*/
@media screen and (min-width: 768px) {
		.main{
			margin: 0 auto 12rem;
			width: 100%;
			min-width: 768px;
			position: relative;
		}
		#wrap{
			background-size: auto;
		}
		.main h2{
			margin: 30px auto auto 10%;
			width: 167px;
		}
		.prize{
			display: none;
		}
		.prize_pc{
			width: 20%;
			max-width: 150px;
			position: absolute;
			right: 4%;
			top: 0;
		}
		.prize_pc:hover{
			opacity: 0.6;
		}

}
/*===============================================
 PC以上　1280px
===============================================*/
@media screen and (min-width: 1280px) {
	.main{
		width: 1060px;
	}

}

/*===============================================
 ワイド画面用分岐　1600px
===============================================*/

@media screen and (min-width: 1600px) {}


/*===============================================
TVCM
===============================================*/
.tvcm{
	margin-bottom: 1rem;
}
@media screen and (min-width: 769px){
	.tvcm {
		width: 1060px;
		margin: 0 auto 1rem;
		font-size: 112%;
		overflow: hidden;
	}
}
@media screen and (max-width: 480px){
	.tvcm {
		margin: 4% 0;
	}
}
.tvcm a{
    display: block;
    width: 50%;
}
@media screen and (max-width: 480px){
	.tvcm a{
		width: 90%;
		margin: 0 auto;
	}
}
.tvcm a:hover{
	opacity: .9;
}