@charset "UTF-8";

/* ニュースリスト
-----------------------------------------*/
.list_news ,.list_rikejyo {
	float:left;
	width:230px;
	height:260px;
	color:#222;
	padding:5px;
}

a .list_news {text-decoration:none;}
a .list_news:hover { color:#ff8a00; text-decoration:none;}
a .list_news:active {text-decoration:none;}
a .list_news:visited {text-decoration:none;}

.list_news h2 ,.list_rikejyo h2{
	margin:0;
	width:228px;
	height:153px;
	position:relative;
    display:inline-block;
    padding:0;
	background:#FFF;
    overflow:hidden;
	border:1px solid #CCC;
}

.list_news h2 img ,.list_rikejyo h2 img{
	height:100%;
	margin:0;
	position: relative;
	z-index: 1;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.list_news h2 img:hover ,.list_rikejyo h2 img:hover{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.list_news h3 ,.list_rikejyo h3{
	font-size:10px;
	color:#fff;
	width:210px;
	text-align:right;
	margin:-33px 0 10px 0;
	position: relative;
	z-index:3;
	padding:6px 10px 4px 10px;
	line-height:1.3em;
	background:url(../../img/top/category_title.png) repeat-x;
}

*+html .list_news h3 {
	margin:-25px 0 10px 0;
	display: inline;
}


.list_news h3.ttl_pr02{
	color:#fff;
	background:#00ABF6;
	padding:6px 10px 4px 10px;
	height:15px !important;
}

.bl h2{border-bottom:3px solid #333;}
.bl h3{background:#63B5EF;}


.list_news h4 ,.list_rikejyo h4{
	line-height:1.3em;
	font-size:15px;
	width:225px;
	margin:0 0 0 5px;
	/*border-bottom:1px solid #E0E0E0;*/
}

.list_news h4:hover ,.list_rikejyo h4:hover{text-decoration:none;}

.list_news aside ,section.main aside ,.list_rikejyo aside {
	margin:0 0 2px 0;
	color:#666;
	line-height:1.3em;
	padding:5px 0 0 5px;
	position:relative;
	font-size:11px;
	text-align:left;
}

.total{
	color:#ffb100;
	padding:0 18px 0 18px;
	float:right;
	background:url(../../img/news/icon_total.gif) no-repeat left center;
}

.no3{
	margin-right:-20px;
}

*+html footer ul li a{
  margin-left:0;
}

/* カテゴリスポンサーアド */
.category_ad_group > a > article {
	background: #fcd68d;
	padding-top: 20px;
}
.category_ad_group a:first-child article {
	padding-left: 15px;
	margin-left: -10px;
}

.category_ad_group a:last-child article {
	padding-right: 15px;
	margin-right: -10px;
}

.category_ad_group_ttl {
	position:relative;
	text-align:right;
	top: 30px;
	font-weight:bold;
	color:#fff;
	font-size:13px;
}

/* PRラベル */
.article_date .label_pr{
	
	font-size:11px;
	color:#fff;
	float:right;
	text-align:center;
	margin:0 0 -35px 0;	/* クリップボタンを下にくいこませる */
	position: relative;
	z-index:50;
	padding:5px 0 4px 0;
	width:40px;
	height:12px;
	line-height:1.3em;
	background:#00ABF6;
}

.list_news div.label_pr{
	font-size:11px;
	color:#fff;
	float:right;
	text-align:center;
	margin:0 0 -35px 0;	/* クリップボタンを下にくいこませる */
	position: relative;
	z-index:50;
	padding:5px 0 4px 0;
	width:40px;
	height:12px;
	line-height:1.3em;
	background:#00ABF6;
}

.icon_new ,.list_rikejyo .icon_new{
	margin:-47px 0 10px 0;
	position:relative;
	z-index:10;
}

/* 記事をクリップする */

.clip_btn{
	font-size:11px;
	color:#fff;
	float:right;
	text-align:center;
	margin:0 0 -35px 0;	/* クリップボタンを下にくいこませる */
	position: relative;
	z-index:50;
	padding:5px 0 4px 0;
	width:40px;
	height:12px;
	line-height:1.3em;
	background:#FFB100 url(/img/news/btn_clip.png) no-repeat center;
}
/* Clip状態 */
.clip_btn.on {
	background:#666 url(/img/news/btn_clip.png) no-repeat center;
}

.clip_btn a{
  display: block;
  position: relative; 
  padding: 5px;
  transition: .3s;
}

.clip_btn a:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 1;
}

/* 上部表示部 */
.clip_btn span{
  position: absolute;
  opacity: 0;
  top:-60px;
  left:-10px;
  width:50px;
  padding:10px 3px 8px 3px;
  background:#F5F4F4;
  color: #333;
  font-size:10px;
  line-height: 1;
  transition: .3s;
}

.clip_btn span:after{
  position: absolute;
  top: 100%;
  left:24px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #F5F4F4;
  content: "";
}
.clip_btn:hover span{
  opacity: 1;
  top:-50px;
}

/* クリップ済の時は表示しない */
.clip_btn.on:hover span{
	opacity: 0;
}


.list_g {
  font-size:23px;
}

.list_g ul{
	margin-top:40px;
	margin-left:1px;
}
.list_g li{
  color:#999;
  font-size:13px;
}



/* サイド　今日のリケジョ
-----------------------------------------*/
.side .list_today ,.side .list_ranking ,.list_facilitator ,.list_relation ,.list_pr,.list_popularity{
	margin:0 0 0px 0;
	width:300px;
	overflow:hidden;
	height:auto;
	padding:10px 0;
	background:url(../../img/common/side_title.gif) no-repeat;
}

.side .list_today h3 ,.side .list_ranking h3 ,.list_relation h3 ,.list_pr h3 ,.list_popularity h3{
	font-weight:bolder;
	padding-bottom:5px;
	font-size:14px;
}

.side .list_today h3 img ,.side .list_ranking h3 img ,.list_facilitator h3 img ,.list_relation h3 img ,.list_pr h3 img{
	float:right;
	text-align:right;
}

.side .list_today p{
	width:300px;
	height:200px;
	margin:0;
	position:relative;
    display:inline-block;
    overflow:hidden;
}

.side .list_today p img{
	width:100%;
	margin:0;
	position:relative;
	z-index:1;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.side .list_today p img:hover{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.side .list_today h4{
	font-size:20px;
	color:#7C7C7C;
	font-weight:normal;
	padding:0;
	border-bottom:0;
	margin:8px 0 0 0;
}
.side .list_today h4 small{
	font-size:16px;
}

.side .list_today h5{
	font-size:13px;
	font-weight:bold;
}

.side .list_today aside{
	font-size:12px;
	line-height:1.2em;
	color:#595858;
}
/*
.side .list_today table{
	font-weight:bolder;
	text-align:center;
	width:300px;
}

.side .list_today table img{
	width:300px;
	height:200px;
}
.side .list_today table td{
	text-align:left;
	font-size:12px;
	padding:10px 10px 5px 10px;
	line-height:1.3em;
}

.side .list_today table td.day{
	text-align:center;
	font-size:28px;
	font-style:oblique; 
	font-family:'font1';
	src:url('03SmartFontUI.otf');
	src:local('hide from IE'), url('03SmartFontUI.otf') format('opentype'), url('03SmartFontUI.ttf') format('truetype');
}

.side .list_today dl img {
  width:100px;
  border-radius:100px;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
}

.side .list_today dl dd a:hover{
	border:1px solid #000;
	background:#333;
	color:#fff;
	text-decoration:none; 
}

*/

/* サイド　ランキング
-----------------------------------------*/
.side .list_ranking {
	width:300px;
	line-height:1.0em;
	list-style-type:none;
	padding:20px 0;
	margin-bottom:10px;
}

.side .list_ranking ol{
    counter-reset:li;
    padding:10px 0 0 0;
    list-style:none;
}
.side .list_ranking ol li {
    position:relative;
	height:45px;
    margin:0 0 6px 23px;
    padding:3px 4px 4px 4px;
}
.side .list_ranking ol.rnking01 li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    top:16px;
    left:-2px;
    width:25px;
    padding:4px 0;
    border-top:2px solid #DDD;
    color:#7F7F7F;
    background:#DDD;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

.side .list_ranking ol.rnking02 li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    top:16px;
    left:-2px;
    width:25px;
    padding:4px 0;
    border-top:2px solid #C6C6C6;
    color:#FFF;
    background:#C6C6C6;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

.side .list_ranking dt{
	width:50px;
	height:50px;
	position:absolute;
    top:2px;
    left:30px;
	float:left;
}
.side .list_ranking dd{
	float:right;
	width:200px;
	height:50px;
	margin-top:5px;
}

.side .list_relation dt{
	width:50px;
	height:50px;
	float:left;
	margin:0 0 6px 0;
}

.side .list_relation dd{
	float:right;
	width:240px;
	height:45px;
	margin-top:5px;
	line-height:1.3em;
	margin-bottom:6px;
}

.side .list_ranking a ,.side .list_relation a{
	color:#333;
	font-weight:bolder;
	font-size:12px;
	text-decoration:none;
	overflow:visible; 
    height:auto;
}

.side .list_ranking a:hover ,.side .list_relation a:hover
 { color:#ff8a00; text-decoration:none;}



/* サイド　連載ピックアップ
-----------------------------------------*/
.side .list_story{
	width:260px;
	padding:20px;
	margin:0 0 30px 0;
	background:#F4F4F4 url(../../img/common/list_story.gif) no-repeat;
}

.side .list_story h3{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	margin:7px 0;

}
.side .list_story li{
	padding-left:15px;
	margin-bottom:10px;
	line-height:1em;
	background:url(../../img/common/icon_rnk.png) no-repeat center left;
}

.side .list_story li a{
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	overflow:visible; 
    height:auto;
}
.side .list_story li a:hover{
	color:#FFB100;
}


/* サイド　ファシリテーター紹介
-----------------------------------------*/
.side .list_facilitator{
	width:280px;
	overflow:hidden;
	height:auto;
	padding:15px 10px 0 10px;
	text-align:center;
	margin-bottom:30px;
	background:#F4F4F4;
	border-top:2px solid #000;
}

.side .list_facilitator h3{
	text-align:left;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}
.side .list_facilitator li{
	height:100px;
	width:64px;
	float:left;
	font-size:10px;
	margin:0 2px;
}
.side .list_facilitator li p{
	width:64px;
	height:64px;
	border-radius:64px;
  	-webkit-border-radius:64px;
  	-moz-border-radius:64px;
	padding:0;
	margin:0;
}

.side .list_facilitator li img{
	width:100%;
}

.side .list_facilitator li a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}




/* サイド　ＰＲ
-----------------------------------------*/
.list_pr dt{
	width:300px;
	height:100px;
}
.list_pr dd{
	line-height:1.2em;
}
.list_pr dd h4{
	background:#00ABF6;
	padding:5px 15px 3px 0;
	color:#fff;
	font-size:11px;
	margin:0 0 10px 0;
	clear:both;
	text-align:right;
}
.list_pr dd h5{
	font-size:13px;
	margin:10px 0 5px 0;
	font-weight:bold;
	clear:both;
}
.list_pr dd p{
	font-size:12px;
	color:#888;
	font-weight:normal;
	/*margin-bottom:30px !important;*/
}
.list_pr a{
	color:#333;
	text-decoration:none;
}


/* サイド 人気記事
-----------------------------------------*/
.list_popularity{
	margin-bottom:30px;
}

.list_popularity h3{
	width:300px !important;
	height:30px;
	clear:both;
}

.list_popularity ul{
	width:300px;
	overflow:hidden;
	height:auto;
}
.list_popularity li{
	width:300px;
	height:;
	float:left;
	font-weight:bold;
	font-size:12px;
	line-height:1.4em;
	padding:12px 0 10px 0 !important;
	margin:0 !important;
	border-bottom:1px solid #ccc;
}

.list_popularity li img{
	width:67px;
	height:50px;
	float: left;
	margin:0 !important;
	padding:0 !important;
}


.list_popularity li p{
	float:right;
	width:215px;
	margin:0 !important;
	padding:0 !important;
}

.list_popularity li h4{
	color:#fff;
	background:rgba(255,177,0,0.90) !important;
	line-height:1em;
	padding:6px 10px 0 10px !important;
	height:14px !important;
	font-size:11px;
	text-align:right;
	position:relative;
	z-index:10;
	margin-top:-20px;
}


h3.ttl_popularity{
	color:#fff;
	background:rgba(255,177,0,0.90) !important;
	line-height:1em;
	padding:6px 10px 0 10px !important;
	height:14px !important;
	font-size:11px;
	text-align:right;
	position:relative;
	z-index:10;
	margin-top:-29px;
}

.list_popularity a{
	text-decoration:none;
}


/*
.side .list_ranking th{
	width:50px;
	height:50px;
	margin-bottom:5px;
	padding-top:5px;
	position:relative;
	border-bottom:1px solid #fff;
}

.side .list_ranking img.icon{
	width:25px;
	height:25px;
	float:left;
}

*:first-child+html .side .list_ranking img.photo{
	position:absolute;  
    top:0px;  
    left:0px;
}


.side .list_ranking td{
	width:190px;
	height:80px;
	font-size:90%;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #fff;
}


.side .list_ranking a{
	color:#333;
	font-weight:bolder;
	font-size:12px;
	text-decoration:none;
	overflow:visible; 
    height:auto;
}

.side .list_ranking .btn_clip {
	font-size:11px;
	background:#888;
	text-decoration:none;
	color:#fff;
	padding:3px 10px 2px 10px;
	text-align:center;
}




/*
ul#tab {
	zoom:1;
	background:#F5F4F4;
	list-style:none;
	margin:0 auto;
	padding:0;
}
ul#tab:after { content:"."; display:block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float:left;
	text-align:center;
	border-bottom:3px solid #ffb100;
}
ul#tab li:last-child {
	background:none;
}
ul#tab li a {
	display:block;
	width:150px;
	padding:8px 0;
	text-decoration:none;
	color:#fff;
	background-color:#666;
}
ul#tab li a:hover {
	background:#000;
	color:#fff;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	background:#ffb100;
	color:#fff;
}

 
 
 
 
section.side dl dd p{
	overflow:visible;
    height:auto;
	padding:0;
	font-size:13px;
}
 */
section.side .btn a {
  display:block;
  cursor:pointer;
  width:220px;
  margin:0 auto;
  padding:10px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  background-color:#ffb100;
  border-radius:5px;
  box-shadow:0 6px 0 #f67f00, 0 12px 0 rgba(0,0,0,0.2);
  -webkit-transition:color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition:color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
 
section.side .btn a:hover {
  background-color:#f67f00;
  box-shadow:0 3px 0 #dc5d00, 0 6px 0px rgba(0,0,0,0.2);
  -webkit-transform:translateY(3px);
  transform:translateY(3px);
}
 
section.side .btn a:active {
  color:#ddd;
  background-color:#ffb100;
  box-shadow:0 0 0 #f67f00, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform:translateY(6px);
  transform:translateY(6px);
  transition-duration:0.1s;
}



section.side .login_id {
	height:30px;
	padding:5px 0;
}

section.side .login_id img {
	width:30px;
	height:30px;
	float:left;	
}

section.side .login_id p {
	width:200px;
	float:left;
	padding-left:10px;
	font-size:14px;
	font-weight:bolder;
}

/*
section.side h4{
	width:290px;
	height:38px;
	font-size:13px;
	font-weight:bolder;
	padding:12px 0 0 10px;
	background:url(../../img/news/side_title.gif) repeat-x center top;
}*/

section.side textarea{
	width:280px;
	height:105px;
	background:#FFF;
	border:none;
	margin:10px 0;
	padding:10px;
	font-size:12px;
}

/* メッセージ */
#message_form {
	text-align: left;
	font-size: 90%;
}

/* ボタンを押下済 */
section.side input{
	height:30px;
	text-align:center;
	background:#666;
	
	color:#FFF;
	font-size:14px;
	border:none;
	padding:0 20px;
	margin:0 40px 25px 40px;
}

section.side input.active{
	height:30px;
	text-align:center;
	background:#ffb100;
	color:#FFF;
	font-size:14px;
	border:none;
	padding:0 20px;
	margin:0 40px 25px 40px;
}

section.side input.active:hover{
	background:#F08300;
}


section.side dl.comment_ect{
	margin:6px 0;
	padding-bottom:6px;
	background:url(../../img/common/line_01.gif) repeat-x center bottom;
	overflow:visible;  
    height:auto;
}


section.side dl.comment_ect img{
	width:100%;
}



section.side dl.comment_ect dt{
	float:left;
	width:60px;
	font-size:12px;
	line-height:1.4em;
	text-align:center;
}
section.side dl.comment_ect dt img{
	width:60px;
	height:60px;
	margin-bottom:5px;
	
}

section.side dl.comment_ect dd{
	float:right;
	width:210px;
	font-size:12px;
	background:#FFF;
	padding:8px 10px;
	position:relative;
	
}

 
section.side dl.comment_ect dd:after {
border:10px solid transparent;
border-right-color:#FFF;
border-left-width:0;
left:-8px;
content:"";
display:block;
top:10px;
position:absolute;
width:0;
}







/* グラフ
.barchart {
  width:240px;
  margin:20px auto;
  color:#FFF;
  text-align:center;
}
[class*=date] {
  height:30px;
  margin:10px 0 5px 0;
  
  padding-top:5px;
  @include animation( anime1 1s 1 ease);
}
.date1 {background:#EE8593}
.date2 {background:#706CAA}
.date3 {background:#38B48B}

@-webkit-keyframes anime1 {
  0% {width:0px;}
}
@keyframes anime1 {
  0% {width:0px;}
}*/