@charset "utf-8";

.blank { background: url(../images/icon_010.gif) no-repeat 95% 50%; padding-right:20px; }
.letterSp0 { letter-spacing: 0;}
.letterSpm { letter-spacing: -1px;}
.girls { background: #fce9e8; padding: 10px 20px 10px;}
.set_a { background: #fff; padding: 20px;}
.set_a_in { clear:both; overflow: hidden;}
.set_b_in {background: #a2d68d; padding: 5px 20px 10px;}
p.read1 { font-size:125%; font-weight:bold; line-height:normal;margin: 0 0 20px;}
p.read2 { font-size:150%; font-weight:bold; line-height:normal;margin: 10px 0 10px;}
.girls ul  { clear:both; overflow: hidden;}
.girls ul li.parts {float:left; width:316px; }
.girls ul li.parts div {border: 2px solid #e8536c;}
.girls ul li.bR { float:right;}

p.des { font-size:110%; }
p.des2 { font-size:110%; font-weight:bold;line-height:normal;margin: 10px 0 10px;}

p.spDisYe {display: none;}

table.schedule {	border: 2px solid #e8536c;border-collapse: collapse;width:100%; }
table.schedule td {padding:5px; border: 2px solid #e8536c; font-size:130%; vertical-align: top;}
table.schedule tr.tr td {color: #e8536c;}

.clear_b { clear:both; }
.clear.end { width:0;height:0; }

p.text { clear:both;font-size:180%;}
p.text.c03 { 
background: #ed869a url(/soccer/share/images/icon_010ex.gif) no-repeat 95% 50%; 
padding:10px 40px 10px 20px; margin: 20px 0 10px;}
p.text.c03 a { text-decoration:none;color:#fff;padding:5px;line-height:normal;font-size:100%;display:block; /*text-align:center;*/}

.cFix {
	min-height:1px;
}
.cFix::after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
@media screen and (min-width:641px) {
	#Main_inner {
		clear: both;
		width: 960px;
		margin: 0 auto;
		padding-bottom: 72px;
	}
}

/*
 responsive start
================================================================== */
@media screen and (min-width:641px) and (max-width: 960px){
	.girls ul li.parts { /*padding:10px;*/ width:48%; }
}

@media screen and (max-width: 768px){
	p.text { clear:both;font-size:150%;}
}
/*
for smartphone
================================================================== */
@media screen and (max-width: 640px){
	.girls { padding:0px 10px 0px;}
	div.tbl1 ul li {float:none; display:block;}
	div.tbl1 .s1, div.tbl1 .s2, div.tbl1 .s3 { width:auto; }
	div.tbl1 .s2 { border-left: none; border-right: none;}
	div.tbl1 ul.ti {display: none;}
	div.tbl1 ul li p {padding: 0;}
	div.tbl1 .s1 p:before {content: "【開催日】";}
	div.tbl1 .s2 p:before {content: "【開催小学校】";}
	div.tbl1 .s3 p:before {content: "【コーチ】";}
	
	.girls ul li.parts, .girls ul.kks li.parts { float:none;width:auto;max-width:580px; margin:0 auto 10px; }
	.set_a { padding: 10px;}
	.set_b_in { padding: 5px 10px 10px;}
	p.read1 { font-size:120%; margin: 0 0 10px;}
	p.read2 { font-size:130%;}
	p.text.c03 { margin: 10px 0 10px;}
	table.schedule td {padding:3px;font-size:110%;}
	p.text { clear:both;font-size:115%;}
	
	p.r_ph, p.r_ph.pm {float:none; padding:0px; width:50%;margin:15px auto 10px;}
	p.spDisNo {display: none;}
	p.spDisYe {display: block;}
	p.des { font-size:110%; }
	p.ati, p.bti { font-size:140%;}
	
	p.pad_t20.sp, p.pad_t20.sp.des { padding-top:10px; }
	p.pad_t10.sp { padding-top:0px; }
	ul li.banner2, ul li.banner2t {float:none; width:auto; margin:0 auto 0px;padding:0 0px;}
	ul li.banner2 img {width:160px;}
	ul li.banner2t .flash {padding-left:0px;}
	.set_a.flashSp {display: none;}
}