@charset "UTF-8";

/*レスポンシブ対応*/
@media screen and ( max-width:767px )
{
	#igo_container {
		min-width:320px;
		width: 100%;
	}
	#top_m, #flow_top, #igo_mainwarp,
	.igo_contents_top, .igo_contents, .igo_container,
	.top_warpL, .top_warpL_in, .ttl_wn, div.top_wn_inner,
	ul.top_wn, ul.top_wn li,
	#btm_bnr, #igo_footer
		{
			width: 100%;
			height: auto;
			margin-left:0;
			padding-left:0;
		}
	#flow_top{ background:url(../images/flow_bg_sp2.png) 0 0 no-repeat;}
	#flow_top, .ttl_wn {background-size:contain;background-position:center center;}
	ul.top_wn li .txt { width:auto;display:inline-block;}
	.btmbnr_h3 {width:100%;padding-left:2%;}
	#bnr_ssi, #bnr_ksn { width:45%; margin-left:0;}
	#bnr_ksn {float:right; margin-right:2%;}
	#igo_footer {min-width:auto;}
	.top_ttl, h1#in_ttl { width: 100%; height:auto; }
	.top_ttl img { width: 90%; }
	h1#in_ttl img { width:90%; }
	
	.top_warpR {width:90%;margin:0 auto;float:none;}

	/*ナビ*/
	header {
		position:fixed;
		top:0;
		left:0;
		background-color: rgba(120,120,120,0.7);
		z-index:99999;
	}

	#nav-drawer {position: relative;}

	/*チェックボックス等は非表示に*/
	.nav-unshown {display:none;}

	/*アイコンのスペース*/
	#nav-open {
		display: inline-block;
		width: 30px;
		height: 30px;
		vertical-align: middle;
		padding-top:5px;
		padding-left:5px;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px;/*線の太さ*/
		width: 25px;/*長さ*/
		border-radius: 3px;
		background: #000;
		display: block;
		content: '';
		cursor: pointer;
	}
	#nav-open span:before {bottom: -10px;}
	#nav-open span:after {bottom: -20px;}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 89999;
		top: 0;/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	/* 閉じるボタン */
	#nav-close p {
		transition: .3s ease-in-out;
		background-color:#000;
		color:#fff;
		font-weight:bold;
		font-size:36px;
		text-align:right;
		padding-top:2px;
		padding-right:7px;
	}

	/*中身*/
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999;/*最前面に*/
		width: 90%;/*右側に隙間を作る*/
		max-width: 330px;/*最大幅*/
		height: 100%;
		background-color: rgba(60,60,60,0.7);/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);/*左に隠しておく*/
		line-height:20px;
	}
	#nav-content a img.img_harf {width:45%;}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .8;
	}
		
	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*中身を表示*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	
	/* トップ第○回バナー */
	#bnr_history { width:60%; margin:5px auto; margin-top:15px;}
	#bnr_history img {width:100%;height:auto;}
	#bnr_history .mb30 {float:none;width:100%;margin-bottom:10px;}
	/* 大会概要 */
	#seven_ttl {
		display:block;
		border:1.4px solid #ccc;
		border-radius:4px;
		text-align:left;
		padding:.2em;
		margin-left:5px;margin-right:5px;
		font: normal 15px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
		font-weight:bold;
	}
	#seven_ttl ul {text-align:left;padding-left:2em;}
	#seven_ttl ul li {display:inline-block; width:5.5em;font-weight:bold;text-align:left;}
	#seven_ttl ul li:before { content: "●";color:#c00; }
	.ttl_ol {margin-top:5px;margin-bottom:15px;}
	.outline_point {
		width:92%;
		margin:0 auto;
		padding:.5em;
		border-radius:4px;
	}
	
	/* プロフィール */
	.ttl_pf {margin-top:5px;}
	.ttl_pf, #prof li {
		width: 100%;
	}
	#prof span.ttl {
		display:block;
		width:250px;
		margin:15px auto 10px auto;
		float:none;
		border-bottom:1px dotted #888;
		padding-bottom:5px;
		font-size:5vw;
	}
	#prof span.txt { width:98%;margin-bottom:10px; padding-left:1%; padding-right:1%;}
	
	/* トーナメント表 */
	.ttl_tm {margin-top:5px;}
	#tm_img {overflow:scroll;}
	
	/* お知らせ */
	.topic_ttl { width:100%; }
	.topic_ttl h3 {width: auto;}
	span.topic_date {padding-top: 10px;}
	
	/* その他 */
	.pc_only {display:none;}
	.sp_only {display:inline;}
}