@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img,
small, strike, strong,
b, u, i, center, dl, dt, dd, ol, ul, li,
form, label, caption, tbody, tfoot, thead, tr, th, td,
details, embed, footer, header, hgroup, ruby, section,
audio, video, figure, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

div[style], img[style], p[style] {
  width: auto;
  height: auto; }

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

body {
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  background-color: #eee; }

p {
  margin-bottom: 1.5em; }

a {
  text-decoration: none; }

#content {
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  min-width: 310px;
  background-color: #fff; }

img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

header img {
  height: auto;
  width: 50%; }
header .header_copy {
  float: right; }

.header_text {
  padding: 0 15px 10px 15px;
  font-size: 14px;
  line-height: 1.6em;
  color: #666; }

.cell_large {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0 0 30px 0; }
  .cell_large .info {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    height: 20px;
    overflow: hidden; }
    .cell_large .info .label {
      background-color: #F76254;
      float: left;
      padding: 0 10px;
      height: 20px;
      font-size: 10px;
      font-weight: bold;
      line-height: 20px;
      color: #fff;
      border-radius: 10px; }
    .cell_large .info .date {
      float: left;
      padding: 0 10px;
      height: 20px;
      font-size: 11px;
      font-weight: bold;
      line-height: 20px;
      color: #fff; }
  .cell_large .title {
    margin: 10px 15px 0 15px;
    font-size: 16px;
    line-height: 1.3em;
    color: #F76254; }
  .cell_large .description,
  .cell_large .note {
    margin: 8px 15px 0 15px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5em;
    color: #4A4A4A; }
  .cell_large .note {
    padding: 8px 10px 8px 50px;
    color: #333;
    border-radius: 6px;
    background: url("img/icon_cart_lucra.png") 10px center no-repeat;
    background-size: 28px 28px;
    background-color: #F2F2F2; }
  .cell_large.next .info .label {
    background-color: #56C2B6; }
  .cell_large.next .title {
    color: #56C2B6; }
  .cell_large.no_image {
    padding-top: 50px;
    background: url(/wowma/live/201803/assets/img/section_background.png) 0 top no-repeat; }
    .cell_large.no_image .tile {
      margin-bottom: 30px; }

.newspass .cell_large .info .label,
.gunosy .cell_large .info .label {
  background-color: #FF4600; }
.newspass .cell_large .title,
.gunosy .cell_large .title {
  color: #FF4600; }
.newspass .cell_large .note,
.gunosy .cell_large .note {
  background: url(/wowma/live/201803/assets/img/icon_cart_newspass.png) 10px center no-repeat;
  background-size: 29px 28px;
  background-color: #F2F2F2; }
.newspass .cell_large.next .label,
.gunosy .cell_large.next .label {
  background-color: #84B70E; }

.items {
  border-top: 1px solid #D8D8D8; }

.item {
  padding: 15px;
  overflow: hidden;
  border-bottom: 1px solid #D8D8D8; }
  .item .item_container {
    overflow: hidden; }
  .item .item_image {
    margin-right: 10px;
    width: 130px;
    height: auto;
    float: left;
    border-radius: 4px; }
  .item .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 8px;
    color: #333; }
  .item .price {
    padding: 0 0 0 140px;
    color: #4A4A4A;
    font-size: 16px;
    line-height: 1.2em; }
    .item .price .label {
      font-size: 12px; }
    .item .price .discount {
      font-size: 11px;
      color: #EC0000; }
  .item .selling_price {
    padding: 0 0 0 140px;
    color: #EC0000;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2em;
    margin-top: 8px; }
    .item .selling_price .label {
      font-size: 12px; }
  .item .price_description {
    padding: 0 0 0 140px;
    font-size: 14px;
    line-height: 1.3em;
    margin: 2px 0 0 0;
    color: #4A4A4A; }
  .item .description {
    clear: both;
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.3em;
    margin: 10px 0 0 0;
    color: #4A4A4A; }
  .item .comment {
    margin: 10px 0 0 0;
    background-color: #F3F3F3;
    border: 1px solid #E1E1E1;
    border-radius: 30px;
    overflow: hidden; }
    .item .comment .comment_image {
      margin-right: 10px;
      width: 60px;
      height: 60px;
      border-radius: 30px;
      float: left; }
    .item .comment .comment_text {
      padding: 6px 20px 0 0;
      font-size: 13px;
      line-height: 1.3em;
      height: 60px; }

.items.live_list h2 {
  text-align: center;
  margin: 5px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #D8D8D8; }
  .items.live_list h2 span {
    display: inline-block;
    background-color: #F76254;
    padding: 8px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    border-radius: 40px;
    color: #fff; }
.items.live_list .item {
  padding: 10px; }
  .items.live_list .item .item_image {
    width: 100px; }
  .items.live_list .item .title {
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 4px; }
  .items.live_list .item .price {
    font-size: 12px; }
    .items.live_list .item .price .label {
      font-size: 10px; }
    .items.live_list .item .price .discount {
      font-size: 10px; }
  .items.live_list .item .selling_price {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
    margin-top: 2px; }
    .items.live_list .item .selling_price .label {
      font-size: 12px; }
  .items.live_list .item .description {
    clear: both;
    margin-top: 5px;
    font-size: 12px; }

.present {
  display: block;
  margin: 0 15px 30px 15px;
  padding: 0;
  border: solid 2px #FF4600;
  border-radius: 8px;
  overflow: hidden; }

.programs.end {
  border-bottom: 1px solid #D8D8D8; }
.programs h2 {
  text-align: center;
  margin: 20px 0; }
  .programs h2 span {
    display: inline-block;
    background-color: #FF4600;
    padding: 8px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    border-radius: 40px;
    color: #fff; }

.lucra .programs h2 span {
  background-color: #F76254; }

.bottom {
  border-bottom: 1px solid #D8D8D8; }

.to_wowma {
  padding: 20px 15px;
  border-bottom: 1px solid #D8D8D8;
  overflow: hidden; }
  .to_wowma a {
    display: block;
    border: 1px solid #EB5505;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    color: #EB5505;
    text-decoration: none;
    background: url(img/icon_cart.png) 10px center no-repeat;
    background-size: 28px 28px; }

.coupon {
  padding: 20px 0;
  border-bottom: 1px solid #D8D8D8; }
  .coupon .to_signup,
  .coupon .to_get_coupon {
    margin: 15px 20px;
    display: block;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #fff; }
  .coupon .to_signup {
    background-color: #EB5505; }
  .coupon .to_get_coupon {
    background: url(/wowma/live/201803/assets/img/icon_coupon.png) 20px center no-repeat;
    background-color: #84B70E;
    background-size: 28px 28px; }
  .coupon .description {
    text-align: center;
    font-size: 11px;
    color: #4A4A4A; }

.lucra .coupon .to_get_coupon {
  background-color: #56C2B6; }

.lucra section.categories {
  padding: 10px 0;
  background-color: #F9F8F8; }
  .lucra section.categories .inner h3 {
    color: #F99F95;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 1.4;
    margin: 20px 0; }
  .lucra section.categories .inner ul {
    margin: 20px 10px;
    list-style: none; }
    .lucra section.categories .inner ul li {
      width: calc(33% - 16px);
      float: left;
      margin: 0 8px 10px; }
      .lucra section.categories .inner ul li .category_img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 100%; }
      .lucra section.categories .inner ul li p {
        font-size: 14px;
        font-weight: bold;
        display: block;
        width: 100%;
        text-align: center;
        color: #73675C;
        margin-top: 1rem; }
  .lucra section.categories .inner > p {
    font-size: 14px;
    color: #73675C;
    line-height: 1.6;
    text-align: center;
    margin: 0;
    display: block; }
.lucra section .store_link {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px 20px 10px;
  overflow: hidden; }
  .lucra section .store_link .badge {
    float: left;
    width: 50%;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 2px 8px; }
  .lucra section .store_link img {
    width: 100%; }
.lucra footer {
  width: 100%;
  text-align: center;
  background-color: #C1B9B2; }
  .lucra footer .inner {
    padding-top: 0; }
  .lucra footer p {
    color: #493D3E;
    font-size: 12px;
    font-weight: bold;
    padding: 14px 0; }
  .lucra footer ul.links {
    padding-top: 20px; }
    .lucra footer ul.links li {
      display: inline-block; }
    .lucra footer ul.links a {
      font-size: 12px;
      padding: 8px;
      display: inline-block;
      color: #fff; }
.lucra .cf {
  zoom: 1; }
.lucra .cf:before, .lucra .cf:after {
  content: "";
  display: table; }

.newspass footer,
.gunosy footer {
  margin-top: 30px;
  border-top: 3px solid #eee; }
  .newspass footer .icon,
  .gunosy footer .icon {
    display: block;
    margin: 10px auto;
    width: 48px;
    height: auto; }
  .newspass footer h2,
  .gunosy footer h2 {
    margin: 20px 0 10px 0;
    font-size: 22px;
    font-weight: normal;
    color: #333;
    text-align: center; }
.newspass .app_description,
.gunosy .app_description {
  padding: 10px 20px 30px 20px;
  font-size: 14px;
  color: #666;
  text-align: center;
  background-color: #fff; }
.newspass .caption,
.gunosy .caption {
  padding: 10px 10px 30px 10px;
  text-align: center;
  font-size: 18px;
  line-height: 1.3em;
  color: #666; }
  .newspass .caption strong,
  .gunosy .caption strong {
    font-weight: normal;
    color: #FF4600; }
.newspass .store_link,
.gunosy .store_link {
  padding: 20px 10px;
  text-align: center; }
  .newspass .store_link img,
  .gunosy .store_link img {
    padding: 0 5px;
    width: calc(100%/2 - 10px);
    display: inline-block; }
.newspass .copyright,
.gunosy .copyright {
  padding: 30px 0;
  text-align: center;
  font-size: 12px;
  color: #666; }

.gunosy .coupon {
  border-bottom: 2px solid #eee; }
.gunosy .store_link p {
  padding: 20px 15px 0 15px;
  font-size: 14px;
  line-height: 1.3em;
  text-align: left;
  color: #666; }
.gunosy .store_link img.app_image {
  width: 100%;
  height: auto; }