@charset "UTF-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2013/5/10
 */
/* !Clearfix
---------------------------------------------------------- */
.clearfix {
  display: block;
  min-height: 1%; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

ol,
ul {
  list-style: none;
  margin: 0; }

img {
  vertical-align: top;
  max-width: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; }

body main#main {
  font-size: 18px; }
  @media screen and (max-width: 979px) {
    body main#main {
      font-size: 14px; } }

body p {
  margin: 0; }

body ul {
  padding: 0; }

em {
  font-style: normal; }

.text-color01 {
  color: #1c449c; }

.mainimg {
  background: url("/assets/agingcare/light/injection/dermapen4/images/mainbg.jpg") center center no-repeat;
  background-size: auto 100%;
  text-align: center; }

.bg-image.-ribbon {
  max-width: 980px;
  margin: 30px auto; }

@media screen and (max-width: 979px) {
  .mainimg {
    background-image: none; }
  .bg-image.-ribbon {
    text-align: center;
    background-image: url(/assets/images/components/bg_ribbon.png);
    background-size: 100% 80px;
    font-size: 13px;
    height: inherit;
    line-height: 1.3;
    padding: 10px 0 20px; } }

.topnavi {
  background-color: #1c449c; }
  @media screen and (max-width: 979px) {
    .topnavi {
      padding: 0; } }

.navilist {
  display: flex;
  justify-content: center; }
  .navilist li {
    width: 25%;
    border-left: 1px solid #8ea2ce;
    padding: 25px 0;
    display: flex;
    align-items: center; }
    .navilist li a {
      font-size: 16px;
      text-decoration: none;
      display: table;
      width: 100%;
      color: #fff; }
      .navilist li a span {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
  .navilist li:last-child {
    border-right: 1px solid #8ea2ce; }
  @media screen and (max-width: 979px) {
    .navilist {
      flex-wrap: wrap; }
      .navilist li {
        width: 50%;
        padding: 10px 5px;
        position: relative; }
        .navilist li a {
          font-size: 13px; }
      .navilist li:nth-child(2n + 1) {
        border-left: none; }
      .navilist li:nth-child(n + 2) {
        border-right: none; }
      .navilist li:nth-child(n + 3) {
        border-top: 1px solid #8ea2ce; }
      .navilist li::before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        right: 10px;
        top: 45%;
        top: calc(50% - 8px);
        border: 1px solid;
        border-color: #8ea2ce #8ea2ce transparent transparent;
        transform: rotate(135deg); } }

header.hdl {
  text-align: center; }
  header.hdl .en {
    display: block;
    position: relative;
    margin-bottom: 15px;
    font-size: 52px;
    font-weight: bold; }
    header.hdl .en::before {
      background: #000;
      width: 95px;
      height: 2px;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      content: "";
      z-index: 2;
      position: absolute; }
  header.hdl h2 {
    font-size: 20px; }
  @media screen and (max-width: 979px) {
    header.hdl .en {
      font-size: 27px;
      margin-bottom: 10px; }
      header.hdl .en::before {
        width: 50px;
        height: 1px; }
    header.hdl h2 {
      font-size: 12px; } }

.toppick {
  padding: 40px 0 60px;
  background: #53b7e7;
  color: #fff; }
  .toppick a {
    color: #fff; }
  .toppick .hdl .en::before {
    background-color: #fff; }
  .toppick .mhlw-risk > .mhlw-risk-single {
    background-color: #fff;
    color: #000; }

.pickupInner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0; }

.pickupInner .arrow {
  width: 60px;
  position: relative; }

.pickupInner .arrow::before {
  content: "";
  width: 30px;
  position: absolute;
  left: 10px;
  left: calc(50% - 22px);
  top: 45%;
  top: calc(50% - 20px);
  height: 30px;
  border: 5px solid;
  border-color: #000 #000 transparent transparent;
  transform: rotate(45deg); }

@media screen and (max-width: 979px) {
  .toppick {
    padding: 20px 0 35px; }
  .pickupInner {
    width: 85%;
    flex-wrap: wrap;
    margin: 10px auto 20px; }
  .pickupInner .arrow {
    width: 100%;
    height: 30px; }
  .pickupInner .arrow::before {
    content: "";
    width: 20px;
    height: 20px;
    left: 48%;
    left: calc(50% - 8px);
    top: 45%;
    top: calc(50% - 15px);
    border: 3px solid;
    border-color: #000 #000 transparent transparent;
    transform: rotate(135deg); } }

.topnew {
  padding: 40px 0 60px;
  background: #b9e6fb; }
  .topnew p {
    font-size: 130%; }
  @media screen and (max-width: 979px) {
    .topnew {
      padding: 30px 0 40px; } }

.topwhat {
  background: url("/assets/agingcare/light/injection/dermapen4/images/what01.png") top no-repeat;
  background-size: auto 100%;
  background-position: calc(50% + 360px) 0;
  padding: 60px 0 85px;
  height: 638px; }
  .topwhat .list {
    margin: 55px 0 0; }
    .topwhat .list li {
      font-size: 24px;
      padding: 0 0 0 45px;
      background: url("/assets/agingcare/light/injection/dermapen4/images/check.png") 0px 2px no-repeat; }
    .topwhat .list li + li {
      margin: 5px 0 0; }
  @media screen and (max-width: 979px) {
    .topwhat {
      background: none;
      padding: 30px 0 0;
      height: auto; }
      .topwhat .list {
        margin: 30px 20px 0; }
        .topwhat .list li {
          font-size: 15px;
          padding: 0 0 0 20px;
          background-size: 15px; }
        .topwhat .list li + li {
          margin: 10px 0 0; }
      .topwhat ._pc-none {
        width: 75%;
        margin: 0 auto; } }

.topabout {
  padding: 40px 0 60px;
  background: #b9e6fb; }
  .topabout .bgWhite {
    background: #fff;
    padding: 50px; }
    .topabout .bgWhite h3 {
      font-size: 28px;
      text-align: center;
      margin: 20px 0; }
    .topabout .bgWhite .ac_ly_002 .col ul {
      margin: 50px 0 0; }
      .topabout .bgWhite .ac_ly_002 .col ul li {
        font-size: 28px;
        font-weight: bold;
        color: #1c449c;
        line-height: 1.5;
        background: url("/assets/agingcare/light/injection/dermapen4/images/about02.png") left top no-repeat;
        padding: 0 0 0 50px;
        margin: 20px 0; }
    .topabout .bgWhite .ac_ly_002 .col:last-child {
      width: 300px;
      margin-left: 50px; }
    .topabout .bgWhite p em {
      color: #cc144f;
      font-weight: bold; }
    .topabout .bgWhite .table-box table thead tr th {
      background-color: #53b7e7;
      padding: 15px 10px;
      line-height: 1.2; }
    .topabout .bgWhite .table-box table tbody tr th,
    .topabout .bgWhite .table-box table tbody tr td {
      padding: 15px 10px;
      text-align: center; }
    .topabout .bgWhite .table-box table tbody tr th {
      background-color: #f0f7ff;
      width: 30%; }
    .topabout .bgWhite .table-box table tbody tr td {
      width: 35%;
      padding: 15px 10px;
      text-align: center; }
  @media screen and (max-width: 979px) {
    .topabout {
      padding: 30px 0 40px; }
      .topabout p {
        font-size: 100%; }
      .topabout .bgWhite {
        padding: 15px; }
        .topabout .bgWhite h3 {
          font-size: 20px;
          margin: 0 0 15px; }
        .topabout .bgWhite .ac_ly_002 .col ul {
          margin: 0; }
          .topabout .bgWhite .ac_ly_002 .col ul li {
            font-size: 16px;
            background-size: 20px auto;
            padding: 0 0 0 28px;
            margin: 0 0 10px; }
        .topabout .bgWhite .ac_ly_002 .col:last-child {
          text-align: center;
          width: 100%;
          margin: 15px auto 0; } }

.toppoint {
  padding: 40px 0 60px; }
  .toppoint dl dt {
    font-size: 21px;
    font-weight: bold;
    color: #1c449c;
    line-height: 1.5;
    background: url("/assets/agingcare/light/injection/dermapen4/images/about02.png") left center no-repeat;
    background-size: 30px auto;
    margin: 0 0 5px;
    padding: 0 0 0 40px;
    position: relative; }
    .toppoint dl dt h3 {
      font-size: inherit; }
  .toppoint dd {
    margin-bottom: 30px; }
    .toppoint dd:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 979px) {
    .toppoint {
      padding: 30px 0 40px; }
      .toppoint dl dt {
        background-size: 20px auto;
        background-position: left 3px;
        padding: 0 0 0 26px;
        font-size: 18px; }
      .toppoint dd {
        margin-bottom: 20px; } }

.topselect {
  padding: 40px 0 60px;
  background: #b9e6fb; }
  .topselect h2 {
    color: #1b449b;
    text-align: center; }
  .topselect .table-box table > tbody {
    background: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold; }
    .topselect .table-box table > tbody > tr:nth-child(2n + 1) td {
      background: #ffe8f0; }
    .topselect .table-box table > tbody > tr > th,
    .topselect .table-box table > tbody > tr > td {
      border: 1px solid #cccccc;
      width: calc(100% / 6);
      padding: 10px 5px; }
    .topselect .table-box table > tbody > tr > th {
      background: #f8f8f8;
      font-weight: bold; }
      .topselect .table-box table > tbody > tr > th em {
        color: #cc134e; }
    .topselect .table-box table > tbody > tr > td {
      font-size: 22px; }

@media screen and (max-width: 979px) {
  .topselect {
    padding: 30px 0 40px; }
    .topselect table {
      font-size: 14px; }
      .topselect table tr td {
        font-size: 18px; } }

.topphoto {
  padding: 40px 0 60px; }
  .topphoto h3 {
    background-color: #b9e6fb;
    text-align: center;
    padding: 5px; }
  .topphoto .photo_cont {
    font-size: 16px; }
    .topphoto .photo_cont .col a {
      color: #777777;
      text-decoration: none; }
    .topphoto .photo_cont .col h4 {
      color: #1c449c;
      text-align: center; }
    .topphoto .photo_cont .col .txt {
      background-color: #f0f7ff;
      padding: 15px;
      line-height: 1.4; }
  @media screen and (max-width: 979px) {
    .topphoto {
      padding: 30px 0 40px; }
      .topphoto .photo_cont {
        font-size: 14px; }
        .topphoto .photo_cont .col:not(:first-child) {
          margin-top: 30px; }
        .topphoto .photo_cont .col .txt {
          padding: 10px; } }

.topcomment {
  padding: 60px 0 0;
  background: #b9e6fb; }
  .topcomment .ac_ly_001 {
    height: 800px;
    background: url("/assets/agingcare/light/injection/dermapen4/images/comment.png") right bottom no-repeat; }
  .topcomment .commentbox {
    width: 640px;
    margin: 40px auto 0 0; }
  .topcomment .commentbox .txt {
    font-size: 18px;
    line-height: 1.5; }
  .topcomment .commentbox .name {
    max-width: 240px;
    margin: 35px 0 0 auto;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 21px; }
  .topcomment .commentbox .name span {
    display: block;
    font-size: 24px; }
  .topcomment .commentbox .name i {
    font-style: normal;
    margin-right: 10px;
    font-size: 37px; }

@media screen and (max-width: 979px) {
  .topcomment {
    padding: 30px 0 0;
    height: auto; }
    .topcomment .ac_ly_001 {
      background-image: none;
      height: auto; }
    .topcomment .commentbox {
      width: 100%;
      margin: 20px 0 0;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      .topcomment .commentbox .txt {
        font-size: 16px; }
    .topcomment .dr_sp {
      align-items: center; } }

.topprice {
  padding: 40px 0 60px; }
  .topprice .pricetab {
    width: 100%;
    margin: 30px 0 0; }
    .topprice .pricetab th {
      text-align: center;
      font-weight: bold;
      padding: 10px; }
    .topprice .pricetab td {
      text-align: right; }
    .topprice .pricetab td,
    .topprice .pricetab th {
      border: 1px solid #000;
      font-size: 19px;
      padding: 15px;
      width: 33.3%; }
      .topprice .pricetab td .price,
      .topprice .pricetab th .price {
        color: #cc144f;
        font-weight: bold; }
    .topprice .pricetab tr.t_header {
      background: #1c449c;
      border-bottom: none;
      color: #ffffff; }
      .topprice .pricetab tr.t_header th {
        text-align: center;
        font-size: 18px;
        padding: 10px; }
    .topprice .pricetab .price-cat {
      text-align: center; }
      .topprice .pricetab .price-cat th {
        background: #b9e6fb;
        padding: 10px; }
    .topprice .pricetab tr.monitor td,
    .topprice .pricetab tr.monitor th {
      color: #cc144f;
      padding-bottom: 0; }
  .topprice .notice {
    color: #fff;
    background-color: #cc0000;
    padding: 3px 20px;
    font-size: 85%; }

@media screen and (max-width: 979px) {
  .topprice {
    padding: 30px 0 40px; }
    .topprice .pricetab {
      width: 100%;
      margin: 15px 0 0; }
      .topprice .pricetab td,
      .topprice .pricetab th {
        font-size: 15px;
        padding: 10px; }
      .topprice .pricetab tr.t_header th {
        font-size: 18px;
        padding: 10px; }
      .topprice .pricetab .price-cat th {
        padding: 10px; }
      .topprice .pricetab tr.monitor td,
      .topprice .pricetab tr.monitor th {
        color: #cc144f;
        padding-bottom: 0; } }

.price-hifuka .button-normal {
  margin-top: 5px;
  min-height: auto !important;
  background-color: #ffde00;
  padding: 4px 60px !important; }
  .price-hifuka .button-normal::after {
    background: none;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 35%;
    right: 6%;
    transform: rotate(-135deg); }
  .price-hifuka .button-normal a {
    font-size: 15px;
    text-decoration: none;
    color: #000; }
  @media screen and (max-width: 979px) {
    .price-hifuka .button-normal {
      width: auto;
      padding: 4px 40px !important; } }

.price-hifuka .priceBalloon {
  display: inline-block;
  font-size: 13px;
  text-align: center;
  background: #ffde00;
  color: #000;
  padding: 2px 5px;
  margin: 0 0 10px;
  position: relative; }
  .price-hifuka .priceBalloon span {
    font-size: 16px; }
  @media screen and (max-width: 979px) {
    .price-hifuka .priceBalloon {
      font-size: 12px; }
      .price-hifuka .priceBalloon span {
        font-size: 15px; } }
  .price-hifuka .priceBalloon::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 65%;
    bottom: -10px;
    transform: translate(-50%, 0);
    border-top: 10px solid #ffde00;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; }

.parts .title {
  background-color: #cc144f;
  display: block;
  border-radius: 7px;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  color: #fff; }

.parts .parts_inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  text-align: center; }
  .parts .parts_inner .txt {
    width: 100%;
    margin-top: 10px; }

.parts .tabacc.-pc-accordion .contents .title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  background: #fff url(/assets/images/common/ico_plus.png) 50% 50% no-repeat;
  background-size: 13px auto;
  border-radius: 50%; }

.parts .tabacc.-pc-accordion .contents .title.-open::after {
  background-image: url(/assets/images/common/ico_minus.png); }

.topflow {
  padding: 40px 0 60px;
  background: #b9e6fb; }
  .topflow .flowmain {
    margin: 30px 0 0; }
    .topflow .flowmain .flowpanelFlame {
      padding: 25px 20px;
      background: #fff;
      border: 1px solid #000;
      position: relative; }
      .topflow .flowmain .flowpanelFlame:nth-child(n + 2) {
        margin: 57px 0 0; }
      .topflow .flowmain .flowpanelFlame:before {
        background: url("/assets/agingcare/light/injection/dermapen4/images/flowArrow.png") 0 0 no-repeat;
        width: 236px;
        height: 47px;
        bottom: -48px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        content: "";
        z-index: 2;
        position: absolute; }
      .topflow .flowmain .flowpanelFlame:last-child:before {
        display: none; }
      .topflow .flowmain .flowpanelFlame .flowpanel {
        font-size: 18px;
        line-height: 1.7;
        display: flex;
        justify-content: space-between; }
        .topflow .flowmain .flowpanelFlame .flowpanel .flowbox {
          width: 580px;
          padding: 0 20px 0 0; }
          .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .tit {
            display: flex;
            align-items: center;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #1a449a; }
            .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .tit img {
              flex-shrink: 0;
              margin-right: 10px; }
            .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .tit h3 {
              font-size: 30px; }
          .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .txt .tel {
            vertical-align: text-top;
            margin: 2px 5px 0 0; }
          .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .txt ._text-bold,
          .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .txt ._text-bold a {
            color: #1b449b; }
  @media screen and (max-width: 979px) {
    .topflow {
      padding: 30px 0 40px; }
      .topflow .flowmain {
        margin: 15px 0 0; }
        .topflow .flowmain .flowpanelFlame {
          padding: 10px; }
          .topflow .flowmain .flowpanelFlame .flowpanel {
            padding-bottom: 15px;
            display: block;
            font-size: 15px; }
            .topflow .flowmain .flowpanelFlame .flowpanel:before {
              background-size: 100%;
              width: 38px;
              height: 18px; }
            .topflow .flowmain .flowpanelFlame .flowpanel + .flowpanel {
              margin: 35px 0 0; }
            .topflow .flowmain .flowpanelFlame .flowpanel .flowbox {
              width: 100%;
              padding: 0;
              font-size: 15px; }
              .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .tit {
                display: flex;
                font-size: 19px;
                margin-bottom: 10px; }
                .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .tit img {
                  flex-shrink: 0;
                  width: 40px;
                  margin-right: 5px; }
                .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .tit h3 {
                  font-size: 18px; }
              .topflow .flowmain .flowpanelFlame .flowpanel .flowbox .txt .tel {
                width: 22px; }
            .topflow .flowmain .flowpanelFlame .flowpanel .img {
              text-align: center;
              margin: 15px 0 0; }
              .topflow .flowmain .flowpanelFlame .flowpanel .img img {
                width: 80%; } }

.attention {
  background-color: #f3f3f3;
  margin: 0 auto;
  padding: 40px 0 60px; }
  @media screen and (max-width: 979px) {
    .attention {
      padding: 30px 0 40px; } }

.topinfo {
  margin: 0 auto;
  padding: 40px 0 60px; }
  .topinfo table {
    width: 100%;
    font-size: 18px; }
    .topinfo table tr th,
    .topinfo table tr td {
      border: 1px solid #cccccc;
      padding: 15px 25px;
      font-weight: normal; }
    .topinfo table tr th {
      width: 370px;
      background: #ffe8f0; }
  @media screen and (max-width: 979px) {
    .topinfo {
      padding: 30px 0 40px; }
      .topinfo table {
        font-size: 15px; }
        .topinfo table tr th,
        .topinfo table tr td {
          padding: 10px 15px;
          font-weight: normal; }
        .topinfo table tr th {
          width: 100px; } }

.topfaq {
  background: #b9e6fb;
  margin: 0 auto;
  padding: 40px 0 60px; }
  @media screen and (max-width: 979px) {
    .topfaq {
      padding: 30px 0 40px; } }

.faqmain {
  margin: 30px 0 0; }

.faqcont {
  padding: 40px; }

.faqcont:nth-child(2n + 1) {
  background: #fff; }

.faqcont .tit {
  font-size: 24px;
  font-weight: bold;
  padding: 5px 0 0 68px;
  margin-bottom: 35px;
  min-height: 41px;
  background: url("/assets/agingcare/light/injection/dermapen4/images/qaq.png") 0 0 no-repeat; }

.faqcont .txt {
  font-size: 21px;
  padding: 5px 0 0 68px;
  min-height: 41px;
  background: url("/assets/agingcare/light/injection/dermapen4/images/qaa.png") 0 0 no-repeat; }

@media screen and (max-width: 979px) {
  .topfaq {
    padding: 30px 0 40px; }
  .faqmain {
    margin: 15px 0 0; }
  .faqcont {
    padding: 20px 15px 15px; }
  .faqcont .tit {
    font-size: 14px;
    padding: 0 0 0 25px;
    margin-bottom: 10px;
    background-size: 20px;
    min-height: 22px; }
  .faqcont .txt {
    font-size: 14px;
    padding: 0 0 0 25px;
    background-size: 20px;
    min-height: 22px; } }

#clinic {
  padding: 40px 0 0;
  margin: 0 !important; }

@media (max-width: 979px) {
  #clinic {
    padding: 35px 0 0; } }

.bg-main-color {
  background: #b9e6fb; }

.text-main-color {
  color: #1a449a; }

#mechanism .mechanism_image {
  display: flex;
  justify-content: center;
  align-items: center; }
  #mechanism .mechanism_image > div {
    text-align: center;
    margin-top: 0px; }

#other .other_cont .col {
  border: 5px solid #b9e6fb;
  padding: 20px;
  text-align: center; }
  #other .other_cont .col .other_txt {
    text-align: left; }

#clinic-map {
  min-height: 2200px !important; }
  #clinic-map #tokai {
    left: 217px; }
  #clinic-map #tohoku {
    top: 360px; }
  #clinic-map #chugoku {
    top: 311px;
    left: 27px; }
  #clinic-map #fukidashi-chugoku {
    top: 237px;
    border-top: 152px solid #e5981f; }
  #clinic-map #kyusyu {
    top: 739px; }
  #clinic-map #kanto {
    top: 688px; }
  #clinic-map .shinjuku-annex24::after {
    content: "ヴェルベットスキン取り扱いなし"; }

.new_option .inner {
  background-color: #fff;
  padding: 40px 50px 15px;
  border: 1px solid #1c449c;
  position: relative; }
  .new_option .inner .header_ribbon {
    position: absolute;
    top: -12px;
    left: -20px; }
    .new_option .inner .header_ribbon .new {
      display: inline-block;
      position: relative;
      padding: 6px 40px;
      font-size: 28px;
      line-height: 1.2;
      letter-spacing: 2px;
      color: #FFF;
      background: #1c449c; }
    .new_option .inner .header_ribbon .new:before {
      position: absolute;
      content: '';
      top: 100%;
      left: 0;
      border: none;
      border-bottom: solid 15px transparent;
      border-right: solid 19px #959e9b;
      /*折り返し部分*/ }
  .new_option .inner .masui_price {
    font-size: 30px;
    font-weight: bold; }
  .new_option .inner .priceContainer {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .new_option .inner .priceContainer .price_wrap {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 22px;
      color: #1c449c; }
      .new_option .inner .priceContainer .price_wrap .limited {
        background-color: #b9e6fb;
        padding: 2px 10px;
        border-radius: 6px;
        margin-right: 20px; }
      .new_option .inner .priceContainer .price_wrap .price {
        margin-left: 15px;
        font-size: 56px;
        letter-spacing: -1px; }
        .new_option .inner .priceContainer .price_wrap .price > span {
          letter-spacing: 0;
          font-size: 35px;
          position: relative;
          margin-left: 4px; }
          .new_option .inner .priceContainer .price_wrap .price > span > span {
            font-size: 13px;
            position: absolute;
            right: 0;
            top: -13px;
            white-space: nowrap; }

@media only screen and (max-width: 979px) {
  .new_option {
    padding: 0 2%; }
    .new_option .inner {
      padding: 6vw 5vw 2vw; }
      .new_option .inner .header_ribbon {
        top: -18px;
        left: -15px; }
        .new_option .inner .header_ribbon .new {
          padding: 1.5vw 4vw;
          font-size: 5vw; }
        .new_option .inner .header_ribbon .new:before {
          border-bottom: solid 10px transparent;
          border-right: solid 14px #959e9b; }
      .new_option .inner .masui_price {
        font-size: 4.5vw; }
      .new_option .inner .priceContainer {
        display: block; }
        .new_option .inner .priceContainer .price_wrap {
          font-size: 3.5vw; }
          .new_option .inner .priceContainer .price_wrap .limited {
            margin-right: 3vw; }
          .new_option .inner .priceContainer .price_wrap .price {
            font-size: 10vw;
            line-height: 1.2; }
            .new_option .inner .priceContainer .price_wrap .price > span {
              font-size: 6vw; }
              .new_option .inner .priceContainer .price_wrap .price > span > span {
                font-size: 2vw;
                top: -10px; } }