html{overflow-x: hidden;}
article{font-size: 0;}
footer{padding-top:30px;}

/* PC環境
--------------------------------------------------*/
@media only screen and (min-width: 780px) {
img.icon{width: 5%;}
img.iconR{width: 5%;}
}

@media only screen and (min-width: 1300px) {
#genre {
		margin-left: 30%;
		margin-right: 30%;
		margin-bottom: 2%;
		padding: 1px 5px;
		border-left: 5px solid #000;
		border-top:1px solid #CCC;
		border-right: 5px solid #000;
		border-bottom:1px solid #CCC;
	  background: #f4f4f4;
	}
}

/* スマホ・タブレット環境
--------------------------------------------------*/
@media screen and (max-width: 779px) {
img.icon {width: 25%;}
img.iconR {width: 25%;}
}

@media screen and (max-width: 1299px) {
#genre {
		margin-bottom: 5%;
		padding: 1px 5px;
		border-left: 5px solid #000;
		border-top:1px solid #CCC;
		border-right: 5px solid #000;
		border-bottom:1px solid #CCC;
	  background: #f4f4f4;
	}
}

/*共通
--------------------------------------------------*/
img.icon {
	border: 1px solid #000000;
	margin:5px;
}

img.iconR{
	border: 1px solid #AD002D;
	margin:5px;
}

#genre ul { padding:0px;}
#genre li {	display: inline; }
#genre li::before{content: "/";}
#genre li a {
	text-decoration: none;
	padding: 10px 15px;
	color: black;
	font-size: 15px;
	letter-spacing: 0.1em;
	-webkit-transition: all 0.2s
  }
#genre li a:hover {	color:green; }