@charset "UTF-8";

/* -----
.affiliateTable{
  font-size:12px;
  vertical-align:middle;
  padding:10px;
  table-layout: fixed;
}

.amazonTable{
  width:210;
}

.dlsiteTableTitle{
  width:20;
}

.dlsiteTableBody{
  width:-webkit-calc(100% - 500px) ;
  width:calc(100% - 500px);
}
----- */

/* ----- 縦書き設定  ----- */
.tategaki{
  background: #ffdff9;
  height: 172px;
  font-size: 12px;
  font-weight:bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}


/* ----- !important は最優先  ----- */


/* ----- DLsite_bp_body の background:透明化とその他  ----- */
.DLsite_bp_body {
/* -----
 background:transparent !important;
----- */
 background:#ccffcc !important;
 border:none !important;
/* ----- DLsite_bp_body の マージン と パティング の 0px化 ----- */
/* -----
 margin:0px !important;
----- */
/* -----
 padding:0px !important;
----- */
}


/* ----- 左右白(黄緑)から透明オーバーレイ ----- */
html body div#DLsite_blog_parts_000.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner:before,
html body div#DLsite_blog_parts_001.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner:before,
html body div#DLsite_blog_parts_002.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner:before {
/* -----
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
----- */
  background: -webkit-linear-gradient(left, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
  background: linear-gradient(to right, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
}

html body div#DLsite_blog_parts_000.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner:after,
html body div#DLsite_blog_parts_001.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner:after,
html body div#DLsite_blog_parts_002.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner:after {
/* -----
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 0;
----- */
  background: -webkit-linear-gradient(right, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
  background: linear-gradient(to left, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
}


/* ----- 上下白(黄緑)から透明オーバーレイ ----- */
html body div#DLsite_blog_parts_000.bp_vertical div.DLsite_bp_body div.DLsite_bp_inner:before,
html body div#DLsite_blog_parts_001.bp_vertical div.DLsite_bp_body div.DLsite_bp_inner:before,
html body div#DLsite_blog_parts_002.bp_vertical div.DLsite_bp_body div.DLsite_bp_inner:before {
/* -----
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
----- */
  background: -webkit-linear-gradient(top, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
  background: linear-gradient(to bottom, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
}

html body div#DLsite_blog_parts_000.bp_vertical div.DLsite_bp_body div.DLsite_bp_inner:after,
html body div#DLsite_blog_parts_001.bp_vertical div.DLsite_bp_body div.DLsite_bp_inner:after,
html body div#DLsite_blog_parts_002.bp_vertical div.DLsite_bp_body div.DLsite_bp_inner:after {
/* -----
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  z-index: 1000;
  right: 0;
  bottom: 0;
----- */
  background: -webkit-linear-gradient(bottom, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
  background: linear-gradient(to top, #ccffcc 20%, rgba(204, 255, 204, 0) 100%) !important;
}


/* 作品リスト全体
--------------------------------------------------------- */
html body div#DLsite_blog_parts_000.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner,
html body div#DLsite_blog_parts_001.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner,
html body div#DLsite_blog_parts_002.bp_horizontal div.DLsite_bp_body div.DLsite_bp_inner {
/* -----
  padding: 0 10px;
  overflow: hidden;
----- */
/* -----
  margin: 0 0px !important;
----- */
/* -----
  position: relative;
  width: auto;
----- */
}


/* 作品名等表示ボックス
--------------------------------------------------------- */
html body div#DLsite_blog_parts_000.bp_horizontal.bp_detail div.DLsite_bp_body dl.DLsite_bp_box_02,
html body div#DLsite_blog_parts_001.bp_horizontal.bp_detail div.DLsite_bp_body dl.DLsite_bp_box_02,
html body div#DLsite_blog_parts_002.bp_horizontal.bp_detail div.DLsite_bp_body dl.DLsite_bp_box_02 {
/* -----
  padding: 0px 0 0 !important;
----- */
/* -----
  display: block;
----- */
}


/* 過去の記録 */
/* -----
	.boxTableCell {
		display: table-cell;
	}

	.boxInlineBlock {
		display: inline-block;
	}

	// ハックでIE6,7のみに適用
	html*.boxInlineBlock {
		display: inline;
		zoom: 1;
	}

	.boxInline {
		display: inline;
	}


	.boxLeft {
		float: left;
	}


	.boxRight {
		width: 200px;
		float: right;
	}


	.boxContainer {
		overflow: hidden;
	}

	// clearfix
	.boxContainer:before,
	.boxContainer:after {
	    content: "";
	    display: table;
	}
	 
	.boxContainer:after {
	    clear: both;
	}
	 
	 // For IE 6/7 (trigger hasLayout)
	.boxContainer {
	    zoom: 1;
	}
----- */

