/*
Theme Name:news_summary_theme
Theme URI:http://enterlinx.net/
Description:アンテナサイトテーマ
Author:EnterLINX
Author URI:http://enterlinx.net/
Version:1.0.0
*/
body{
list-style: none;
background-color:#f5f5f8;
height:100%;
font-size:14px;
}
img{
max-width:100%;
height:auto;
}
iframe{
	border: 0;
}
.gap-0{
	margin:0;
	padding:0;
}
.blog_post_list{
	margin-top:23px;
}
.blog_post_list .list-group-item{
	padding:6px 9px !important;
}
.b_link{
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.page-item.active .page-link {
	color:#fff;
	background-color: #777;
	border-color: #ccc;
}

/* 基本リンク色 */
a:link { color: #333; }
a:visited { color: #555; }
a:hover { color: #999;text-decoration: none}
a:active { color: #999; }
ol,ul{
list-style:none;
margin:0 !important;
/* padding:0 !important; */
}
.main_inner{
	max-width:100%;
	width:1160px;
	margin:18px auto 0 auto;
}
.hidden_sp{
	padding:0;
}

.main_col{
	padding:0px 12px 15px 12px;
}
.card{
	margin-bottom:15px;
	box-shadow: 3px 3px 2px rgba(155,155,155,0.2);
}
.header_outer{
	background-color:#fff;
	color:#666;
	width:100%;
	height:52px;
	overflow: hidden;
}
.header_outer h1{
padding:0px;
font-size:18px;
margin:16px 0 0 10px;
font-weight: bold;
font-family: 'Oleo Script', cursive;
}
.header_outer h1 a{
color:#2f4f4f;
}
.top_nav{
	overflow-y: hidden;
	overflow-x: scroll;
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	border-right:1px solid #777;
	border-left:1px solid #777;
}
.top_nav_item{
	flex: 0 0 120px;
	display:inline-block;
	text-align: center;
	font-size:14px;
	border-right:2px solid #3f3f3f;
}
.top_nav_item a{
	color:#fff;
	display: block;
	padding:11px 0;
}
#breadcrumb_list {list-style-type:none;padding:5px 0 0 18px;}
#breadcrumb_list li{display:inline-block;font-size:12px;}
#breadcrumb_list li a:after {content:" > ";}
.swiper-container {
  margin:0;
	position: sticky;
	top:0;
	z-index:999;
	width:100%;
	background-color: rgba(0, 0, 0, 0.75 );
}
.top_menu{
	position: sticky;
	top:0;
	z-index:999;
}
.tab-menu {
  border-bottom: 1px solid #00008b;
}
.tab-menu .swiper-slide {
font-size:14px;
  width:130px;
text-align: center;
border-right:1px solid #777;
}
.tab-menu .swiper-slide:hover{
background-color:#777;
}
.tab-menu .swiper-slide a{
color:#fff;
padding:7px 12px;
display: block;
}
.v_area_title{
	font-size:16px;
	padding:0;margin:0;
	display:inline;
}
.pick_2{
width:100%;
margin-bottom:6px;
border:1px solid #ccc;
border-radius:4px;
position:relative;
}
.p2_img{
display: table-cell;
width:86px;
height:67.5px;
}
.p2_img img{
width:100%;
height:100%;
}
.p2_title{
display: table-cell;
width: calc(100% - 88px);
padding:7px 9px;
font-size:13px;
vertical-align:middle;
}
.p1_title{
display: table-cell;
width: calc(100% - 88px);
padding:7px 9px;
font-size:16.5px;
vertical-align:top;
}
.pick_2_list{
display: block;
}
.pick_1{
width:100%;
position:relative;
height:260px;
overflow: hidden;
}
.pick_1_img{
    width:100%;
    height:100%;
object-fit: cover;
}
.e_img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow: hidden;
}
.e_title{
background-color: rgba(0,0,0,0.6);
color:#fff;
padding:5px;
width:100%;
height:53px;
position:absolute;
bottom:0;
left:0;
overflow: hidden;
}
.pick_right{
padding-left:10px;
}
.pop_area{
margin-bottom:15px;
}
.catm{
background-color: rgba( 100, 150, 200, 0.3);
}
.archive_title{
padding:8px 12px;
font-size:20px;
margin:0;
}
.bt_area{
margin-right:1px;
}
.btmenu:hover{
 outline: 2px solid #06e;
  outline-offset: -2px;
}
.btmenu{
background-color:#fff;
color:#333;
border:0.8px solid #ccc;
}
.post_list_trend{
padding:10px;
}
.post_list_trend h2{
font-size:20px;
margin:0;
padding:5px 8px;
border-left:6px solid #0096C8;
}
.post_list_trend h2 a{
color:#005B99;
}
.trend_img{
text-align: center;
margin:0 auto;
}
.trend_img img{
width:70%;
height:auto;
max-width:100%;
}
.trend_text{
padding:10px;
}
.trend_link{
text-align: center;
margin-bottom:0;
}
.item_tf{
width:24.8%;
padding:5px;
}
/* ページャー */
.tablenav {
    color: #2583ad;
    background:white;
    margin:15px auto 5px auto;
    line-height:2em;
    text-align:center;
}
a.page-numbers, .tablenav .current {
    color: #00019b;
    padding: 4px 12px;
    border:solid 1px #ccc;
    text-decoration:none;
    font-size:16px;
}
a.page-numbers:hover {
    color:white;
    background: #328ab2;
}
.tablenav .current {
    color: white;
    background: #328ab2;
    border-color: #328ab2;
    font-weight:bold:
}
.tablenav .next, .tablenav .prev {
    background:transparent;
    color: #00019b;
    padding: 4px 12px;
    border:solid 1px #ccc;
    text-decoration:none;
    font-size:16px;
}
.sp_search{
	padding:8px;
}
.drawer-nav{
	overflow: auto;
}
.search_form{
max-width:100%;
display:none;
position:absolute;
right:1px;
top:2px;
color:#fff;
z-index:1000;
}
.archive_datas{
font-size:13px;
color:#888;
}
.bg_white{
background-color:#fff;
}
/* 記事ループリスト */
.post_item{
	transition: 0.4s;
	width:100%;
	position:relative;
}
.post_item tr td{
	padding:10px !important;
}
.post_item_inner{
	word-break: break-all;
	
}
.post_item_title{
	font-weight: bold;
}
.post_item_blog{
	color:#888 !important;
	font-size:12px;
}
.card-header{
	padding:5px 7px;
}
.footer{
	border-top:4px solid #eee;
	color:#666;
	width:100%;
}
.footer-inner{
	padding:10px;

}
.footer_top{
text-align: center;
	margin-bottom:6px;
}
.footer_bottom{
	text-align: center;
}
.footer-sp{
	display:none;
}
.single_title{
	margin:0;
	font-size:18px;
	padding-top:3px;
}
.pick_up_area{
margin-bottom:10px;
}

.post_content{
	padding:10px;
}
.single_side_1{
	height:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
.post_sub_content{
	width:100%;
	height:100%;
}
.kanren{
	padding:6px;
	width:100%;
	height:calc(100% - 40px);
	overflow: auto;
}
.post_sub_title{
	padding:5px 8px;
	background-color:#f5f5f5;
	color:rgb(33, 84, 170);
}
.popularity_area{
	width:100%;
}
.popularity_body{
	padding:0px;
}
.popularity_page_link{
	padding:0 10px 10px 10px;
}
.contact_form{
	padding:40px 4%;
}
a.category_list{
	color:rgb(0, 123, 201);
	margin-right:4px;
}
a.r_category_list{
	margin-right:4px;
	border:0.8px solid #ccc;
	font-size:13px;
	padding:3px 8px;
}
a.tag_list{
	color:rgb(0, 120, 37);
	margin-right:4px;
}
a.r_tag_list{
	margin-right:4px;
	border:0.8px solid #ccc;
	font-size:13px;
	padding:3px 8px;
}
.post_views{
	margin-right:14px;
}
.post_times{
	font-size:15px;
	color:#777;
}
.post_v_data{
	width:100%;
	text-align: center;
	padding:6px 0;
	color:#fff;
	margin-bottom:12px;
	font-size:15.5px;
}
.bg_black{
background-color:#777;
}
.bg_white{
background-color:#fff;
color:#666;
}
.bg_light_blue{
background-color:#777;
color:#fff;
}
.bg_blue{
background-color:#00D5F2;
}
.bg_dark_blue{
background-color:#008699;
}
.btn-se{
	background-color:#008699;
	color:#fff;
}
.page_content{
	padding:20px;
}
.page_post{
	padding:20px;
}
.footer_menu{
	margin-bottom:10px;
}
.footer_menu li{
	display:inline-block;
	margin-right:10px;
}
#page-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    font-size: 90%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 12px 16px;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
#pci_menu{
	font-size:30px;
	cursor : pointer;
	display:inline-block;
}
#pci_cat{
	font-size:30px;
	cursor : pointer;
	display:inline-block;
}
.pc_left_side i{
	margin-right:7px;
}
.list_under a:hover{
	background-color:#f5f5f5;
	text-shadow: 2px 2px 1px #ccc;
}
.list_under{
	border-bottom:1px solid #ddd;
}
.menu_active{
	background-color:#f2f2f2;
	color:#222;
}
.margin_side{
	margin-right:20px;
	margin-left:5px;
}
.border_space{
	margin:10px 20px 26px 5px;
	border:0.8px solid #ccc;
}
.post_v_data i{
	margin-right:7px;
}
.single_pop{
	padding:15px 2px 10px 15px;
}
#mylistbox{
	padding-right:20px;
}
.menu_navi_list{
	padding:0;
	margin:0;
}
.menu_navi_list ul{
	list-style: none;
	padding:0;
	margin:0;
}
.menu_navi_list ul li{
	padding:0;
	margin:0;
}
.menu_navi_list ul li a{
padding:10px 12px;
display: block;
}
.navi_button{
	cursor : pointer;
}
#navi_m{
	padding:0;
}
.post_list_my{
display:inline-block;vertical-align:top;
width:32.8%;
padding:0 0 16px 10px;
}
.iziModal_iframe{
	cursor : pointer;
}
.modal_w{
	display:none;
}
#modal_area{
	display:none;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:280;
	background-color: rgba(0,0,0, 0.60 );
}
#my_modal{
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:600px;
	z-index:300;
	background-color:#fff;
	padding:8px;
	border-radius:5px;
}
.t_area{
	width: calc(100% - 170px);
}
.pager{
margin-top:10px;
}
.pagination{
margin-bottom:0;
}
/* スコア */
#wk_sche{
	width:100%;

}
@media all and (max-width:1100px) {
	.post_list{
		width:24.1%;
	}
	.item_tf{
	width:33.2%;
	}
}
@media all and (max-width: 991px) {
	.t_area{
		width:100%;
	}
	.b_area{
		width:100%;
		text-align:right;
		margin-top:8px;
	}
	.b_area button{
		font-size:14px;
		padding:2px;
	}
	.pc_left_side,.hidden_sp{
		display:none;
	}
	#pci_menu,#pci_cat,.sp_menu{
		display:block;
	}
	.main_col{
		width:100%;
		padding:0px 5px 0 5px;
		margin-left:0px;
	}
	.post_v_data{
		width:100%;
	}
	.main_inner{
		margin-bottom:15px;
	}
	.footer-inner{
		padding-left:0px;
	}
	.post_list_my{
	width:49.4%;
	}
	.post_list{
		width:24.2%;
	}
	.margin_side{
		margin:0 5px;
	}
	.single_title{
		font-size:15px;
	}
	.btn-sm{
		font-size:13.5px;
	}
	.single_pop{
		padding:14px 0 0 0;
	}
	#my_modal{
		width:98%;
	}
	#mylistbox{
		padding-right:1%;
	}
}
.show_pc{
	display:block;
}
.show_sp{
	display:none;
}
.right_search{
max-width:100%;width:40%;
}
@media all and (max-width: 768px) {
	.show_pc{
		display:none;
	}
	.show_sp{
		display:block;
	}
	.show_text{
		display:none;
	}
	.btmenu{
		padding:4px 8px;
	}
	.right_search{
	max-width:100%;width:100%;
	}
	.post_list{
		width:32.4%;
	}
	.pick_right{
	padding:0;
	}
.item_tf{
width:49.5%;
padding:0 0 0 10px;
}
[class^="col-"]{
padding:0;
}

}
@media all and (max-width: 578px) {
	.post_list{
		width:48.8%;
	}
	.post_list_my{
	width:49.2%;
	}
.item_tf{
width:100%;
padding:0 0 10px 0;
}
}
@media all and (min-width: 992px) {
	#pci_menu,#pci_cat,g-nav,.sp_menu{
		display:none;
	}
	.sp_menu{
		text-align:left;
	}
}
}
}
@media all and (min-width: 992px) {
	#pci_menu,#pci_cat,g-nav,.sp_menu{
		display:none;
	}
	.sp_menu{
		text-align:left;
	}
}
av,.sp_menu{
		display:none;
	}
	.sp_menu{
		text-align:left;
	}
}
u{
		text-align:left;
	}
}

}