@charset "UTF-8";

/* ===========================================================================
 リセット
=========================================================================== */
html body div#ior18_blog_parts_000,
html body div#ior18_blog_parts_000 div.ior18_bp_body,
html body div#ior18_blog_parts_000 div.ior18_bp_body div,
html body div#ior18_blog_parts_000 div.ior18_bp_body span,
html body div#ior18_blog_parts_000 div.ior18_bp_body object,
html body div#ior18_blog_parts_000 div.ior18_bp_body iframe,
html body div#ior18_blog_parts_000 div.ior18_bp_body h1,
html body div#ior18_blog_parts_000 div.ior18_bp_body h2,
html body div#ior18_blog_parts_000 div.ior18_bp_body h3,
html body div#ior18_blog_parts_000 div.ior18_bp_body h4,
html body div#ior18_blog_parts_000 div.ior18_bp_body h5,
html body div#ior18_blog_parts_000 div.ior18_bp_body h6,
html body div#ior18_blog_parts_000 div.ior18_bp_body p,
html body div#ior18_blog_parts_000 div.ior18_bp_body blockquote,
html body div#ior18_blog_parts_000 div.ior18_bp_body pre,
html body div#ior18_blog_parts_000 div.ior18_bp_body abbr,
html body div#ior18_blog_parts_000 div.ior18_bp_body address,
html body div#ior18_blog_parts_000 div.ior18_bp_body cite,
html body div#ior18_blog_parts_000 div.ior18_bp_body code,
html body div#ior18_blog_parts_000 div.ior18_bp_body del,
html body div#ior18_blog_parts_000 div.ior18_bp_body dfn,
html body div#ior18_blog_parts_000 div.ior18_bp_body em,
html body div#ior18_blog_parts_000 div.ior18_bp_body img,
html body div#ior18_blog_parts_000 div.ior18_bp_body ins,
html body div#ior18_blog_parts_000 div.ior18_bp_body kbd,
html body div#ior18_blog_parts_000 div.ior18_bp_body q,
html body div#ior18_blog_parts_000 div.ior18_bp_body samp,
html body div#ior18_blog_parts_000 div.ior18_bp_body small,
html body div#ior18_blog_parts_000 div.ior18_bp_body strong,
html body div#ior18_blog_parts_000 div.ior18_bp_body sub,
html body div#ior18_blog_parts_000 div.ior18_bp_body sup,
html body div#ior18_blog_parts_000 div.ior18_bp_body var,
html body div#ior18_blog_parts_000 div.ior18_bp_body b,
html body div#ior18_blog_parts_000 div.ior18_bp_body i,
html body div#ior18_blog_parts_000 div.ior18_bp_body dl,
html body div#ior18_blog_parts_000 div.ior18_bp_body dt,
html body div#ior18_blog_parts_000 div.ior18_bp_body dd,
html body div#ior18_blog_parts_000 div.ior18_bp_body ol,
html body div#ior18_blog_parts_000 div.ior18_bp_body ul,
html body div#ior18_blog_parts_000 div.ior18_bp_body li,
html body div#ior18_blog_parts_000 div.ior18_bp_body fieldset,
html body div#ior18_blog_parts_000 div.ior18_bp_body form,
html body div#ior18_blog_parts_000 div.ior18_bp_body label,
html body div#ior18_blog_parts_000 div.ior18_bp_body legend,
html body div#ior18_blog_parts_000 div.ior18_bp_body table,
html body div#ior18_blog_parts_000 div.ior18_bp_body caption,
html body div#ior18_blog_parts_000 div.ior18_bp_body tbody,
html body div#ior18_blog_parts_000 div.ior18_bp_body tfoot,
html body div#ior18_blog_parts_000 div.ior18_bp_body thead,
html body div#ior18_blog_parts_000 div.ior18_bp_body tr,
html body div#ior18_blog_parts_000 div.ior18_bp_body th,
html body div#ior18_blog_parts_000 div.ior18_bp_body td,
html body div#ior18_blog_parts_000 div.ior18_bp_body article,
html body div#ior18_blog_parts_000 div.ior18_bp_body aside,
html body div#ior18_blog_parts_000 div.ior18_bp_body canvas,
html body div#ior18_blog_parts_000 div.ior18_bp_body details,
html body div#ior18_blog_parts_000 div.ior18_bp_body figcaption,
html body div#ior18_blog_parts_000 div.ior18_bp_body figure,
html body div#ior18_blog_parts_000 div.ior18_bp_body footer,
html body div#ior18_blog_parts_000 div.ior18_bp_body header,
html body div#ior18_blog_parts_000 div.ior18_bp_body hgroup,
html body div#ior18_blog_parts_000 div.ior18_bp_body menu,
html body div#ior18_blog_parts_000 div.ior18_bp_body nav,
html body div#ior18_blog_parts_000 div.ior18_bp_body section,
html body div#ior18_blog_parts_000 div.ior18_bp_body summary,
html body div#ior18_blog_parts_000 div.ior18_bp_body time,
html body div#ior18_blog_parts_000 div.ior18_bp_body mark,
html body div#ior18_blog_parts_000 div.ior18_bp_body audio,
html body div#ior18_blog_parts_000 div.ior18_bp_body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body strong {
  font-weight: bold;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body article,
html body div#ior18_blog_parts_000 div.ior18_bp_body aside,
html body div#ior18_blog_parts_000 div.ior18_bp_body details,
html body div#ior18_blog_parts_000 div.ior18_bp_body figcaption,
html body div#ior18_blog_parts_000 div.ior18_bp_body figure,
html body div#ior18_blog_parts_000 div.ior18_bp_body footer,
html body div#ior18_blog_parts_000 div.ior18_bp_body header,
html body div#ior18_blog_parts_000 div.ior18_bp_body hgroup,
html body div#ior18_blog_parts_000 div.ior18_bp_body menu,
html body div#ior18_blog_parts_000 div.ior18_bp_body nav,
html body div#ior18_blog_parts_000 div.ior18_bp_body section {
  display: block;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body nav ul {
  list-style: none;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body blockquote,
html body div#ior18_blog_parts_000 div.ior18_bp_body q {
  quotes: none;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body blockquote:before,
html body div#ior18_blog_parts_000 div.ior18_bp_body blockquote:after,
html body div#ior18_blog_parts_000 div.ior18_bp_body q:before,
html body div#ior18_blog_parts_000 div.ior18_bp_body q:after {
  content: "";
  content: none;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
html body div#ior18_blog_parts_000 div.ior18_bp_body ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
html body div#ior18_blog_parts_000 div.ior18_bp_body mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body del {
  text-decoration: line-through;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body abbr[title],
html body div#ior18_blog_parts_000 div.ior18_bp_body dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
html body div#ior18_blog_parts_000 div.ior18_bp_body hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body input,
html body div#ior18_blog_parts_000 div.ior18_bp_body select {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body li {
  list-style-type: none;
}

/* ===========================================================================
ヨコ版ブログパーツ
=========================================================================== */

/* 全体
--------------------------------------------------------- */
html body div#ior18_blog_parts_000.bp_horizontal {
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body {
  padding: 10px;
  position: relative;
  text-align: left;
  line-height: 1.5;
  margin: 5px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow: hidden;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 5px;
}

/* ブログパーツメインブロック
--------------------------------------------------------- */

/* ----- タイトル ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_title div.ior18_bp_body div.ior18_bp_title_wrap {
  border-bottom: solid 1px #ddd;
  padding: 5px 3px 7px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2000;
  display: block;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_title_wrap {
  display: none;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_title {
  font-size: 16px;
  font-weight: bold;
  color: #e58600;
  height: auto;
}

/* ----- ior18ロゴ ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  top: 5px;
  right: 10px;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_logo a {
  /*background: url(../images/web/common/blog_parts/logo_bp_ior18_02_touch.png) no-repeat 0 -24px;*/
  background-size: 120px 89px;
  display: block;
  padding-top: 21px;
  overflow: hidden;
  width: 120px;
  height: 0;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  top: 0;
  right: 10px;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 -63px;
  display: block;
  padding-top: 28px;
  overflow: hidden;
  width: 120px;
  height: 0;
}

/* ----- 左右白から透明オーバーレイ ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_inner:before {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_inner:after {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 0;
  background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

/* 矢印
--------------------------------------------------------- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_prev {
  position: absolute;
  top: 50%;
  left: 20px;
  height: 16px;
  width: 16px;
  box-shadow: -3px 3px 0 #e58600;
  margin-top: -16px;
  transform: rotate(45deg);
  color: rgba(0,0,0,0);
  z-index: 2000;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_next {
  position: absolute;
  top: 50%;
  right: 20px;
  height: 16px;
  width: 16px;
  box-shadow: 3px 3px 0 #e58600;
  margin-top: -16px;
  transform: rotate(-45deg);
  color: rgba(0,0,0,0);
  z-index: 2000;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_prev:hover,
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_next:hover {
  opacity: 1;
}

/* ----- 矢印高さ調整 ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_title div.ior18_bp_body div.ior18_bp_btn_prev,
html body div#ior18_blog_parts_000.bp_horizontal.bp_title div.ior18_bp_body div.ior18_bp_btn_next {
  margin-top: 5px;
}

/* 作品リスト全体
--------------------------------------------------------- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_inner {
  padding: 0 10px;
  overflow: hidden;
  margin: 0 20px;
  position: relative;
  width: auto;
}

/* ----- ランキング表示あり ior18_bp_innerの余白 ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_ranking div.ior18_bp_body div.ior18_bp_inner {
  //padding: 10px 10px 0;
  padding: 0 10px 0;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_inner ul {
  width: 99999px;
  max-width: none;
}

/* 作品名等表示ボックス
--------------------------------------------------------- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  padding: 5px 0 0;
  display: block;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dl.ior18_bp_box_02 {
  display: none;
}

/* ----- 作品タイトル ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name {
  max-height: 1.5em;
  overflow: hidden;
  font-size: 12px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name a {
  text-decoration: none;
  display: block;
  color: #039;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name a:hover {
  text-decoration: underline;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name a:visited {
  color: #639;
}

/* ----- サークル名 ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name {
  max-height: 1.5em;
  overflow: hidden;
  font-size: 12px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name a {
  text-decoration: none;
  display: block;
  color: #06c;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name a:hover {
  text-decoration: underline;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name a:visited {
  color: #639;
}

/* ----- 販売予告作品 ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body ul li dl dd.ior18_bp_expected_date {
  max-height: 1.5em;
  overflow: hidden;
  font-size: 12px;
  color: #c11f7b;
  word-break: break-all;
  overflow-wrap: break-word;
}

/* ランキング数字部分
--------------------------------------------------------- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 p {
  display: none;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 p {
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  display: block;
  font-weight: bold;
  position: absolute;
  background: #e58600;
  top: -10px;
  left: 0;
  margin: 0;
  z-index: 500;
  border-radius: 10px;
}

/* Loading 読込中
--------------------------------------------------------- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body ul li.loading {
  float: none !important;
  height: 100px;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body ul li.loading div.ior18_bp_box_01 {
  height: 100px !important;
  width: 100px !important;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background: url(../images/web/common/blog_parts/loading_01.gif) no-repeat center 25px;
  background-color: #fff;
  color: #999;
  font-size: 12px;
  line-height: 150px;
}

/* 画像サイズ中
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 110px;
  float: left;
  margin-right: 10px;
  clear: none;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 {
  width: 110px;
  text-align: center;
  //height: 110px;
  height: 100px;
  position: relative;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 a {
  text-align: center;
  width: 110px;
  height: 110px;
  display: table-cell;
  vertical-align: middle;
}

/* ----- 画像のリサイズ  ----- */
html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 110px;
  max-width: 100%;
  transition: all 0.3s ease;
}

html body div#ior18_blog_parts_000.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 a:hover img {
  opacity: 0.7;
}

/* 段組み（横並び・画像サイズ中）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 作品名等表示ボックス  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_medium.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 120px;
  padding: 0;
}

/* 画像サイズ小
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック 画像のみ表示 ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 65px;
}

/* ----- 作品リスト 1ブロック 作品名など表示  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_small.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 110px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_box_01,
html body div#ior18_blog_parts_000.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 65px;
  height: 65px;
  margin: 0 auto;
}

/* ----- 画像のリサイズ  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 65px;
  max-width: 65px;
}

/* 段組み（横並び・画像サイズ小）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_small.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 作品名等表示ボックス  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_small.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 75px;
  padding: 0;
}

/* 画像サイズ大
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 260px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01,
html body div#ior18_blog_parts_000.bp_horizontal.bp_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01 a,
html body div#ior18_blog_parts_000.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_box_01,
html body div#ior18_blog_parts_000.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 260px;
  height: 190px;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ大）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-width: 260px;
  max-height: 190px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 270px;
  padding: 0;
}

/* 画像サイズ特大
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 560px;
  margin-right: 15px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01,
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01 a,
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01,
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 560px;
  height: 420px;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ特大）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-width: 560px;
  max-height: 420px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 570px;
  padding: 0;
}

/* 段組み（横並び）最大横幅
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック 画像サイズ小・中 ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li,
html body div#ior18_blog_parts_000.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 300px;
}

/* ----- 作品リスト 1ブロック 画像サイズ大 ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 480px;
}

/* ----- 作品リスト 1ブロック 画像サイズ特大 ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 780px;
}

/* 段組み（横並び）作品タイトル・サークル名省略
--------------------------------------------------------- */
/* ----- 作品タイトル・サークル名 ----- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body dt.ior18_bp_work_name,
html body div#ior18_blog_parts_000.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body dd.ior18_bp_circle_name {
  max-height: 3em;
}

/* 黒テーマ
--------------------------------------------------------- */
html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body {
  background: #000;
  border: solid 1px #222;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark.bp_title div.ior18_bp_body div.ior18_bp_title_wrap {
  border-bottom: solid 1px #666;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_title {
  color: #ffd200;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_inner ul li.loading:after {
  background: url(../images/web/common/blog_parts/loading_02.gif) no-repeat;
  background-position: center 25px;
  background-color: #000;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body ul li dl dd.ior18_bp_expected_date {
  color: #f34b9f;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body dt.ior18_bp_work_name a,
html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body dt.ior18_bp_work_name a:visited,
html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body dd.ior18_bp_circle_name a,
html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body dd.ior18_bp_circle_name a:visited {
  color: #fff;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_btn_prev {
  box-shadow: -3px 3px 0 #ffd200;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_btn_next {
  box-shadow: 3px 3px 0 #ffd200;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 0;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 -43px;
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_inner:before {
  background: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0) 100%);
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_inner:after {
  background: linear-gradient(to left, #000 20%, rgba(0, 0, 0, 0) 100%);
}

html body div#ior18_blog_parts_000.bp_horizontal.bp_dark.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 p {
  background: #ffd200;
  color: #000;
}


/* ===========================================================================
 リセット
=========================================================================== */
html body div.ior18_bp_body,
html body div.ior18_bp_body div,
html body div.ior18_bp_body span,
html body div.ior18_bp_body object,
html body div.ior18_bp_body iframe,
html body div.ior18_bp_body h1,
html body div.ior18_bp_body h2,
html body div.ior18_bp_body h3,
html body div.ior18_bp_body h4,
html body div.ior18_bp_body h5,
html body div.ior18_bp_body h6,
html body div.ior18_bp_body p,
html body div.ior18_bp_body blockquote,
html body div.ior18_bp_body pre,
html body div.ior18_bp_body abbr,
html body div.ior18_bp_body address,
html body div.ior18_bp_body cite,
html body div.ior18_bp_body code,
html body div.ior18_bp_body del,
html body div.ior18_bp_body dfn,
html body div.ior18_bp_body em,
html body div.ior18_bp_body img,
html body div.ior18_bp_body ins,
html body div.ior18_bp_body kbd,
html body div.ior18_bp_body q,
html body div.ior18_bp_body samp,
html body div.ior18_bp_body small,
html body div.ior18_bp_body strong,
html body div.ior18_bp_body sub,
html body div.ior18_bp_body sup,
html body div.ior18_bp_body var,
html body div.ior18_bp_body b,
html body div.ior18_bp_body i,
html body div.ior18_bp_body dl,
html body div.ior18_bp_body dt,
html body div.ior18_bp_body dd,
html body div.ior18_bp_body ol,
html body div.ior18_bp_body ul,
html body div.ior18_bp_body li,
html body div.ior18_bp_body fieldset,
html body div.ior18_bp_body form,
html body div.ior18_bp_body label,
html body div.ior18_bp_body legend,
html body div.ior18_bp_body table,
html body div.ior18_bp_body caption,
html body div.ior18_bp_body tbody,
html body div.ior18_bp_body tfoot,
html body div.ior18_bp_body thead,
html body div.ior18_bp_body tr,
html body div.ior18_bp_body th,
html body div.ior18_bp_body td,
html body div.ior18_bp_body article,
html body div.ior18_bp_body aside,
html body div.ior18_bp_body canvas,
html body div.ior18_bp_body details,
html body div.ior18_bp_body figcaption,
html body div.ior18_bp_body figure,
html body div.ior18_bp_body footer,
html body div.ior18_bp_body header,
html body div.ior18_bp_body hgroup,
html body div.ior18_bp_body menu,
html body div.ior18_bp_body nav,
html body div.ior18_bp_body section,
html body div.ior18_bp_body summary,
html body div.ior18_bp_body time,
html body div.ior18_bp_body mark,
html body div.ior18_bp_body audio,
html body div.ior18_bp_body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

html body div.ior18_bp_body strong {
  font-weight: bold;
}

html body div.ior18_bp_body article,
html body div.ior18_bp_body aside,
html body div.ior18_bp_body details,
html body div.ior18_bp_body figcaption,
html body div.ior18_bp_body figure,
html body div.ior18_bp_body footer,
html body div.ior18_bp_body header,
html body div.ior18_bp_body hgroup,
html body div.ior18_bp_body menu,
html body div.ior18_bp_body nav,
html body div.ior18_bp_body section {
  display: block;
}

html body div.ior18_bp_body nav ul {
  list-style: none;
}

html body div.ior18_bp_body blockquote,
html body div.ior18_bp_body q {
  quotes: none;
}

html body div.ior18_bp_body blockquote:before,
html body div.ior18_bp_body blockquote:after,
html body div.ior18_bp_body q:before,
html body div.ior18_bp_body q:after {
  content: "";
  content: none;
}

html body div.ior18_bp_body a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
html body div.ior18_bp_body ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
html body div.ior18_bp_body mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

html body div.ior18_bp_body del {
  text-decoration: line-through;
}

html body div.ior18_bp_body abbr[title],
html body div.ior18_bp_body dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

html body div.ior18_bp_body table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
html body div.ior18_bp_body hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

html body div.ior18_bp_body input,
html body div.ior18_bp_body select {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

html body div.ior18_bp_body li {
  list-style-type: none;
}

/* clear
--------------------------------------------------------- */
/*  new clearfix */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  font-size: 0;
}

/* ===========================================================================
ヨコ版ブログパーツ
=========================================================================== */

/* 全体
--------------------------------------------------------- */
html body div.bp_horizontal {
}

html body div.bp_horizontal div.ior18_bp_body {
  padding: 10px;
  position: relative;
  text-align: left;
  line-height: 1.5;
  margin: 5px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow: hidden;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 5px;
}

/* ブログパーツメインブロック
--------------------------------------------------------- */

/* ----- タイトル ----- */
html body div.bp_horizontal.bp_title div.ior18_bp_body div.ior18_bp_title_wrap {
  border-bottom: solid 1px #ddd;
  padding: 5px 3px 7px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2000;
  display: block;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_title_wrap {
  display: none;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_title {
  font-size: 16px;
  font-weight: bold;
  color: #e58600;
  height: auto;
}

/* ----- ior18ロゴ ----- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  top: 5px;
  right: 10px;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_logo a {
  background: url(../images/web/common/blog_parts/logo_bp_ior18_02_touch.png) no-repeat right -25px;
  background-size: 120px 89px;
  display: block;
  padding-top: 21px;
  overflow: hidden;
  width: 107px;
  height: 0;
}

html body div.bp_horizontal.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  top: 0;
  right: 10px;
}

html body div.bp_horizontal.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 -72px;
  display: block;
  padding-top: 28px;
  overflow: hidden;
  width: 100px;
  height: 0;
}

/* ----- 左右白から透明オーバーレイ ----- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_inner:before {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_inner:after {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 0;
  background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

/* 矢印
--------------------------------------------------------- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_prev {
  position: absolute;
  top: 50%;
  left: 20px;
  height: 16px;
  width: 16px;
  box-shadow: -3px 3px 0 #e58600;
  margin-top: -16px;
  transform: rotate(45deg);
  color: rgba(0,0,0,0);
  z-index: 2000;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_next {
  position: absolute;
  top: 50%;
  right: 20px;
  height: 16px;
  width: 16px;
  box-shadow: 3px 3px 0 #e58600;
  margin-top: -16px;
  transform: rotate(-45deg);
  color: rgba(0,0,0,0);
  z-index: 2000;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_prev:hover,
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_btn_next:hover {
  opacity: 1;
}

/* ----- 矢印高さ調整 ----- */
html body div.bp_horizontal.bp_title div.ior18_bp_body div.ior18_bp_btn_prev,
html body div.bp_horizontal.bp_title div.ior18_bp_body div.ior18_bp_btn_next {
  margin-top: 5px;
}

/* 作品リスト全体
--------------------------------------------------------- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_inner {
  padding: 0 10px;
  overflow: hidden;
  margin: 0 20px;
  position: relative;
  width: auto;
}

/* ----- ランキング表示あり ior18_bp_innerの余白 ----- */
html body div.bp_horizontal.bp_ranking div.ior18_bp_body div.ior18_bp_inner {
  padding: 10px 10px 0;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_inner ul {
  width: 99999px;
}

/* 作品名等表示ボックス
--------------------------------------------------------- */
html body div.bp_horizontal.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  padding: 5px 0 0;
  display: block;
}

html body div.bp_horizontal div.ior18_bp_body dl.ior18_bp_box_02 {
  display: none;
}

/* ----- 作品タイトル ----- */
html body div.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name {
  max-height: 1.5em;
  overflow: hidden;
  font-size: 12px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name a {
  text-decoration: none;
  display: block;
  color: #039;
}

html body div.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name a:hover {
  text-decoration: underline;
}

html body div.bp_horizontal div.ior18_bp_body dt.ior18_bp_work_name a:visited {
  color: #639;
}

/* ----- サークル名 ----- */
html body div.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name {
  max-height: 1.5em;
  overflow: hidden;
  font-size: 12px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name a {
  text-decoration: none;
  display: block;
  color: #06c;
}

html body div.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name a:hover {
  text-decoration: underline;
}

html body div.bp_horizontal div.ior18_bp_body dd.ior18_bp_circle_name a:visited {
  color: #639;
}

/* ----- 販売予告作品 ----- */
html body div.bp_horizontal div.ior18_bp_body ul li dl dd.ior18_bp_expected_date {
  max-height: 1.5em;
  overflow: hidden;
  font-size: 12px;
  color: #c11f7b;
  word-break: break-all;
  overflow-wrap: break-word;
}

/* ランキング数字部分
--------------------------------------------------------- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 p {
  display: none;
}

html body div.bp_horizontal.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 p {
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  display: block;
  font-weight: bold;
  position: absolute;
  background: #e58600;
  top: -10px;
  left: 0;
  margin: 0;
  z-index: 500;
  border-radius: 10px;
}

/* Loading 読込中
--------------------------------------------------------- */
html body div.bp_horizontal div.ior18_bp_body ul li.loading {
  float: none !important;
  height: 100px;
}

html body div.bp_horizontal div.ior18_bp_body ul li.loading div.ior18_bp_box_01 {
  height: 100px !important;
  width: 100px !important;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background: url(../images/web/common/blog_parts/loading_01.gif) no-repeat center 25px;
  background-color: #fff;
  color: #999;
  font-size: 12px;
  line-height: 150px;
}

/* 画像サイズ中
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 110px;
  float: left;
  margin-right: 10px;
  clear: none;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 {
  width: 110px;
  text-align: center;
  height: 110px;
  position: relative;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 a {
  text-align: center;
  width: 110px;
  height: 110px;
  display: table-cell;
  vertical-align: middle;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 110px;
  max-width: 100%;
  transition: all 0.3s ease;
}

html body div.bp_horizontal div.ior18_bp_body div.ior18_bp_box_01 a:hover img {
  opacity: 0.7;
}

/* 段組み（横並び・画像サイズ中）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_horizontal.bp_medium.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 120px;
  padding: 0;
}

/* 画像サイズ小
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック 画像のみ表示 ----- */
html body div.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 65px;
}

/* ----- 作品リスト 1ブロック 作品名など表示  ----- */
html body div.bp_horizontal.bp_small.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 110px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 65px;
  height: 65px;
  margin: 0 auto;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_horizontal.bp_small div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 65px;
  max-width: 65px;
}

/* 段組み（横並び・画像サイズ小）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal.bp_small.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_horizontal.bp_small.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 75px;
  padding: 0;
}

/* 画像サイズ大
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 260px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal.bp_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_horizontal.bp_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01 a,
html body div.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 260px;
  height: 190px;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ大）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal.bp_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_horizontal.bp_large div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-width: 260px;
  max-height: 190px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_horizontal.bp_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 270px;
  padding: 0;
}

/* 画像サイズ特大
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 560px;
  margin-right: 15px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal.bp_ex_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_horizontal.bp_ex_large.bp_detail div.ior18_bp_body div.ior18_bp_box_01 a,
html body div.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 560px;
  height: 420px;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ特大）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_horizontal.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_horizontal.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-width: 560px;
  max-height: 420px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_horizontal.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 570px;
  padding: 0;
}

/* 段組み（横並び）最大横幅
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック 画像サイズ小・中 ----- */
html body div.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li,
html body div.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 300px;
}

/* ----- 作品リスト 1ブロック 画像サイズ大 ----- */
html body div.bp_horizontal.bp_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 480px;
}

/* ----- 作品リスト 1ブロック 画像サイズ特大 ----- */
html body div.bp_horizontal.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 780px;
}

/* 段組み（横並び）作品タイトル・サークル名省略
--------------------------------------------------------- */
/* ----- 作品タイトル・サークル名 ----- */
html body div.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body dt.ior18_bp_work_name,
html body div.bp_horizontal.bp_column_h.bp_detail div.ior18_bp_body dd.ior18_bp_circle_name {
  max-height: 3em;
}

/* 黒テーマ
--------------------------------------------------------- */
html body div.bp_horizontal.bp_dark div.ior18_bp_body {
  background: #000;
  border: solid 1px #222;
}

html body div.bp_horizontal.bp_dark.bp_title div.ior18_bp_body div.ior18_bp_title_wrap {
  border-bottom: solid 1px #666;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_title {
  color: #ffd200;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_inner ul li.loading:after {
  background: url(../images/web/common/blog_parts/loading_02.gif) no-repeat;
  background-position: center 25px;
  background-color: #000;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body ul li dl dd.ior18_bp_expected_date {
  color: #f34b9f;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body dt.ior18_bp_work_name a,
html body div.bp_horizontal.bp_dark div.ior18_bp_body dt.ior18_bp_work_name a:visited,
html body div.bp_horizontal.bp_dark div.ior18_bp_body dd.ior18_bp_circle_name a,
html body div.bp_horizontal.bp_dark div.ior18_bp_body dd.ior18_bp_circle_name a:visited {
  color: #fff;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_btn_prev {
  box-shadow: -3px 3px #ffd200;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_btn_next {
  box-shadow: 3px 3px #ffd200;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 0;
}

html body div.bp_horizontal.bp_dark.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 -43px;
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_inner:before {
  background: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0) 100%);
}

html body div.bp_horizontal.bp_dark div.ior18_bp_body div.ior18_bp_inner:after {
  background: linear-gradient(to left, #000 20%, rgba(0, 0, 0, 0) 100%);
}

html body div.bp_horizontal.bp_dark.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 p {
  background: #ffd200;
  color: #000;
}

/* ===========================================================================
 タテ版ブログパーツ
=========================================================================== */

/* 全体
--------------------------------------------------------- */
html body div.bp_vertical {
}

html body div.bp_vertical div.ior18_bp_body {
  padding: 10px;
  position: relative;
  text-align: left;
  line-height: 1.5;
  margin: 5px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow: hidden;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 5px;
}

html body div.bp_vertical.bp_title div.ior18_bp_body {
  padding: 10px 10px 40px 10px;
}

/* ブログパーツメインブロック
--------------------------------------------------------- */

/* ----- タイトル ----- */
html body div.bp_vertical.bp_title div.ior18_bp_body div.ior18_bp_title_wrap {
  border-bottom: solid 1px #ddd;
  padding: 0 3px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 30px;
  z-index: 2000;
  display: block;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_title_wrap {
  display: none;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_title {
  font-size: 16px;
  font-weight: bold;
  color: #e58600;
}

/* ----- ior18ロゴ ----- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  bottom: 5px;
  right: 10px;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_logo a {
  background: url(../images/web/common/blog_parts/logo_bp_ior18_02_touch.png) no-repeat right -25px;
  background-size: 120px 89px;
  display: block;
  padding-top: 21px;
  overflow: hidden;
  width: 107px;
  height: 0;
}

html body div.bp_vertical.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  bottom: 5px;
  right: 10px;
}

html body div.bp_vertical.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 -72px;
  display: block;
  padding-top: 28px;
  overflow: hidden;
  width: 100px;
  height: 0;
}

/* ----- 上下白から透明オーバーレイ ----- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_inner:before {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

html body div.bp_vertical.bp_title div.ior18_bp_body:before {
  top: 75px;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_inner:after {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  z-index: 1000;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

html body div.bp_vertical.bp_title  div.ior18_bp_body:after {
  bottom: 0;
}

/* 矢印
--------------------------------------------------------- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_btn_prev {
  position: absolute;
  top: 20px;
  left: 50%;
  height: 16px;
  width: 16px;
  box-shadow: -3px -3px 0 #e58600;
  margin-left: -16px;
  transform: rotate(45deg);
  color: rgba(0,0,0,0);
  z-index: 2000;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_btn_next {
  position: absolute;
  bottom: 20px;
  left: 50%;
  height: 16px;
  width: 16px;
  box-shadow: 3px 3px 0 #e58600;
  margin-left: -16px;
  transform: rotate(45deg);
  color: rgba(0,0,0,0);
  z-index: 2000;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_btn_prev:hover,
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_btn_next:hover {
  opacity: 1;
}

/* ----- 矢印高さ調整 ----- */
html body div.bp_vertical.bp_title div.ior18_bp_body div.ior18_bp_btn_prev {
  top: 65px;
}

html body div.bp_vertical.bp_title div.ior18_bp_body div.ior18_bp_btn_next {
  bottom: 45px;
}

/* 作品リスト全体
--------------------------------------------------------- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_inner {
  padding: 10px 0;
  overflow: hidden;
  margin: 20px 0;
  position: relative;
  min-height: 50px;
}

/* ----- ランキング表示あり ior18_bp_innerの余白 ----- */
html body div.bp_vertical.bp_ranking div.ior18_bp_body div.ior18_bp_inner {
  padding: 20px 0;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_inner ul {
  width: 100%;
}

/* 作品名等表示ボックス
--------------------------------------------------------- */
html body div.bp_vertical.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  padding: 5px 0 0;
  display: block;
}

html body div.bp_vertical div.ior18_bp_body dl.ior18_bp_box_02 {
  display: none;
}

/* ----- 作品タイトル ----- */
html body div.bp_vertical div.ior18_bp_body dt.ior18_bp_work_name {
  max-height: 3em;
  overflow: hidden;
  font-size: 12px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div.bp_vertical div.ior18_bp_body dt.ior18_bp_work_name a {
  text-decoration: none;
  display: block;
  color: #039;
}

html body div.bp_vertical div.ior18_bp_body dt.ior18_bp_work_name a:hover {
  text-decoration: underline;
}

html body div.bp_vertical div.ior18_bp_body dt.ior18_bp_work_name a:visited {
  color: #639;
}

/* ----- サークル名 ----- */
html body div.bp_vertical div.ior18_bp_body dd.ior18_bp_circle_name {
  max-height: 3em;
  overflow: hidden;
  font-size: 12px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div.bp_vertical div.ior18_bp_body dd.ior18_bp_circle_name a {
  text-decoration: none;
  display: block;
  color: #06c;
}

html body div.bp_vertical div.ior18_bp_body dd.ior18_bp_circle_name a:hover {
  text-decoration: underline;
}

html body div.bp_vertical div.ior18_bp_body dd.ior18_bp_circle_name a:visited {
  color: #639;
}

/* ----- 販売予告作品 ----- */
html body div.bp_vertical div.ior18_bp_body ul li dl dd.ior18_bp_expected_date {
  max-height: 1.5em;
  overflow: hidden;
  font-size: 12px;
  color: #c11f7b;
  word-break: break-all;
  overflow-wrap: break-word;
}

/* ランキング数字部分
--------------------------------------------------------- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_box_01 p {
  display: none;
}

html body div.bp_vertical.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 p {
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  display: block;
  font-weight: bold;
  position: absolute;
  background: #e58600;
  top: -10px;
  left: 0;
  margin: 0;
  z-index: 500;
  border-radius: 10px;
}

/* Loading 読込中
--------------------------------------------------------- */
html body div.bp_vertical div.ior18_bp_body ul li.loading {
  float: none !important;
  height: 100px;
}

html body div.bp_vertical div.ior18_bp_body ul li.loading div.ior18_bp_box_01 {
  height: 100px !important;
  width: 100px !important;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background: url(../images/web/common/blog_parts/loading_01.gif) no-repeat center 25px;
  background-color: #fff;
  color: #999;
  font-size: 12px;
  line-height: 150px;
}

/* 画像サイズ中
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  clear: both;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_box_01 {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_box_01 a {
  text-align: center;
  width: 100%;
  display: block;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_vertical div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 110px;
  max-width: 110px;
  transition: all 0.3s ease;
}

html body div.bp_vertical div.ior18_bp_body div.ior18_bp_box_01 a:hover img {
  opacity: 0.7;
}

/* 段組み（横並び・画像サイズ中）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_vertical.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0 0 20px;
  width: 110px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_vertical.bp_medium.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 120px;
  padding: 0;
}

/* 画像サイズ小
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_vertical.bp_small div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_vertical.bp_small div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 65px;
  height: 65px;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ小）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_vertical.bp_small.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_vertical.bp_small div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 65px;
  max-width: 65px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_vertical.bp_small.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 75px;
  padding: 0;
}

/* 画像サイズ大・特大
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_vertical.bp_large div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_vertical.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_vertical.bp_large div.ior18_bp_body div.ior18_bp_box_01 a,
html body div.bp_vertical.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ大・特大）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_vertical.bp_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_vertical.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0 0 20px;
  width: 37%;
}

html body div.bp_vertical.bp_large div.ior18_bp_body div.ior18_bp_box_01 a img,
html body div.bp_vertical.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-width: 100%;
  max-height: none;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_vertical.bp_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02,
html body div.bp_vertical.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 40%;
  padding: 0;
}

/* 黒テーマ
--------------------------------------------------------- */
html body div.bp_vertical.bp_dark div.ior18_bp_body {
  background: #000;
  border: solid 1px #222;
}

html body div.bp_vertical.bp_dark.bp_title div.ior18_bp_body div.ior18_bp_title_wrap {
  border-bottom: solid 1px #666;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body div.ior18_bp_title {
  color: #ffd200;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body div.ior18_bp_inner ul li.loading:after {
  background: url(../images/web/common/blog_parts/loading_02.gif) no-repeat;
  background-position: center 25px;
  background-color: #000;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body ul li dl dd.ior18_bp_expected_date {
  color: #f34b9f;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body dt.ior18_bp_work_name a,
html body div.bp_vertical.bp_dark div.ior18_bp_body dt.ior18_bp_work_name a:visited,
html body div.bp_vertical.bp_dark div.ior18_bp_body dd.ior18_bp_circle_name a,
html body div.bp_vertical.bp_dark div.ior18_bp_body dd.ior18_bp_circle_name a:visited {
  color: #fff;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body div.ior18_bp_btn_prev {
  box-shadow: -3px -3px #ffd200;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body div.ior18_bp_btn_next {
  box-shadow: 3px 3px #ffd200;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 0;
}

html body div.bp_vertical.bp_dark.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 -43px;
}

html body div.bp_vertical.bp_dark div.ior18_bp_body div.ior18_bp_inner:before {
  background: linear-gradient(to bottom, #000 20%, rgba(0, 0, 0, 0) 100%);
}

html body div.bp_vertical.bp_dark div.ior18_bp_body div.ior18_bp_inner:after {
  background: linear-gradient(to top, #000 20%, rgba(0, 0, 0, 0) 100%);
}

html body div.bp_vertical.bp_dark.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 p {
  background: #ffd200;
  color: #000;
}

/* ===========================================================================
 スマホ版ブログパーツ
=========================================================================== */

/* 全体
--------------------------------------------------------- */
html body div.bp_smartphone {
}

html body div.bp_smartphone div.ior18_bp_body {
  padding: 10px;
  position: relative;
  text-align: left;
  line-height: 1.3;
  margin: 5px;
  font-family: "ヒラギノ角ゴ Pro W3",helvetica,arial,verdana,sans-serif;
  overflow: hidden;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 5px;
}

/* ブログパーツメインブロック
--------------------------------------------------------- */

/* ----- タイトル ----- */
html body div.bp_smartphone.bp_title div.ior18_bp_body div.ior18_bp_title_wrap {
  border-bottom: solid 1px #ddd;
  padding: 5px 3px 7px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2000;
  display: block;
}

html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_title_wrap {
  display: none;
}

html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_title {
  font-size: 16px;
  font-weight: bold;
  color: #e58600;
}

/* ----- ior18ロゴ ----- */
html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  top: 8px;
  right: 10px;
}

html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_logo a {
  background: url(../images/web/common/blog_parts/logo_bp_ior18_02_touch.png) no-repeat 0 -18px;
  background-size: 80px 79px;
  display: block;
  padding-top: 17px;
  overflow: hidden;
  width: 81px;
  height: 0;
}

html body div.bp_smartphone.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo {
  position: absolute;
  top: 5px;
  right: 10px;
}

html body div.bp_smartphone.bp_logo_gm div.ior18_bp_body div.ior18_bp_logo a {
  background-position: 0 -58px;
  display: block;
  padding-top: 22px;
  overflow: hidden;
  width: 81px;
  height: 0;
}

/* ----- 左右白から透明オーバーレイ ----- */

html body div.bp_smartphone div.ior18_bp_body::before {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  left: 15px;
  top: 0;
  background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

html body div.bp_smartphone div.ior18_bp_body::after {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  z-index: 1000;
  right: 15px;
  top: 0;
  background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0) 100%);
}

/* 矢印
--------------------------------------------------------- */
html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_btn_prev {
  position: absolute;
  top: 50%;
  left: 6px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
  box-shadow: 2px -2px 0 #e58600 inset;
  z-index: 2000;
  transform: rotate(45deg);
}

html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_btn_next {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
  box-shadow: -2px -2px 0 #e58600 inset;
  z-index: 2000;
  transform: rotate(-45deg);
}

/* ----- 矢印高さ調整 ----- */
html body div.bp_smartphone.bp_title div.ior18_bp_body div.ior18_bp_btn_prev,
html body div.bp_smartphone.bp_title div.ior18_bp_body div.ior18_bp_btn_next {
  margin-top: 16px;
}

/* 作品リスト全体
--------------------------------------------------------- */
html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_inner {
  padding: 0 10px;
  margin: 0 5px;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* ----- ランキング表示あり ior18_bp_innerの余白 ----- */
html body div.bp_smartphone.bp_ranking div.ior18_bp_body div.ior18_bp_inner {
  padding: 10px 10px 0;
}

html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_inner ul {
  width: 99999px;
}

/* 作品名等表示ボックス
--------------------------------------------------------- */
html body div.bp_smartphone.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  padding: 5px 0 0;
  display: block;
}

html body div.bp_smartphone div.ior18_bp_body dl.ior18_bp_box_02 {
  display: none;
}

/* ----- 作品タイトル ----- */
html body div.bp_smartphone div.ior18_bp_body dt.ior18_bp_work_name {
  max-height: 1.3em;
  overflow: hidden;
  font-size: 11px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div.bp_smartphone div.ior18_bp_body dt.ior18_bp_work_name a {
  text-decoration: none;
  display: block;
  color: #999;
}

html body div.bp_smartphone div.ior18_bp_body dt.ior18_bp_work_name a:visited {
  color: #999;
}

/* ----- サークル名 ----- */
html body div.bp_smartphone div.ior18_bp_body dd.ior18_bp_circle_name {
  max-height: 1.3em;
  overflow: hidden;
  font-size: 11px;
  word-break: break-all;
  overflow-wrap: break-word;
}

html body div.bp_smartphone div.ior18_bp_body dd.ior18_bp_circle_name a {
  text-decoration: none;
  display: block;
  color: #999;
}

html body div.bp_smartphone div.ior18_bp_body dd.ior18_bp_circle_name a:visited {
  color: #999;
}

/* ----- 販売予告作品 ----- */
html body div.bp_smartphone div.ior18_bp_body ul li dl dd.ior18_bp_expected_date {
  max-height: 1.3em;
  overflow: hidden;
  font-size: 11px;
  color: #c11f7b;
  word-break: break-all;
  overflow-wrap: break-word;
}

/* ランキング数字部分
--------------------------------------------------------- */
html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_box_01 p {
  display: none;
}

html body div.bp_smartphone.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 p {
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  display: block;
  font-weight: bold;
  position: absolute;
  background: #e58600;
  top: -10px;
  left: 0;
  margin: 0;
  z-index: 500;
  border-radius: 10px;
}

/* Loading 読込中
--------------------------------------------------------- */
html body div.bp_smartphone div.ior18_bp_body ul li.loading {
  float: none !important;
  height: 100px;
}

html body div.bp_smartphone div.ior18_bp_body ul li.loading div.ior18_bp_box_01 {
  height: 100px !important;
  width: 100px !important;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background: url(../images/web/common/blog_parts/loading_01.gif) no-repeat center 35px;
  background-size: 20px 20px;
  background-color: #fff;
  color: #999;
  font-size: 11px;
  line-height: 130px;
}

/* 画像サイズ中
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 110px;
  float: left;
  margin-right: 10px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_box_01 {
  width: 110px;
  text-align: center;
  height: 110px;
  position: relative;
}

html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_box_01 a {
  text-align: center;
  width: 110px;
  height: 110px;
  display: table-cell;
  vertical-align: middle;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_smartphone div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 110px;
  max-width: 110px;
  vertical-align: top;
}

/* 段組み（横並び・画像サイズ中）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_smartphone.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_smartphone.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 80px;
  height: 80px;
}

html body div.bp_smartphone.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_smartphone.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 80px;
  max-width: 80px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_smartphone.bp_medium.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 90px;
  padding: 0;
}

/* 画像サイズ小
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div.bp_smartphone.bp_small div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 65px;
}

html body div.bp_smartphone.bp_small.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 110px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_smartphone.bp_small div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_smartphone.bp_small div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 65px;
  height: 65px;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ小）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_smartphone.bp_small.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_smartphone.bp_small div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-height: 65px;
  max-width: 65px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_smartphone.bp_small.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 75px;
  padding: 0;
}

/* 画像サイズ大・特大
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック ----- */
html body div.bp_smartphone.bp_large div.ior18_bp_body div.ior18_bp_inner ul li,
html body div.bp_smartphone.bp_ex_large div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 260px;
}

/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_smartphone.bp_large div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_smartphone.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_smartphone.bp_large div.ior18_bp_body div.ior18_bp_box_01 a,
html body div.bp_smartphone.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a {
  width: 260px;
  height: 190px;
  margin: 0 auto;
}

/* 段組み（横並び・画像サイズ大・特大）
--------------------------------------------------------- */
/* ----- 作品サムネイル表示ボックス ----- */
html body div.bp_smartphone.bp_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01,
html body div.bp_smartphone.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_box_01 {
  float: left;
  margin: 0;
}

/* ----- 画像のリサイズ  ----- */
html body div.bp_smartphone.bp_large div.ior18_bp_body div.ior18_bp_box_01 a img,
html body div.bp_smartphone.bp_ex_large div.ior18_bp_body div.ior18_bp_box_01 a img {
  max-width: 260px;
  max-height: 190px;
}

/* ----- 作品名等表示ボックス  ----- */
html body div.bp_smartphone.bp_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02,
html body div.bp_smartphone.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body dl.ior18_bp_box_02 {
  margin-left: 270px;
  padding: 0;
}

/* 段組み（横並び）最大横幅
--------------------------------------------------------- */
/* ----- 作品リスト 1ブロック 画像サイズ小・中 ----- */
html body div.bp_smartphone.bp_small.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li,
html body div.bp_smartphone.bp_medium.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 300px;
}

/* ----- 作品リスト 1ブロック 画像サイズ大・特大 ----- */
html body div.bp_smartphone.bp_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li,
html body div.bp_smartphone.bp_ex_large.bp_column_h.bp_detail div.ior18_bp_body div.ior18_bp_inner ul li {
  width: 480px;
}

/* 段組み（横並び）作品タイトル・サークル名省略
--------------------------------------------------------- */
html body div.bp_smartphone.bp_column_h.bp_detail div.ior18_bp_body dt.ior18_bp_work_name,
html body div.bp_smartphone.bp_column_h.bp_detail div.ior18_bp_body dd.ior18_bp_circle_name {
  max-height: 3em;
}


/* サムネイル画像右上にラベル配置
--------------------------------------------------------- */
html body div#ior18_blog_parts_000 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01,
html body div#ior18_blog_parts_001 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01,
html body div#ior18_blog_parts_002 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01 {
  display: inline-block;
  border-radius: 2px;
  border: solid 1px #ccc;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 400;
}

html body div#ior18_blog_parts_000.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01,
html body div#ior18_blog_parts_001.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01,
html body div#ior18_blog_parts_002.bp_ranking div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01 {
  top: -8px;
}

/* 限定 */
html body div#ior18_blog_parts_000 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_limit,
html body div#ior18_blog_parts_001 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_limit,
html body div#ior18_blog_parts_002 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_limit {
  border-color: #18a29a;
  color: #fff;
  background: #18a29a;
}

/* ○○%OFF */
html body div#ior18_blog_parts_000 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_sale,
html body div#ior18_blog_parts_001 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_sale,
html body div#ior18_blog_parts_002 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_sale {
  border-color: #c00;
  color: #fff;
  background: #c00;
}

/* ポイントUP */
html body div#ior18_blog_parts_000 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_points,
html body div#ior18_blog_parts_001 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_points,
html body div#ior18_blog_parts_002 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_points {
  border-color: #093;
  color: #fff;
  background: #093;
}

/* 専売、先行、独占 */
html body div#ior18_blog_parts_000 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_exclusive,
html body div#ior18_blog_parts_001 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_exclusive,
html body div#ior18_blog_parts_002 div.ior18_bp_body div.ior18_bp_box_01 .icon_lead_01.type_exclusive {
  border-color: #ffd400;
  color: #604200;
  background: #ffe800;
}

html body div#ior18_blog_parts_000 div.ior18_bp_body div.ior18_bp_box_01 li.search_result_img_box_inner .icon_lead_01.type_exclusive,
html body div#ior18_blog_parts_001 div.ior18_bp_body div.ior18_bp_box_01 li.search_result_img_box_inner .icon_lead_01.type_exclusive,
html body div#ior18_blog_parts_002 div.ior18_bp_body div.ior18_bp_box_01 li.search_result_img_box_inner .icon_lead_01.type_exclusive {
  font-size: 11px;
}