@charset "UTF-8";
/* CSS Document */
/*-----201209-----*/
ol{
    list-style: decimal;
}
ol li{
	margin-bottom: 1em;
}
.game_day section {
}
.site-main{
margin: 0;
}
.site-main p{
	margin:0;
}
.site-main p.maincopy{
	margin-bottom: 50px;
}
.inner a{
	color:#ff0000;
}

.ranking_block1{
	background-color: #e8f4d8;
}
.ranking_block1{
	color: #39b54a;
}
.ranking_block2{
	background-color: #ffe4ee;
}
.ranking_block2{
	color: #ed1e79;
}
.ranking_block3{
	background-color: #dcf1fa;
}
.ranking_block3{
	color: #3fa9f5;
}

.ranking_block h3,
.odai strong,
.rankkikan strong,
.ranking_date strong{
	color: inherit;
}
.rankkikan span,
.ranking_date span{
	color: #333;margin-left: 15px;
}

.game_day section h3{
}
.game_day section h4{
	margin-bottom: 30px;
}
.game_day section h4:last-child{
	margin-bottom: 0;
}
@media (max-width: 700px) {
	.game_day section {
		
	}
}
.ranking_block {
	padding: 60px 20px;
	/*background-color: #fff;*/
	margin-bottom: 20px;
	text-align: center;
}
.ranking_block h3{    font-size: 40px;
    margin-bottom: 40px;
    font-weight: 900;
}
.ranking_block .text{
	color: #333333;
    margin-block: 20px;
}
.ranking_block .odai span{
	color: #333333;
	font-size: 24px;
    font-size: 30px;
}
.ranking_block .odai {
display: flex;
justify-content: center;
    margin-block: 20px;
	align-items: center;
}
.ranking_block .odai strong{
	font-size: 16px;margin-right: 20px;
	display: block;
}
.site-main p.kousin{
	color:#ffffff;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-top: 20px;

}

.overview_block table th{
	background: #585858;
	font-weight: 700;
	text-align: center;
}

.ranking_block .ranking_date{
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}
.site-main p.rankkikan{
margin-bottom: 	10px;
    background-color: #ffffff;
    padding: 5px 25px;
    border-radius: 35px;
    display: inline-block;
    margin-top: 0px;
}
.game_day .bx-wrapper .bx-pager a {
	background-color: #f39800;
}
.game_day .bx-wrapper .bx-pager a:hover, .game_day .bx-wrapper .bx-pager a.active {
	background-color: #ea5514;
}
.game_day .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	padding-top: 50px;
	width: 50px;
	height: 0;
	display: flex;
	margin-top: -25px;
	outline: 0;
	text-indent: -9999px;
	z-index: 9999;
	background-size: contain;
	border-radius: 50px;
	background-size: 14px;
}
.game_day .ranking_block1 .bx-wrapper .bx-controls-direction a {
	background-color: #036eb8;
}
.game_day .ranking_block2 .bx-wrapper .bx-controls-direction a {
	background-color: #036eb8;
}
.game_day .ranking_block3 .bx-wrapper .bx-controls-direction a {
	background-color: #036eb8;
}
.game_day .bx-wrapper .bx-next {
	background-position: right 15px center;
	background-image: url(../images/ranking_slide_arrow_l.svg);
	background-repeat: no-repeat;
}
.game_day .bx-wrapper .bx-prev {
	background-position: left 15px center;
	background-image: url(../images/ranking_slide_arrow_r.svg);
	background-repeat: no-repeat;
}
.game_day .bx-wrapper .bx-pager {
	padding: 0;
}
.slide_outer {
	max-width: 700px;
	margin: auto;
}
.ranking_fo {
	/*background-color: #dbf0f9;*/
}
.ranking_bc {
	/*background-color: #fce5f2;*/
	padding-top: 50px;
}
.ranking_block1 .ranking_list li {
	border: solid 1px #036eb8;
	background-color: #036eb8;
}
.ranking_block2 .ranking_list li {
	border: solid 1px #036eb8;
	background-color: #036eb8;
}
.ranking_block3 .ranking_list li {
	border: solid 1px #036eb8;
	background-color: #036eb8;
}
.ranking_num {
	font-weight: 700;
	color: #fff;
	font-size: 30px;
	justify-content: center;
	align-items: center;
	display: flex;
}
.ranking_num span {
	width: 55px;
}
.ranking_num .small {
	width: auto;
	font-size: 14px;
	font-weight: 400;
	padding-top: 10px;
}
.ranking_count {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
}
.ranking_count .small {
	font-size: 12px;
	font-weight: 400;
}
.ranking_count span, .ranking_num span {
	line-height: 1 !important;
}
.ranking_list {
	padding: 0 50px;
}
.ranking_list li {
	display: flex;
	margin-bottom: 10px;
	border-radius: 5px;
	align-items: stretch;
	min-height: 50px;
}
.ranking_list li:last-child {
	margin-bottom: 0;
}
.ranking_list p.ranking_num {
	margin: 0;
	width: 90px;
	flex-shrink: 0;
}
.ranking_list p.ranking_count {
	margin: 0;
	width: 140px;
	flex-shrink: 0;
}
.ranking_list a {
	width: 100%;
	flex-shrink: 1;
	background-color: #fff;
	padding: 10px 15px;
	text-align: left;
	display: flex;
	align-items: center;
	font-size: 20px;
	flex-wrap: wrap;
}
.ranking_caution {
	text-align: left;
	max-width: 600px;
	margin: auto;
}
.ranking_caution li {
	margin-bottom: 20px;
}
.ranking_caution li:last-child {
	margin-bottom: 0px;
}
.ranking_caution li p {
	padding-left: 2em;
	position: relative;
	margin: 0;
}
.ranking_caution li p span {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
	color:#ff5c00;
}


	.pctopimg,
	.sptopimg{
		display: block;
		width: 100%;
	}

.block1{
	text-align: center;
    padding: 60px 0;
}
.block1 h2{
	font-weight: 900;
	font-size: 40px;
	margin-bottom: 20px;
}
.block1 p{
	font-weight: 700;
	font-size: 26px;
}
.prize_block{
	padding-bottom: 60px;
	text-align: left;
}
.prize_block img{display: block;
	margin: auto;
	margin-bottom: 40px;
}
.prize_block h3{margin-bottom: 20px; color: #3fa9f5;
font-size: 26px;
    margin-top: 40px;
}
.prize_block p{
	text-align: left;
}
.notes_block{
}

.inner{
}

@media (max-width: 700px) {
	.ranking_list {
		padding: 0;
	}
	.game_day .bx-wrapper .bx-controls-direction a.bx-prev {
		top: auto;
		bottom: -53px;
		left: 0px;
		background-position: left 11px center;
	}
	.game_day .bx-wrapper .bx-controls-direction a.bx-next {
		top: auto;
		bottom: -53px;
		right: 0px;
		background-position: right 11px center;
	}
	.game_day .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: -40px;
	}
	.game_day .bx-wrapper .bx-controls-direction a {
		padding-top: 40px;
		width: 40px;
		margin-top: -25px;
		background-size: 11px;
	}
}
@media (max-width: 640px) {
	.site-main p.rankkikan{
		font-size: 12px;
	}
	.ranking_block {
		/*padding: 40px 15px;*/
	}
	.ranking_list p.ranking_num {
		width: 60px;
	}
	.ranking_num {
		font-size: 20px;
	}
	.ranking_num span {
		width: auto;
		padding: 0 2px;
	}
	.ranking_num .small {
		font-size: 12px;
		padding-top: 6px;
	}
	.ranking_list a {
		font-size: 16px;
		padding: 5px 10px;
	}
	.ranking_list p.ranking_count {
		font-size: 12px;
		margin: 0;
		padding: 0;
		width: 70px;
	}
}
@media (min-width: 901px) {
	.sptopimg{
		display: none;
	}
	.game_day_header_sp{
		display: none;
	}
}
@media (max-width: 900px) {
	.pctopimg{
		display: none;
	}

	.game_day_header{
	display: none;}
	.game_day_header_sp,
	.game_day_header_sp img{
		width: 100%;
		display: block;
	}
}
/*
	.ranking_list li{
		flex-direction: column;
		margin-bottom: 15px;
	
	}
	.ranking_list li:last-child{
		margin-bottom: 0;
	}
.ranking_list p.ranking_num {
	width: auto;
	padding: 5px 10px;;
    justify-content: flex-start;
	}
	.ranking_list p.ranking_count{
		width: auto;
	}
.ranking_list p.ranking_count {
    width: auto;
    justify-content: flex-end;
    padding: 5px 10px;
}*/


.shukeichu{
	background: #ffffff;
	border-radius: 20px;
	padding: 100px 20px;
	width: 100%;
	font-size:20px;
	font-weight: 800;

}


.gameliver_ranking{
    background-color: #4d4d4d;
    color: #fff;
	position: relative;
}
.gameliver_ranking .ranking_block1,
.gameliver_ranking .ranking_block2,
.gameliver_ranking .ranking_block3{
	position: relative;
	overflow: hidden;
}
.gameliver_ranking .ranking_block1 .inner,
.gameliver_ranking .ranking_block2 .inner,
.gameliver_ranking .ranking_block3 .inner{
	position: relative;
	z-index: 10;
}
.gameliver_ranking .ranking_block1:before,
.gameliver_ranking .ranking_block2:before,
.gameliver_ranking .ranking_block3:before{
	position: absolute;
	z-index: 1;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	left: 50%;
    transform: skew(-15deg,0);
    transform-origin: 0% 100%;
}
.gameliver_ranking .ranking_block1:before{background-color:#002a04;}
.gameliver_ranking .ranking_block2:before{background-color:#350404;}
.gameliver_ranking .ranking_block3:before{background-color:#002a5b;}

.gameliver_ranking .ranking_block h3,
.gameliver_ranking .odai strong,
.gameliver_ranking .rankkikan strong,
.gameliver_ranking .ranking_date strong{color: #fff;}
.gameliver_ranking .rankkikan strong{color: #333;}
.gameliver_ranking .ranking_block,
.gameliver_ranking .block1{
	background-color: #000;
}
.titlebg_b,
.titlebg_m,
.titlebg_g{
	text-align: center;
	padding: 20px;
	font-size: 28px;
}
.titlebg_b,
.titlebg_m{margin-bottom: 60px;}
.titlebg_b{background-image: url("images/titlebg_b.jpg");}
.titlebg_m{background-image: url("images/titlebg_m.jpg");}
.titlebg_g{background-image: url("images/titlebg_g.jpg");}
.gameliver_ranking .ranking_block{margin-bottom: 0;
border-bottom: solid 2px #fff;
}

.gameliver_ranking .ranking_date span,
.gameliver_ranking .ranking_block .odai span,
.gameliver_ranking .ranking_block .text{
	color: #fff;
}
.gameliver_ranking .ranking_caution li p span{color: #fff;}


.game_day .gallery{
	margin-bottom: 0;
}
.prize_block .gallery img{
	margin-bottom: 0;
}

.gallery-columns-2 .gallery-item {
    max-width: 100%;
}
@media (min-width: 701px) {
	.game_day .gallery{
    display: flex;
	}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
}


section a:link:not([class]){
text-decoration: underline;
color: #FF0000;
}
.textlink{
color: #FF0000;
text-decoration: underline;
font-size: 18px;
}
.textlink:hover{
text-decoration: none;
}
.site-main p {
margin-top: 20px;
margin-bottom: 0;
}

.site-main p :first-child{

}
.site-main p.leadtext{
padding: 0;
font-weight: 700;
font-size: 20px;
	text-align: center;
}

.site-main p.leadtext2{
padding: 0;
font-weight: 700;
font-size: 26px;
	text-align: center;
}

#campaign_information p.kikan {
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15px;
    color: #000;
    font-weight: 900;
    font-size: 1.4rem;
}

section > div{
padding: 80px 20px;
}
section > div.kv_block{padding: 0;}
section > div .inner{
max-width: 700px;
margin: auto;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
section > div h2{
text-align: center;
margin-bottom:60px;
line-height: 1.4;
    font-size: 30px;
}
section > div h2 span{
font-size: 12px;
    letter-spacing: 0.2em;
    display: block;
    text-align: center;
    margin-left: 0.1em;
}
h1,
h1 img{width: 100%;
display: block;
}
h3{
position: relative;
padding-bottom: 9px;
color: #FF0000;
font-weight: 700;
display: block;
text-align: center;
margin-bottom: 20px;
margin-top: 60px;
}
h3:after{
content: "";
background-color: #FF0000;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
display: block;
margin: auto;
height: 4px;
width: 80px;
background-color: #FF0000;
}
h3:first-child{
margin-top: 0;

}
.btn_skew{
	max-width: 500px;
	width: 100%;
	display: block;
	margin: auto;
	margin-top: 40px;
}
.btn_skew img{
	width: 100%;
}

#overview{
color: #fff;
background-color: #000;
	background-image: url(../17live-game-day/images/blk-blackbg.jpg);
	background-size: cover;
}
#guest{
color: #fff;
background-color: #FF0000;
	background-image: url(../17live-game-day/images/blk-redbg.jpg);
	background-size: cover;
}

#guest{
color: #fff;
}
#guest h3{
color: #fff;
}
#guest h3:after{
background-color: #fff;
}

#rule{
color: #000;
	background-image: url(../17live-game-day/images/blk-glaybg.jpg);
	background-size: contain;
}
#how_to_apply{
color: #fff;
background-color: #0000FF;
	background-image: url(../17live-game-day/images/blk-bluebg.jpg);
	background-size: contain;
}

#how_to_apply p{
text-align: left;
}
#how_to_apply h3{
color: #FFFF00;
}
#how_to_apply h3:after{
background-color:#FFFF00;
}
#campaign_information{
color: #fff;
background-color: #000;
	background-image: url(../17live-game-day/images/blk-blackbg.jpg);
	background-size: contain;
}
#campaign_information img{
max-width: 100%;
height:auto;
margin: auto;
margin-top: 40px;
}
#campaign_information p{
	text-align: left;
}
#notes{
color: #000;
	background-image: url(../17live-game-day/images/blk-glaybg.jpg);
	background-size: contain;
}

#guest ul{
display: flex;
align-items: center;
justify-content:center;
flex-wrap: wrap;
}
#guest ul li{
margin-top: 30px;
width: 100%;
}
#guest ul li h4{
font-weight: 700;
font-size: 20px;
}
#guest ul li h4 span{
font-size: 14px;
}
#guest ul li img{width: 100%;
height: auto;
margin: 0
}
#guest ul li:first-child{
margin-top: 0;
}

@media (min-width: 601px) {

#guest ul li{
width: calc(33.33% - 20px * 3 / 2);
margin-right: 20px;
}
#guest ul li:nth-child(-n + 3){
margin-top: 0;
}
#guest ul li:nth-child(3n){
margin-right: 0;
}
}
@media (max-width: 600px) {

#guest ul{
justify-content: flex-start;
}
#guest ul li{
width: calc(50% - 10px);
margin-right: 20px;
}
#guest ul li:nth-child(-n + 2){
margin-top: 0;
}
#guest ul li:nth-child(2n){
margin-right: 0px;
}
}


#rule{
color: #000;
}
#rule th,
#rule td{
box-sizing: border-box;
width: 50%;
padding: 10px;
}
.table1{
display: flex;
justify-content: center;

}
@media (min-width: 601px) {
.table1 li{
width: calc(50% - 10px);
margin-right: 20px;
}
.table1 li:nth-child(2n){
margin-right: 0px;
}
}
#notes .inner{
/*display: flex;*/
justify-content: center;

}
#notes p:not([class]){
text-align: left;
}
#notes .inner ol li{
text-align: left;
}
.side_applybtn{
position: fixed;
z-index: 10;
right: 0;
top: 200px;
max-width: 60px;
width: 10%;
height: auto;
}