#pop_caption {
	background: linear-gradient(#fdce00,#af4f00);
	color: #FFF;
	
	line-height: 25px;
	padding: 10px;
	max-width:1000px;
	margin:0 auto;
}

#pop_caption img {
	width:100%;
	}

#pop_caption p {
	font-size: 100%;
}

#pop_list_box {
	list-style-type: none;
	padding-top: 25px;
	max-width:1000px;
	height:auto;
	margin:0 auto;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap : wrap; 
	-webkit-flex-wrap : wrap; 
	flex-wrap:wrap;
}
	
#pop_list_box li {
	background: #000;
	}	
	
#pop_list_box li a {
	display: block;
}

.list_img {
	background-color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.list_caption p {
	line-height: 30px;
	color: #FFF;
	background: linear-gradient(#fdce00,#af4f00);
	text-align: center;
	font-size: 90%;

}

.attention {
	background-color:#000;
	position:relative;
	
	max-width:1000px;
	height:auto;
	padding:10px 10px 0 10px;
	margin:0 auto;
	margin-top:30px;
	color:#fff;
	border:2px solid #fff;
	}
	
.attention h1 {
	margin:0;
	padding:0;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
	}	
	
.attention h2 {
	border-bottom:1px dotted #fff;
	}

.attention li {	
	list-style-type: decimal;
	margin-bottom:10px;		
}

#pop_frame {
	width:69.2%;
	margin:0 auto;
	top:0;
	right:0;
	left:0;
	position: absolute;
	
	background:#ccc;
	}
	
#pop_frame img, #popButton_left img {
	width:100%;
	}	

#pop_button {
	max-width: 182px;
	height:auto;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}
	
.dl_top {
	max-width:180px;
	}	
	
.dl_content {
	padding:0 25px;
	min-height:830px;
	}	

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

body , html { /*ページ全体*/
    width:100%;
	height: 100%;
	background:#000;
	}

.pop_wrap {
	width:100%;

	}

.pop_inner {
	/*height:calc((100%) - (100vw * 0.053));
	
	overflow:hidden;
	height:calc((100% - 100vh * 0.053) - (100vw * 0.01));*/
	position:relative;
	max-width:1920px;
	height:100%;
	overflow:hidden;
	/*min-height:calc(100vh - 70px);
	min-height:calc(100% - 70px);*/
	background:url(../images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	
	top:70px;
	right:0;
	left:0;
	margin:0 auto;
	
	}

.pop_content {
	/*position:relative;
	width:100%;
	height:calc((100% - 100vh * 0.053) - (100vw * 0.04));
	
	overflow-y:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-bottom:15%;*/
	max-width:1300px;
	
	min-height:1060px;
	height:calc(100vh - 70px);
	/*height:calc((100% - 100vh * 0.053) - (100vw * 0.04));*/
	margin:0 auto;
	padding:0 25px;
	overflow:hidden;
	/*background:rgba(255,0,0,0.4);*/
	}

.pop_title {
	width:38.4%;
	margin:0 auto;
	margin-top:4%;
	}

#pop_list_box li {
	margin-bottom: 15px;
	border: 1px solid #fff;
	width: calc((100% - 25px * 4 ) / 5 - 0.1px);
	margin-right:25px;
	background: #000;
	
	/*font-size:1vh;*/
}
	
#pop_list_box li:nth-child(5n) {
	margin-right:0;
	}
/*
#pop_dl_page .nav {
	max-width:1300px;
	max-height:70px;
	height:100%;
	margin:0 auto;
	right:0;
	left:0;
	background-position:top center;
}				

#pop_dl_page .footer {
	max-width:1300px;
	margin: 0 auto;
	right:0;
	left:0;
	}
*/

#pop_caption {
	margin-top:70px;
	}

.footer {
	max-width:1300px;
	max-height:70px;
	margin:0 auto;
	right:0;
	left:0;
	position:relative;
	}
	
#pop_button a:hover {
	transition-duration:0.13s;
	opacity:0.8;
}	

}

@media screen and (max-width: 1300px){

.pop_inner {
	top:calc(100vw * 0.053);
}

}

@media screen and (max-width: 962px){

#pop_list_box li {
	width: calc((100% - 25px * 3 ) / 4 - 0.1px);
}

#pop_list_box li:nth-child(5n) {
	margin-right:25px;
	}

#pop_list_box li:nth-child(4n) {
	margin-right:0;
	}

	.list_caption p {
		font-size:1.48vw;
	}	
	
.dl_content {
	min-height:1000px;
	}	

}


@media screen and (max-width: 749px){

.pop_content, .dl_content {
	background-image:url(../images/back_pop_sp.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	}

.pop_content {
	padding-bottom:2.5%;
	}

.dl_content {
	padding-top:15%;
	padding-right:2.5%;
	padding-left:2.5%;
	}

.pop_title {
	width:66.6%;
	margin:0 auto;
	padding-top:4.5%;
	}

.attention {
	width:95%;
	}

#pop_button {
	width:24.2%;
	}

#pop_list_box li {
	margin-bottom: 15px;
	border: 1px solid #000;
	width: calc((100% - 2.5% * 1) / 2 - 0.1px);
	margin-right:2.5%;
	background:#000;
}

#pop_list_box li:nth-child(5n), #pop_list_box li:nth-child(7n) {
	margin-right:2.5%;
	}

#pop_list_box li:nth-child(2n) {
	margin-right:0px;
	}

.list_caption p {
	font-size: 90%;
	line-height: 30px;
	}

}

/*---フッターEND---*/