.phNone{display:block;}
.pcNone{display:none;}

/* ----------JP_201411から移植したいもの---------*/
.sougou_h{
	float:left; 
	text-align:right; 
	width:700px;
	height:36px;
	padding:54px 0;
}
#score{
	width:100%;
	height:280px;
	max-width:800px;
	overflow-y:scroll;
	background:#FFF;
	border:1px solid #DDD;
}
.sc1{display:block; width:770px;}
.sc2{display:none; width:770px;}
.wid10p{width:10%;}
.wid20p{width:20%;}
.wid30p{width:30%;}
.wid40p{width:40%;}
.wid50p{width:50%;}
.wid60p{width:60%;}
.wid70p{width:70%;}
.wid80p{width:80%;}
.wid90p{width:90%;}
.wid100p{width:100%;}

/*--------------------- 汎用 ---------------------*/

.p20 {padding:20px;}
.mr5 {margin-right:50px;}
.mr7 {margin-right:70px;}
.nfl-btn
{
	display:block;
	padding:0;
	margin:1px;
}
.f-btn {
	display:block;
	padding:0;
	margin:1px;
}
.f-btn a, .nfl-btn a{
	display:block;
	text-align: center;
}

/*-------- flexbox関係 --------*/
.flex-box {display:flex;}
.on-wrap {flex-wrap:wrap}
.no-wrap {flex-wrap:nowrap;}
.f-between {justify-content:space-between;}
.f-center {justify-content:center;}
.f-start {justify-content:flex-start;}
.w500fmenu {
	flex:0 1 500px;
	padding-left:0;
}
.f-btn {
	display:block;
	padding:0;
	margin:1px;
}
.f-btn a{
	display:block;
	text-align: center;
}
.w600menu {
	width:100%;
	max-width:600px;
	display:flex;
	flex-wrap:nowrap;
}
.w600menu > li {
	flex:1 1 300px;
}

/*-------- colmun --------*/
.L200 {
	width:230px;
	float:left;
}
.R1080 {
	width:1047px;
	border-left:#CCC 1px solid;
	float:left;
}

/*-------- sidenav-g --------*/
#sidenav-g{
	width:210px;
	padding-top:12px;
}
#sidenav-g li{
	display:block;
	height:32px;
	padding-left:0;
}
#sidenav-g li.lt{
	height:14px;
	padding:14px 0 4px 20px;
	border-bottom:2px solid #BBB;
	font-size:13px;
}
#sidenav-g img {float:left; margin-top:6px;}
#sidenav-g li a{
	width:190px;
	float:left;
	display:block;
	padding:10px 0;
	font-size:11px;	
	color:#666;
	text-decoration:none;
	border-bottom:#999 1px dotted;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#sidenav-g li a.set{
	border-bottom:#888 1px solid;
}

/*-------- mobile用nav --------*/
.mobile-list {
	display:none;
	flex-wrap: wrap;
	justify-content:center;
	border-bottom:#999 1px dotted;
	width:100%;
	background-color: rgba(0,0,0,0.1);
	padding:10px 0;
}
.mobile-list > li {
	flex:0 0 200px;
	height:35px;
	line-height:35px;
}
.mobile-list > li a {
	color:#555;
}
.mobile-index {
	width:100%;
	max-width:900px;
	margin:10px auto;
	background-color:rgba(255, 255, 255, 0.5);
	border-radius:5px;
	padding-bottom:10px;
}
.mobile-index > ul > li {
	float:left;
	width:170px;
	font-size:12px;
}
.mobile-index>ul>li>a {
	color:#999;
}

/*-------- 画面サイズが狭い時の挙動 --------*/
@media screen and (max-width:1280px) {
	#wrapper{
		margin:0 auto;
		background-image:url(../images/content_back.jpg);
		background-repeat:repeat;
	}
	.L200 {
		display:none;
	}
	.R1080 {
		 border-left:none;
		 width:100%;
		 margin:0 auto;
	}
	.mobile-list {
		display:flex;
	}
}
 @media screen and (max-width:1020px) {
/*	.phNone{display:none; }
	.pcNone{display:block;}*/
	.w340 {
	 width:40%;
	}
	 .w160 {
	 width:18%;
	}
	 .sougou_h {
	 float:none;
	 width:100%;
	 height:100%;
	 padding:20px 0;
	 text-align:center;
	}
}
