@charset "UTF-8";
body { background: url(../img/body_bg.jpg) 50% 0 no-repeat #000; background-size: contain; font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

.header { padding: 20px 0 0 0; }
.header h1 { border-bottom: 1px solid #faf3ab; border-top: 1px solid #faf3ab; text-align: center; padding: 10px; background: #000; }
.header h1 img { vertical-align: bottom; height: auto; width: 100%; }
.header p { text-align: center; line-height: 1.2; font-weight: bold; text-shadow: 0 1px 0 #f7cdcd; background: #e0ac21; margin: 10px; padding: 10px; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 5px rgba(0, 0, 0, 0.5); }
.header .red { color: #FF0000; font-size: 18px; }

.content { padding: 10px; }
.content__title { text-align: center; text-shadow: 1px 1px 0px #FF0000; color: #ffff49; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; }

.entryGroupList > ul > li { margin-bottom: 10px; }

.entryGroup { background: url(../img/entry_group_bg.png); padding: 14px; border-radius: 10px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.53); }
.entryGroup__title { text-align: center; line-height: 36px; background: url(../img/entry_group_title.png); margin: 0px -14px; margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #FFF; }
.entryGroup__title .small { font-size: 15px; }
.entryGroup ul:after { content: ""; display: block; clear: both; }
.entryGroup ul { text-align: center; }
.entryGroup li a{
	color:inherit;
	text-decoration: none;
}
.entryGroup li { margin-bottom: 10px; text-align: center; text-shadow: 0 0 5px rgba(75, 0, 0, 0.67); color: #FFF; width: 46%; display: inline-block; font-size: 11px; font-weight: bold; }
.entryGroup li img { border: 2px solid #dab335; box-shadow: 0 0 3px rgba(0, 0, 0, 0.41); vertical-align: bottom; margin-bottom: 5px; width: 100%; height: auto; box-sizing: border-box; }
.entryGroup li .large { font-size: 18px; }
.entryGroup li .small { font-size: 14px; }
.entryGroup li:nth-child(1) { margin-right: 8px; }
.entryGroup li:nth-child(3) { width: 30%; margin-bottom: 0px; margin-right: 3px; }
.entryGroup li:nth-child(4) { width: 30%; margin-bottom: 0px; margin-right: 3px; }
.entryGroup li:nth-child(5) { width: 30%; margin-bottom: 0px; }

.footer img { width: 100%; height: auto; }

/*上段写メ*/
@media screen and (max-width:770px){
.entryGroup li:nth-child(1) img,.entryGroup li:nth-child(2) img
{display: inline-block;width: 100%;height: 360px;}
}
@media screen and (max-width:669px){
.entryGroup li:nth-child(1) img,.entryGroup li:nth-child(2) img
{display: inline-block;width: 100%;height: 320px;}
}
@media screen and (max-width:599px){
.entryGroup li:nth-child(1) img,.entryGroup li:nth-child(2) img
{display: inline-block;width: 100%;height: 290px;}
}
@media screen and (max-width:500px){
.entryGroup li:nth-child(1) img,.entryGroup li:nth-child(2) img
{display: inline-block;width: 100%;height: 270px;}
}
@media screen and (max-width:480px){
.entryGroup li:nth-child(1) img,.entryGroup li:nth-child(2) img
{display: inline-block;width: 100%;height: 250px;}
}
@media screen and (max-width:430px){
.entryGroup li:nth-child(1) img,.entryGroup li:nth-child(2) img
{display: inline-block;width: 100%;height: 220px}
}
@media screen and (max-width:370px){
.entryGroup li:nth-child(1) img,.entryGroup li:nth-child(2) img
{display: inline-block;width: 100%;height: 180px;}
}


/*下段写メ*/
@media screen and (max-width:770px){
.entryGroup li:nth-child(3) img,.entryGroup li:nth-child(4) img,
.entryGroup li:nth-child(5) img{display: inline-block;width: 100%;height: 250px;}
}
@media screen and (max-width:669px){
.entryGroup li:nth-child(3) img,.entryGroup li:nth-child(4) img,
.entryGroup li:nth-child(5) img{display: inline-block;width: 100%;height: 200px;}
}
@media screen and (max-width:599px){
.entryGroup li:nth-child(3) img,.entryGroup li:nth-child(4) img,
.entryGroup li:nth-child(5) img{display: inline-block;width: 100%;height: 185px;}
}
@media screen and (max-width:500px){
.entryGroup li:nth-child(3) img,.entryGroup li:nth-child(4) img,
.entryGroup li:nth-child(5) img{display: inline-block;width: 100%;height: 160px;}
}
@media screen and (max-width:480px){
.entryGroup li:nth-child(3) img,.entryGroup li:nth-child(4) img,
.entryGroup li:nth-child(5) img{display: inline-block;width: 100%;height: 155px;}
}
@media screen and (max-width:401px){
.entryGroup li:nth-child(3) img,.entryGroup li:nth-child(4) img,
.entryGroup li:nth-child(5) img{display: inline-block;width: 100%;height: 150px;}
}
@media screen and (max-width:400px){
.entryGroup li:nth-child(3) img,.entryGroup li:nth-child(4) img,
.entryGroup li:nth-child(5) img{display: inline-block;width: 100%;height: 130px;}
}
/*# sourceMappingURL=main.css.map */
