@charset "UTF-8";
/* CSS Document */

body{
	/* ---- 背景色の変更 ---- */
	background: #FA3B48;
	/* -------- */
  color: #ffde02;
  font-size: 0.8em;
  font-weight: 400;
  font-family: "Mplus 1p", sans-serif;
  text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
  overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}

/* デフォルト設定 */

.img-responsive {
	width: 100%;
  height: auto;
}

.center {
  text-align: center;
}

.bottom {
	margin-bottom: 5%;
}

.main{
  position: relative;
}

header {
	margin-bottom: 5%;
}

/* クエスト対象作品 */

#thumbnail{
  width:100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
	position:absolute;
	/* ------ 高さはこちらで数値を調整してください ------ */
	top: 6.5%;
	/* ------ */
	right: 10%;
	bottom: 0;
	left: 0;
}

.item {
	width: 38%;
	margin: 0 3%;
	text-align: center;
}


/*  iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) and (-webkit-min-device-pixel-ratio: 2) {

}
/* iphone6+ */
@media only screen and (min-device-width: 414px) {

}