@charset "utf-8";


/* タブレット (959px以下)-----------w700 */
@media only screen and (max-width:960px){
	
	/*タブレット以下では表示しない*/
	.pc{
		display: none;
	}
	
	/*タブレットのみ表示する*/
	.tab{
		display: block;
	}
	
	address{
		font-size: 100%;
	}
	th img,
	td img{
		max-width: 100% !important;
		height: auto !important;
	}
	iframe{
		width: 460px !important;
	}
	.toppage iframe{
		width: 380px !important;
	}
	.toppage #unit_b iframe{
		width: 314px !important;
	}
	
	#header{
		width: 100%;
		margin: 0 auto;
	}
	#header_in{
		width: 700px;
		}
	
	#header #siteid{
		width: 320px;
		}
	#header #siteid h1,
	#header #siteid p a{
		width: 320px;
		height: 65px;
		background-size: 320px auto !important;
	}
	
	
	#header #hcontents{
		width: 320px;
	}
	#header #hcontents img{
		height: 65px !important;
		width: auto !important;
	}
	
	
	
	.gmenu{
		margin-bottom: 10px;
	}
	.gmenu ul{
		width: 700px;
		}
	.gmenu ul li a span{
		width: 86px;
		font-size: 90%;
		}
	
	#wrap_in{
		width: 700px;
		padding: 0;
		}
	
	#unit_a{
		width: 460px;
		padding: 0;
		float: left;
	}
	#unit_a img{
		max-width: 460px !important;
		height: auto !important;
	}
	#unit_a table{
		width: 460px;
	}
	.member_list li{
		width: 145px;
	}
	.member_list li img{
	width: 130px !important;
	height: auto !important;
	}

	
	
	#unit_b{
		width: 220px;
		float: right;
	}
	
	.menu_2 p a,
	.menu_2 ul li a{
		width: 193px;
	}
	
	/*応援バナー*/
	.fbanner_in{
		width: 642px;
	}
	
	.fmenu ul{
		width: 700px;
	}
	
	/*トップページ*/
	
	#slider{
		width:100%;
		height: 252px;
	}
	#slider #prev,
	#slider #next{
		top: 95px;
	}
	#slider .layer{
		width: 100%;
		max-width: 700px;
	}
	#slider ul img{
		width: 700px !important;
		height: auto !important;
	}
	
	#news_topics dl dt img{
		width: 100px !important;
	}
	
	#news_topics dl dt .topicdescription{
		font-size: 90%;
		line-height: 1.2em;
	}	
	.toppage #unit_a{
		width: 360px;
		margin-bottom: 20px;
	}
	.toppage #unit_a .contents_1 img{
		max-width: 360px !important;
		height: auto !important;
	}
	.toppage #unit_b{
		width: 314px;
	}
	
	
	
	
	/*rowunit_3*/
	.rowunit_3{
		width: 700px;
	}
	.rowunit_3 ul img{
		max-width: 164px !important;
		height: auto !important;
	}
	
	/*メールフォーム*/
	.mail_form .form_label{
		width: 137px;
		}
	.mail_form .form_input{
		width: 300px;
		}
	.mail_form .form_input textarea{
		width: 290px;
		}
	.mail_form .form_button input{
		margin: 0 0 10px 150px;
		}
		
	/*フォトギャラリー*/
	.photo_gallery .photo,
	.photo_gallery .photoright{
		width: 139px;
		margin-bottom: 5px;
	}
	.photo_gallery .photo .picture,
	.photo_gallery .photoright .picture{
		width: 139px;
		height: 103px;
	}
	.photo_gallery img{
		width: 139px;
		height: auto;
		min-height: 103px;
	}
	/*出場校紹介*/
#item_list .item_category,
#item_list .item_category_l{
		width: 460px;
		float: none;
		}

	#item_list .item_sub_category,
	#item_list .item_sub_category_l{
		float: none;
	}

#item_list .item_sub_category a,
#item_list .item_sub_category_l a {
		/*width: 500px;*/
		width: 434px;
		margin-right: auto;
		margin-left: auto;
}

	#contents_10 table th,
	#contents_10 table td	{
		display: block;
	}

	#contents_10 table td img,
	#contents_10 table td iframe{
		width: 460px !important;
		height: 345px !important;
	}

	#hs_pref_list table,
	#hs_pref_list table tr
	{
		border: none;
	}
	#hs_pref_list table th,
	#hs_pref_list table td
	{
		border: none;
		width: 100%;
	}
/* ============================== */
/* 試合速報TOP */
/* ============================== */
	.nav {
		font-size: 84%;
	}
	.nav_item, .nav_item2 {
		width: 14%;
	}
	
/* ============================== */
/* 日付順試合一覧 */
/* ============================== */
/* 試合 */
	h3 span{
	}
	h3 .coat_num{
		clear: both;
		display: block;
		margin-top: 5px;
	}
	h3 .detail {
		margin: 0;
		text-align: right;
	}
	h3 .detail a {
		text-align: right;
	}
	
	.play {
		padding: 2px 15px 1px 15px;
	}
	.end {
		padding: 2px 10px 1px 10px;
	}

	
}


/* スマホ-----------w300 */
@media only screen and (max-width:700px){

	/*スマホでは表示しない*/
	.rss,
	.pc,
	.tab,
	.pc_tab,
	.fmenu{
		display: none;
	}
	
	/*スマホのみ表示する*/
	.sp{
		display: block;
	}
	
	body{
		font-size: 110%;
		}
	h1,h2,h3,h4,h5,h6{
	font-size: 100%;
		}
	h2{
		font-size: 120%;
	}
	#unit_a table{
		width: 300px;
		padding: 0;
	}
	th,td{
		display: block;
		width: 285px !important;
		padding: 10px 5px;
	}
	thead tr{
		display: none;
	}
	
	iframe,
	.toppage iframe{
		width: 300px !important;
		height: 200px !important;
	}
	.toppage #unit_b iframe{
		width: 300px !important;
	}
	#bg{
		padding-top: 0;
		margin-bottom: 50px;
	}
	
	#unit_a img,
	#unit_b img{
		display: block;
	}
	#unit_a .noblock img,
	#unit_b .noblock img{
		display: inline !important;
	}
	
	#unit_b .sbanner img{
		display: inherit !important;
	}
	#unit_b .sbanner br{
		display: none;
	}
	
	#unit_a p{
		clear: both;
	}
	#header{
	}
	#header_in{
		width: 300px;
		}
	#header #siteid{
			width: 300px;
			}
	#header #siteid h1,
	#header #siteid p a{
			width: 300px;
			height: 55px;
			float: none;
			background-size: 300px auto !important;
			}
			
	#header #hcontents{
		float: none;
		width: 300px;
	}
	
	#header #hcontents img{
		height: 60px !important;
	}
			
	.gmenu{
		background-color: transparent;
	}
	.gmenu ul,
	.menu_2{
		width: 292px;
		margin: 0 auto;
		border: 1px solid #cccccc;
		padding: 3px;
		border-radius: 20px;
		background-color: #fff;
		margin-bottom: 20px;
	}
	.gmenu ul li,
	.menu_2 p,
	.menu_2 ul li{
		clear: both;
		display: block;
		float: none;
		border-top: 1px solid #bbbbbb;
		border-bottom: none;
	}
	.gmenu ul li:first-child,
	.menu_2 p{
		border: none;
	}
	.gmenu ul li a{
		text-decoration: none;
		color: #333;
	}
	
	.gmenu ul li a span,
	.gmenu ul .sel a span,
	.gmenu ul li:first-child a span,
	.menu_2 p a,
	.menu_2 ul li a,
	.menu_2 ul li.sel a{
		clear: both;
		float: none;
		width: 262px;
		margin: 0;
		padding: 10px 20px 10px 10px;
		background: none;
		background-image: url("../all_img/org/li_01.png");
		background-repeat: no-repeat;
		background-position: 260px center;
		border: none;
		text-align: left;
		font-size: 100%;
		color: #333;
	}
	.gmenu ul li a:hover span{
		background-color: transparent;
		color: #ff0000;
		}
	
	.menu_2 p a,
	.menu_2 ul li a{
		color: #333;
		text-decoration: none;
	}
	.menu_2 p a:hover,
	.menu_2 ul li a:hover{
		color: #f00;
		background-color: transparent;
	}
	
	.spmenu h2{
		background: none;
		text-align: center;
		padding: 10px 0;
		background-color: #0071BC;
		color: #fff;
		border: none;
	}
	
	#wrap_in{
		width: 300px;
		padding: 0;
		background-color: transparent;
		}
	
	#unit_a,
	.toppage #unit_a,
	#unit_b,
	.toppage #unit_b{
		float: none;
		width: 300px;
		margin-bottom: 20px;
		}
		
	.toppage #unit_a img,
	#unit_a img{
		max-width: 300px !important;
		height: auto !important;
	}
	.member_list li{
		width: 95px;
		padding: 0 0 10px 0;
		font-size: 80%;
	}
	.member_list li img{
	width: 90px !important;
	margin-bottom: -15px;
	}
	
	#unit_b{
		clear: both;
		width: 300px;
	}
	#unit_b img{
		max-width: 100% !important;
	}
	
	/*応援バナー*/
	.fbanner_in{
		width: 300px;
	}
	.fbanner_in ul img{
		width: 143px !important;
		height: auto !important;
	}
	
	address{
		font-size: 80%;
		padding-top: 20px;
	}
	
	#copy{
		font-size: 50%;
	}
	
	/*トップページ*/
	.toppage #wrap{
		background-size: 100% 280px;
	}
	.toppage #wrap_in{
		padding: 0;
	}
	
	.toppage .contents_0 ul li img{
		width: 140px !important;
		height: auto !important;
	}
	
	.toppage #unit_a .contents_1 img{
		max-width: 300px !important;
	}
	
	#slider{
		width:100%;
		height: 108px;
	}
	#slider #prev,
	#slider #next{
		display: none;
	}
	#slider .layer{
		width: 100%;
		max-width: 300px;
	}
	#slider ul img{
		width: 300px !important;
		height: auto !important;
	}
	
	#news_topics dl dt img{
		width: 100px !important;
	}
	#news_topics dl dd{
		display: none;
	}
	
	.disp_list{
		font-size: 80%;
	}
	
	
	
	
	/*rowunit_3*/
	.rowunit_3{
		width: 300px;
	}
	.rowunit_3 ul img{
		max-width: 140px !important;
	}
	
	
	.mail_form{
		border: 1px solid #cccccc;
		padding: 4px;
	}
	.mail_form .form_label,
	.mail_form .form_input{
		float: none;
		margin: 0;
		padding: 3px;
		width: 284px;
		border: none;
		}
	.mail_form .form_label{
		border-top: 1px solid #ccc;
		background-color: #eee;
	}
	.mail_form .form_input input[type=text]{
		width: 274px;
	}
	.mail_form .form_input textarea{
		width: 274px;
	}
	.mail_form .form_button input{
		margin: 0 0 10px 67px;
	}
	
	.photo_gallery .photo,
	.photo_gallery .photoright{
		width: 134px;
		margin-bottom: 5px;
	}
	.photo_gallery .photo .picture,
	.photo_gallery .photoright .picture{
		width: 134px;
		height: 100px;
	}
	.photo_gallery img{
		width: 134px;
		height: auto;
		min-height: 100px;
	}
	
	.picture2{
		font-size: 80%;
	}
	
	
	#spmenu{
		width: 300px;
		margin: 0 auto;
	}
	
	
	.spm{
		width: 100%;
		background-color: #00814B;
		position: fixed;
		bottom: 0;
		z-index: 200;
	}
	.spm ul{
		width: 300px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	.spm ul li{
		display: inline;
		margin: 0;
		padding: 0;
		float: left;
	}
	.spm ul li a{
		display: block;
		width: 100px;
		height: 50px;
		float: left;
		text-indent: -55555em;
		background-repeat: no-repeat;
		background-size: 100px 50px;
	}
	.spm ul li.spm_01 a{
		background-image: url("../all_img/org/spm_home.png");
	}
	.spm ul li.spm_02 a{
		background-image: url("../all_img/org/spm_menu.png");
	}
	.spm ul li.spm_03 a{
		background-image: url("../all_img/org/spm_schedule.png");
	}
	/*出場校紹介*/
	#item_list .item_category,
	#item_list .item_category_l{
			width: 300px;
			}

	#item_list .item_sub_category a,
	#item_list .item_sub_category_l a {
			/*width: 500px;*/
			width: 274px;
	}

	#contents_10 table th,
	#contents_10 table td	{
		display: block;
	}

	#contents_10 table td img,
	#contents_10 table td iframe{
		width: 300px !important;
		height: 225px !important;
	}
/* ============================== */
/* 試合速報TOP */
/* ============================== */
	.type1, .type2 {
		font-size: 84%;
	}

/* ============================== */
/* 日付順試合一覧 */
/* ============================== */
/* 試合 */
	h3 .coat_num{
		font-size: 84%;
	}
	table .school {
		font-size: 84%;
		width: 40% !important;
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
	}
	table .point {
		font-size: 84%;
	}
	/* 試合詳細 */
	.games th,
	.games td {
		font-size: 84%;
		width: auto !important;
	}
	.games .games_th{
		width: 60% !important;
	}
	.games .school_name {
		font-size: 84%;
	}
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	
}