/**
 * (PC版)購読中画面用
 */
@CHARSET "UTF-8";

div.wrapper-reaction.subscribing-dialog {
	width: 600px;
}
div.popup-reaction-inner.subscribing-inner {
	height: auto;
}
div.subscribing-list-caption {
	idth: 100%;
    height: auto;
    margin-top: 6px;
    padding: 4px 0px 4px 12px;
    font-size: 18px;
    background-color: #f0f0f0;
}
/******* セグメントエリア ***********/
div#subscribeSegmentArea, div#subscribeSegmentArea ul, div#subscribeSegmentArea li, div#subscribeSegmentArea a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
div#subscribeSegmentArea {
    text-align: center;
    width: 100%;
    height: auto;
    margin: 12px auto 0;
}
div#subscribeSegmentArea > ul {
    width: 100%;
    height: auto;
    padding: 0 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
}
div#subscribeSegmentArea > ul > li {
	width: 33.333333%;
    height: 40px;
    position: relative;
    cursor: pointer;
}
div#subscribeSegmentArea > ul > li.selected {
	cursor: default;
}
div#subscribeSegmentArea > ul > li > a {
    color: #236795;
    border-top: 1px solid #236795;
    border-bottom: 1px solid #236795;
    background-color: #FFFFFF;
    line-height: 40px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}
div#subscribeSegmentArea > ul > li > a.selected {
    color: #FFFFFF;
    background-color: #236795;
    cursor: default;
}
div#subscribeSegmentArea > ul > li > a#subscribing {
    border: 1px solid #236795;
	-webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
         -ms-border-radius-topleft: 8px;
          -o-border-radius-topleft: 8px;
             border-radius-topleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
         -ms-border-radius-bottomleft: 8px;
          -o-border-radius-bottomleft: 8px;
             border-radius-bottomleft: 8px;
}

div#subscribeSegmentArea > ul > li > a#fromSteeringComittee {
    border: 1px solid #236795;
	-webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
         -ms-border-radius-topright: 8px;
          -o-border-radius-topright: 8px;
             border-radius-topright: 8px;
    -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
         -ms-border-radius-bottomright: 8px;
          -o-border-radius-bottomright: 8px;
             border-radius-bottomright: 8px;
}
div#subscribingBadge {
	display: none;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: -4px;
	min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    background-color: #c62828;
    color: white;
    padding: 0 1px;
    font-size: 12px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    display: none;
}
div#noticeBadge {
	display: none;
	position: absolute;
    z-index: 1;
    right: 0px;
    top: -4px;
	min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    background-color: #c62828;
    color: white;
    padding: 0 1px;
    font-size: 12px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    display: none;
}
div#fromSteeringComitteeBadge {
	display: none;
	position: absolute;
    z-index: 1;
    right: 0px;
    top: -4px;
	min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    background-color: #c62828;
    color: white;
    padding: 0 1px;
    font-size: 12px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    display: none;
}
/***************** データ表示エリア ****************/
div#subscribeLoadDataArea {
	position: relative;
	width: 550px;
	width: 100%;
	max-height: 620px;
	margin: 12px auto;
	font-size: 16px;
	min-height: 252px;
	overflow-y: auto;
	cursor: default;
}
div#btnSubscribingNotLogin {
	position: absolute;
	width: 280px;
	height: 50px;
	line-height: 50px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	color: #fff;
	background-color: #236795;
	font-size: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 5px 5px 10px 0px #333333;
}
div#btnSubscribingNotLogin:hover {
	cursor: pointer;
}
div#csspinner_subscribing {
	display: none;
}
/*********** 「購読中」セグメント内エレメント *************/
div#subscribeLoadDataArea.subscribing > div#noSubscribingList {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	font-size: 18px;
	width: 380px;
	height: 100px;
	margin: auto;
}
div#subscribeLoadDataArea.subscribing > div#noSubscribingList > div.noSubscribingLink{
	text-align: center;
}
.divSubscribingLoadingRow {
	text-align: center;
	color: #BDC3C7;
	font-size: 18px;
	padding-top: 10px;
	border-top: 1px dotted #D9E0E6;
}
/*********** 「運営より」セグメント内エレメント *************/
h1#h1FromSteeringComittee {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size:20px;
	font-weight: bold;
	background-color: rgba(0,0,0,0.2);
}
ul#ulFromSteeringComittee {
	list-style: none;
}
ul#ulFromSteeringComittee > li {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #DAE0E5;
}

ul#ulFromSteeringComittee > li.liFromSteeringComitteeLoadingRow {
	text-align: center;
	font-size: 18px;
	color: #BDC3C7;
	padding-top: 10px;
	border-top: 1px dotted #D9E0E6;
}

ul#ulFromSteeringComittee > li:last-child {
	border: none;
}
a.aFromSteeringComitteeCell {
	text-decoration: none;
	vertical-align: middle;
    color: #262729;
    font-size: 16px;
    text-align: left;
    width: 100%;
    height: auto;
    padding: 8px 8px 8px 8px;
    margin: 0 auto;
    display: block;
    background-size: 18px 18px;
    background-position: right center;
    background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
img.imgFromSteeringComitteeCompanyIcon{
	max-width: 40px;
	float: left;
	border-radius: 50%;
}
div.divFromSteeringComitteeCompanyName{
    margin: 11px;
    float: left;
}
div.divFromSteeringComitteeContent{
    clear: both;
}
span.spanFromSteeringComitteeNewsDate {
	float: right;
	font-size: 16px;
    margin-bottom: 11px;
    margin-top: 11px;
    margin-right: 8px;
}
div.divFromSteeringComitteeTitle {
    margin-top: 30px;
	font-size: 16px;
	font-weight: bold;
}
div.divFromSteeringComitteeMessage {
	padding-top: 6px;
    padding-right: 8px;
}
div.divFromSteeringComitteeImageTrim {
	overflow: hidden;
	border: #D9E0E6 solid 1px;
	background-color: white;
	margin: 8px 0 0 0;
}
img.imgFromSteeringComitteeImage {
    width: 533px;
}
div.divFromSteeringComitteeLinkURL{
	 color: blue;
	 text-decoration: underline;
	 padding-top: 8px;
}
div.divFromSteeringComitteeFooter{
	overflow: hidden;
}
span.spanFromSteeringComitteeDetail{
	float: right;
	color: #0B649B;
	font-size: 16px;
	padding-top: 8px;
    margin-right: 8px;
}
/*********** 「通知」セグメント内エレメント *************/
li.liNotice {
	overflow: hidden;
}
div.divNoticeRow {
    width: 547.2px;
    height: auto;
    margin :auto;
    padding: 10px 0 10px 8px;
    border-bottom: 1px solid #D9E0E6;
}
div.divNoticeRow:last-child {
	border: none;
}
div.divNoticeRow.divNoticeLoadingRow {
	text-align: center;
	font-size: 18px;
	color: #BDC3C7;
	border-top: 1px dotted #D9E0E6;
}
div.divNoticeRow > div.user-reaction-inner > p,
div.divNoticeRow > div.user-reaction-inner > a,
div.divNoticeRow > div.user-reaction-inner > span {
	width: 44px;
    height: 44px;
    float: left;
}
div.divNoticeRow > div.user-reaction-inner > p > span > img,
div.divNoticeRow > div.user-reaction-inner > a > span > img,
div.divNoticeRow > div.user-reaction-inner > span > span > img {
	width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
div.divNoticeRow > div.user-reaction-inner > dl {
	width: 466px;
    height: auto;
    float: right;
}
div.divNoticeRow div.elapsed-time {
	color: #999;
	text-align: right;
	padding-right: 12px;
}
div.divNoticeRow div.news_title {
    font-weight: bold;
}