@charset "UTF-8";

/* --------------------------------------------------
	コミック

	■ コミックページ

		・ メイン画像
		・　コミック、コラム説明共通
		・ コミック説明
		・ コラム説明
		・ ページャー
-------------------------------------------------- */

/* --------------------------------------------------
	コミックページ
-------------------------------------------------- */
.comic_top_box{
	margin-bottom: 16px;
}

/* 新h1
----------------------------------- */

h1.comic_top {
    background-image:url(../img/comic/common/comic_newtype_icon.png);
    background-repeat: no-repeat;
	padding-top:3px;
    padding-left: 40px;
    background-size: 18px;
    background-position: 10px 5px;
	background-color:#33b2d0;
    padding-right: 10px;
    margin-bottom: 10px;
    display: table;
	color:#FFFFFF;
	line-height:28px;
}
.bxslider{
	height:352px;
	
	overflow:hidden;
	
}
.bxslider li{
	display:inline;
}
/* メイン画像
----------------------------------- */
.comic_top_main_img{
padding: 0px;
margin: 0px auto;
width: 664px;

background-color: ;
}
.comic_top_images{
	width:664px;
	height:378px;
	text-align: center;
	overflow:hidden;
}
.comic_top_images img{
max-width:100%;
max-height:100%;
}

/* コミック、コラム説明共通
----------------------------------- */
.comic_top_items_box{
	padding: 0px;
	margin: 0px auto;
	width: 664px;
	overflow: hidden;
}
.items_title_Date{
	width: 50%;
  	float: right;
  	font-size: 12px;
  	text-align: right;
  	padding: 8px 10px 0 0;
	color:#FFFFFF;
}
.comic_top_items_left{
	width: 320px;
	height: 318px;
	float: left;
	background-color: #fff;
	margin-bottom: 16px;

}
.comic_top_items_right{
	width: 320px;
	height: 318px;
	float: right;
	background-color: #fff;
	margin-bottom: 16px;
}
.comic_top_items_title{
	width: 100%;
	height: 30px;
	color:#fff;
	font-weight: bold;
}
.comic_top_items_images{
	width: 100%;
	height: 80px;
	background-color: #ccc;
	margin-bottom: 5px;
	  text-align: center;
	  position:relative;
}
.comic_top_items_images img{
	max-width:100%;
max-height:100%;
}
.comic_top_description{
	font-weight: normal;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.comic_top_caption{
	text-align: left;
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px dotted #ccc;
  font-size:10px;
  
}
.comic_top_caption img{
	float:left;
  
}
.comic_top_caption h3{
	font-weight:bold;
   color: #2E6EC8;
   font-size:15px;
}
.comic_top_p{
	padding: 0 8px;
	height:60px;
	overflow:hidden;
	font-size: 13px;
}
.comic_top_items_last{
	margin: 0 8px 10px;
  	list-style: none;
  	overflow: hidden;
}
.comic_top_moreButton {
	width: 140px;
  	padding: 6px;
  	text-align: center;
  	border-radius: 4px;
  	margin: 0px auto;
}

a:hover .comic_top_moreButton {
	background:#33B2D0;
	color:#FFFFFF;
}
/*タブ
----------------------------------- */

.tabList {
overflow: hidden;
padding:6px 2% 6px 2%;
width:96%;
border-bottom:1px solid #ebebeb;
}
.tabList.end {
	padding:3px 2% 10px 2%;
    border-bottom:none;
}
.tabList.end a{
	font-size:12px;
	font-weight:bold;
}
.tabList .left{
	float:left;
}

.tabList .right {
	width:200px;
	float:right;
	margin:0 0px 0 1%;
}
#rightColumn .tabList a h3{
	font-weight:bold;
    color: #2E6EC8;
    font-size:15px;
}
.tabList .right div{
	font-size:13px;
	font-weight:bold;
}
.tabList .right a{
	font-size:13px;
	font-weight:bold;
}
.tabList .right p{
	font-size:11px;
}
//.tabList  p{
//	font-size:11px;
//}
.tabList .right p.second{
	font-size:12px;
	color:#33b2d0;
	font-weight:normal;!important
}
/* 新共通
----------------------------------- */
.comic_top_btnbox{
	padding: 10px 0 10px 10px;
	margin: 0px auto 10px auto;
	width: 654px;
	background:#FFFFFF;
	float:left;
	clear:both;
	text-align: center;
}
.comic_top_btnbox_atag{
	display:inline-block;
	margin-bottom:-7px;
	margin-right:-7px;
}
.comic_top_mini{
	padding: 0 8px 2px 8px;
	overflow:hidden;
	margin:0 0 4px 0px
}
.comic_top_m{
	background-color: #33b2d0;
	padding: 0;
  	margin: 0 auto 10px auto;
  	padding-left: 0px;
  	overflow: hidden;
	width:100%;
}
.minibox_a{
	padding:3px;
	color:#ffffff;
	float:left;
	font-size:10px;
	margin:0 10px 0 0;
	background: #33b2d0;
}
.minibox_b{
	padding:3px;
	color:#ffffff;
	float:right;
	font-size:10px;
	margin:0 0px 0 10px;
	background: #aaaaaa;
}
.comic_top_new{
	position:absolute;
	float:right;
	right:0;
	top:0;
	z-index:10;
}

div#rightColumn .newsTitle {
    color: #fff;
    padding: 6px 10px;
    font-weight: bold;
	background:#33b2d0;
}
/* 新ボタン
----------------------------------- */
.comic_top_newbtn_a{
	border: 2px solid #33B2D0;
  	color: #33B2D0;
  	float: left;
  	width:192px;
	padding:6px;
	margin:0 10px 0 0;
	text-align:center;
	border-radius: 4px;
 }
a:hover .comic_top_newbtn_a{
	background:#33B2D0;
	color:#FFFFFF;
}
.comic_top_newbtn_b{
	border: 2px solid #33B2D0;
  	color: #33B2D0;
  	width:380px;
	padding:6px;
	margin:0 auto;
	text-align:center;
	border-radius: 4px;
}
a:hover .comic_top_newbtn_b{
	background:#33B2D0;
	color:#FFFFFF;
}
/* スライダーボタンの位置
----------------------------------- */
.owl-prev{
	top:-100px;	
}
.owl-buttons{
	top:-100px;	
}
/* コミック説明
----------------------------------- */
.comic_top_items_title_comic{
	background-color: #33b2d0;
	padding: 4px 0;
  	margin: 0 auto;
  	padding-left: 10px;
  	overflow: hidden;
}
.comic_top_comic{
	color: #33b2d0;
}
.items_title_comic{
	width: 30%;
	float: left;
}
.comic_top_morelateststory_comic{
	border: 2px solid #33b2d0;
  	color: #33b2d0;
  	float: left;
  	width: 130px;
 }
.comic_top_moredetail_comic{
	border: 2px solid #33b2d0;
  	color: #33b2d0;
  	float: right;
  	width: 130px;
}

/* コラム説明
----------------------------------- */
.comic_top_items_title_column{
	background-color: #33B2D0;
	padding: 4px 0;
  	margin: 0 auto;
  	padding-left: 10px;
   	overflow: hidden;
}
.comic_top_column{
	color: #888888;
}
h2.items_title_column{
	width: 30%;
	float: left;
}
.comic_top_morelateststory_column{
	border: 2px solid #33B2D0;
  	color: #33B2D0;
  	float: right;
  	width: 130px;
 }
.comic_top_moredetail_column{
	border: 2px solid #33B2D0;
  	color: #33B2D0;
  	float: left;
  	width: 130px;
}

/*ページャー
----------------------------------- */
.comic_top_pagerBox {
	text-align: center;
	overflow:hidden;
	background-color: #fff;
	padding: 12px 0;
}

.comic_top_pagerBox a img {
	display: inherit;
	margin-top: 10px;
}

.comic_top_pagerBox span.comic_top_pageNumber a{
	color:#cccccc;
	line-height: 30px;
}

.comic_top_pagerBox span.comic_top_pageNumber{
	margin-right: 4px;
	margin-bottom: 4px;
	width:30px;
	height: 30px;
	text-align: center;
	padding: 4px 10px;
	font-size: 16px;
}

.comic_top_pagerBox span.comic_top_pageNumber.select {
	border: 2px solid #33b2d0;
	background-color: #33b2d0;
}

.comic_top_pagerBox span.comic_top_pageNumber.select a{
	color: #fff;
	font-weight:bold;
}

/* おすすめコミック コラム　2016.01
----------------------------------- */
.osusume_items_box{
	padding: 0px;
	margin: 0px auto;
	width: 664px;
	overflow: hidden;
}
section.osusume_items_box{
	background:none;
	
}
.osusume_title_Date{
	width: 50%;
  	float: right;
  	font-size: 12px;
  	text-align: right;
  	padding: 8px 10px 0 0;
	color:#FFFFFF;
}
.osusume_items_left{
	width: 320px;
	height:140px;
	float: left;
	background-color: #fff;
	margin-bottom: 16px;

}
.osusume_items_right{
	width: 320px;
	height:140px;
	float: right;
	background-color: #fff;
	margin-bottom: 16px;
}
.osusume_items_title{
	width: 100%;
	height: 30px;
	color:#fff;
	font-weight: bold;
}
.osusume_items_images{
	width: 100%;
	height: 80px;
	background-color: #ccc;
	margin-bottom: 5px;
	text-align: center;
	position:relative;
}
.osusume_items_images img{
	max-width:100%;
    max-height:100%;
}
.osusume_description{
	font-weight: normal;
	margin-bottom: 10px;
	
}
.osusume_caption{
	text-align: left;
    margin-bottom: 10px;
    padding: 5px 5px 5px 10px;
    font-size:10px;
  
}
.osusume_caption img{
	float:left;
  
}
.osusume_caption h3{
	font-weight:bold;
    color: #2E6EC8;
    font-size:15px;
}
.osusume_p{
	padding: 0 8px;
	height:60px;
	overflow:hidden;
	font-size: 13px;
}
.osusume_items_last{
	margin: 0 8px 10px;
  	list-style: none;
  	overflow: hidden;
}
.osusume_moreButton {
	width: 140px;
  	padding: 6px;
  	text-align: center;
  	border-radius: 4px;
  	margin: 0px auto;
}

a:hover .osusume_moreButton {
	background:#33B2D0;
	color:#FFFFFF;
}


.osusume_new{
	position:absolute;
	float:right;
	right:0;
	top:0;
	z-index:11;
}

#rightColumn .tabList a p.newst{
    font-weight: bold;
    color: #2E6EC8;
    font-size: 15px;
}

.osusume_column{
	color:#888888;
}