@charset "utf-8";





/*==========================================================================

	            #top-header
	
============================================================================*/

#top-header {
    line-height: 0;
    position: relative;
    overflow: hidden;
}
#top-header .zyunbi {
    width: 86%;
    position: absolute;
    top: 17%;
    left: 7%;
}

#top-header #tptxt {
    width: 86%;
    position: absolute;
    bottom: 0%;
    left: 7%;
}

/*==========================================================================

	            #sec-movie 動画
	
============================================================================*/

#sec-movie {
    line-height: 0;
    padding: 7% 0;
    aspect-ratio: 16 / 9;
}
#sec-movie iframe {
    width: 100%;
    height: 100%;
}

/*==========================================================================

	            #sec-ranking ランキング
	
============================================================================*/

#sec-ranking {
    overflow: hidden;
}

/*----------------------------------- 
     全国ランキング
-----------------------------------*/

.ranking-box1 {
    position: relative;
    line-height: 0;
}
.ranking-box1 h3 {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    left: 5%;
}

#sadama01 {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 95%;
    left: 65%;
    font-size: clamp(1px, 2.0vw, 15px);
    text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
    
}

/*----------------------------------- 
     エリアMAP
-----------------------------------*/

.ranking-box2 {
    background: url("../img/top/ranking-area-bg.png") center 0 no-repeat;
    background-size: 100% auto;
    padding: 5%;
    line-height: 0;
    /*position: relative;*/
}
.ranking-box2 h2 {
    margin-bottom: 3%;
}
.ranking-box2 h3 {
    width: 75%;
    margin: 0 auto;
}

/*----------------------------------- 
     エリア別ランキング
-----------------------------------*/

.ranking-box3 {
    background: url("../img/top/separator-white.png") ,url("../img/top/contents-bg.png");
    background-repeat: no-repeat, repeat;
    background-position: center top, center top;
    background-size: 90% auto, 100% auto;
	padding: 5% 5% 5%;
}

.ranking-btn {
    width: 70%;
    margin: 0 auto;
}

#ranking-tohoku {
    background: url("../img/top/contents-bg.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #002a68;
}

.sadama02 {
    width: 100%;
    font-size: clamp(1px, 2.0vw, 15px);
    text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-bottom: 5%;
    
}
#ranking-kanto {
    background-color: #6b0012;
}
#ranking-tokai{
    background-color: #176800;
}
#ranking-kansai {
    background-color: #680054;
}
#ranking-kyushu {
    background-color: #2d2829;
}

/*----------------------------------- 
     準備中
-----------------------------------*/

#sec-ranking-jyunbi {
    line-height: 0;
    position: relative;
}
#sec-ranking-jyunbi::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
}


/*==========================================================================

	            #sec-participants  参加演者一覧
	
============================================================================*/

#sec-participants {
    background: url("../img/top/separator-gold.png") ,url("../img/top/contents-bg.png");
    background-repeat: no-repeat, repeat;
    background-position: center top, center top;
    background-size: contain, 100% auto;
    background-color: #3E3A39;
	padding: 8% 0 10%;
    overflow: hidden;
}

.participants-box1 {
    padding: 0 2% 5%;
}
.participants-box1 h2 {
    width: 60%;
    margin: 0 auto 3%;
}
ul.participants-btn {
    line-height: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    align-items: center;
}
ul.participants-btn li {
    width: 31%;
    margin: 0 1% 2%;
}

.participants-box2 {
    padding: 0 0 5%;
}
h2.participants-area {
    background-color: #000;
    color: #fff000;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 0.5em 0;
    margin-bottom: 2em;
}
ul.participants-list li {
    padding: 0 5% 5%;
}
ul.participants-list dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
}
ul.participants-list dt {
    width: 20%;
}
ul.participants-list dd {
    width: 75%;
}
ul.participants-list dd h3 {
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.3em;
}
ul.participants-list a.blank-icon {
    background: url("../img/top/blank-icon.png") right center no-repeat;
    background-size: 20px auto;
    padding-right: 25px;
}

@media screen and (max-width: 768px){
    h2.participants-area {
        font-size: 20px;
        font-size: 2.0rem;
    }
    ul.participants-list dd h3 {
        font-size: 20px;
        font-size: 2.0rem;
    }
}
@media screen and (max-width: 481px){
    ul.participants-list li {
        padding: 0 1% 5% 3%;
    }
    ul.participants-list dd h3 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}