@charset "UTF-8";

/* lauout
**************************************************************************************************/
.cells { display:table; width:100%; height:100%; }
.cells .cell { display:table-cell; vertical-align:middle; }
#header-sp { display:none; }
.sp { display:none; }

/* 基本設定
******************************************************************************************** */
html { }
body { text-align:center; margin:0px; padding:0px; border:0px; background:url(/images/other/soccer_2020/bg.png); color:#000; text-align:left; }
div,img,h1,h2,h3,h4,h5,h6,p,form,pre { margin:0px; padding:0px; border:0px; display: block; }
div div { font-size:100%; }
ul,li,ol,dl,dt,dd { margin:0px; padding:0px; list-style:none; list-style-image:none; }
input,select { font-size:12px; line-height:1em; }
fieldset { border:none; margin:0px; padding:0px; }
hr,legend { display:none; }
pre { font-size:12px; }
img { vertical-align:top; }

a { color:#0060b0; text-decoration:underline; font-size:100%; }
a:hover { color:#0060b0; text-decoration:none; }
a img {  }


/* 共通レイアウト設定
******************************************************************************************** */
div#wrapper { width:756px; margin:0px auto; padding:0px 0px; background:#fff; }
div#wrapperinner { padding:5px 2px 2px 2px; position:relative; }
div#logoarea { position:absolute; left:-180px; top:10px; text-align:center; width:161px; text-align:center; }
div#logoarea h1 { margin-bottom:25px; }
div#logoarea p { margin-bottom:15px; }
div#logoarea img { display:inline; }
div#header { padding:10px; }
div#header p#logo_mini { width:423px; float:left; }
div#header p#krytop { width:127px; float:right; }
div#navigation { height:58px; margin-bottom:2px; }
div#navigation ul { }
div#navigation ul li { float:left; }
div#navigation ul li img { }

/* トップページ設定
******************************************************************************************** */
div#mainimg { text-align:center; padding:0px 0px 30px 0; }
div#mainimg img { display:inline; width:100%; }
div#top_date { text-align:center; padding:10px 30px 30px 30px; font-size:92%; position:relative; }
div#top_date img { display:inline; }
div#top_date dl { width:560px; margin:0px auto; padding:10px 0px; position:relative; }
div#top_date dl dt { width:80px; float:left; clear:left; text-align:left; padding-bottom:3px; }
div#top_date dl dt.first { padding-top:15px; }
div#top_date dl dd { width:465px; margin-left:90px; text-align:left; padding-bottom:15px; line-height:1.4; font-size:85%; }
div#top_date dl dd img { margin-bottom:10px; }
div#top_date table { width:100%; border-collapse:collapse; border-spacing:0; }
div#top_date table th,
div#top_date table td { padding:5px 5px; line-height: 1.6; }
div#top_date table td { text-align:center; vertical-align:middle; }
div#top_date table td.school { font-size:24px; font-weight:bold; vertical-align:middle; width:240px; }
div#top_date table td.school  span { font-size:12px; }
div#top_date table .date { font-size:16px; font-weight:bold; padding:0px; }
div#top_date table .date span { font-size:21px; }
div#top_date table td.announce { font-size:13px; padding:0px; }
div#top_date table td.vs { }
div#top_date table td.vs span.fin { display:block; margin-top:8px; font-size:16px; font-weight:bold; padding:0px; }
div#top_date table th { vertical-align:top; text-align:center; font-size:16px; font-weight:bold;  }
div#top_date table th img { margin-bottom:10px; }

#movie { }
#movie h2 { text-align: center; font-size: 21px; color: #004cb8; margin-bottom: 0.6em; margin-top: 1em;}
#movie p { padding: 0 5%; text-align: center; }
#movie .cards { margin-top: 2em; margin-bottom: 5em; padding: 0 50px; display: flex; justify-content: space-between; }
#movie .card { width: 48%; }
#movie .card p { text-align: left; padding: 0; margin-top: 10px;}
#movie .embed { width: 100%; height: 0; position: relative; padding-top: 56.25%; overflow: hidden; }
#movie .embed iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

p.sponsor { text-align:center; margin:0px 30px; border-top:1px solid #dfdfdf; padding:20px 0px; }
p.sponsor img { display:inline; width: 100%; height: auto; }
div#author { text-align:center; padding:10px 20px; margin:0px 30px; font-size:92%; position:relative; background:#fff; padding:10px; border-top:1px solid #dfdfdf; }
div#author dl { margin:0px auto; padding:10px 0px; position:relative; }
div#author dl dt { width:70px; float:left; clear:left; text-align:left; padding-bottom:3px; font-size:13px; }
div#author dl dd { overflow:hidden; margin-left:70px; text-align:left; padding-bottom:3px; font-size:13px; }

.imgtxt.guest { display: flex; margin-top: 2em; margin-bottom: 1em; }
.imgtxt.guest .img { width: 30%; }
.imgtxt.guest .img img { width: 100%; height: auto; }
.imgtxt.guest .txt { text-align: left; padding-left: 1em;}
.imgtxt.guest .txt h3 { margin-bottom: 1em; }
.imgtxt.guest .txt p { font-size: 14px; }
.imgtxt.guest .txt p span { font-size: 18px; font-weight: bold; }

/* 下層設定
******************************************************************************************** */
div#main { width:700px; margin:0px auto; padding-top:20px; }
div#main h2 { padding:5px; border-bottom:1px solid #DFDFDF; margin-bottom:20px; }
div#main h3 { margin-bottom:20px; margin-left:5px; font-size:16px; line-height:1.1em; }
div#main h3.bullet { background:url(/images/other/soccer_2020/bullet01.gif) top left no-repeat; padding-left:12px; }
div#main h4 { margin-bottom:10px; font-size:14px; background:#DFDFDF; padding:5px; }
div#main div.block { padding-bottom:40px; }
div#main div.block table.schedule { margin-bottom:20px; width:100%; }
div#main div.block table.schedule th { width:100px; padding:4px 8px; border-bottom:1px solid #DFDFDF; font-size:13px; vertical-align:top; text-align:left; }
div#main div.block table.schedule td { padding:4px 8px; border-bottom:1px solid #DFDFDF; font-size:13px; vertical-align:top; }
div#main div.block table.schedule th img,div#main div.block table td img { display:inline; }
div#main div.block table#tonament { margin:0px; }
div#main div.block table.tournament { margin:0px auto; }
div#main div.block .tonament_r { font-size:11px; color:black; text-align:right; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
div#main div.block .tonament_c { font-size:11px; color:black; text-align:center; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
div#main div.block .tonament_l { font-size:11px; color:black; text-align:left; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
div#main div.block .tonament_d { font-size:10px; color:black; text-align:left; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
div#main div.block table.resulttbl { width:100%; margin:0px auto; border-collapse:collapse; border-bottom:1px solid #DFDFDF; border-right:1px solid #DFDFDF; }
div#main div.block table.resulttbl th { text-align:left; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.resulttbl th.th01 { background:#010200; color:#FFF; }
div#main div.block table.resulttbl th.th02 { background:#EFEFEF; }
div#main div.block table.resulttbl td { text-align:left; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.resulttbl2 { width:90%; margin:0px auto 15px auto; border-collapse:collapse; border-bottom:1px solid #DFDFDF; }
div#main div.block table.resulttbl2 th { text-align:center; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; background:#010200; color:#FFF; }
div#main div.block table.resulttbl2 td { text-align:center; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.pasttbl { width:100%; margin:0px auto; border-collapse:collapse; border-bottom:1px solid #DFDFDF; border-right:1px solid #DFDFDF; }
div#main div.block table.pasttbl th { text-align:cebter; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.pasttbl th.th01 { background:#010200; color:#FFF; text-align:center; }
div#main div.block table.pasttbl th.th02 { background:#EFEFEF; width:20px; text-align:center; }
div#main div.block table.pasttbl td { text-align:left; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.pasttbl td.year { text-align:right; width:60px; }
div#main div.block table.pasttbl td.sname { }
ul.otherresult { margin:12px; padding:0px; list-style:none; }
ul.otherresult li { width:150px; float:left; padding-bottom:5px; }
ul.otherresult li a { background:url(/images/other/soccer_2020/arrow_gry_r4.gif) top left no-repeat; padding-left:17px; }
.btn { margin:20px auto; }
.btn a { display:block; border:2px solid #000; padding:15px; text-align:center; color:#000;  }
.btn a:hover { background:#000; color: #fff; }
.pdf { width:60%; }
.btn_close { padding-top:20px; }

/* CLEARFIX CONFIG
******************************************************************************************** */
.clrfix:after,
#header:after,
#topicpath:after,
#main:after,
#contents:after,
#sitenv:after,
#btmnv:after,
#footer:after,
#footerinner:after,
.txt_pic:after,
.txtspan:after,
.inner:after,
.block:after,
.box:after,
.lcnvtitle:after { 
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clrfix,
#header,
#topicpath,
#main,
#contents,
#sitenv,
#btmnv,
#footer,
#footerinner,
.txt_pic,
.txtspan,
.inner,
.block,
.box,
.lcnvtitle {  
	display:inline-table;
	min-height:1%;
}

* html .clrfix,
* html #header,
* html #topicpath,
* html #main,
* html #contents,
* html #sitenv,
* html #btmnv,
* html #footer,
* html #footerinner,
* html .txt_pic,
* html .txtspan,
* html .inner,
* html .block,
* html .box,
* html .lcnvtitle { 
	height:1px;
}

.clrfix,
#header,
#topicpath,
#main,
#contents,
#sitenv,
#btmnv,
#footer,
#footerinner,
.txt_pic,
.txtspan,
.inner,
.block,
.box,
.lcnvtitle {  
	display:block;
}


@media screen and (max-width: 768px) {
	
	body { background:#fff; }

div#wrapper { width:100%; padding:0 15px;}
div#logoarea { display:none; }

.splogo { padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #54c3f1; }
.splogo img { width:100%; height:auto; } 
	.splogo span { display:block; text-align:center; color:#004cb8; font-size:16px; font-weight: bold; margin-top: 5px; }

div#header { display:none; }
div#navigation { display:none; }
div#mainimg { text-align:center; padding:0px; margin-bottom:15px; }
div#mainimg img { width:100%; height:auto; }

div#top_date { text-align:center; padding:0; position:relative; }
div#top_date img { display:inline; }
div#top_date dl { width:100%; }
div#top_date dl dt { width:100%; float:none; margin:0; padding:0 }
div#top_date dl dt.first {  }
div#top_date dl dd { width:100%; float:none; margin:0; padding:0; }
div#top_date dl dd img { margin-bottom:10px; }
div#top_date table { border:1px solid #ddd; padding:15px; margin-bottom:15px; }
div#top_date table th,
div#top_date table td { padding:10px!important; vertical-align:top!important; }
div#top_date table th { width:25%; }
div#top_date table th img { width:100%; height:auto; }
div#top_date table td { text-align:center; vertical-align:middle; }
div#top_date table td.school { font-size:12px; font-weight:bold; vertical-align:middle; width:30%; }
div#top_date table td.school  span { font-size:10px; }
div#top_date table .date { font-size:12px; font-weight:bold; padding:0px; }
div#top_date table .date span { font-size:14px; }
div#top_date table td.announce { font-size:11px; padding:0px 0 10px 0; }
div#top_date table td.vs { }
div#top_date table td.vs span.fin { display:block; margin-top:8px; font-size:10px; font-weight:bold; padding:0px; }
div#top_date table th { vertical-align:top; text-align:center; font-size:14px; font-weight:bold;  }
div#top_date table th img { margin-bottom:10px; }

p.sponsor { margin:0; padding:0; padding:15px; }
p.sponsor img { width:100%; height:auto; }

div#author { padding:15px; margin:0; }
div#author dl { padding:0; }
div#author dl dt { width:70px; float:left; clear:left; text-align:left; padding-bottom:3px; font-size:13px; }
div#author dl dd { overflow:hidden; margin-left:70px; text-align:left; padding-bottom:3px; font-size:13px; }
	
	#movie { }
	#movie h2 { }
	#movie p { padding: 0 20px; text-align: center; }
	#movie .cards { padding: 0 20px; display: block; margin-bottom: 3em; }
	#movie .card { width: 100%; margin-bottom: 1.5em; }
	#movie .card p { }
	#movie .embed {  }
	#movie .embed iframe {  }

/* 下層設定
******************************************************************************************** */
div#main { width:100%; padding:0; }
div#main h2 {  }
div#main h2 img { height:20px; width:auto; }
div#main h3 { margin-bottom:20px; margin-left:5px; font-size:16px; line-height:1.1em; }
div#main h3.bullet { background:url(/images/other/soccer_2020/bullet01.gif) top left no-repeat; padding-left:12px; }
div#main h4 { margin-bottom:10px; font-size:14px; background:#DFDFDF; padding:5px; }
div#main div.block { padding-bottom:20px; }
div#main div.block table.schedule { margin-bottom:10px; width:100%; }
div#main div.block table.schedule th { width:100px; padding:4px 8px; border-bottom:1px solid #DFDFDF; font-size:13px; vertical-align:top; text-align:left; }
div#main div.block table.schedule td { padding:4px 8px; border-bottom:1px solid #DFDFDF; font-size:13px; vertical-align:top; }
div#main div.block table.schedule th img,div#main div.block table td img { display:inline; }
div#main div.block table#tonament { margin:0px; }
div#main div.block table.tournament { margin:0px auto; display:none; }
div#main div.block table.resulttbl { width:100%; margin:0px auto; border-collapse:collapse; border-bottom:1px solid #DFDFDF; border-right:1px solid #DFDFDF; }
div#main div.block table.resulttbl th { text-align:left; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.resulttbl th.th01 { background:#010200; color:#FFF; }
div#main div.block table.resulttbl th.th02 { background:#EFEFEF; }
div#main div.block table.resulttbl td { text-align:left; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.resulttbl2 { width:90%; margin:0px auto 15px auto; border-collapse:collapse; border-bottom:1px solid #DFDFDF; }
div#main div.block table.resulttbl2 th { text-align:center; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; background:#010200; color:#FFF; }
div#main div.block table.resulttbl2 td { text-align:center; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.pasttbl { width:100%; margin:0px auto; border-collapse:collapse; border-bottom:1px solid #DFDFDF; border-right:1px solid #DFDFDF; }
div#main div.block table.pasttbl th { text-align:cebter; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.pasttbl th.th01 { background:#010200; color:#FFF; text-align:center; }
div#main div.block table.pasttbl th.th02 { background:#EFEFEF; width:20px; text-align:center; }
div#main div.block table.pasttbl td { text-align:left; font-size:12px; padding:8px 8px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; }
div#main div.block table.pasttbl td.year { text-align:right; width:30px; }
div#main div.block table.pasttbl td.sname { }
ul.otherresult { margin:12px; padding:0px; list-style:none; }
ul.otherresult li { width:150px; float:left; padding-bottom:5px; }
ul.otherresult li a { background:url(/images/other/soccer_2020/arrow_gry_r4.gif) top left no-repeat; padding-left:17px; }
.btn { margin:20px auto; }
.btn a { display:block; border:2px solid #000; padding:15px; text-align:center; color:#000;  }
.btn a:hover { background:#000; color: #fff; }
.pdf { width:100%; }
.btn_close { padding-top:20px; }

#header-sp { display:block; }
.sp { display:block; }
.pc { display:none!important; }

}