@charset "UTF-8";
html {
  font-size: 62.5%;
}

a {
  cursor: pointer;
  color: #039;
}

.font-tbudmg {
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#itolife .lp_btn {
  display: block;
  background: #ff9730;
  border-radius: 0.7vw;
  color: #fff;
  width: 80vw;
  font-size: 1.8rem;
  height: 3em;
  line-height: 3;
  text-align: center;
  margin: 3vw auto 0;
  cursor: pointer;
}

#itolife .lp_btn:hover {
  background: #ff652a;
}

#itolife .lp_btn.lp_btn_cart {
  width: 50vw;
}

#itolife .lp_btn.lp_btn_cart.disable {
  background: #bbb;
  pointer-events: none;
}

#itolife .lp_btn.lp_btn_cart.cart_in {
  background: #ffc66a;
  color: #555;
}

#itolife .lp_btn.lp_btn_cart.purchased {
  background: #bbb;
  pointer-events: none;
}

#itolife {
  background: #c8c7ad;
}

#itolife .type-hero {
  position: relative;
}

#itolife .type-hero img {
  width: 100%;
  height: auto;
}

#itolife .type-hero .twitter_icon {
  position: absolute;
  border-radius: 1.5vw;
  width: 10vw;
  height: 10vw;
  background: #00acee;
  bottom: -7vw;
  right: 3vw;
}

#itolife .type-hero .twitter_icon:hover {
  opacity: 0.8;
}

#itolife .type-hero .twitter_icon::after {
  position: absolute;
  content: "\f099";
  color: #fff;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  top: 12%;
  left: 50%;
  margin-left: -28%;
  font-size: 6vw;
}

#itolife .type-all-pack {
  padding-top: 3vw;
  padding-bottom: 10vw;
}

#itolife .type-all-pack::before {
  content: "";
  display: block;
  width: 68vw;
  height: 20vw;
  background: url(/modpub/images/promo/itolife/title_01_after_sp.png) no-repeat 0 0;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 5vw;
}

#itolife .type-all-pack .type-all-pack-inner {
  position: relative;
  border-radius: 8vw;
  background: #fff;
  padding-top: 46vw;
  padding-bottom: 10vw;
  margin-bottom: 10vw;
}

#itolife .type-all-pack .type-all-pack-inner h2 {
  position: absolute;
  background: url(/modpub/images/promo/itolife/title_01_sp.png) no-repeat 0 0;
  background-size: contain;
  width: 90vw;
  padding-top: 48vw;
  top: -5vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 0;
  line-height: 200%;
  overflow: hidden;
}

#itolife .type-all-pack .type-all-pack-inner .text-attention {
  margin: 0 auto 10vw;
  text-align: center;
  border: 1px solid #ff0000;
  padding: 0.2em 1em;
  border-radius: 6px;
  max-width: 70vw;
}

#itolife .type-all-pack .type-all-pack-inner .text-attention p {
  display: inline;
  font-size: 1.6rem;
  text-align: center;
  color: #ff0000;
  line-height: 1.6;
}

#itolife .type-all-pack .type-all-pack-inner img {
  width: 80vw;
  height: auto;
  margin: 0 auto;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r {
  width: 93vw;
  padding-top: 10vw;
  margin: 0 auto;
  font-size: 1.6rem;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r > * {
  margin-top: 5vw;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r > *:first-of-type {
  margin-top: 0;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_name {
  font-weight: bold;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_price {
  color: #c00;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_price i {
  font-size: 0.9em;
  font-style: normal;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_price span {
  margin-left: 0.3em;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_price span:first-of-type {
  margin-left: 0;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_price span.strike {
  position: relative;
  color: #666;
  font-size: 0.9em;
  text-decoration: none;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_price span.strike i {
  font-size: 1em;
}

#itolife .type-all-pack .type-all-pack-inner .work-wrap-r .work_price span.strike::after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: solid 1px #666;
  content: "";
}

#itolife .type-solo {
  background: #fff;
}

#itolife .type-solo .sub_lead_01 {
  background: #ff5e97;
  font-weight: normal;
}

#itolife .type-solo .n_work_list_item + .n_work_list_item:last-of-type {
  border-bottom: 1px solid #ddd;
}

#itolife .attention {
  background: #fff;
  color: #555;
  text-align: left;
  padding: 10vw 10vw 10vw;
  font-size: 1em;
  margin: 0 auto;
}

/*
common.cssスタイル
-------------------------------- */
#wrapper {
  flex-grow: 1;
  width: 100%;
  overflow-wrap: break-word;
  font-size: 14px;
}

#itolife dt.work_thumb {
  text-align: center;
}

#itolife .maker_name a, #itolife dd.maker_name a {
  color: #06c;
}

#itolife .work_price {
  color: #cc0000;
}

#itolife .work_point {
  color: #009933;
}

#itolife .gray {
  color: #666;
}

#itolife .work_thumb a:hover > img {
  opacity: 0.85;
}

#itolife .home_box h1, #itolife .refine_box h1, #itolife .sub_lead_01 {
  position: relative;
  line-height: 1.3;
  color: #fff;
  font-size: 15px;
  padding: 10px 8px;
  font-weight: 700;
  border-bottom: none;
  background-color: #4d6594;
}

#itolife .star_rating_wrap {
  position: relative;
}

#itolife .star_rating {
  display: flex;
  align-items: center;
  align-self: center;
  height: 16px;
  padding-top: 1px;
  box-sizing: border-box;
  line-height: 15px;
  color: #666;
  font-size: 10px;
  cursor: default;
}

#itolife .star_rating > * {
  padding: 0 1px;
}

#itolife .star_rating::before {
  flex-shrink: 0;
  overflow: hidden;
  display: inline-block;
  width: 75px;
  height: 15px;
  margin: -1px 4px 0 0;
  background: url(/modpub/images/web/common/icon_star_rating_touch_01.png) no-repeat 0 0;
  background-size: 150px 30px;
  vertical-align: top;
  content: "";
}

#itolife .star_rating.star_45::before {
  background-position: 0 -15px;
}

#itolife .star_rating.star_50::before {
  background-position: 0 0;
}

#itolife .list_footer, #itolife .list_header {
  border-top: 1px solid #ddd;
}

#itolife .item_count {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 10px;
  background-color: #f5f5f5;
}

#itolife .list_footer .item_count {
  text-align: right;
}

#itolife dt.work_thumb {
  text-align: center;
}

#itolife dt.work_thumb img {
  vertical-align: bottom;
}

#itolife .work_point {
  color: #093;
}

#itolife .work_price .strike {
  color: #333;
}

#itolife .item_btn_box a[class*="_favorite"]::before, #itolife .item_footer a[class*="_favorite"]::before, #itolife .work_btn a[class*="_favorite"]::before {
  content: "\e902";
}

#itolife .item_btn_box a[class*="_cart"]::before, #itolife .item_btn_box a[class*="_detail"]::before, #itolife .item_btn_box a[class*="_dl"]::before, #itolife .item_btn_box a[class*="_favorite"]::before, #itolife .item_btn_box a[class*="_st"]::before, #itolife .item_footer a[class*="_cart"]::before, #itolife .item_footer a[class*="_detail"]::before, #itolife .item_footer a[class*="_dl"]::before, #itolife .item_footer a[class*="_favorite"]::before, #itolife .item_footer a[class*="_st"]::before, #itolife .work_btn a[class*="_cart"]::before, #itolife .work_btn a[class*="_detail"]::before, #itolife .work_btn a[class*="_dl"]::before, #itolife .work_btn a[class*="_favorite"]::before, #itolife .work_btn a[class*="_st"]::before {
  display: inline-block;
  font-family: dlsite-icons;
  vertical-align: top;
  font-size: 11px;
}

#itolife .item_btn_box a[class*="_cart"], #itolife .item_footer a[class*="_cart"], #itolife .work_btn a[class*="_cart"] {
  background: #ffd35f;
  color: #333;
  font-size: 11px;
}

#itolife .item_btn_box a[class*="_cart"]::before, #itolife .item_footer a[class*="_cart"]::before, #itolife .work_btn a[class*="_cart"]::before {
  content: "\e919";
}

#itolife a[class*="_cart"]::before, #itolife a[class*="_reserve"]::before {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  font-family: dlsite-icons;
  font-size: 11px;
  vertical-align: middle;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: 2px 0 0 2px;
  background: rgba(0, 0, 0, 0.4);
  width: 24px;
  color: #fff;
}

#itolife .item_btn_box {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #c5cee0;
  text-align: right;
  padding: 5px 8px 12px;
  box-sizing: border-box;
}

#itolife .item_btn_box a[class*=btn_], #itolife .item_btn_box a[class*=link_] {
  display: inline-block;
  position: relative;
  height: 34px;
  margin: 0;
  border-radius: 3px;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.25) inset;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

#itolife .item_btn_box a[class*=btn_]:not(:last-of-type) {
  margin-right: 8px;
}

#itolife .item_btn_box a[class*="_cart"], #itolife .item_btn_box a[class*="_detail"], #itolife .item_btn_box a[class*="_dl"], #itolife .item_btn_box a[class*="_sample"], #itolife .item_btn_box a[class*="_st"] {
  flex-grow: 1;
}

#itolife .item_btn_box a[class*="_cart"]::before, #itolife .item_btn_box a[class*="_reserve"]::before {
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  font-family: dlsite-icons;
  font-size: 11px;
  vertical-align: middle;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: none;
  background: 0 0;
  width: auto;
  color: #333;
}

#itolife .item_btn_box a[class*=btn_]::before {
  margin-right: 6px;
}

#itolife .item_btn_box a[class*="_cart"] {
  background: #ffd35f;
  color: #333;
  font-size: 11px;
  padding: 0;
}

#itolife .item_btn_box a[class*="_cart"]::before {
  position: relative;
  border-radius: none;
  background: 0 0;
  width: auto;
  color: #333;
}

#itolife .item_btn_box a[class*="_favorite"], #itolife .item_btn_box a[class*="_sample"] {
  color: #333;
  background: #fafafa;
  border: solid 1px #cbcbcb;
  border-bottom: none;
}

#itolife .item_btn_box a[class*="_favorite"], #itolife .item_btn_box a[class*="_favorite_in"] {
  font-size: 0;
}

#itolife .item_btn_box a[class*="_favorite"]::before {
  margin-right: 0;
}

#itolife .n_work_list.type_row .item_btn_box a[class*="_favorite"] {
  width: 42px;
}

#itolife .n_work_option > span, #itolife .work_genre > span {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  padding: 0 4px;
  border-radius: 2px;
  max-width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
}

#itolife .icon_GEN {
  background: #e6f7d6;
  color: #56842a;
}

#itolife .work_genre .icon_REV, #itolife [class*=n_work_] .icon_REV {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 0 0 18px;
  background: url(/images/web/hometouch/icon_review_01.png) no-repeat 0 center;
  background-size: auto 14px;
  color: #666;
  vertical-align: middle;
  font-size: 10px;
}

#itolife .icon_REV > * {
  padding: 0 1px;
}

#itolife .icon_campaign, #itolife .icon_favorite, #itolife .icon_lead_01, #itolife .icon_option {
  display: inline-block;
  border-radius: 2px;
  font-size: 10px;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
}

#itolife .icon_campaign.type_sale, #itolife .icon_lead_01.type_sale {
  color: #fff;
  background: #e66;
}

#itolife .push_thumb_inner, #itolife .work_thumb_inner {
  display: block;
  position: relative;
}

#itolife .push_thumb_inner, #itolife .work_thumb_inner {
  display: block;
  position: relative;
}

#itolife .n_work_list_container {
  overflow: hidden;
}

#itolife .n_work_list {
  position: relative;
}

#itolife .n_work_list_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#itolife .n_work_item {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  position: relative;
  font-size: 12px;
  line-height: 1.2;
  padding: 12px 8px 8px 8px;
  min-height: 120px;
}

#itolife .n_work_item.type_quantity::before, #itolife .n_work_item.type_reserve::before, #itolife .n_work_item[class*=type_exclusive]::before, #itolife .n_work_list[class*="_min"].type_extend .n_work_item.type_quantity::before, #itolife .n_work_list[class*="_min"].type_extend .n_work_item.type_reserve::before, #itolife .n_work_list[class*="_min"].type_extend .n_work_item[class*=type_exclusive]::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 45px;
  height: 45px;
  background-image: url(/modpub/images/web/common/icon_sale_status_01.png);
  background-size: cover;
  content: "";
}

#itolife .n_work_item.type_exclusive_01::before, #itolife .n_work_list[class*="_min"].type_extend .n_work_item.type_exclusive_01::before {
  background-position: 0 0;
}

#itolife .n_work_item::after {
  display: block;
  clear: both;
  content: "";
}

#itolife .n_work_item > dd {
  order: 1;
  margin-left: 142px;
}

#itolife .n_work_item .separator {
  flex-shrink: 0;
  padding: 0 3px;
}

#itolife .n_work_item_link {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#itolife .n_work_item .n_work_thumb {
  display: block;
  position: absolute;
  width: 130px;
}

#itolife .n_work_item.for_android .n_work_thumb::after, #itolife .n_work_item.for_pc .n_work_thumb::after {
  content: "";
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: 10;
  pointer-events: none;
  width: 28px;
  height: 24px;
}

#itolife .n_work_item.for_pc .n_work_thumb::after {
  background: url(/modpub/images/web/common/icon_for_pc.png) center center no-repeat;
  background-size: 28px 21px;
}

#itolife .n_work_item .work_thumb_inner {
  display: block;
  position: relative;
  z-index: 5;
  overflow: hidden;
}

#itolife .n_work_item .work_thumb_inner::before {
  display: block;
  padding-top: 100%;
  background: #f6f6f6;
  content: "";
}

#itolife .n_work_list.type_horizontal .n_work_item .work_thumb_inner::before {
  padding-top: 75%;
}

#itolife .n_work_item .n_work_thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transform: translate(-50%, -50%);
}

#itolife .n_work_item .n_work_name {
  font-weight: 700;
  overflow-wrap: break-word;
  word-break: break-all;
}

#itolife .n_work_item .n_work_name > a {
  color: #25a;
}

#itolife .n_work_item .n_maker_name {
  padding-top: 4px;
  color: #444;
  font-size: 11px;
}

#itolife .n_work_item .n_maker_name .publisher {
  display: inline;
}

#itolife .n_work_item .n_maker_name a, #itolife a .n_work_item .n_maker_name {
  color: #37c;
}

#itolife .n_work_item .n_work_text {
  color: #666;
  font-size: 10px;
  padding-top: 4px;
}

#itolife .n_work_value {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  font-size: 11px;
}

#itolife .n_work_item .n_work_value {
  padding: 0;
}

#itolife .n_work_item .n_work_value > * {
  margin-top: 2px;
}

#itolife .n_work_item .n_work_value > :not(:last-child) {
  margin-right: 6px;
}

#itolife .n_work_item .n_work_price_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  color: #999;
  position: relative;
}

#itolife .n_work_item .n_work_price_wrap > * {
  flex-shrink: 0;
  font-size: 12px;
  margin-top: 4px;
}

#itolife .n_work_item .work_price {
  display: inline-block;
  color: #cc1c39;
  font-size: 15px;
}

#itolife .n_work_item .work_price i {
  font-style: normal;
  font-size: 11px;
  padding-left: 2px;
}

#itolife .n_work_item .work_price .strike {
  display: inline-block;
  position: relative;
  color: #666;
  font-weight: 400;
  margin-left: 3px;
  font-size: 12px;
  text-decoration: none;
}

#itolife .n_work_item .work_price .strike::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -1px;
  height: 0;
  border-top: solid 1px #666;
  content: "";
}

#itolife .n_work_item .work_point {
  display: inline-block;
  color: #496;
}

#itolife .n_work_item .work_point .reward_rate {
  padding-left: 3px;
  font-size: 11px;
  font-weight: 400;
}

#itolife .n_work_item .n_sale_state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#itolife .n_work_item .sale_state_item {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
}

#itolife .n_work_item .work_category {
  height: 18px;
  line-height: 18px;
  margin-top: 5px;
  padding: 0 5px;
  background: #eee;
  color: #777;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

#itolife .n_work_item .work_category.type_MDC, #itolife .n_work_item .work_category.type_MNG, #itolife .n_work_item .work_category.type_SCM, #itolife .n_work_item .work_category.type_comic {
  background: #e6f7d6;
  color: #56842a;
}

#itolife .n_work_item .work_category.type_ACN, #itolife .n_work_item .work_category.type_ADV, #itolife .n_work_item .work_category.type_DNV, #itolife .n_work_item .work_category.type_ETC, #itolife .n_work_item .work_category.type_GAE, #itolife .n_work_item .work_category.type_MOV, #itolife .n_work_item .work_category.type_PZL, #itolife .n_work_item .work_category.type_QIZ, #itolife .n_work_item .work_category.type_RPG, #itolife .n_work_item .work_category.type_SLN, #itolife .n_work_item .work_category.type_STG, #itolife .n_work_item .work_category.type_TBL, #itolife .n_work_item .work_category.type_TYP, #itolife .n_work_item .work_category.type_oneshot, #itolife .n_work_item .work_category.type_short {
  background: #f5eaff;
  color: #935fc1;
}

#itolife .n_work_item .work_category.type_MUS, #itolife .n_work_item .work_category.type_SOU {
  background: #fbeeca;
  color: #c56601;
}

#itolife .n_work_item .n_work_option {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

#itolife .n_work_item .n_work_option > * {
  overflow: hidden;
  flex-shrink: 0;
  margin: 2px 2px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}

#itolife .n_work_item .n_work_option > :first-child {
  margin-top: 6px;
}

#itolife .n_work_item .n_work_sub_info {
  order: 2;
  clear: both;
  color: #666;
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
}

#itolife .n_work_item:not(.type_future) .n_work_sub_info {
  margin-top: auto;
}

#itolife .n_work_item:not(.type_future) .n_work_sub_info > * {
  margin-top: 4px;
}

#itolife .n_work_item .dl_count, #itolife .n_work_item .fav_count, #itolife .n_work_value .fav_count {
  color: #666;
  margin-top: 6px;
}

#itolife .n_work_item .bargain_period {
  font-size: 10px;
  vertical-align: middle;
}

#itolife .n_work_item .bargain_period.type_discount {
  color: #cc1c39;
}

#itolife .n_work_list[class*=type_row] .n_work_list_item + .n_work_list_item {
  border-top: 1px solid #ddd;
}

#itolife .n_work_item .n_work_name {
  font-size: 14px;
}

#itolife .n_work_item .n_sale_state {
  padding-top: 0;
}

#itolife .n_work_item .sale_state_item {
  margin-top: 3px;
}

#itolife .n_work_item .n_sale_state [class*=icon_], #itolife .n_work_item .n_work_price_wrap [class*=icon_] {
  height: 18px;
  line-height: 18px;
}

#itolife .n_work_item .n_sale_state [class*=icon_] {
  margin-right: 2px;
}

#itolife .measure_tag {
  display: none;
}

#itolife .strike {
  text-decoration: line-through;
}