/*　base_edit----------------------------------------　*/

#top_edit201809{
/*	display: none; */
}

/* =============================================== */
/** サイトトップCSS
/* ----------------------------------------------- */
/* ルール */
/* ある程度の部品に分解する                        */
/* マージンやパディングは、基本的に下方向につける  */

/* =============================================== */


.ContentsGridArea{
	padding: 0 0 20px;
	font-size: 0;
}
.ContentsGridBox{
	padding: 0 0 20px;
}
.Contents-grid1,
.Contents-grid2,
.Contents-grid3,
.Contents-grid4{
	display: inline-block;
	vertical-align: top;
	*display: inline;*zoom: 1;
}
.Contents-grid1{
	width: 245px;
}
.Contents-grid2{
	width: 490px;
}
.Contents-grid3{
	width: 735px;
}
.Contents-grid4{
	width: 980px;
}

.ContentsBoxArea{
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	*display: inline;*zoom: 1;
}

.ContentsSideArea{
	padding: 0 10px 30px 0;
}

.Contents-grid-center{
	text-align: center;
}

/* ----------------------------------------------- */
/** 見出し
/* ----------------------------------------------- */

.heading h1, /* 既存スタイルのリセット */
.heading h2{
	background: none;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	vertical-align: baseline;
	clear: none;
}

.Headline{
	line-height: 1;
}

.Heading-bar{
	text-align: center;
	background-color: #f5f5f5;
	border-bottom: 2px solid #ccc;
}
.Heading-bar .Headline{
	padding: 8px 0;
	font-size: 26px;
	font-weight: normal;
	vertical-align: middle;
}
.HeadingCategoryIco{
	margin: 0 12px 0 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: -10px;
	background: url(https://www.bookoffonline.co.jp/files/inc_img/ico-heading-category.png) no-repeat 0 0;
	*display: inline; *zoom: 1;
}
.HeadingCategoryIco-book{
	background-position: 0 0;
}
.HeadingCategoryIco-comic{
	background-position: 0 -40px;
}
.HeadingCategoryIco-cd{
	background-position: 0 -80px;
}
.HeadingCategoryIco-dvd{
	background-position: 0 -120px;
}
.HeadingCategoryIco-game{
	background-position: 0 -160px;
}
.HeadingCategoryIco-set{
	background-position: 0 -200px;
}

.Heading-border-top{
	padding: 0 0 16px;
	border-top: 1px solid #ccc;
}
.Heading-border-top .Headline{
	padding: 14px 0 4px 6px;
	font-size: 28px;
	font-weight: normal;
}
.Heading-inline .Headline{
	display: inline-block;
	vertical-align: top;
	*display: inline; *zoom: 1;
}
.Heading-subtxt{
	padding: 0 0 0 12px;
	display: inline-block;
	font-size: 16px;
	vertical-align: bottom;
	*display: inline; *zoom: 1;
}

.Heading-undecorated{
	margin: 0 6px 10px;
}
.Heading-undecorated .Headline{
	padding: 0;
	font-size: 16px;
}
.Heading-undecorated .Heading-subtxt{
	font-size: 14px;
}

/* ----------------------------------------------- */
/** アイテムレコメンド
/* ----------------------------------------------- */

.ContentsBoxArea #recommend{
	margin: 20px 0;
}
.ContentsBoxArea #recommend .recommend_inner{
	padding: 0;
	width: 100%;
	border: none;
}
.ContentsBoxArea .jcarousel-skin-recommend .jcarousel-clip-horizontal{
	margin: 0 36px;
	width: 908px;
}
.ContentsBoxArea .jcarousel-skin-recommend .jcarousel-item{
	width: 130px;
}
.ContentsBoxArea #recommend .recommend_item{
	margin: 0;
	padding: 0 8px;
	width: auto;
}
.ContentsBoxArea #recommend .recommend_item_price{
	font-weight: normal;
}
.ContentsBoxArea #recommend .recommend_item_img{
	min-height: auto;
	height: 140px !important;
	text-align: center;
}
.ContentsBoxArea #recommend .recommend_item_img img{
	max-height: 140px;
}
.ContentsBoxArea #recommend .jcarousel-pager{
	right: 8px;
	top: -26px;
	font-size: 14px;
}


/* オトナ買いレコメンドのリセット */
.ac_recommend_otona .reco_items_style {
	position : static;
	padding: 15px 0 0 14px;
	font-size: 0;
}
.ac_recommend_otona .reco_item_style {
	margin: 0px 16px 15px 0;
	display: inline-block;
	width: 90px;
	height: auto;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	word-break: break-all;
	*display:inline;*zoom:1;
}
.ac_recommend_otona .reco_img_style {
	margin: 0;
	text-align: center;
	width: 100%;
	height: 140px !important;
	min-height: auto;
}
.ac_recommend_otona .reco_panel {
	width: auto;
	height: auto;
	padding: 0;
	position: static;
}
.ac_recommend_otona .reco_inner {
	width: 420px;
	margin-left:15px;
	padding-top:10px;
}
.ac_recommend_otona .reco_img_style a {
	display: block;
	height: 140px;
}
.ac_recommend_otona .reco_img_style img {
	width: auto;
	height: auto;
	max-width: 96%;
	max-height: 100%;
	* width: 96%;
}


/* ----------------------------------------------- */
/** ランキング
/* ----------------------------------------------- */

.RankingWeeklyArea{
	padding: 0 0 20px;
}
.RankingWeeklyTabArea{
	padding: 0 0 20px;
}
.RankingWeeklyTabBox{
	font-size: 0;
	text-align: left;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
}
.RankingWeeklyTab{
	margin: 0 0 -1px -1px;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	border: 1px solid #ccc;
	cursor: pointer;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	*display: inline; *zoom: 1;
}
.RankingWeeklyTab-present{
	border-width: 1px 1px 0 1px;
	background-color: #3360a9;
	color: #fff;
/*
	font-weight: bold;
	background-color: #f4f4f4;
*/
}
.RankingWeeklyTab span{
	display: block;
	padding: 10px 20px;
}
.RankingWeeklyTab:hover{
	background-color: #3360a9;
	color: #fff;
/*
	font-weight: bold;
	background-color: #f4f4f4;
*/
}
.RankingWeeklyContents{
	font-size: 0;
}
.RankingWeeklyBox{
	display: inline-block;
	width: 16.66%;
	font-size: 14px;
	vertical-align: top;
	*display: inline; *zoom: 1;
}
.RankingWeeklyRank-ico1,
.RankingWeeklyRank-ico2,
.RankingWeeklyRank-ico3{
	margin: 0 4px 0 0;
	display: inline-block;
	width: 16px;
	height: 11px;
	background: url(https://www.bookoffonline.co.jp/files/inc_img/ico_ranking.png) no-repeat 0 0;
	*display: inline; *zoom: 1;
}
.RankingWeeklyRank-ico1{
	background-position: 0 0;
}
.RankingWeeklyRank-ico2{
	background-position: -20px 0;
}
.RankingWeeklyRank-ico3{
	background-position: -40px 0;
}
.RankingWeeklyRankArea{
	padding: 0 14px 2px;
}
.RankingWeeklyImgArea{
	padding: 0 14px 2px;
}
.RankingWeeklyImg img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	*width: 100%;
}
.RankingWeeklyImg a:hover img{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}
.RankingWeeklyImg{
	height: 130px;
}
.RankingWeeklyContents-square .RankingWeeklyImg{
	height: 100px;
}
.RankingWeeklyTxtArea{
	padding: 0 14px 0;
}
.RankingWeeklyTitle a{
	display: block;
}
.RankingWeeklyAuthor a{
	display: block;
}
.RankingWeeklyContents-author-none .RankingWeeklyAuthor{
	display: none;
}
.RankingWeeklyPrice{
	color: #e00;
}
.RankingWeeklyMoreImgArea{
	padding: 60px 0 6px;
	text-align: center;
}
.RankingWeeklyMoreImg a{
	display: block;
}
.RankingWeeklyMoreImg a:hover img{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}
.RankingWeeklyMoreTxtArea{
	text-align: center;
}
.RankingWeeklyMoreTxt a{
	display: block;
}
.RankingWeeklyMoreTxt span{
	display: inline-block;
	vertical-align: top;
	*display: inline; *zoom: 1;
}


/* ----------------------------------------------- */
/** 商品ピックアップ
/* ----------------------------------------------- */

.ContentsItemPickupArea{
	padding: 0 0 20px;
}
.ContentsItemPickupContents{
	font-size: 0;
}
.ContentsItemPickupBox{
	display: inline-block;
	width: 16.66%;
	font-size: 14px;
	vertical-align: top;
	*display: inline; *zoom: 1;
}
.ContentsItemPickupRank-ico1,
.ContentsItemPickupRank-ico2,
.ContentsItemPickupRank-ico3{
	margin: 0 4px 0 0;
	display: inline-block;
	width: 16px;
	height: 11px;
	background: url(https://www.bookoffonline.co.jp/files/inc_img/ico_ranking.png) no-repeat 0 0;
	*display: inline; *zoom: 1;
}
.ContentsItemPickupRank-ico1{
	background-position: 0 0;
}
.ContentsItemPickupRank-ico2{
	background-position: -20px 0;
}
.ContentsItemPickupRank-ico3{
	background-position: -40px 0;
}
.ContentsItemPickupRankArea{
	padding: 0 14px 2px;
}
.ContentsItemPickupImgArea{
	padding: 0 14px 2px;
}
.ContentsItemPickupImg img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	*width: 100%;
}
.ContentsItemPickupImg a:hover img{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}
.ContentsItemPickupImg{
	height: 130px;
}
.ContentsItemPickup-square .ContentsItemPickupImg{
	height: 100px;
}
.ContentsItemPickupTxtArea{
	padding: 0 14px 0;
}
.ContentsItemPickupTitle a{
	display: block;
}
.ContentsItemPickupAuthor a{
	display: block;
}
.ContentsItemPickupPrice{
	color: #e00;
}
.ContentsItemPickupSubtxt{
	color: #666;
}
.ContentsItemPickupMoreImgArea{
	padding: 60px 0 6px;
	text-align: center;
}
.ContentsItemPickupMoreImg a{
	display: block;
}
.ContentsItemPickupMoreImg a:hover img{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}
.ContentsItemPickupMoreTxtArea{
	text-align: center;
}
.ContentsItemPickupMoreTxt a{
	display: block;
}
.ContentsItemPickupMoreTxt span{
	display: inline-block;
	vertical-align: top;
	*display: inline; *zoom: 1;
}


/* ----------------------------------------------- */
/** コンテンツレコメンド
/* ----------------------------------------------- */
.ContentsBoxArea .center_pickup_area{
	text-align: center;
	font-size: 0;
}
.ContentsBoxArea .center_pickup_box{
	margin: 0;
	padding: 0 0 16px;
	display: inline-block;
	width: 162px;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
}
.ContentsBoxArea .center_pickup_box_img{
	margin: 0;
	display: block;
	float: none;
	width: 100%;
}
.ContentsBoxArea .center_pickup_box_img img{
	width: 120px;
	height: auto;
}
.ContentsBoxArea .center_pickup_box_ttl{
	margin: 0;
	padding: 4px 14px 0;
	float: none;
	width: auto;
	text-align: left;
}
.ContentsBoxArea .center_pickup_box p{
	display: none;
}


/* ----------------------------------------------- */
/** 入荷リスト・値下げリスト
/* ----------------------------------------------- */
.NewArrivalBox{
	margin-left: 5px;
	padding: 10px 0;
	font-size: 14px;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 1;
}
.NewArrivalResult{
	margin-right: 5px;
	padding: 10px 20px;
	font-size: 14px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ccc;
	line-height: 1;
}
.NewArrivalResult-link{
	padding: 0 0 0 10px;
}
.NewArrival-maker-blue{
	border-left: 10px solid #3b9aef;
}
.NewArrival-maker-orange{
	border-left: 10px solid #f45a07;
}



/* ----------------------------------------------- */
/** お知らせ
/* ----------------------------------------------- */
.OshiraseArea{
	background-color: #fee;
	display: table;
	width: 100%;
}
.OshiraseHeadingArea{
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}
.OshiraseTxtArea{
	display: table-cell;
	width: 75%;
	vertical-align: middle;
}

.OshiraseHeading{
	padding: 10px;
	font-size: 14px;
	text-align: center;
}
.OshiraseHeadline{
}
.OshiraseTxt{
	border-left: solid 1px #fcc;
}
.OshiraseList{
	padding: 5px 5px 5px 32px;
	line-height: 1.3;
	font-size: 14px;
	color: #999;
	background-color: #fee;
}
}
.OshiraseList a{
	padding: 2px 0;
	display: block;
	*display: inline;
}


/* ----------------------------------------------- */
/** ピックアップコンテンツ
/* ----------------------------------------------- */
.ContentsPickupArea{
	display: table;
	width: 100%;
}
.ContentsPickupBox{
	display: table-cell;
}
.ContentsPickup{
	padding: 0 5px;
}
.ContentsPickup a{
	text-decoration: none;
	color: #000;
}
.ContentsPickup a:hover{
	text-decoration: none;
	color: #000;
}
.ContentsPickupTxtArea{
	padding: 6px 2px 0;
	display: block;
	line-height: 1.5;
}
.ContentsPickupTxt{
	font-size: 14px;
}
.ContentsPickup-ico{
	margin: 0 6px 0 0;
	padding: 0 4px;
	font-size: 14px;
	border-radius: 3px;
	line-height: 1;
}
.ContentsPickup-ico-orange{
	background-color: #ffa800;
	color: #fff;
}
.ContentsPickup-ico-red{
	background-color: #e00;
	color: #fff;
}
.ContentsPickup-ico-pink{
	background-color: #F06161;
	color: #fff;
}
.ContentsPickup-ico-gold{
	background-color: #c3931e;
	color: #fff;
}
.ContentsPickup a:hover img{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background: #fff;
}



/* ----------------------------------------------- */
/** トップ右袖_買取枠
/* ----------------------------------------------- */
.TpSideSellBnArea{
	background-color:#eee;
	padding: 5px 0 0 0;
	text-align: center;
	border:1px solid #ccc;
}

.TpSideSellBn{
	width: 235px;
	padding: 0 0 5px 0;
}

/* ----------------------------------------------- */
/** フッター
/* ----------------------------------------------- */

.FooterArea{
	background-color:#eee;
	padding:20px 0;
}
.FooterAreaWrap{
	display:inline-block;
	width:100%;
	font-size:14px;
}
.FooterAreaInner{
	float:left;
	width:28%;
	margin-left:3.8%;
}
.FooterAreaHeading{
	font-weight:bold;
	padding:0 0 0.5em 0;
}
.FooterAreaList{
	padding:0 0 2em 0.5em;
}
.FooterAreaList li{
	color: #666;
	padding: 0 0 0.8em 0;
	list-style-type: none;
}
.FooterAreaListImg{
	display:inline-block;
	width:100%;
}
.FooterAreaListImgL{
	float:left;
	width:26%;
}
.FooterAreaListImgR{
	float:left;
	width:72%;
}


/* ----------------------------------------------- */
/** サイド
/* ----------------------------------------------- */
.ContentsSideListLink{
	padding: 0 0 12px 14px;
	font-size: 14px;
	list-style: none;
	line-height: 1.4;
}
.ContentsSideListLink li a{
	padding: 0 0 6px;
	display: block;
}

.ContentsSideListTxt{
	padding: 0 0 12px 14px;
	font-size: 14px;
	list-style: none;
	line-height: 1.4;
}
.ContentsSideListTxt li{
	padding: 0 0 6px;
}
.ContentsSideListTxt li a{
	padding: 0 0 6px;
}


/* ----------------------------------------------- */
/** その他
/* ----------------------------------------------- */

/* ジャンルでさがす */
.ContentsSideArea .GSMSubTtl{
	font-size: 16px;
}

/* 均一セール */
.SaleBtnListArea{
	font-size: 0;
}

.SaleBtnListImgArea{
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	*display: inline; *zoom: 1;
}
.SaleBtnList{
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	*display: inline; *zoom: 1;
}
.SaleBtnList-grid3 .SaleBtnListImgArea{
	width: 245px;
}
.SaleBtnList-grid3 .SaleBtnList{
	width: 490px;
}
.SaleBtnList-grid4 .SaleBtnListImgArea{
	width: 245px;
}
.SaleBtnList-grid4 .SaleBtnList{
	width: 735px;
}

.SaleBtnListTtl{
	font-weight: bold;
	color: #e00;
}
.SaleBtnListTtl a {
	font-weight: normal;
	font-size: 14px;
}

.SaleBtnList_TitleIcon{
	padding: 1px 8px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin: 0 5px 0 0;
	background-color: #f66;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	*display: inline; *zoom: 1;
}

.SaleBtnList_box{
	padding: 10px 0 0 0;
	font-size: 0;
}

.SaleBtnList_box a{
	margin: 0 6px 2px 0;
	padding: 3px 10px 4px 10px;
	display: inline-block;
	/* background-color: #fee; */
	color: #333;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*display: inline; *zoom: 1;
}
.SaleBtnList_box a:hover{
	background-color: #fee;
	text-decoration:none;
}


/* コーナー紹介 */
.ContentsCornerPickupArea{
	font-size: 0;
}
.ContentsCornerPickupArea + .ContentsCornerPickupArea{
	padding: 10px 0 0;
}
.ContentsCornerPickupImgArea{
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	*display: inline; *zoom: 1;
}
.ContentsCornerPickup{
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	*display: inline; *zoom: 1;
}
.ContentsCornerPickup-grid2 .ContentsCornerPickupImgArea{
	width: 245px;
}
.ContentsCornerPickup-grid2 .ContentsCornerPickup{
	width: 245px;
}
.ContentsCornerPickup-grid3 .ContentsCornerPickupImgArea{
	width: 245px;
}
.ContentsCornerPickup-grid3 .ContentsCornerPickup{
	width: 490px;
}
.ContentsCornerPickup-grid4 .ContentsCornerPickupImgArea{
	width: 245px;
}
.ContentsCornerPickup-grid4 .ContentsCornerPickup{
	width: 735px;
}

.ContentsCornerPickupTitle{
	padding: 0 0 6px;
	font-weight: bold;
}
.ContentsCornerPickupTitle a{
	display: block;
}
.ContentsCornerPickupTxt p{
	font-size: 14px;
	line-height: 1.6;
}

/* 画像ロールオーバー */
.ContentsImgTrans a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
/* 画像を押下 */
.ContentsDepress a:hover{
	position:relative;
	top:2px;
}

/* キーワードボタンリスト */

.KwdBtnListBox{
	padding:0.5em 0 1em 1em;
	font-size: 14px;
}
.KwdBtnListBox a{
	display:inline-block;
	margin:0 5px 5px 0;
	background-color:#fff;
	padding:4px 8px 6px 8px;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.KwdBtnListBox a:hover{
	text-decoration:none;
}

/* トップ各カテゴリ遷移ボタン */

.TopCategoryBtnArea{
	padding: 0 0 25px 0;
}

.TopCategoryBtn{
	display: block;
	margin: 0 2em;
	padding: 0.8em 1.5em;
	color: #333;
	/* background-color: #f5f5f5; */
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
}

/* バナーリスト */

.Banner-ListItem{
	padding-bottom: 10px;
}

/* ジャンルリスト変更テスト0918 */

.ContentsGridArea .GSMHSelected {
	font-weight: normal;
	background-color: #f5f5f5;
	margin-top: 5px;
	border-bottom: 2px solid #ccc;
	color: #333;
	font-size: 18px;
	padding: 0.6em 0.4em;
}

.ContentsGridArea .GSMSubOthers a, .ContentsGridArea .GSMSubCOthers a {
	display: block;
	padding: 8px 18px 6px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	color: #369;
}

.ContentsGridArea .GSMSubH {
	margin: 0 0px 0 10px;
	padding: 10px 18px 8px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #369;
	cursor: default;
}

.ContentsGridArea .GSMSubH i, .ContentsGridArea .GSMSubHHover i {
	position: absolute;
	top: -2px;
	bottom: 0;
	right: 5px;
	margin: auto;
}

.ContentsGridArea .GSMSubH a{
	display: block;
}