/*共通属性*/

body {
	/* テキストの共通属性 */
	border-color: #3f3f3f;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif,'Droid Font';
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
    
	/* アンカー要素タップ時の枠を消す */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* リンクの長押しでメニュー禁止 */
	-webkit-touch-callout: none; 
	/* 文字列、画像などの選択を不可に */
	/* -webkit-user-select: none; */
	word-break: break-strict;
}

/* ヘッダ */
.rflx_header {
	height:108px;
	margin-bottom:10px;
	border-bottom:none;
	overflow:hidden;
}
.rflx_header_banner {
	position:relative;
	overflow:hidden;
	height:108px;
}
.rflx_header_title {
	position:relative;
	overflow:hidden;
	height:44px;
	left:0px;
	right:0px;
}
.rflx_header_info_text{
	font-size:20px;
}
.rflx_header_info_text2{
	position:relative;
	font-size:16px;
	text-align: left;
	line-height:18px;
	left:20px;
}
.rflx_header_title_left {
	position:absolute;
	overflow:hidden;
	left:0px;
	height:44px;
	width:50px;
}
.rflx_header_title_mid {
	position:absolute;
	overflow:hidden;
	text-align:center;
	line-height:44px;
	height:44px;
	left:0px;
	right:0px;
}

.rflx_header_title_right {
	position:absolute;
	overflow:hidden;
	text-shadow:none;
	color:#FFFFFF;
	text-align:right;
	bottom: 0px;
	line-height:16px;
	font-family: 'ArialRoundedMTBold','Hiragino Maru Gothic ProN W4';
	height:32px;
	font-size:16px;
	right:5px;
	width:100px;	
}
.rflx_header_info {
	position:relative;
	overflow:hidden;
	
	background-color: #ffffff;

	height:102px;
	left:0px;
	right:0px;
}
.rflx_header_info_left {
	position:absolute;
	overflow:hidden;
	margin: 5px;
	font-family: 'HGP創英角ｺﾞｼｯｸUB','ヒラギノ角ゴ Pro W3';
	font-size:20px;
	left:0px;
	height:44px;
	right:80px;
}
.rflx_header_info_right {
	position:absolute;
	overflow:hidden;
	text-align:right;
	height:44px;
	right:0px;
	width:80px;	
}

/* ヘッダ・タイトル調整 */
.ui-header .ui-title {
    margin-right: 10%;
    margin-left: 10%;
}
.rflx_title_date {
	padding-right:4px;
	font-family: 'ArialRoundedMTBold','Hiragino Maru Gothic ProN W4','ヒラギノ丸ゴ ProN W4';
 	font-size: 16px;
 	line-height:18px;
 	color: #000000;
 	text-align: right;
}
.rflx_title_hour {
	padding-right:4px;
	padding-top:0px;
	line-height:8px;
 	font-size: 10px;
 	color: #FF0030;
 	text-align: right;
}

/* フッタースタイル */
.rflx_footer_style {
	font-size: 12px;
	font-weight: lighter;
}
	
	
/*メインメニュー

/*** メインメニューのベース ***/
#menu_panel {
	box-shadow: 0 rgba(0,0,0,0.0) ;
		-webkit-box-shadow: 0  rgba(0,0,0,0.0) ;
	width:220px
}
#menu_panel .main_menu .menu_line > button {
	background-color: transparent ;
}
.main_menu {
	background-color: rgba(255,255,255,.98) ;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2) ;
		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2) ;
	background: #ffffff;
	top:83px;
	left:0px;
	border: 2px;
	border-style: solid;
	position:relative;

	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.menu_text {
	font-family: 'HGP創英角ｺﾞｼｯｸUB','ヒラギノ角ゴ Pro W3';
	font-weight: 200;
	color:#404040;
}
/* メニューアイコン */
.main_menu img.icon {
    width: 20px;
    height: 20px;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align: -5px;
}

/* メニューリンク */
.main_menu a {
	color: #606366;
	text-decoration: none;
}
/* メニューボタン */
.main_menu button {
	background-color : #ffffff; 
	border:0px; 
	text-align: left;
	font-size:14px;
	font-weight: bold; 
	color: #404346;
}
/* メニュー項目 */
.main_menu div.menu_line {
	width: 90%;
	-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}

/* メニューボーダー */
.main_menu div.menu_border {
	margin: 0 1em;
	border-bottom: 1px solid ;
}

/*記事一覧


/* favicon */
.rflx_favicon {
	vertical-align:bottom;
}

/*重複除外記事*/
.rflx_resemblance_article{
	background-color : rgba(220, 170, 196, 0.61);
}

/* タブ領域 */
.rflx_art_cat_swiper_container{	
	background-color : rgba(0,0,0,0.0);
	margin-left:3px;
	padding:0px;
    position: relative;
    vertical-align: top;
    text-align:center;
	display: inline-block;
	line-height:35px;
	top:2px;
	height:42px;
	width:99%;
    overflow: hidden;
}
/* 記事一覧側のswiperコンテナ。従来はフルページ幅で使われておりビューポート端で
   偶然クリップされていたが、本来overflow: hiddenが必要(ウィジェット埋め込み時に
   前後カテゴリの内容がはみ出して見えてしまう問題への対応)。 */
.rflx_art_cols_swiper_container{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.rflx_art_tab_selected{
	text-shadow:none;
	cursor : pointer;
	margin:0px 0px 0px 0px ;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	font-size:14px;
	font-weight: 200;
	font-family: 'HGP創英角ｺﾞｼｯｸUB','ヒラギノ角ゴ Pro W3';
}
.rflx_art_tab{
	text-shadow:none;
	cursor : pointer;
	margin:8px 0px 0px 0px ;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	font-size:12px;
	font-weight: 200;
	font-family: 'HGP創英角ｺﾞｼｯｸUB','ヒラギノ角ゴ Pro W3';
}
/* 記事ペイン */
.rflx_art_cols {
 	padding:0px;
 	width:100%;
}
/* 記事グリッド列 */
.rflx_art_grid_columns {
	padding:0px;
    position: relative;
    vertical-align: top;
	display: inline-block;
    overflow: hidden;
}
/* 記事グリッド 
 * translate3d は、iOS8でz-indexがうまく動作しない場合の対策。https://liginc.co.jp/web/html-css/130658
*/
.rflx_art_grid {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
	display: inline-block;
	margin: 1px;
	background-color: #ffffff;
	min-width:99%;
	
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	opacity: 1;
 
    border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;

	background-clip: padding-box;
		-webkit-background-clip: padding-box; 
		-moz-background-clip: padding; 

    overflow: hidden;

	-ms-animation: fadeIn 0.3s;
	-webkit-animation: fadeIn 0.3s;
	animation: fadeIn 0.3s;
}
.rflx_art_grid_cvr {
	position: absolute;
	-webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
	z-index:255;
	width:100%;
	height:100%;
}

/* 記事グリッド・中身 */
.rflx_art_grid_main{
	margin:2px;
	cursor : pointer;
}
/* サムネイル */
.rflx_art_grid img.lazy {
    position: relative;
	display: inline-block;
	background-clip: padding-box;
		-webkit-background-clip: padding-box; 
		-moz-background-clip: padding; 
    overflow: hidden;
    width:100%;
    background-color:rgba(120, 120, 120, 0.5);
}


.credit {
	font-size:8px;
    font-weight:100;
    color:#404040;
}
/* タイトル */
.rflx_art_grid div.title {
    position: relative;
	display: inline-block;
	font-size:14px;
	cursor : pointer;
	margin-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	word-wrap: break-word;
	overflow: hidden;
    font-weight:bold;
    color:#404040;

}
/* 説明 */
.rflx_art_grid div.description {
    position: relative;
	display: inline-block;
	color: #404040;
	padding-left: 5px;
	padding-right: 5px;
	word-wrap: break-word;
	font-size: 12px;
	overflow: hidden;
}
/* ボーダー */
.rflx_art_grid div.border {
    position: relative;
	display: inline-block;
    width: 100%;
    overflow: hidden;
	border-bottom: 1px solid #ccc;
}
/** facebook **/
.fb_title{
	display: inline-block;
	position: relative;
	width:100%;
	height:50px;
	margin-top:4px;
	border-bottom: 1px solid #ccc;
}
.fb_usr_thumb {
	display: inline-block;
	position: absolute;
	left:5px;
	width:48px;
	height:48px;
}
.fb_usr_name {
	display: inline-block;
	position: absolute;
	top:4px;
	height:20px;
	left:58px;
	right:2px;
	font-size:11px;
    font-weight:bold;
    color:#404040;
}
.fb_pubdate {
	position: absolute;
	font-size:11px;
	left:58px;
	top:26px;
	
	font-size: 11px;
	color: #404346;
	text-align: right;
	padding-right: 7px;
	font-size: 11px;
	white-space: nowrap;
}

/* 小画像 */
.rflx_art_grid img.thumb_s {
    float:left;
	padding: 5px;
}

/*** 記事情報 ***/
.rflx_art_grid div.info_base {
    position: relative;
	display: inline-block;
	font-size: 11px;
}

/* サイトタイトル */
.rflx_art_grid div.site_title {
	overflow: hidden;
	text-align: left;
	float: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
    font-size: 11px;
    font-weight:bold;
    color:#606060;
    cursor : pointer;
    width:100%;
	padding-left: 7px;
	padding-bottom: 4px;
	border-bottom:solid 1px #ccc;
}

/* 更新時刻 */
.rflx_art_grid div.pub_date_r {
	font-size: 11px;
	color: #404346;
	text-align: right;
	padding-right: 7px;
	font-size: 11px;
	white-space: nowrap;
}

/* リンク */
.rflx_art_grid a {
	text-decoration: none;
	color:#f10909;
}



/* フロートクリア */
.rflx_art_grid div.float_clear {
    clear:both;
}

/*** アクションボタンのベース ***/
.rflx_art_grid div.rflx_art_action_base {
	background-color : #F5F5F5;
    position:    absolute;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
		-webkit-border-bottom-left-radius: 1px;  
		-webkit-border-bottom-right-radius: 1px;
		-moz-border-radius-bottomleft: 1px;  
		-moz-border-radius-bottomright: 1px;
	border-top: 1px solid #DDD;
	background-clip: padding-box;
		-webkit-background-clip: padding-box; 
		-moz-background-clip: padding; 
}

/* 詳細情報 */
.rflx_art_grid span.info {
	float: right;
}
/* 詳細情報イメージ */
.rflx_art_grid img.info {
    opacity:1.0;
}
/* タグ　*/
.rflx_art_grid div.tag {
    position: relative;
	display: inline-block;
	padding:4px;
	margin:2px 2px 2px 8px ;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 12px;
	color : #6d091b;
	background-color : #b6f3c1;
}
.rflx_art_grid div.tag::before {
	width: 7px;
	height: 6px;
	background: #7a0;
}
.rflx_art_grid div.tag::after {
	left: 7px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #7a0;
}

/* yahooキーフレーズ　*/
.rflx_art_grid div.yahoo_key_phrase {
    position: relative;
	display: inline-block;
	padding:2px;
	margin:2px 2px 2px 4px ;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	font-size: 8px;
	color : #6d091b;
	background-color : #b6eef3;
}
.rflx_art_grid div.yahoo_key_phrase::before {
	width: 7px;
	height: 6px;
	background: #7a0;
}
.rflx_art_grid div.yahoo_key_phrase::after {
	left: 7px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #7a0;
}
/* facebookの埋め込みhtmlをレスポンシブにするための設定 参考）http://fumie.me/2015/07/10/76/*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}

/*マガジントップ*/

.rflx_mag_frame{
	border: 2px;
	border-style: solid;
	border-color: #404040;
}
.rflx_mag_main{
	padding:10px;
	margin:10px;
	width:360px;
}
.rflx_mag_photo{
	padding:0px;
	margin:0px;
	overflow:hidden;
	width:356px;
	height:356px;
}
.rflx_mag_photo img{
    width:100%;
}
.rflx_mag_photo_desc{
	font-size:10px;
	text-align:left;
	font-family: 'MS P明朝';
}
.rflx_mag_upd_history{
	font-size:12px;
	text-align:left;
}
.rflx_copr_link{
	cursor : pointer;
}