/*共通*/

.clear { clear:both; }

/*特集　基本CSS*/

.spcms {
	background-color: #FFFFFF;
	padding: 20px;
}

.spcms .spcms-top { margin-bottom: 10px; }

.spcms .spcms-top img { width: 660px; }

.abst_text {
	font-size: 14px;
	font-weight: bold;
}

.spcms .wkfont_13 {
	font-size: 13px;
}


.spcms .item-thumb img { box-shadow: 2px 2px 4px #CCCCCC; }

.spcms .cms-group-btn {
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	display: block;
	float: left;
	margin-left: -100px;
	width: 65px;
}

.spcms ul.spcms_blocklist li .item-title {
	border-left: 5px solid #FF5A00;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spcms ul.spcms_blocklist li .item-title a {
	font-size: 17px;
	font-weight: bold;
	line-height: 25px;
}


.spcms .input-title {
	padding-left:20px !important;
}

.spcms .input-title input {
	width:80px;
}

/*松SP*/
.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-set {
	width: 660px;
	margin: 0 auto;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-ph {
	float: left;
	width: 200px;
}
.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-ph .item-thumb img {
	width:180px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-pr_l {
	float: left;
	width: 220px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-pr_r {
	float: right;
	width: 240px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .abst_area {
	width: 460px;
	float: left;
	margin-top: 20px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-wrap {
	height:125px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-specbox {
	height:96px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .series-link {
	margin:5px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-spec {
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-spec dt {
	background-color: #969696;
	color: #FFFFFF;
	float: left;
	line-height: 13px;
	margin-right: 5px;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-spec dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-cont {
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 10px;
	text-overflow: ellipsis;
	width:660px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-cont p {
	height: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 660px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-cont p img { width: 100%; }

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys {
	background-color: #F2F2F2;
	float:left;
	display:block;
	padding: 0 32px 5px; /* 1colPOPなし　立ち読みボタン調整用　20140415笹子追記*/
	/* width: 100%; 1colPOPなし　立ち読みボタン調整用　20140415笹子*/

}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys .product_price {
	color: #FF5A00;
	padding-top: 5px;
	text-align: center;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys .product_price .cm_btn_l, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart .cm_btn_l {
	font-size: 10px;
	margin-top: 0;
	padding: 5px;
	width: 165px;
}

.spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys .product_price a.bl-cart-url, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart a.bl-cart-url {
	height: 35px;
	line-height: 33px;
}


/*竹*/
.spcms ul.spcms_blocklist li .spcms-type-cb .item-box {
	float: left;
	width: 310px;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box.right { float: right; }

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-ph {
	float: left;
	width: 126px;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-pr {
	float: right;
	width: 170px;
}


.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .series-link {
	margin:5px;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-spec {
	overflow: hidden;
	padding: 0 0 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-spec dt {
	background-color: #969696;
	color: #FFFFFF;
	float: left;
	line-height: 13px;
	margin-right: 5px;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-spec dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-mediainfo { margin-top: 10px; }

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-mediainfo p { color: #0B9D95; }

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-cont { padding-top: 10px; }

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-cont p {
	overflow: hidden;
	text-overflow: ellipsis;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys {
	background-color: #F2F2F2;
	display: block;
	float: left;
	margin-top: 10px;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price {
	color: #FF5A00;
	padding-top: 5px;
	text-align: center;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price .cm_btn_l, .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_cart .cm_btn_l {
	font-size: 10px;
	padding: 5px;
	width: 160px;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price a.bl-cart-url, .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_cart a.bl-cart-url {
	height: 35px;
	line-height: 33px;
}

.spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price .product_cart_buy, .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_cart .product_cart_buy { margin: 0; }

.spcms ul.spcms_blocklist li .spcms-type-cb .product_series_detail dt .picture { height: 156px; }

.spcms ul.spcms_blocklist li .spcms-type-cb .product_price_data {
	color: #FF5A00;
	text-align: center;
}


/* textPOP */

.recom_box {
  width: 320px;
  padding: 10px;
  background-color: #faf1d4;
}

.recom_inner {
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
}




/*松*/

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .cms-item {
	display: block;
	float: left;
	width: 660px !important;
	margin-bottom: 20px;
	padding-right: 20px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 .embed_text {
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	text-align: right;
}

.spcms .line { margin-bottom: 0; }

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 p {
	height: auto;
	overflow: hidden;
	padding-left: 15px;
	text-overflow: ellipsis;
	width: 320px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 p img { width: 100%; }

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-set {
	float: left;
	width: 310px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-ph {
	float: left;
	width: 120px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-pr {
	float: right;
	width: 175px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .series-link {
	margin:5px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-spec {
	padding: 0 0 6px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-spec dt {
	background-color: #969696;
	color: #FFFFFF;
	float: left;
	line-height: 13px;
	margin-right: 5px;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-spec dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont {
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 10px;
	text-overflow: ellipsis;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 {
	float: right;
	width: 339px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 .matome_img {
	width:100%;
}


.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 p {
	overflow: hidden;
	text-overflow: ellipsis;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys {
	background-color: #F2F2F2;
	margin-top: 10px;
	float:left;
	display:block;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_price {
	color: #FF5A00;
	padding-top: 5px;
	text-align: center;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_price .cm_btn_l, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart .cm_btn_l {
	font-size: 10px;
	margin-top: 0;
	padding: 5px;
	width: 165px;
}

.spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_price a.bl-cart-url, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart a.bl-cart-url {
	height: 35px;
	line-height: 33px;
}

.abst-free {
	color: #B50000;
	font-weight: bold;
}

.spcms .set_pagetop {
	display: block;
	clear:both;
	width: 660px;
}

/*レスポンシブ対応カート・ブラウザ立ち読みボタン*/

#container .btn_l.buy_action, #container .btn_l.read_action, #container .btn_l.cart_action, #container .btn_l.keep_action { width: 142px; }

.product_cart { padding:0 5px; }

.product_cart a { margin: 0 auto 7px auto; }

.product_cart p { margin: 0 auto 7px auto; }

#container .btn.keep_action, #container .btn.tachiyomi_action, #container .btn.cart_action, #container .btn.buy_action, #container .btn.read_action {
	width: 162px;
	padding: 0px 0px;
}

/*アプリ・ブラウザ立ち読みボタン並列用　20140411笹子追記*/

#container .btn.tachiyomi_action.product_tachiyomi {
    padding: 3px 0 5px;
    width: 78px;
}



/*シリーズ一覧btn*/
#container .ftr_series_action {
	border: 1px solid #d1d1d1;
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,#f8f8f8,#ececec); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(248, 248, 248)), color-stop(100%,rgb(236, 236, 236))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(248, 248, 248) 0%,rgb(236, 236, 236) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(248, 248, 248) 0%,rgb(236, 236, 236) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(248, 248, 248) 0%,rgb(236, 236, 236) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgb(248, 248, 248) 0%,rgb(236, 236, 236) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	color: #333333;
	border-radius: 2px;
	display: block;
}
/* hover */
#container a.ftr_series_action:hover {
	text-decoration: none;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}
/* active */
#container a.ftr_series_action:active {
	 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
}
/* disabled */
#container p.ftr_series_action.disabled {
    -ms-filter: none;
    filter: none;
    background: #FFFFFF;
    color: #B7B7B7;
}
#container .ftr_series_action.btn_s {
	padding: 0 0;
	margin-top:5px;
}

#container .ftr_series_action.free_ftr_series.btn_s {
	width: 95px;
}
/*専用center*/
#container .ftr_series_action {
	text-align: center;
}

/*6カラム用CSS（特集用）*/

.area_slide .book {
	width: 97px;
	margin-bottom:20px;
}

.book .title {
	white-space:normal;
	word-break:break-all;
}

.book .action {	margin-bottom: 4px; }

.book .picture img, .product_series_detail dt img { max-width:95px; }

.book .price { margin: 6px 0; }

#container .cart_action.btn_s, #container .purchased_action.btn_s, #container .tachiyomi_action.free_tachiyomi.btn_s { width: 95px; }

#container .btn_s { padding: 0px 0px; }

#container .keep_action.btn_s, #container .tachiyomi_action.btn_s {
	padding: 0 0;
	margin-top:5px;
}

/*プロフィール*/

/*ゲスト*/
.prf_box {
	margin: 0 5px 20px 0;
	padding: 10px;
	overflow: hidden;
	border: 2px solid #ff5a00;
}

.prf_box img {
    border: solid 1px #E5E5E5;
}

.prf_box .l_box {
	margin: 5px;
	padding: 0;
	width: 120px;
	float: left;
}

.prf_box .l_box img{
	width:120px;
}

.prf_box .r_box {
	margin: 5px;
	padding: 0;
	width: 490px;
	vertical-align: middle;
	float: right;
}

.guest {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 5px 0 0 5px;
}

.author_name {
	font-size:24px;
	font-weight:bold;
	clear:both;
	color: #ff5a00;
	margin-left: 10px;
}

/*一コマ作品*/
.pickup_box {
	margin: 10px 0 0 0;
	padding: 10px 0;
	overflow: hidden;
	clear:both;
}

.pickup_box img {
    border: solid 1px #E5E5E5;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}

.pickup_box .l_box {
	margin: 5px;
	padding: 0;
	width: 120px;
	float: left;
}

.pickup_box .l_box img{
	width:120px;
}

.pickup_box .r_box {
	margin: 5px;
	padding: 0;
	width: 490px;
	vertical-align: middle;
	float: right;
}

.pickup {
	display:block;
	font-size:16px;
	font-weight:bold;
	clear:both;
}

/*田中圭一*/
.prf_box_s {
	margin: 0 5px 20px 0;
	padding: 10px;
	overflow: hidden;
	border: 1px dotted #dddddd;
}

.prf_box_s .l_box {
	margin: 5px;
	padding: 0;
	width: 100px;
	float: left;
}

.prf_box_s .r_box {
	margin: 5px;
	padding: 0;
	width: 505px;
	vertical-align: middle;
	float: right;
}

.interviewer {
	display:block;
	font-size:14px;
	font-weight:bold;
	clear:both;
}

/*インタビュー*/

.int_group {
	clear:both;
	margin-bottom:20px;
	font-size: 15px;
	line-height: 27px;
}

.int_group p { margin-bottom:15px; }

.tanaka {
	color: #7d4331;
	margin: 20px 0 10px;
	font-weight:bold;
}

/*キャプション*/
.caption {
	margin: 0 5px 20px 0;
	padding: 10px;
	overflow: hidden;
	border:1px solid #dddddd;
	line-height: 1.5;
}

.caption .caption_img {
	margin: 5px;
	padding: 0;
	width: 100px;
	float: left;
	border: solid 1px #E5E5E5;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}

.caption .caption_img img {
	width:100px;
}

.caption_text {
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

/*ページング*/

#f_navi {
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

#f_navi li, #f_navi li.btn {
	display:inline-block;
	line-height:27px;
}

#f_navi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

#f_navi .btn {
	margin: 0 6px 0 0;
	padding: 0px 10px;
	display: inline-block;
	border: 1px solid #c9c9c9;
	background-color: #ffffff;
	text-align: center;
	color: #333;
}

#f_navi .btn:hover {
	margin: 0 6px 0 0;
	padding: 0px 10px;
	display: inline-block;
	border: 1px solid #c9c9c9;
	background-color: #ffe1d0;
	text-align: center;
}

#f_navi .btn_a {
	margin: 0 6px 0 0;
	padding: 0px 10px;
	display: inline-block;
	border: 1px solid #c9c9c9;
	background-color: #ff5a00;
	text-align: center;
	color: #FFF;
}

/*img*/

.cm_img_l {
	float:left;
	width:330px;
	margin-right:15px;
	margin-bottom:15px;
}

.cm_img_l img { width:330px; }

.cm_img_r {
	float:right;
	width:330px;
	margin-left:15px;
	margin-bottom:15px;
}

.cm_img_r img { width:330px; }

.cm_img_r_s {
	float:right;
	width:200px;
	margin-left:15px;
	margin-bottom:15px;
}

.cm_img_r_s img { width:200px; }

/*
.cm_img_full {
width:660px;
margin-bottom:10px;
border:4px solid #000000;
}
*/

.cm_img_full img { width:100%; }

.cm_img_330 {
	margin-bottom:10px;
}

.cm_img_330 img { width:330px;}

.cm_img_400 {
	margin-bottom:10px;
}

.cm_img_400 img { width:400px;}

.cm_img_450 img { width:450px;}

.cm_img_550 img { width:550px;}

.konokoma {
	width:500px;
	margin:0 auto 10px auto;
}

.konokoma img {	width:500px; }


/* 特集導線 */
.bdr img {
	width:220px;
}



/* 2 column */

#container #main .spcms .btn.tachiyomi_action.product_tachiyomi {
    padding: 3px 0 5px;
    width: 78px;
}

/* book tag
* ====================================================================================================================================== */
.tag, #container .product_series_tag {
    line-height: 12px;
    text-align: center;
}
.tag span, #container ul.product_topic span, #container .product_series_tag span {
    display: inline-block;
    font-size: 10px;
    line-height: 11px;
    min-width: 58px;
    text-align: center;
    border: 1px solid #666;
    color: #666;
}

.tag.strong span, #container ul.product_topic span.strong, #container .product_series_tag.strong span {
    background-color: #D91616;
    border: 1px solid #D91616;
    color: #fff;
}
.tag_orange span{
    color:#ff5a00;
    border:#ff5a00 solid 1px;
}

.tag_box {
height: 17px;
}
.tag_box_l {
width: 180px;
height: 17px;
}


#container .spcms .cont_title {
  line-height: 1.3em;
}

/* ページ内リンク */
.wgkm_anc li {
    background-image: url("/resources/a/pc/common/images/bg_arrow_right_orange.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px;
}
.wgkm_anc li a {
    text-decoration: underline;
}
.wgkm_anc li a:hover {
    text-decoration: none;
}

/* 続きを読む */
.readmore_box {
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}