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

strong{
font-weight: bold;
}

h1.title_s{
padding: 20px 0;
text-align: center;
}
h1.title_s img{
max-width: 300px;
width: 90%;
}

h1.saigai_tit{
padding: 20px 0;
text-align: center;
}
h1.saigai_tit img{
max-width: 490px;
width: 90%;
}



.wrap{
margin:20px auto;
padding: 10px;
max-width: 1000px;
}
.wrap h2{
background: #0068B7;
border-radius: 5px;
color: #FFFFFF;
font-size: 30px;
margin: 0 auto 15px;
padding:5px 10px;
}
.wrap h3{
border-left: 3px solid #0068B7;
font-size:25px;
padding: 5px;
}
.wrap p{
margin-bottom: 20px;
padding: 10px;
}

.wrap ul.faq li{
  padding-left:2em;
  margin: 15px 0;
  text-indent: -1em;
}
.wrap ul.faq li.question{
font-weight: bold;
}

.top_wrap{
padding: 0;
}

/*パンくずリスト*/
.breadcrumb{
background:#EDEDED;
text-align: left;
line-height: 14px;
z-index: 99;
margin-bottom: 15px;
padding: 10px;
color: #000000;
}
.breadcrumb p {
font-size: 12px;
padding-right: 10px;
max-width: 680px;
margin: auto;
}
.breadcrumb a:link, .breadcrumb a:visited {
color: #0068B7;
font-weight: bold;
text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:active {
color:#0068B7;
text-decoration: underline;
}

.page_naiyou{
border: 1px solid #C9C9C9;
margin:30px auto;
padding: 10px;
max-width: 630px;
}
.page_naiyou h3{
border-left: 3px solid #0068B7;
font-size:25px;
padding: 5px;
}
.page_naiyou p{
padding: 10px;
}

/*youtubeレスポンシブ*/
.movie-wrap {
    position: relative;
    padding-bottom: 51%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*アーカイブリスト*/
#archive_list{margin:20px auto 20px;max-width: 700px;
}
#archive_list h3{
background: #3F3F3F;
color: #FFFFFF;
font-weight: bold;
padding: 10px;
text-align: center;
}
#archive_list ul{
background: #F8F8F8;
/*border: 1px solid #8E8E8E;*/
padding: 10px;
}
#archive_list ul li{
border-bottom: 1px dashed #D0D0D0;
font-size: 14px;
padding: 10px;
}
#archive_list ul li:last-child{
border-bottom:none;
}


/*アーカイブリストサムネ付き*/
#archive_list_sm{
max-width: 700px;
margin:0 auto 20px;
}
#archive_list_sm h3{
background: #3F3F3F;
color: #FFFFFF;
font-weight: bold;
padding: 10px;
text-align: center;
}
#archive_list_sm ul{
background: #F8F8F8;
/*border: 1px solid #8E8E8E;*/
padding: 10px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: auto;
}
#archive_list_sm ul li{
border-bottom: 1px dashed #D0D0D0;
font-size: 14px;
padding: 10px;
width: 320px;
}
@media screen and (max-width: 745px) {
#archive_list_sm ul li{
border-bottom: 1px dashed #D0D0D0;
font-size: 14px;
padding: 10px;
width: 90%;
}
}
#archive_list_sm ul li:last-child{
border-bottom:none;
}
#archive_list_sm ul li dl{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:flex-start;
	align-items: center;
	flex-wrap: nowrap;
	margin: auto;
}
#archive_list_sm ul li dl dt{
width: 250px;
}#archive_list_sm ul li dl dt img{
width: 100%;
}
#archive_list_sm ul li dl dd{
padding: 10px;
text-align: left;
width: 400px;
}





.archive_back_btn{
margin: 40px auto 0;
text-align: center;
}
a.back_btn {
background:#065DB8;
-webkit-border-radius: 7;
-moz-border-radius: 7;
border-radius: 7px;
color: #FFF;
	display:block;
font-size: 15px;
margin:0 auto;
padding: 10px 0;
text-align: center;
text-decoration: none;
	max-width: 250px;
	width:90%;
}
a.back_btn:hover {
background:#005092;
text-decoration: none;
}


.bangumi_btn{
margin: 20px auto 0;
text-align: center;
}
a.page_btn {
	background: #FFE500;
	-webkit-border-radius: 7;
	-moz-border-radius: 7;
	border-radius: 7px;
	color: #000000;
	display:block;
	font-size: 15px;
	margin: 5px auto;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	max-width: 250px;
	width:90%;
}
a.page_btn:hover {
	background:#FDC500;
	text-decoration: none;
}





.movie-contents{
width: 90%;
margin: auto;
}

/*試合配信しスケジュール*/
#matchSchedule{
max-width: 700px;
margin: 25px auto;
}
#matchSchedule table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #979797;
		font-size: 14px;
	margin: auto;
	width: 100%;
}
#matchSchedule table caption{
background: #E7E7E7;
border: 1px solid #979797;
border-bottom: none;
font-size: 18px;
font-weight: bold;
padding: 10px 0;
text-align: center;
}
#matchSchedule th {
	border: 1px solid #979797;
	padding: 8px;
	vertical-align: top;
}

#matchSchedule td {
	border: 1px solid #979797;
		padding:8px;
	text-align:left;
}


.haishin_w{
background: #292C31;
color: #FFFFFF;
padding: 25% 0;
text-align: center;
max-width: 650px;
}
.haishin_parade{
background: #292C31;
color: #FFFFFF;
padding: 10px 0;
text-align: center;
max-width: 650px;
}

#archive_outer{
margin: 15px auto;

}

/*===========
archive backnum
====================*/
.backnum_rcccarp_wrap{
	max-width:700px;
	margin: auto;
	padding: 30px 0;
}

.backnum_rcccarp_wrap h3{
    background: #3F3F3F;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
    text-align: center;
	margin-bottom: 10px;
}

ul.backnum_wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}

ul.backnum_wrap li{
	width:49%;
	margin-bottom:0.5em;
	margin-right:2%;
	background: #ECECEC;
	padding:0.5em;
	box-sizing: border-box;
}

ul.backnum_wrap li:nth-child(even){
	margin-right: 0;
}

ul.backnum_wrap li:hover{
	background: #D8D8D8!important;
}

ul.backnum_wrap li img{
	width: 30%;
	float: left;
}

ul.backnum_wrap li p{
	width: 65%;
	float: right;
	font-size: 0.8em;
}

.back_date{
	display: block;
	font-weight: normal;
	font-size: 0.9em;
}

@media only screen and (max-width: 480px) {
ul.backnum_wrap li img{
	width:100%;
	float:none;
}

ul.backnum_wrap li p{
	width: 100%;
	float: none;
}
}

/*===========
archive 3column backnum
====================*/
.backnum_3column_wrap{
	max-width:1000px;
	margin: auto;
	padding: 30px 0;
}

.backnum_3column_wrap h3{
    background: #3F3F3F;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
    text-align: center;
	margin-bottom: 10px;
}

ul.backnum3_wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:center;
    align-content: center;
}

ul.backnum3_wrap li{margin:0 auto;margin-bottom:0.5em;margin-right:1%;padding:0.5em;background:#ECECEC;width:32%;display:inline-block;box-sizing:border-box;}
ul.backnum3_wrap li:nth-child(3n){margin-right:0;}
ul.backnum3_wrap li:hover{background: #D8D8D8!important;}
ul.backnum3_wrap li img{width: 30%;float: left;}
ul.backnum3_wrap li p{font-size: 0.8em;width:65%;float:right;}
.back_date{font-weight: normal;font-size: 0.9em;display: block;}

@media only screen and (max-width:640px) {
ul.backnum3_wrap li{width:49%;}
ul.backnum3_wrap li img{width:100%;float:none;}
ul.backnum3_wrap li p{width: 100%;float: none;}
}