/* CSS Document */
.navbar-form .form-control
{
	font-size: 12px;
}

.badge-link{
	background-color: #dddddd;
	border: solid 1px #999999;
}
.badge-link a:link{
	color: #000000;
}


img.thum82{
	width: 82px;
	height: 82px;
	background-color:#eee;
}
img.thum100{
	width: 100px;
	height: 100px;
	background-color:#eee;
}
img.lazy.thum82{
	width: 82px;
	height: 82px;
	background-color:#eee;
}
img.lazy.thum100{
	width: 100px;
	height: 100px;
	background-color:#eee;
}
s {
	text-decoration:none; 
	background-image:url(/img/torikeshi.gif);
	background-repeat:repeat-x;
	background-position: center;
}

.rss-r{
float: right;
margin-right: 5px;
}
.rss-r .rss-r-a{
color:#ff8c00;
}

/*回り込みを終了*/
.float-clear-block{
	clear:both;
	display:block;
}

.digiket-content-top2
{
  width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.digiket-content-top2 a{
	margin: 1px;
	width: 48%;
	text-align: center;
	display: inline-block;
  text-decoration: none;
  color: #444;
  position: relative;
  padding: .7em .5em .7em .5em;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border: 1px;
  border-style: solid;
	border-color: #e5e5e5;
  border-color: #f5f5f5 #e5e5e5 #bbb;
  border-radius: 5px;
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #f5f5f5, #ddd);
	box-sizing: border-box;
	overflow: hidden;
}
.digiket-content-top3
{
  width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.digiket-content-top3 a{
	margin: 1px;
	width: 32%;
	text-align: center;
	display: inline-block;
  text-decoration: none;
  color: #444;
  position: relative;
  padding: .7em .5em .7em .5em;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #bbb;
  border-radius: 5px;
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #f5f5f5, #ddd);  
	box-sizing: border-box;
	overflow: hidden;
}

.btn-search{
	width: 110px;
	overflow: hidden;
	margin-bottom: 3px;
	margin-right: 3px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
.btn-search-small{
	letter-spacing: -2px;
}
.back-digiket_only{
	background: url(/img/bk_digiketonly.gif);
	background-color:#FFF7FF;
}
.badge-digiket_only{
	font-size: 12px;
	background-color: #ff0000;
	padding:0 1px;
	margin: 0 2px 0 0;
	color: #ffffff;
    display: inline;
}


.buruburu {
    display: inline-block;
    animation: hurueru .3s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

/***************************************************
**環境別表示
***************************************************/
.ios_not_item_run{
	opacity:0.5;
}
.ios_not_item_run_string{
	background-color: #FFFFFF;
	border: 1px solid #000;
	font-size: 9px;
	/*float: left;*/
	position: absolute;
	top: -3px;
	z-index: 1;
	margin:0;
	padding: 1px 4px;
}
.ios_not_item_run_string:after{
	display: block;
	clear:both;
	content: "";
}

/*Android*/
.android_not_item_run{
	opacity:0.5;
}
.android_not_item_run_string{
	background-color: #FFFFFF;
	border: 1px solid #000;
	font-size: 9px;
	/*float: left;*/
	position: absolute;
	top: -3px;
	z-index: 1;
	margin:0;
	padding: 1px 4px;
}
.android_not_item_run_string:after{
	display: block;
	clear:both;
	content: "";
}
/***************************************************
**表示、非表示の制御
***************************************************/
.hide_sw_css{
	color: #666666;
	cursor: pointer;
	margin-bottom: 2px;
	padding: 2px 4px;
	border: #999999 1px solid;
	border-radius: 4px;
	display: inline-block;
	font-size: 12px;
	font-weight:bold;
}
/*
.hide_sw_css > span
{
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
}*/

/***************************************************
**動作条件
***************************************************/

.device_tab{
	padding: 0;
	margin: 0;
	/*margin-left: auto;
	margin-right: auto;*/
	/*width: auto;*/
}

.device_tab .device_td{
	padding: 2px;
}
.device_tab_icon{
	display: inline-block;
	overflow: hidden;
	background: url('/work/img/dev_tab.gif?tmp=2016012601') 0 0;
	background-repeat: no-repeat;
	text-indent: 100%;
	margin: 0;
	white-space: nowrap;
/*	float: left;*/
}
.device_tab_icon.device_tab_pc{
	width: 40px;
	height: 40px;
	background-position: 0px 0px;
}
.device_tab_icon.device_tab_iphone{
	width: 40px;
	height: 40px;
	background-position: -40px 0px;
}
.device_tab_icon.device_tab_android{
	width: 40px;
	height: 40px;
	background-position: -80px 0px;
}

/***************************************************
**アイコン
***************************************************/
span.spicon{
  display: inline-block;
  overflow: hidden;
  background: url('/img/sprite_icon.png?tmp=2016092001') 0 0;
	background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
	padding: 0;
	margin: 0;
	float: left;
}
span.spicon.pc{
  width: 22px;
  height: 22px;
	 background-position: 0px 0px;
}
span.spicon.ios{
  width: 16px;
  height: 22px;
	 background-position: -22px 0px;
}
span.spicon.android{
  width: 22px;
  height: 22px;
	 background-position: -44px 0px;
}
span.spicon.streaming{
  width: 22px;
  height: 22px;
	 background-position: -66px 0px;
}
span.spicon.key{
  width: 11px;
  height: 22px;
	 background-position: -88px 0px;
}
span.spicon.denchi{
  width: 11px;
  height: 22px;
	 background-position: -110px 0px;
}
span.spicon.buddy{
  width: 22px;
  height: 22px;
	 background-position: -132px 0px;
}
span.spicon.wmv{
  width: 22px;
  height: 22px;
	 background-position: -154px 0px;
}
span.spicon.www{
  width: 22px;
  height: 22px;
	 background-position: -176px 0px;
}
span.spicon.digiket_viewer{
  width: 22px;
  height: 22px;
	 background-position: -198px 0px;
}
span.spicon.doujin{
  width: 44px;
  height: 22px;
	background-position: 0px -22px;
}
span.spicon.comic{
  width: 44px;
  height: 22px;
	background-position: -44px -22px;
}
span.spicon.novel{
  width: 44px;
  height: 22px;
	background-position: -88px -22px;
}
span.spicon.cgsyu{
  width: 44px;
  height: 22px;
	background-position: -132px -22px;
}
span.spicon.digicomi{
  width: 44px;
  height: 22px;
	background-position: -176px -22px;
}
span.spicon.plugin{
  width: 44px;
  height: 22px;
	background-position: -220px -22px;
}
span.spicon.douga{
  width: 44px;
  height: 22px;
	background-position: 0px -44px;
}
span.spicon.adv{
  width: 44px;
  height: 22px;
	background-position: -44px -44px;
}
span.spicon.vng{
  width: 44px;
  height: 22px;
	background-position: -88px -44px;
}
span.spicon.slg{
  width: 44px;
  height: 22px;
	background-position: -132px -44px;
}
span.spicon.tableg{
  width: 44px;
  height: 22px;
	background-position: -176px -44px;
}
span.spicon.rpg{
  width: 44px;
  height: 22px;
	background-position: 0px -66px;
}
span.spicon.pzl{
  width: 44px;
  height: 22px;
	background-position: -44px -66px;
}
span.spicon.quiz{
  width: 44px;
  height: 22px;
	background-position: -88px -66px;
}
span.spicon.touch{
  width: 44px;
  height: 22px;
	background-position: -132px -66px;
}
span.spicon.data{
  width: 44px;
  height: 22px;
	background-position: -176px -66px;
}
span.spicon.tool{
  width: 44px;
  height: 22px;
	background-position: 0px -88px;
}
span.spicon.joke{
  width: 44px;
  height: 22px;
	background-position: -44px -88px;
}
span.spicon.music{
  width: 44px;
  height: 22px;
	background-position: -88px -88px;
}
span.spicon.voice{
  width: 44px;
  height: 22px;
	background-position: -132px -88px;
}
span.spicon.etc{
  width: 44px;
  height: 22px;
	background-position: -176px -88px;
}
span.spicon.backcg{
  width: 44px;
  height: 22px;
	background-position: 0px -110px;
}
span.spicon.chara{
  width: 44px;
  height: 22px;
	background-position: -44px -110px;
}
span.spicon.effect{
  width: 44px;
  height: 22px;
	background-position: -88px -110px;
}
span.spicon.kabegami{
  width: 44px;
  height: 22px;
	background-position: -132px -110px;
}
span.spicon.act{
  width: 44px;
  height: 22px;
	background-position: -176px -110px;
}

span.genre2{
	float: left;
	font-size: 10px;
	color: #0000AA;
	font-weight: bold;
	border: 1px solid #0000AA;
	border-radius: 4px;
/*	padding: 2px 1px;
	margin: 3px 0 2px 2px;*/
	padding: 0 1px;
	margin: 4px 0 2px 0;
	background-color:#F0F0FF;
	letter-spacing: -2px;
	height: 16px;
	display: inline-block;
}

/***************************************************
**ボタン
***************************************************/
.btn .btn-sub{
	font-size: 10px;
}

/***************************************************
**フリーソフトの案内(mini)
***************************************************/
.free-tool-link{
	padding: 0 0 0 5px;
}
.free-tool-link a{
	padding: 3px;
  display: inline-block;
	font-size: 11px;
}
.free-tool-link a:after{
	/*clear: both;
	display: block;
	content: "";*/
}
.free-tool-link .free-img{
	float: left;
}
.free-tool-link .free-dl{
	float: left;
	margin-left: 5px;
	margin-bottom: 0;
}
.free-tool-link:after{
	clear: both;
	display: block;
	content: "";
}

/***************************************************
**表紙新着
***************************************************/
/*日付*/
.top_new_item_date{
	border-bottom: solid 1px #777;
  /*border-left:4px solid #777;*/
	padding: 4px;
	margin-left: 7px;
	margin-right: 7px;
	background-color: #e5e5e5;
	font-weight: bold;
	color: #000033;
}
.top_new_item_date .detail{
	float:right;
}
.top_new_item_date:after{
	display: block;
	clear: both;
	content: "";
}
.top_new_item{
	margin: 5px 3px 5px 3px;
	border-bottom:solid 1px #CCC;
	padding: 0 0 5px 0;
	height: 160px;
	display: block;
	overflow: hidden;
}
/*
.top_new_item div{
	margin-bottom: 5px;
}*/
.top_new_item .item_thum{
	float: left;
	margin: 0 5px 5px 5px;
}
.top_new_item .item_name{
	font-size: 14px;
}
.top_new_item .item_name .item-title_prcent{
	font-weight: bold;
	overflow: hidden;
	word-wrap:normal;
	overflow-wrap:normal;
	font-size: 12px;
	background-color: #ff0000;
	padding:0 1px;
	margin: 0 2px 0 0;
	color: #ffffff;
    display: inline;

}
.top_new_item .item_sample_btn{
	margin: 3px 0 3px 0;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100px;
	display: block;
	background:#eeeeee;
	text-align: center;
	font-size: 11px;
	border: #999999 1px solid;
	/*border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
					box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
	/*border-color: #bce8f1;*/
	font-weight: bold;
}
.top_new_item dl{
/*	margin-left: 86px;*/
	margin-left: 110px;
}
.top_new_item .item_writer{
	font-size: 12px;
	color:#000099;
}
.top_new_item .item_circle{
	font-size: 12px;
}
.top_new_item .item_circle a{
	color:#2288dd;
}
.top_new_item .new_flag{
	font-size: 8px;
	color: #FF0000;
	font-weight: bold;
	border: 1px solid #FF0000;
	border-radius: 4px;
	padding: 0 1px 0 1px;
	margin: 0 0 2px 2px;
}
.top_new_item .item_price
{
	margin-left: 2px;
	color:#aa0000;
	font-size: 11px;
}
.top_new_item .item_price .point_back
{
	margin-left: 2px;
	padding: 0 2px;
	color:#aa0000;
	font-size: 11px;
	/*background-color: #aa0000;*/
	/*border-radius: 4px;*/
}
.top_new_item .item_move{
	margin-left: 2px;
	margin-top: 1px;
	height: 22px;
	padding: 0;
}
.top_new_item dl .top_new_item_intro{
	white-space: normal;
	word-break: break-all;
	color: #444;
	font-size: 11px;
	padding-top: 3px;
}
.top_new_item .item_move:after{
	content: "";
	clear: both;
}
.top_new_item:after{
	clear: both;
	display: block;
}

/***************************************************
**表紙オススメ
***************************************************/
/*日付*/
.top_osusume_item_date{
	border-bottom: solid 1px #777;
  /*border-left:4px solid #777;*/
	padding: 4px;
	margin-left: 7px;
	margin-right: 7px;
	background-color: #e5e5e5;
	font-weight: bold;
	color: #000033;
}
.top_osusume_item_date .detail{
	float:right;
}
.top_osusume_item_date:after{
	display: block;
	clear: both;
	content: "";
}
.top_osusume_item{
	margin: 5px 3px 5px 3px;
	border-bottom:solid 1px #CCC;
	padding: 0 0 5px 0;
	height: 120px;
	display: block;
	overflow: hidden;
}
/*
.top_osusume_item div{
	margin-bottom: 5px;
}*/

.top_osusume_item .item_thum{
	float: left;
	margin: 0 5px 5px 5px;
}
.top_osusume_item .item_name{
	font-size: 13px;
}
.top_osusume_item .item-title_prcent{
	font-weight: bold;
	overflow: hidden;
	word-wrap:normal;
	overflow-wrap:normal;
	font-size: 12px;
	background-color: #ff0000;
	padding:0 1px;
	margin: 0 2px 0 0;
	color: #ffffff;
    display: inline;

}
.top_osusume_item .item_sample_btn{
	margin: 3px 0 3px 0;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 82px;
	display: block;
	background:#eeeeee;
	text-align: center;
	font-size: 11px;
	border: #999999 1px solid;
	/*border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
					box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
	/*border-color: #bce8f1;*/
	font-weight: bold;
}
.top_osusume_item dl{
	margin-left: 86px;
}
.top_osusume_item .item_writer{
	font-size: 11px;
	color:#000099;
}
.top_osusume_item .item_circle{
	font-size: 11px;
}
.top_osusume_item .item_circle a{
	color:#2288dd;
}

.top_osusume_item .new_flag{
	font-size: 8px;
	color: #FF0000;
	font-weight: bold;
	border: 1px solid #FF0000;
	border-radius: 4px;
	padding: 0 1px 0 1px;
	margin: 0 0 2px 2px;
}
.top_osusume_item .item_price
{
	margin-left: 2px;
	color:#aa0000;
	font-size: 11px;
}
.top_osusume_item .item_price .point_back
{
	margin-left: 2px;
	padding: 0 2px;
	color:#aa0000;
	font-size: 11px;
	/*background-color: #aa0000;*/
	/*border-radius: 4px;*/
}
.top_osusume_item .item_move{
	margin-left: 2px;
	margin-top: 1px;
	height: 22px;
	padding: 0;
}

.top_osusume_item .item_move:after{
	content: "";
	clear: both;
}
.top_osusume_item:after{
	clear: both;
	display: block;
}
/***************************************************
**表紙ランキング(mg以下で一部overwirte)
***************************************************/
.top_rank_mini_field{
	/*width: 150px;*/
	margin: -5px 0 5px 0;
	text-align: center;
}
.top_rank_mini_field .top_rank_mini_item{
	width: 140px;
	padding: 2px 0 5px 0;
	margin: 0;
	border-bottom: dashed 1px #CCCCCC;
}
.top_rank_mini_field .top_rank_mini_item .item_rank_head .item_rank{
	float: left;
	width: 40px;
	font-size: 9px;
	margin-bottom: 2px;
}
.top_rank_mini_field .top_rank_mini_item .item_rank_head .item_title{
	float: left;
	text-align: left;
	word-break: break-all;
	width: 100px;
	overflow: hidden;
	font-size: 10px;
}
.top_rank_mini_field .item_title .item-title_prcent{
	color:#FFFFFF;
	background-color: #CC0000;
	margin: 0 2px 0 0;
	padding: 1px 2px;
	font-size: 9px;
	height: 10px;
	line-height: 10px;
	font-weight: bold;
	overflow: hidden;
	word-wrap:normal;
	overflow-wrap:normal;
	display: inline;
}
.top_rank_mini_field .top_rank_mini_item .item_rank_head:after{
	clear: both;
	display: block;
	content: "";
}
.top_rank_mini_field .top_rank_mini_item .item_thum{
	width 140px;
}


/***************************************************
**表紙でオススメ作家紹介
***************************************************/
.osusume_writer{
	margin-bottom: 5px;
}

.osusume_writer .item
{
	width: 90px;
	height: 110px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
}
/*
.osusume_writer .item osusume_writer_img{
	margin-left: auto;
	margin-right: auto;
}*/

/***************************************************
**表紙でレコメンド
***************************************************/
.top_recomend_item{
	margin-left: 7px;
	margin-right: 7px;
	display: block;
	margin-bottom: 5px;
}
.top_recomend_item:after{
	clear: both;
	content: "";
}
.top_recomend_item .each_item{
	margin: 0;
	padding: 5px;
	height: 120px;
	border-bottom: dashed 1px #ddd;
}
.top_recomend_item .each_item .thum{
	height: 90px;
	padding-top: 5px;
	text-align: center;	
}
.top_recomend_item .each_item .title_string{
	height: 25px;
	overflow: hidden;
	font-size: 12px;
	text-align: center;
}

/***************************************************
**ランキング専用ページ
***************************************************/
.ranking-page-btn{
	margin-bottom: 5px;
	margin-left: 5px;
}
.ranking-page-btn a{
	margin: 2px 0;
}

/***************************************************
**作品リスト(スマホサイズで一部overwirte)
***************************************************/
.list_search_item{
	margin: 5px 3px 5px 3px;
	border-bottom:dashed 1px #CCC;
	padding: 0 0 5px 0;
	display: block;
}
/*王冠*/
.list_search_item .item_star{
	float: right;
	text-align: right;
	margin-top: 21px;
	width: 150px;
}
.list_search_item .item_star:after{
	clear: both;
	display: block;
}
.list_search_item .discount_date{
	text-align: left;
	color:#c00;
	margin:0 0 3px 0;
	padding: 0 5px;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	border-bottom: 2px solid #d00;
}
/*配信開始日など*/
.list_search_item .item_data{
	font-size: 11px;
}
.list_search_item .item_ranking_number{
	font-size: 16px;
	font-weight:bold;
	display: inline-block;
}
.list_search_item .item_ranking_arrow{
	display: inline-block;
}
.list_search_item .item_data:after{
	clear: both;
	display: block;
}
.list_search_item dl{
	margin-bottom: 0;
	margin-left: 108px;
}
.list_search_item dl dt{
}
.list_search_item dl dd{
	margin-right: 140px;
}
.list_search_item .item_thum{
	float: left;
	margin: 0 5px 5px 5px;
}
.list_search_item .item_name{
	font-size: 18px;
	overflow: hidden;
}
.list_search_item .item_name_string{
	font-size: 16px;
	line-height: 18px;
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
}
.list_search_item .item-title_prcent{
	color:#FFFFFF;
	background-color: #CC0000;
	margin: 0 2px 0 0;
	padding: 1px 4px 0 4px;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	overflow: hidden;
	word-wrap:normal;
	overflow-wrap:normal;
	display: inline;
}
.list_search_item .badge-digiket_only{
	color:#FFFFFF;
	background-color: #FF0000;
	margin: 0 2px 0 0;
	padding: 1px 4px 0 4px;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	overflow: hidden;
	word-wrap:normal;
	overflow-wrap:normal;
	display:inline-block;
}
.list_search_item .item_prcent{
	color:#FFFFFF;
	background-color: #CC0000;
	/*margin: 0 4px 0 0;*/
	padding: 1px 3px 0 3px;
	margin: 0 4px 0 0;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	overflow:hidden;
	display:inline-block;
}
.list_search_item .item_writer{
	font-size: 11px;
	color:#000099;
}
.list_search_item .item_circle{
	font-size: 11px;
}
.list_search_item .item_circle a{
	color:#2288dd;
}
.list_search_item .item_price{
	color: #CC0000;
	font-size: 12px;
}
.list_search_item .price_prcent{
	color:#FFFFFF;
	background-color: #CC0000;
	margin: 0 0 0 2px;
	padding: 0 2px;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	font-weight: bold;
}
.list_search_item .price_prcent2{
	color:#0000CC;
	background-color: #ffffff;
	margin: 0 0 0 2px;
	padding: 0 2px;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	font-weight: bold;
}
.list_search_item .item_intro{
	/*margin-left: 90px;*/
	margin-top: 3px;
	color:#555555;
}
.list_search_item .item_move{
	/*margin-left: 90px;*/
	margin-top: 3px;
	height: 22px;
	padding: 0;
}
.list_search_item .item_move:after{
	content: "";
	clear: both;
}
.list_search_item .keyword{
	/*margin-left: 90px;*/
	margin-top: 3px;
	padding: 0;
	font-size: 10px;
}
.list_search_item:after{
	clear: both;
	display: block;
}

/***************************************************
**メーカー・出版社特集(スマホサイズで一部overwirte)
***************************************************/
.special_toku_item{
	margin: 5px 3px 5px 3px;
	border-bottom:dashed 1px #CCC;
	padding: 0 0 10px 0;
	display: block;
}
/*王冠*/
.special_toku_item .item_star{
	float: right;
	text-align: right;
	margin-top: 21px;
	width: 150px;
}
.special_toku_item .item_star:after{
	clear: both;
	display: block;
}
/*配信開始日など*/
.special_toku_item .item_data{
	font-size: 11px;
}
.special_toku_item .item_ranking_number{
	font-size: 16px;
	font-weight:bold;
	display: inline-block;
}
.special_toku_item .item_ranking_arrow{
	display: inline-block;
}
.special_toku_item .item_data:after{
	clear: both;
	display: block;
}
.special_toku_item dl{
	margin-bottom: 0;
}
.special_toku_item dl dt{
}
.special_toku_item dl dd{
	margin-right: 140px;
}
.special_toku_item .item_thum{
	float: left;
	margin: 0 5px 5px 5px;
}
.special_toku_item .item_name{
	font-size: 15px;
}
.special_toku_item .item_writer{
	font-size: 11px;
	color:#000099;
}
.special_toku_item .item_circle{
	font-size: 11px;
}
.special_toku_item .item_circle a{
	color:#2288dd;
}
.special_toku_item .item_price{
	color: #CC0000;
}
.special_toku_item .item_intro{
	/*margin-left: 90px;*/
	margin-top: 3px;
	color:#555555;
}
.special_toku_item .item_move{
	/*margin-left: 90px;*/
	margin-top: 3px;
	height: 22px;
	padding: 0;
}
.special_toku_item .item_move:after{
	content: "";
	clear: both;
}
.special_toku_item .keyword{
	/*margin-left: 90px;*/
	margin-top: 3px;
	padding: 0;
	font-size: 10px;
}
.special_toku_item:after{
	clear: both;
	display: block;
}
/***************************************************
**パンくずリスト
***************************************************/
/*
.breadcrumbs {
	font-size: 12px;
	margin: 0 5px 0 0;
}
.breadcrumbs div {
	float: left;
	margin: 3px 3px 0 0;
}
.breadcrumbs div a span{
	text-decoration: none;
}
.breadcrumbs div #breadcrumbs_now{
	color:#AA0000;
	font-weight:bold;
	padding: 0px 3px;
	margin: 0px;
}*/

/***************************************************
**作品詳細
***************************************************/

.works-page-title{
	margin-bottom: 2px;
	padding: 0;
}
.works-page-title a:link { color: #000000; }
.works-page-title a:visited { color: #000000; }
.works-page-title a:hover { color: #000000; }
.works-page-title a:active { color: #00000; }
.works-page-title a{
	text-decoration: none;
}
.works-page-title-off{
	background-color: #CC0000;
	color:#FFFFFF;
	padding: 1px 3px;
	margin: 0 3px 0 0;
	font-size: 16px;
	height: 17px;
/*	overflow: hidden;*/
	display: inline-block;
	line-height: 19px;
}
.works-page{
}

.works-page .oukan-field{
	margin-bottom: 2px;
	width: 100%;
	height: 28px;
	display: block;
	position: relative;
}

.works-page .oukan-field .oukan{
}

/*ポイントアップ対象作品*/
.works-page .oukan-field .oukan .pointup{
	border: solid 1px #FF0000;
	border-radius: 6px;
	background-color:#990033;
	padding: 2px;
	color:#FFFFFF;
	margin-right: 2px;
	font-size: 13px;
	display: inline-block;
}

.works-page .oukan-field .item-id{
	left: 0;
	position: absolute;
	text-align: right;
	top: 7px;
	width: 100%;
	font-size: 11px;
	color: #666666;
}
.syokai_field{
	padding-bottom: 5px;
}
.favo-btn-list{
	padding-bottom: 5px;
}
.sample_field{
	padding-bottom: 5px;
}
.sample_field img{
margin: 0 3px 0 0;
}
.works-page dl.maker{
	margin-bottom: 3px;
}
.works-page dl.maker dd{
 border-bottom: #999999 dotted 1px;
 padding-bottom: 3px;
 padding-top: 2px;
}
.works-page dl.maker dd:after{
	display: block;
	clear: both;
	content: "";
}
.works-page dl.maker dd .sub{
	width: 60px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.works-page dl.maker dd .sub2{
	width: 100px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	float: left;
}
/*動作条件等の区切り線*/
.works-page dl.maker hr.sep-line{
 border-top: #999999 dotted 1px;
 padding-bottom: 3px;
 padding-top: 2px;
 margin-top: 0;
 margin-bottom: 0;
 display: block;
}
.works-page dl.maker dd .sub-data{
	display: block;
	word-break: break-all;
	float: none;
	width: auto;
	margin-left: 60px;
}
.works-page dl.maker dd .sub-data2{
	display: block;
	word-break: break-all;
	float: none;
	width: auto;
	margin-left: 100px;
}
/*対応デバイス一覧*/
.works-page .device-list{
	text-align: center;
}
/*価格表示*/
.works-page .work-price{
	border: #FF0000 1px solid;
	margin: 3px 0 3px 0;
	padding: 3px;
	text-align: center;
	border-radius: 4px;
	background-color: #FFF7F7;
}
.works-page .work-price .sub{
	display: inline-block;
	font-size: 11px;
}
.works-page .work-price .price-value{
	display: inline-block;
	color: #dd0000;
	font-size: 17px;
	font-weight: bold;
}
.works-page .work-price .point_num{
	display: inline-block;
	color: #dd0000;
	font-size: 14px;
	font-weight: bold;
}
.works-page .work-price .point_sum{
	display: inline-block;
	color: #dd0000;
	font-size: 16px;
	font-weight: bold;
}

/*値引きや説明等のポップ表示*/
/*割引前*/
.works-page .work-price .work_price_before{
	font-size:13px;
	text-decoration:none; 
	background-image:url(/img/torikeshi.gif);
	background-repeat:repeat-x;
	background-position: center;
}
/*値引きや説明等のポップ表示*/
.works-page .work-price .setumei_out {
	position:relative;
}
.works-page .work-price .setumei_pop1 {
	position: absolute;
	white-space: nowrap;
	top: -2em;	/*★省略不可*/
	left: 3em;　/*★Firefoxでhoverが無効*/
	display: block;
	padding: 0 0 9px 0;
	background-image: url(/img/pop.gif); 
	background-position: left bottom;
	/*width: 90px;*/
}

.works-page .work-price .setumei_pop1 .setumei_string{
	display: block;
	margin: 0;
	padding:3px 3px 3px 3px;
	color:#a35e01;
	border: 1px solid #e79221;
	background-color:#ffffff;
	font-size:13px;
}
.works-page .buy-list{
	text-align: center;
	padding-top: 10px;
}
.works-page .buy-each{
	margin-bottom: 10px;
}
.works-page .buy-review{
	text-align: center;
	margin: 5px;
}


/*下段の価格*/
/*値引きや説明等のポップ表示*/
/*割引前*/
/*価格表示*/
.works-page .work-price2{
	border: #FF0000 1px solid;
	margin: 3px 0 3px 0;
	padding: 3px;
	text-align: center;
	border-radius: 4px;
	background-color: #FFF7F7;
}
.works-page .work-price2 .sub1{
	display: inline-block;
	font-size: 18px;
	border-right: #FF0000 1px solid;
	background-color:#FFEEEE;
	width : 35%;
	vertical-align:middle;
	height: 100px;
	padding-top: 20px;
}
.works-page .work-price2 .sub2{
	vertical-align:middle;
	display: inline-block;
	width : 65%;
}
.works-page .work-price2 .work_price_before{
	font-size:13px;
	text-decoration:none; 
	background-image:url(/img/torikeshi.gif);
	background-repeat:repeat-x;
	background-position: center;
}
/*値引きや説明等のポップ表示*/
.works-page .work-price2 .setumei_out {
	position:relative;
}
.works-page .work-price2 .setumei_pop1 {
	position: absolute;
	white-space: nowrap;
	top: -2em;	/*★省略不可*/
	left: 3em;　/*★Firefoxでhoverが無効*/
	display: block;
	padding: 0 0 9px 0;
	background-image: url(/img/pop.gif); 
	background-position: left bottom;
	/*width: 90px;*/
}
.works-page .work-price2 .setumei_pop1 .setumei_string{
	display: block;
	margin: 0;
	padding:3px 3px 3px 3px;
	color:#a35e01;
	border: 1px solid #e79221;
	background-color:#ffffff;
	font-size:13px;
}
.works-page .work-price2 .price-value{
	display: block;
	color: #dd0000;
	font-size: 20px;
	font-weight: bold;
}
.works-page .work-price2 .point_num{
	display: inline-block;
	color: #dd0000;
	font-size: 14px;
	font-weight: bold;
}
.works-page .work-price2 .point_sum{
	display: block;
	color: #dd0000;
	font-size: 16px;
	font-weight: bold;
}

.works-page .buy-foot{
	margin: 5px 0;
	padding: 2px 10px 10px 10px;
	border-bottom: 1px solid #ccc;
}

.works-page .buy-foot .buy-foot-btn{
	width: 150px;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.works-page .buy-foot .buy-foot-string{
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}
/*ノートのような破線*/
.note-line {
	background-image: linear-gradient( rgba(152,196,255,.3) .1em, transparent .1em );
	background-size: auto 2rem;
	line-height: 2rem;
}
/***************************************************
**レビュー一覧
***************************************************/
.review
{
  clear:both;
	margin-bottom: 10px;
}

.review .review_each {
  margin: 1px 5px 1px 20px;
}

.review .review_each .review_title_box {
  background-color: #eeeeee;
	border-bottom: 1px solid #6c7fa6;
  border-collapse: collapse;
  margin: 1px 1px 1px 10px;
  padding: 5px;
	display: block;
}
.review_title_box tr td{
}
.review .review_each .review_title{
  font-weight: bold;
}
.review .review_each  .review_reviewer
{
  margin: 1px 30px 1px 30px;
  padding: 5px;
}

.review .review_each  .review_name
{
  font-weight: bold;
	border-bottom: 2px dashed #6c7fa6;
}

.review_body
{
  margin: 1px 40px 1px 40px;
  padding: 3px;
  line-height: 130%;
  width: 90%;
}
.review .review_each .review_footer{
  text-align:right;
  padding-right:10px;
  padding-bottom:5px;
}
.review .review_each .review_button{
  width:60px;
}
/*レビューの星*/
.review_star{
}
.review_star img{
	vertical-align:middle;
}
.review_star .star_point{
	font-size: 10px;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align:middle;
}
/***************************************************
**レビュー新着一覧
***************************************************/
.review_list_new{
}
.review_list_new .review_each {
  margin: 1px 5px 10px 5px;
}
.review_list_new .review_each .review_title_box {
  background-color: #eeeeee;
	border-bottom: 1px solid #6c7fa6;
  border-collapse: collapse;
  margin: 1px;
  padding: 3px;
	display: block;
}
.review_list_new .review_each .review_title_box p{
	display: inline-block;
	margin: 0 5px 0 0;
}
.review_list_new .review_each .review_title{
  font-weight: bold;
}
.review_list_new .review_each .review_name{
  font-weight: bold;
	border-bottom: 2px dashed #6c7fa6;
}
.review_list_new .review_each .review_body
{
  margin: 1px 40px 1px 40px;
  padding: 3px;
  line-height: 130%;
  width: 90%;
}

.top_new_item div{
	margin-bottom: 5px;
}

.review_list_new .review_each .item_thum{
	float: left;
	margin: 0 5px 5px 5px;
}
.review_list_new .review_each dl{
	margin-left: 86px;
	margin-bottom: 0;
}
.review_list_new .review_each dd{
	margin: 3px;
}
.review_list_new .review_each .item_title{
  font-weight: bold;
	font-size: 14px;
}
.review_list_new .review_each .item_writer{
	font-size: 11px;
	color:#000099;
}
.review_list_new .review_each .item_circle{
	font-size: 11px;
}
.review_list_new .review_each .item_price
{
	margin-left: 2px;
	color:#aa0000;
	font-size: 14px;
}
.review_list_new .review_each .item_move{
	margin-left: 2px;
	margin-top: 3px;
	height: 22px;
	padding: 0;
}
.review_list_new .review_each .item-key{
	text-align: left;
	margin: 0px 5px 0px 5px;
	font-size: 8pt;
	display:block;
}
.review_list_new .review_each .review_footer{
  text-align:right;
  padding-right:10px;
  padding-bottom:5px;
}
.review_list_new .review_each .item_move:after{
	content: "";
	clear: both;
}
.top_new_item:after{
	clear: both;
	display: block;
}

/*購入類似度*/
#similar{
	display: inline;
	color:#003366;
}
/***************************************************
**同一サークル作品
***************************************************/
.samegroup-list {
	display: block;
	margin-bottom: 5px;
}
.samegroup-list:after{
	display: block;
	content: "";
	clear: both;
}
.samegroup-list .thum-set
{
	float: left;
/*	width: 140px;*/
	width: auto;
	margin: 0;
	padding: 0;
}
.samegroup-list .thum-set .thum{
	float: left;
	width: 84px;
	overflow: hidden;
	margin: 0;
	padding: 1px;
	display: inline;
}
.samegroup-list .thum-set .thum-title{
	/*float: left;*/
	font-size: 10px;
	/*width: 56px;*/
	word-wrap:break-word;
	overflow-wrap:break-word;
	overflow: hidden;
	display: inline;
	margin: 0 2px;
}
.samegroup-list .thum-set .thum-title .item-title_prcent{
	color:#FFFFFF;
	background-color: #CC0000;
	margin: 0 2px 0 0;
	padding: 1px 2px;
	font-size: 10px;
	height: 12px;
	line-height: 10px;
	font-weight: bold;
	overflow: hidden;
	word-wrap:normal;
	overflow-wrap:normal;
	display: inline-block;
}
/*最近チェックした作品用に上記に追加*/
.nearday-list .thum-set .thum-title{
	float: left;
	width: 56px;
}
/***************************************************
**サークル作品一覧の王冠表示
***************************************************/
.work-list-oukan{
	padding: 5px;
	border: #999999 1px solid;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
					box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	border-color: #bce8f1;
	margin-bottom: 5px;
	text-align: center;
}
/***************************************************
**owl.carouselのバナースクロール表示制御
***************************************************/
#o_carousel_banner .owl-controls{
	display: none;
}


/***************************************************
**検索結果マトリックス
***************************************************/
/*
.item_float-r{float:right;}
.item_float-l{float:left;}
*/
.item_area_matrix{
	text-align:left;
	margin: 0;
	padding: 0 15px 0 15px;
	border-top:solid;
	border-left:solid;
	border-width:1px;
	border-color:#CCC;
	margin-bottom: 5px;
}
.item_area_matrix .item-box{
	margin: 0px;
	padding: 2px;
	height:375px;
	background-repeat:repeat-y;
	overflow:hidden;
	border-right: solid;
	border-bottom:solid;
	border-width:1px;
	border-color:#CCC;
}
.item_area_matrix .item-box .item-camp{
	text-align: center;
	margin:0px;
	padding: 0 5px;
	display:block;
	height: 15px;
}
.item_area_matrix .item-box .item-camp .discount{
	text-align: center;
	color:#e00;
	margin:0px;
	padding: 0;
	display:block;
	height: 15px;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	border-bottom: 1px solid #d00;
}
.item_area_matrix .item-box .item-thum{
	text-align: center;
	margin:0px;
	padding: 5px 0px 5px 0px;
	display:block;
	height: 110px;
}
.item_area_matrix .item-box .item-thum2{
	text-align: center;
	margin:0px;
	padding: 5px 0px 5px 0px;
	display:block;
	height: 115px;
}

.item_area_matrix .item-box .item-title{
	font-size: 12px;
	margin: 0px 5px;
	padding: 0;
	height: 54px;
	text-align: left;
	word-break: break-all;
	overflow:hidden;
	border-bottom: 1px dashed #CCC;
	display:block;
}
.item_area_matrix .item-title_prcent{
	color:#FFFFFF;
	background-color: #CC0000;
	margin: 0 2px 0 0;
	padding: 0 2px;
	font-size: 10px;
	height: 8px;
	line-height: 10px;
	font-weight: bold;
	overflow: hidden;
}
.item_area_matrix .item-box .item_writer{
	font-size: 11px;
	color:#000099;
	text-align: left;
	word-break: break-all;
	margin: 2px 5px 2px 5px;
	padding: 0px;
	display:block;
}
.item_area_matrix .item-box .item_circle{
	font-size: 12px;
	text-align: left;
	word-break: break-all;
	margin: 2px 5px 2px 5px;
	padding: 0px;
	display:block;
	height:15px;
	overflow: hidden;
}
.item_area_matrix .item-box .item-genre{
	text-align: left;
	word-break: break-all;
	margin: 2px 5px 2px 5px;
	font-size: 10pt;
	color: #666666;
	display:block;
}
.item_area_matrix .item-box .item-move{
	text-align: left;
	margin: 2px 5px 2px 5px;
	font-size: 10pt;
	color: #666666;
	display:block;
	height: 22px;
}
.item_area_matrix .item-box .item-move:after{
	content: "";
	clear: both;
}
.item_area_matrix .item-box .item-price
{
	text-align: left;
	color:#aa0000;
	font-size: 12px;
	margin: 2px 5px 2px 5px;
	display:block;
}

.item_area_matrix .price_prcent{
	color:#CC0000;
	margin: 0 0 0 2px;
	padding: 0 2px;
	font-size: 8px;
}
.item_area_matrix .price_prcent2{
	color:#0000CC;
	background-color: #ffffff;
	margin: 0 0 0 2px;
	padding: 0 2px;
	font-size: 8px;
}
.item_area_matrix .item-box .item-point{
	text-align: left;
	margin: 0px 5px 0px 5px;
	font-size: 8pt;
	display:block;
	color:#FF0000;
}
.item_area_matrix .item-digiket_only{
	background: url(/img/bk_digiketonly.gif);
	background-color:#FFF7FF;
}

.item_area_matrix .item-box .item-line{
	text-align: left;
	margin: 2px 5px 2px 5px;
	padding: 0px;
	font-size: 10pt;
	display:block;
}
.item_area_matrix .item-box .item-genre{
	text-align: left;
	margin: 2px 5px 2px 5px;
	font-size: 10pt;
	color: #666666;
	display:block;
}
.item_area_matrix .item-box .item-star{
	text-align: left;
	margin: 2px 5px 2px 5px;
	padding: 0px;
	font-size: 10pt;
	display:block;
}
.item_area_matrix .item-box .item-key{
	text-align: left;
	margin: 0px 5px 0px 5px;
	font-size: 8pt;
	display:block;
}


/***************************************************
**検索結果 詳細
***************************************************/
.list_search_detail{
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border: #999999 1px solid;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
					box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	border-color: #bce8f1;
}

.list_search_detail .oukan-field{
	margin-bottom: 2px;
	width: 100%;
	display: block;
	position: relative;
}

.list_search_detail .oukan-field .oukan{
}

.list_search_detail .oukan-field .item-id{
	left: 0;
	position: absolute;
	text-align: right;
	top: 7px;
	width: 100%;
	font-size: 11px;
	color: #666666;
}
.list_search_detail .item-title_prcent{
	background-color: #CC0000;
	color:#FFFFFF;
	padding: 1px 3px;
	margin: 0 3px 0 0;
	font-size: 16px;
	height: 17px;
/*	overflow: hidden;*/
	display: inline-block;
	line-height: 19px;
}
.list_search_detail .discount_date{
	background-color: #CC0000;
	color:#FFFFFF;
	padding: 1px 3px;
	margin: 0 0 0 3px;
	font-size: 16px;
	height: 17px;
/*	overflow: hidden;*/
	display: inline-block;
	line-height: 19px;
}
.list_search_detail item-maker{
	margin: 0 5px 0 5px;
}
.list_search_detail .item_price{
	margin: 0 5px 0 15px;
	color: #CC0000;
}
.list_search_detail .item_price strong{
	font-size: 15px;
}
.list_search_detail .item-point{
	color:#FF0000;
	font-size: 12px;
}
.list_search_detail .item-key{
	text-align: left;
	margin: 0px 5px 0px 5px;
	font-size: 8pt;
	display:block;
}
.list_search_detail .item-field{
	text-align: left;
	margin: 2px 5px 2px 5px;
	font-size: 10pt;
	color: #666666;
	display:block;
	height: 22px;
}
.list_search_detail .syokai{
	padding-left: auto;
	padding-right: auto;
	text-align: center;
	margin-bottom: 5px;
}

/***************************************************
**気になる作品
***************************************************/
.favo_item_area{
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: #CCC 1px dashed;
	border-top: #CCC 1px dashed;
}

.favo_item_area .item_area_one{
	height: 220px;
	overflow: hidden;
	border-right: #CCC 1px dashed;
	border-bottom: #CCC 1px dashed;
}
.favo_item_area .item_area_one .thum{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.favo_item_area .item_area_one .item_name{
	height: 34px;
	overflow:hidden;
}
.favo_item_area .item_area_one .price{
	color: #CC0000;
	font-weight: bold;
}
.favo_item_area .item_area_one .point{
	color: #CC0000;
}
.favo_item_area .item_area_one .delete_btn{
	text-align: center;
}
/***************************************************
**サークル一覧
***************************************************/
.circle_aiuoe_area{
	border-bottom: 5px;
}

.circle_aiuoe_area .each{
	margin: 5px;
	height: 130px;
	overflow: hidden;
	padding: 5px;
	border-bottom: #CCC 1px dashed;
}
.circle_aiuoe_area .each .circle_name{
	margin-top: 3px;
	font-size: 12px;
}

/***************************************************
**表紙雑誌一覧
***************************************************/
.top-magazin-list div{
	margin: 0 5px 5px 0;
	background-color:#FF9933;
	display:inline-block;
	padding: 0;
}

/***************************************************
**特集ページ(special_com2_bsp)
***************************************************/
.spacial_item{
	padding-left: 15px;
	padding-right: 15px;
}
.spacial_item .each-item{
	text-align: center;
	/*height: 420px;*/
	/*overflow: hidden;*/
	padding: 0;
	margin-bottom: 5px;
	padding-right:5px;
	padding-left: 5px;
}
.spacial_item .each-item .pointup{
	max-width: 100%;
	background:#FF0000;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
}
.spacial_item .each-item .syoukai{
	margin: 5px;
}
.spacial_item .each-item .detail{
	border: 1px solid #aaaaaa;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 130px;
	overflow: hidden;
	margin-bottom: 15px;
}
.spacial_item .each-item .detail-title{
	border: 1px solid #aaaaaa;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.spacial_item .each-item .detail-title .title_string{
	height: 40px;
	font-weight: bold;
	overflow: hidden;
	background: #F0F0F0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.spacial_item .each-item .detail .title_string{
	height: 40px;
	font-weight: bold;
	overflow: hidden;
	border-bottom: 1px solid #aaaaaa;
	background: #F0F0F0;
}
.spacial_item .each-item .detail .div_string{
	text-align: left;
	display: block;
	padding: 0 10px;
}
.spacial_item .each-item .detail .div_genre{
	text-align: left;
	display: block;
	height: 22px;
	padding: 0 10px;
}

.spacial_item .each-item .detail .keyword{
	font-size: 10px;
}
.spacial_item .each-item .detail .price{
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}

.spacial_item .each-item .detail .price_prcent{
	font-size: 12px;
	font-weight: bold;
	background-color: #CC0000;
	color: #FFFFFF;
	line-height: 16px;
	height: 16px;
	margin: 0 2px;
	padding: 0 2px;
	display: inline-block;
	border: 1px solid #CC0000;
}

.spacial_item .each-item .detail .item-point{
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

/***************************************************
**表紙レイアウト
***************************************************/

.top_main_menu{
	padding-left:40px;
	padding-top:4px;
	padding-bottom:1px;
	font-size: 12px;
	margin-top:0;
	margin-bottom:2px;
}
/*一般向けコーナー*/
.top_main_menu_normal{
	background-color:#338833;
}
/*女性向けコーナー*/
.top_main_menu_woman{
	background-color:#333388;
}
/*ガチ系コーナー*/
.top_main_menu_gachi{
	background-color:#888833;
}
/*男性向けコーナー*/
.top_main_menu_man{
	background-color:#883333;
}

.top_main_menu .top_main_menu_one{
	padding-top:6px;
	padding-bottom:4px;
	border-bottom:1px #777 solid;
	border-left:1px #fff solid;
	border-right:1px #777 solid;
	width:180px;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	margin:0;
	background:#EEEEEE;
	color:#000;
}
.top_main_menu .top_main_menu_one:first-child{
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;  
	border-top-left-radius:5px;
}
.top_main_menu .top_main_menu_one:last-child{

    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
.top_main_menu .top_main_menu_one:hover{
	background-color:#fff;
	text-decoration: none;
}
.top_main_menu_new{
	font-size:12px;
	color:#f00;
	font-weight:bold;
	padding:0 0 0 0;
	margin-left:3px;
}
.digiket-right-menu .img-banner{
	/*width:100%;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 5px;
}
/*表紙バナー陳列で使用*/
.row-padding0{
	display: block;
/*	margin-bottom: 5px;*/
}
.row-padding0:after{
	clear: both;
	display: block;
	content: "";
}
/*
.row-padding0>div{
	padding: 0;
}
*/
.row-padding0 .row-div{
	padding: 0;
	margin-bottom: 5px;
}

.row-padding5{
	display: block;
	margin-bottom: 5px;
}
.row-padding5:after{
	clear: both;
	display: block;
	content: "";
}
.row-padding5>div{
	padding: 5px;
}
/*600×80等のバナー表示用*/
.top_banner_auto>div{
	margin-bottom: 5px;
}
/*表紙の縦バナー*/
.tate-banner{
	margin-bottom: 5px;
	width: 100%;
	height:160px;
	overflow:hidden;
}
/*150×50バナー*/
.mini-50-banner{
	margin-bottom: 5px;
	width: 100%;
	height:50px;
	overflow: hidden;
	text-align: center;
}
/*150×60バナー*/
.mini-60-banner{
	margin-bottom: 5px;
	width: 100%;
	height:60px;
	overflow:hidden;
	text-align: center;
}

/***************************************************
**ヘッダーメンバーメニュー部
***************************************************/
#web_top_menu{
	min-height: auto;
	/*border-top: 5px solid #6666AA;
	border-left: 15px solid #6666AA;
	border-right:15px solid #6666AA;*/
	padding: 5px 15px 0 15px;
	border-bottom: 1px solid #222222;
	background-color:#66aa66;
	margin-bottom: 2px;

    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-bottom-right-radius:0; 
    -moz-border-bottom-left-radius:0;
    border-bottom-right-radius:0; 
    border-bottom-left-radius:0;
}

#web_top_menu .navbar-collapse{
	padding-right: 3px;
    padding-left: 0;
}
#nav_target .navbar-nav>li>a
{
	margin-top: 6px;
	padding-top: 5px;
   	padding-bottom: 5px;
	padding-left:5px;
	padding-right: 5px;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #777777;
    background: #fafafa;
    background-image: -webkit-linear-gradient(bottom, #ddd, #fff);
    background-image:    -moz-linear-gradient(bottom, #ddd, #fff);
    background-image:     -ms-linear-gradient(bottom, #ddd, #fff);
    background-image:      -o-linear-gradient(bottom, #ddd, #fff);
}
#nav_target  .navbar-form
{
  margin-top: 2px;
  margin-bottom: 3px;

}
/*一般向けコーナー*/
.web_top_menu_class_normal{
	background-color:#66aa66;
    background-image: -webkit-linear-gradient(bottom, #338833, #66aa66);
    background-image:    -moz-linear-gradient(bottom, #338833, #66aa66);
    background-image:     -ms-linear-gradient(bottom, #338833, #66aa66);
    background-image:      -o-linear-gradient(bottom, #338833, #66aa66);
}
/*女性向けコーナー*/
.web_top_menu_class_woman{
	background-color:#6666aa;
    background-image: -webkit-linear-gradient(bottom, #333388, #6666aa);
    background-image:    -moz-linear-gradient(bottom, #333388, #6666aa);
    background-image:     -ms-linear-gradient(bottom, #333388, #6666aa);
    background-image:      -o-linear-gradient(bottom, #333388, #6666aa);
}
/*ガチ系コーナー*/
.web_top_menu_class_gachi{
	background-color:#aaaa66;
    background-image: -webkit-linear-gradient(bottom, #888833, #aaaa66);
    background-image:    -moz-linear-gradient(bottom, #888833, #aaaa66);
    background-image:     -ms-linear-gradient(bottom, #888833, #aaaa66);
    background-image:      -o-linear-gradient(bottom, #888833, #aaaa66);
}
/*男性向けコーナー*/
.web_top_menu_class_man{
	background-color:#aa6666;
    background-image: -webkit-linear-gradient(bottom, #883333, #aa6666);
    background-image:    -moz-linear-gradient(bottom, #883333, #aa6666);
    background-image:     -ms-linear-gradient(bottom, #883333, #aa6666);
    background-image:      -o-linear-gradient(bottom, #883333, #aa6666);
}

/***************************************************
**表紙等のサムネイルのクルーセル
***************************************************/
.owl-top-for-one{
	height:180px;
	overflow:hidden;
}
.owl-top-for-one .item div{
	margin-bottom:3px;
	word-wrap: break-word;
	width: 100px;
	font-size:11px;
}


/***************************************************
**カルーセルサムネイルで使用
***************************************************/
.recommend-space{
	position: relative;
	height: 170px;
	overflow: hidden;
	margin-bottom: 5px;
}
.recommend-space-main{
    overflow: hidden;
    width: 100%;
    height: 170px;
}
.recommend-space-box-sub{
	position:relative;
	top: -170px;
	z-index:2;
}
.recommend-space-box-sub-left{
    width: 20px;
    height: 170px;
    background-color: #000;
    opacity: 0.5;
    float: left;
    text-align: center;
    padding-top: 70px;
    border: 1px #777 solid;
    color: #fff;
}
.recommend-space-box-sub-right{
    width: 20px;
    height: 170px;
    background-color: #000;
    opacity: 0.5;
    float: right;
    text-align: center;
    padding-top: 70px;
    border: 1px #777 solid;
    color: #fff;
}
.owl-item-thum{
	height:170px;
	overflow:hidden;
	margin-bottom:5px;
}
.owl-item-thum .item div{
	margin-bottom:3px;
	word-wrap: break-word;
	width: 100px;
	font-size:11px;
}
.owl-item-thum .owl-item-thum-title{
	height:32px;
	overflow:hidden;
}
.owl-item-thum .item-title_prcent{
	font-weight: bold;
	overflow: hidden;
	word-wrap:normal;
	overflow-wrap:normal;
	font-size: 12px;
	background-color: #ff0000;
	padding:0 1px;
	margin: 0 2px 0 0;
	color: #ffffff;
    display: inline;
}

@media (max-width: 767px){
	.owl-item-thum img.thum100{
		width: 82px !important;
		height: 82px !important;
	}
	.owl-item-thum .item div{
		width: 86px;
	}
}

@media (min-width: 768px){
	.digiket-wrapper{
		width: 100%;
		margin: 0 auto;
	}
	.digiket-main{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float:left;
	}
	.digiket-content-2column {
    margin-right: 0;
    margin-left: 150px;
		padding-left: 3px;
		padding-right: 0px;
  }
	.digiket-content {
    margin-right: 0;
    margin-left: 150px;
		padding-left: 3px;
		padding-right: 3px;
  }
	.digiket-left-menu{
	width: 150px;
	float:left;
	margin-left: -100%;
	}
	/***************************************************
	**表紙レイアウト
	***************************************************/
	.list-group.digi-menu .list-group-item{
		padding-bottom: 8px;
		padding-top: 8px;
	}

	/***************************************************
	**col-padding
	***************************************************/
	.col-sm-padding-left{
		padding-left: 5px;
	}
	.col-sm-padding-right{
		padding-right: 5px;
	}
	/***************************************************
	**ヘッダーの検索窓
	***************************************************/
	#header_search_form .header-input{
		width: 160px;
	}
	/***************************************************
	**作品詳細
	***************************************************/
	.works-page  dl.maker{
		margin-top: 10px;
	}

	/***************************************************
	**パネルに文字いっぱい
	***************************************************/
	.panel_side_padding_sm{
		padding-left: 5px;
		padding-right: 5px;
	}
}
/*bootstrapと非同期*/
@media (min-width: 892px){
	/*3カラム用*/
	.digiket-content {
    margin-right: 150px;
    margin-left: 150px;
		padding-left: 3px;
		padding-right: 3px;
		display: block;
  }
	/*2カラム用*/
	.digiket-content-2column {
    margin-right: 0px;
    margin-left: 150px;
		padding-left: 3px;
		padding-right: 3px;
  }
	.digiket-right-menu{
		width: 150px;
		float:left;
		margin-left: -150px;
		text-align: center;
	}
}
@media (max-width: 891px){
	.digiket-right-menu{
		/*display: none;*/
		width: 100%;
		display: block;
		clear: both;
	}
	.sidemenu-banner{
		display:inline-block;
	}
}

/*col-md*/
@media (min-width: 992px){
	/***************************************************
	**ヘッダーの検索窓
	***************************************************/
	#header_search_form .header-input{
		width: 260px;
	}
}

/*col-sm*/
@media (max-width: 991px){
	/***************************************************
	**表紙ランキング(mg以下で一部overwirte)
	***************************************************/
	.top_rank_mini_field:after{
		clear: both;
		display: block;
		content: "";
	}
	.top_rank_mini_field .top_rank_mini_item{
		display: inline-box;
		float:left;
	}
	.top_rank_mini_field .top_rank_mini_item{
		height: 130px;
		overflow: hidden;
		border-bottom: dashed 1px #CCCCCC;
	}
	.top_rank_mini_field .top_rank_mini_item .item_rank_head .item_title{
		height: 38px;
	}
	/***************************************************
	**同一サークル作品
	***************************************************/
	.samegroup-list{
		border-top: 1px dashed #ccc;
		border-left: 1px dashed #ccc;
	}
	.samegroup-list .thum-set{
		width: 110px;
		height: 140px;
		border-right: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 2px;
		overflow: hidden;
	}
	.samegroup-list .thum-set .thum{
		float: none;
		width: 110px;
		display: block; 
		overflow: hidden;
		margin: 0;
		padding-left: auto;
		padding-right: auto;
		text-align:center;
	}
	.samegroup-list .thum-set .thum-title{
		float: none;
		width: 110px;
		display: block; 
		font-size: 10px;
		word-wrap:break-word;
		overflow: hidden;
		text-align:center;
		margin: 7px 3px;
	}
	/***************************************************
	**メーカー出版社特集
	***************************************************/
	.special_toku_item .item_star{
		text-align: left;
		margin: 3px;
		padding-left: 10px;
		width: 100%;
	}
	.special_toku_item dl dd{
		margin-right: 0;
	}
}
@media (max-width: 767px){
	#web_top_menu{
		display: none;
	}
	.top_main_menu{
		display: none;
	}
	/***************************************************
	**ヘッダーの検索窓
	***************************************************/
	#header_search_form {
		margin: 7.5px 0px;
	}
	#header_search_form header-input{
		margin-top: 12px;
	}	
	/***************************************************
	**作品リスト
	***************************************************/
	/*王冠*/
	.list_search_item .item_star{
		text-align: left;
		margin: 3px;
		padding-left: 10px;
		width: 100%;
	}
	.list_search_item .item_star div{
		display:inline-block;
	}
	.list_search_item dl{
		margin-left: 96px;
	}
	.list_search_item dl dd{
		margin-right: 0;
	}
	.list_search_item .item_name{
		width:100%;
		height:24px;
	}
	/***************************************************
	**表紙雑誌一覧
	***************************************************/
	.top-magazin-list div{
		width : 100px;
	}
	
	/*
	*/
	img.lazy.thum100{
		width: 82px;
		height: 82px;
	}
	/***************************************************
	**表紙新着
	***************************************************/
	.top_new_item{
		height: 120px;
	}
	.item_sample_btn{
		width: 82px;
	}
	.top_new_item dl{
		margin-left: 86px;
	}
	.top_new_item .item_sample_btn{
		width: 82px;
	}
	/***************************************************
	**検索結果マトリックス
	***************************************************/
	.item_area_matrix .item-box .item-thum{
		height: 92px;
	}

	/***************************************************
	**表紙等のサムネイルのクルーセル
	***************************************************/
	.owl-top-for-one{
		height:160px;
	}
	.owl-top-for-one img.thum100{
		width: 82px !important;
		height: 82px !important;
	}
	.owl-top-for-one .item div{
		width: 86px;
	}
}

/*XSS*/
@media (max-width: 479px) {
	/***************************************************
	**検索結果マトリックス
	***************************************************/
	.item_area_matrix .item-box{
		height: auto;
	}
	
	.item_area_matrix .item-box .item-thum2{
		float: left;
	}
	
	.item_area_matrix .item-box .item-thum2 img{
		width: 82px;
	}
	.item_area_matrix .item-box dl{
		display: block;
		padding-left: 86px;
		margin-bottom: 5px;
	}
	.item_area_matrix .item-box .item-thum{
		float: left;
		margin: 0 5px 5px 5px;
	}
	.item_area_matrix .item-box .item-title{
		height: auto;
	}
	/***************************************************
	**表紙ランキング(mg以下で一部overwirte)
	***************************************************/
	.top_rank_mini_field .top_rank_mini_item{
		width: 110px;
		height: 160px;
	}
	.top_rank_mini_field .top_rank_mini_item .item_thum{
		width 110px;
	}
	/***************************************************
	**メーカー出版社特集
	***************************************************/
	.special_toku_item dl{
		clear: both;
		display: block;
	}

}
@media (min-width: 1200px) {
	/*600×80等のバナー表示用*/
	.top_banner_auto{
		display: block;
	}

	.top_banner_auto div{
		float: left;
		width: 50%;		
	}
	.top_banner_auto:after{
		content: "";
		clear:both;
		display: block;
	}
	/***************************************************
	**表紙新着
	***************************************************/
	.top_new_item{
		height: 150px;
	}
}
.breadcrumbs{
  background: #e5e5e5;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0 #c5c5c5 #bbb;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
  width: 100%;
	margin-bottom: 3px;
	height: 25px;
	overflow: hidden;
}

.breadcrumbs>div{
  float: left;
}

.breadcrumbs a{
  padding: .3em .5em .3em 1em;
	margin: 0;
  float: left;
  text-decoration: none;
  color: #222;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #bbb;
  background-image: linear-gradient(to right, #e5e5e5, #bbb);  
}

.breadcrumbs div:first-child a{
  padding-left: 1em;
  /*border-radius: 5px 0 0 5px;*/
}

.breadcrumbs a:hover{
  background: #ffffff;
}

.breadcrumbs a::after,
.breadcrumbs a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1em;   
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

.breadcrumbs a::after{ 
  z-index: 2;
  border-left-color: #bbb;  
}

.breadcrumbs a::before{
  border-left-color: #999;
  right: -1.1em;
  z-index: 1; 
}

.breadcrumbs a:hover::after{
  border-left-color: #fff;
}

.breadcrumbs #breadcrumbs_now,
.breadcrumbs #breadcrumbs_nowt:hover{
  padding: .3em .5em .3em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #bbb;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
  font-weight: bold;
  background: none;
}

.breadcrumbs #breadcrumbs_now::after,
.breadcrumbs #breadcrumbs_now::before{
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
	content: normal; 
}