* { font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Lucida Grande",Geneva,Arial,Verdana,sans-serif; margin:0px;}
h1, h2, h3, h4, h5, h6, strong, .fbold {font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:600;}
p {line-height:160%;}

#head {position:absolute;background-color:#000;width:100%;top:0px;height:40px;}
#title {width:100%;}
#title a {color:#fff;font-size:20px;font-weight:bold;line-height:40px;text-decoration:none;}
#title_r {position:absolute;top:2px;right:5px;}
#title_r img {width:40px;height:36px;}
#maincontents {
	margin-top:50px;
	width:100%;
}

#gnav {
	position:absolute;
	top:40px;right:0px;
	width:300px;
	background-color:rgba(247,238,221,0.8);/*#F7EEDD;*/
	text-align:left;
	border: solid 1px #666;
	box-shadow: 5px 5px 2px rgba(0,0,0,0.4);
	display:none;
}
#gnav ul {
    margin: 0 0 0 0;
	padding: 5px;
}
#gnav ul li {
    margin: 0 0 0 0;
	list-style-type: none;
	font-size:15px;
	line-height:24px;
	font-weight:bold;
	border-top: dotted 1px #666;
}
#gnav .mainmenu {
	padding-top:10px;
	padding-bottom:10px;
}
#gnav .mainmenu:before {
	content:"・";
	display:inline-block;
}
#gnav ul li:first-child {
	border-top: none;
}

#gnav .submenu {
	padding-top:0px;
	padding-bottom:10px;
	font-size:13px;
	line-height:14px;
	border-top: none;
	padding-left:1em;
	text-indent:-1em;
}
#gnav .np {
	margin-left:1em;
}
#gnav .submenu:before {
	/* liの後に記号追加 */
	content:"->";
}
#gnav .submenu a {
	/*text-indent:-10px;*/
}

#gnav a {
	color:#000;
	text-decoration:none;
	text-shadow: 1px 1px 1px #bbb;
}
#gnav a:hover {
	color:#0000ff;
}
#gnav a:visited {
	color:#333;
}
.cbtn {border: 1px solid #666;padding:3px;height:20px;width:60px;margin-top:5px;margin-bottom:5px;line-height:20px;font-size:14px;font-weight:bold;background-color:#fff;text-align:center;cursor:pointer;}

.btn {
	border: solid 1px #ccc;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	height:40px;
	/*float:left;*/
	/*width:20%;*/
	margin:1%;
	font-size:16px;
	width:98%;
	display: -moz-box;
	display: -webkit-box;
	-moz-box-align: center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	line-height:40px;
	cursor:pointer;
	font-weight:600;
	text-align:center;
}

.whitebtn {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -ms-linear-gradient(top, #ffffff, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee');
}
.whitebtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffffff));
	background: -moz-linear-gradient(top, #FFFFFF, #ffffff);
	background: -ms-linear-gradient(top, #FFFFFF, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff');
}
.nomalbtn {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eeeeee));
	background: -moz-linear-gradient(top, #FFFFFF, #dddddd);
	background: -ms-linear-gradient(top, #FFFFFF, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#eeeeee');
}
.nomalbtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
	background: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background: -ms-linear-gradient(top, #eeeeee, #cccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#dddddd');
}
.graybtn {
	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#999999));
	background: -moz-linear-gradient(top, #aaaaaa, #999999);
	background: -ms-linear-gradient(top, #aaaaaa, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaaaaa', endColorstr='#999999');
}
.graybtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
	background: -moz-linear-gradient(top, #cccccc, #999999);
	background: -ms-linear-gradient(top, #cccccc, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cccccc', endColorstr='#999999');
}
.blackbtn {
	color:#ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	background: -moz-linear-gradient(top, #666666, #000000);
	background: -ms-linear-gradient(top, #666666, #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#000000');
}
.blackbtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333));
	background: -moz-linear-gradient(top, #999999, #333333);
	background: -ms-linear-gradient(top, #999999, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999999', endColorstr='#333333');
}
.linkbtn {
	margin-top:10px;
	border-left: solid 10px #00a;
	border-top: solid 1px #00a;
	border-bottom: solid 2px #00a;
	border-right: solid 1px #00a;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	height:40px;
	width:98%;
	font-size:16px;
	display: -moz-box;
	display: -webkit-box;
	-moz-box-align: center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	line-height:40px;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -ms-linear-gradient(top, #ffffff, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee');
}
.linkbtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffffff));
	background: -moz-linear-gradient(top, #FFFFFF, #ffffff);
	background: -ms-linear-gradient(top, #FFFFFF, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff');
}
.linkbtn a {
	text-decoration:none;
	color:#333333;
}
h1 {font-size:20px;}
h2 {font-size:17px;margin-top:4px;margin-bottom:4px;}
h3 {font-size:16px;margin-top:4px;margin-bottom:4px;}
p {margin-top:0px;margin-bottom:0px;text-align:left;font-size:15px;}
.lv {
	padding:3px;
	font-size:20px;
	text-align:left;
	border-left: solid 10px #00a;
	border-bottom: solid 1px #00a;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	margin-top:3px;
}
.blk {color:#000000;}
.gry {color:#999999;}
.red {color:#ff0000;}
.chudan {color:#ff0000;}
.pan {clear:both;margin-top:5px;margin-bottom:0px;width:100%;}
.mt30 {margin-top:30px;}
#news {
	margin-top:10px;
	border: solid 1px #ccc;
}
#news h2 {
	margin-top:0px;
	margin-bottom:0px;
	padding-left:5px;
	font-size:16px;
	background-color:#990000;
	color:#ffffff;
}
#news p {
	margin-left:5px;
	margin-right:5px;
}
#footer {
	margin-top:10px;
	background-color:#cccccc;
	width:100%;
}
.score {
	font-size:14px;
}
.tec ,.clm ,.kai {display:none;}
.tece ,.clme {display:none;}
.btmmenu {
	margin-top:10px;
	background-color:#eeeeee;
	border: solid 1px #ccc;
	border-radius: 15px 15px 15px 15px;
	/*visibility: hidden;*/
	/*display:none;*/
}
.btmmenu ul {
    margin: 0 0 0 0;
	padding: 5px;
}
.btmmenu ul li {
	/* liを横並び＆ブレットを消す */
	display: inline;
    margin: 0 0 0 0;
	list-style-type: none;
}
.btmmenu ul li:after {
	/* liの後に記号追加 */
	content:" | ";
}
.waku {
	border: solid 1px #666;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
.linkmenu {
	border: solid 1px #666;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:0px;
	padding-right:10px;
	min-height:100px;
}
.linkmenu .linkimg {
	float:left;
	width:90px;
	height:90px;
}
.linkmenu .linkimg img {
	width:90px;
	height:90px;
}
.linkmenu .linkstr {
	margin-left:100px;
}
.linkmenu .linkstr h2 {
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	text-align:left;
}
.linkmenu .linkstr a {
	text-decoration:none;
}
.linkmenu .linkstr p {
	font-size:16px;
	line-height:20px;
	color:#000;
	font-weight: 400;
}
.linkmenu .linkstr q {
	color:#000;
}
.linkbox1 {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	border: solid 1px #666;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
.adtitle {font-size:12px;text-align:left;}
.linetable {border-collapse: collapse;}
.linetable td {height:24px;border: 1px solid #666;text-align:center;}
.linetable th {border: 1px solid #666;}
/*ほか*/
.column {margin-top:10px; border:solid 1px #ccc; padding:5px;}
.column h1 {font-size:20px;margin:0px;}
.c_link {text-align:left;margin-top:2px; border:solid 1px #ccc; background-color:#ffffdd;padding:5px;font-weight:bold;}
.waku2 {width:96%;padding:2%;border-radius: 15px;border: solid 1px #ccc;margin-top:10px;}
.waku2 h1 {font-size:20px;margin:0px;}
.waku2 p {margin-top:5px;margin-bottom:5px;}
.col1 {background-color: #BD3447;}
.col1 .score {color:#fff;}
.col2 {background-color: #D8A776;}
.col3 {background-color: #FDFAEE;}
.col4 {background-color: #A4D8AF;}
.col5 {background-color: #EACC78;}
.wh {color:#fff;}
/* 1028px以上 */
@media screen and (min-width: 1028px) {
	#maincontents {
		display:flex;
		justify-content: center;
		padding:0;
	}
	#contents {max-width:600px;}
	#feedarea {width:360px;margin-top:35px;margin-left:20px;}

	.closebtn{display:none;}
	#menubtn {display:none;}
	#news p {font-size:14px;}
}
/* 768px以上 ipad */
@media screen and (max-width: 1027px) {
	#maincontents {}
	#contents {max-width:600px;}
	#feedarea {max-width:600px;margin-top:20px;margin-left:0px;}
	.closebtn{display:none;}
	#menubtn {display:none;}
}
/* iPhone6+ 414px */
@media screen and (max-width: 767px) {
	#maincontents {}
	#contents {max-width:600px;}
	#feedarea {max-width:600px;margin-top:20px;margin-left:0px;}
	#menubtn {position:absolute;right:10px;bottom:0px;display:block;width:50px;cursor:pointer;}
	#menubtn img {width:50px;}
	#maincontents {padding-left:2%;width:96%;}
	#gnav .np {
		margin-left:0em;
	}
	#gnav .submenu {
		font-size:15px;
		display:inline;
		padding-left:0em;
		text-indent:0em;
	}
	#gnav .tec {
		display:block;
	}
	#gnav .clm {
		display:block;
	}
	#gnav .submenu:before {
		margin-left:0px;
	}
	#gnav .smpr:after {
		content:"\A";
		white-space: pre;
	}
	.closebtn {display:block;position:absolute;right:5px;}
	.closebtn .btn {width:80px;}
	.cbtn_top {top:5px;}
	.cbtn_btm {bottom:5px;}
	.score {font-size:12px;}
	#news p {font-size:12px;}
	.linkmenu .linkstr {
		font-size:12px;
	}
	.waku ul {
		padding-left: 20px
	}
}
/* iPhone6 375px以下 */
@media screen and (max-width: 410px) {
	#feedarea {max-width:600px;margin-top:20px;margin-left:0px;}
	img {
		max-width: 100%;
	}
}
/* iPhone5 320px以下 */
@media screen and (max-width: 370px) {
	#feedarea {width:290px;margin-top:20px;margin-left:0px;}
	.linkmenu {width:290px;}
	img {
		max-width: 100%;
	}
}

/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい

******************************/
.social-area-syncer {
	width: 100% ;
	min-height: 190px ;
	background: #F5F1E9 ;	/* 背景色 */
	padding: 1.5em 0 ;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
	.social-area-syncer {
		min-height: 119px ;
	}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
ul.social-button-syncer {
	width: 238px ;
	margin: 24px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer {
		width: 410px ;
	}
}


/******************************

 [li]要素

******************************/
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li {
	width: 50px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ) {
	.sc-li {
		display: none ;
	}
}