/*-- css --*/

/*--------------------- 汎用 ---------------------*/
.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;
}

/*--------------------- 楽典個別 ---------------------*/
h2 {
	margin-bottom:0px;
}

/*-------- colmun --------*/
.L200 {
	box-sizing: border-box;
	width:228px;
	float:left;
}
.R1080 {
	width:1050px;
	border-left:#CCC 1px solid;
	box-sizing:border-box;
	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 220px;
	height:35px;
	line-height:35px;
}
.mobile-list > li a {
	color:#555;
}

/*-------- 擬似iflame --------*/
.over-scroll {
	overflow-x:auto;
	-ms-overflow-style:none;
}
.scroll-frm {
	background-color:#FFF;
	border:1px solid #999;
}
/*-------- 新設定width height --------*/
.wid60p {
	width:100%;
	max-width:60px;
	min-width:55px;
}
.wid300p {
	width:100%;
	max-width:300px;
}
.wid350p {
	width:100%;
	max-width:350px;
}
.wid400p {
	width:100%;
	max-width:400px;
}
.wid450p {
	width:100%;
	max-width:450px;
}
.wid460p {
	width:100%;
	max-width:460px;
}
.wid470p {
	width:100%;
	max-width:470px;
}
.wid480p {
	width:100%;
	max-width:480px;
}
.wid500p {
	width:100%;
	max-width:500px;
}
.wid510p {
	width:100%;
	max-width:510px;
}
.wid520p {
	width:100%;
	max-width:520px;
}
.wid525	{width:525px;}
.wid540p {
	width:100%;
	max-width:540px;
}
.wid550p {
	width:100%;
	max-width:550px;
}
.wid556 {width:556px;}
.wid560p {
	width:100%;
	max-width:560px;
}
.wid580p {
	width:100%;
	max-width:580px;
}
.wid600p {
	width:100%;
	max-width:600px;
}
.wid610p {
	width:100%;
	max-width:610px;
}
.wid620p {
	width:100%;
	max-width:620px;
}
.wid650p {
	width:100%;
	max-width:650px;
}
.wid660p {
	width:100%;
	max-width:660px;
}
.wid700p {
	width:100%;
	max-width:700px;
}
.wid720p {
	width:100%;
	max-width:720px;
}
.wid750p {
	width:100%;
	max-width:750px;
}
.wid760p {
	width:100%;
	max-width:760px;
}
.wid800p {
	width:100%;
	max-width:800px;
}
.wid850p {
	width:100%;
	max-width:850px;
}
.wid900p {
	width:100%;
	max-width:900px;
}
.wid950p {
	width:100%;
	max-width:950px;
}
.wid1100p {
	width:100%;
	max-width:1100px;
}
.H26 {
	height:26px;
	line-height:26px;
}
.H50 {
	height:50px;
	line-height:50px;
}

/*-------- 右column footer --------*/
.bLf {
	flex:0 0 120px;
	margin-left:10px;
	padding-left:0;
}
.bCf {
	flex:0 0 60px;
	text-align:center;
	padding-left:0;
}
.bRf {
	flex:0 0 120px;
	text-align:right;
	margin-right:10px;
	padding-left:0;
}

/*-------- exam2013 --------*/
.bar_title {
	flex:1 1 840px;
}
.bar_list {
	display:flex;
	flex:0 0 199px;
}
.bar_list>li {
	flex:1 1 60px;
}
.bar_list>li.li-top {
	flex:0 0 199px;
}
.bar_list2 {
	display:none;
}
.bar_list2 > li {
	flex:1 1 30px;
}
.for-minsize {
	display:none;
}


/*-------- 画面サイズが狭い時の挙動 --------*/
/*----PCによって差あり。よって、実際1280で変わってほしいが、それより幅広く設定している。一色20200217----*/
@media screen and (max-width:1300px) {
/*	.L200 {
		display:none;
	}
	.R1080 {
		 border-left:none;
		 width:100%;
		 margin:0 auto;
	}
	.mobile-list {
		display:flex;
	}
*/}
@media screen and (max-width:500px) {
	.bar_list {
		display:none;
		flex:0 0 199px;
	}
	.bar_list2 {
		display:flex;
	}
	.for-minsize {
		display:block;
	}
}