@charset "shift_jis";
/* CSS Document */

#contents {
	max-width: 980px;
	width:100%;
	margin: 0 auto;
	padding: 0px 0 57px;
	text-align: left;
}



.ct_box {
	background: url(../images/bg_movie.gif);
	position:relative;
}

#contents h1.pokemon_hd {
	margin-bottom:20px;
}


.ct_box a.btn_totop {
	width:15%;
	max-width:140px;
	display:block;
	float:right;
	margin:0 20px 10px 0;
}

.ct_box .ct_inbox {
	margin: 0 20px;
	overflow: hidden;
	clear: both;
}


.ct_box .list_box {
	padding: 20px;
	overflow: hidden;
	background:#000 ;
	border: solid 1px #7ABB27;
	border-radius: 10px;
	
	-webkit-box-shadow: inset 0 0 20px 5px rgba(0,142,66,0.75);
	box-shadow: inset 0 0 20px 5px rgba(0,142,66,0.75);
}

.ct_box .list_box .list_inbox {
	background:url(../images/bg_loop.gif) center center;
	
	padding:20px 0;
	
	-webkit-box-shadow: inset 0 0 20px 5px rgba(0,0,0,1);
	box-shadow: inset 0 0 20px 5px rgba(0,0,0,1);
}
.ct_box .list_inbox .ttl {
	display:block;
	margin:0 auto 10px;
	max-width:724px;
	width:80%;
	height:auto;
}
.ct_box .list_inbox .img {
	display:block;
	margin:0 auto;
	max-width:772px;
	width:90%;
	height:auto;
	margin-bottom:20px;
}

.ct_box .list_inbox .pokemonfan {
	display:block;
	margin:0 auto;
	max-width:872px;
	width:100%;
	height:auto;
}

.content_pc {
	display:block;
}

.content_sp {
	display:none;
}




.ct_box .ct_inbox .flex-container{
	display: -webkit-flex; /* Safari */
	display: flex;

	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
  
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
	
	margin: 40px 0 40px 15px;
}
.ct_box .ct_inbox .flex-container .btn_each{
	display: block;
	width: 30%;
	margin: 0 1% 20px;
}
.ct_box .ct_inbox .flex-container .btn_each img{
	display: block;
	width: 100%;
	height: auto;
}
.ct_box .ct_inbox .flex-container .btn_each p{
	display: block;
	width: 100%;
	height: auto;
	background: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	padding: 10px 0;
}
.ct_box .ct_inbox .flex-container .btn_each a{
text-decoration: none;
}
.ct_box .ct_inbox .flex-container .btn_each a:hover img,
.ct_box .ct_inbox .flex-container .btn_each a:hover p {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}




.mv_ttl{
display: block;
margin: 0 auto;
width: 90%;
text-align: center;
font-size: 24px;
font-weight: bold;
color :#FFFF00
}
.mv_ttl img{
width: 100%;
height: auto;
}








@media (max-width:979px){

/*.ct_box .list_box section .list_inbox {
	margin-right:0;
	
	display: -webkit-flex;
	display: -moz-box;
  display: -ms-flexbox;
	display: flex;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}*/
}