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

.contents h1 {letter-spacing: .2em;text-indent: .2em;}

.league {padding-bottom:4em;}
.page_header {padding:3.5%;text-align:center;margin-bottom:1em;}
.league_in {background: #fff;margin: 0 3% 2em;padding:0 0 2em;}

.league_list {display:flex;flex-wrap: wrap;padding:0 1.5%;}
.league_list li {width:46%;margin:0 2% .8em;}
.league_list li a {padding:0;background:#fff;display:block;}
.league_list .photo {position:relative;border-radius: 5px;overflow: hidden;}
.league_list .photo span {display:block;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top: 56.25%;}
.league_list .photo:before , .league_list .photo:after {content:"";position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);z-index:1;}
.league_list .photo:before {width: 0;height: 0;border-style: solid;border-width: .5em 0 .5em .7em;border-color: transparent transparent transparent #fff;z-index:2;margin-left: .1em;}
.league_list .photo:after {background-color: rgba(255,255,255,0);width:2.5em;height:2.5em;display:block;border-radius:50%;border:1px solid #fff;}
.league_list .caption {font-size:.9em;text-align:center;margin:.5em 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;}

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

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

@media screen and (min-width:768px) {
.league {padding-bottom: 80px;}

.league_list li {margin-bottom:2em;}
.league_list .caption {font-size:1em;}
}

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

.page_header {padding: 2.5%;}
.league_in {padding: 0 0 60px;max-width: 960px;margin: 0 auto;}
.league_list li {width:31.33%;margin:0 1% 2em;}

}

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



}

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

@media screen and (min-width:1280px) and (min-height:800px) {
}

@media screen and (max-height:880px) {
}

@media only screen
    and (min-device-width:320px)
    and (max-device-width:1334px) {
}