@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------

                         style

-------------------------------------------------------- */
/* -------------------------------

------------------------------- */
#carfilm {
  /* ---------------------------------------------------------------------------------------------
    スマホ向け設定
  --------------------------------------------------------------------------------------------- */ }
  #carfilm main {
    /*============================
    #merit
    ============================*/
    /*============================
    #price
    ============================*/
    /*============================
    #price2
    ============================*/ }
    #carfilm main #merit {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 80px; }
      #carfilm main #merit ul {
        width: calc(100% - 420px); }
        #carfilm main #merit ul li {
          position: relative;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          #carfilm main #merit ul li:not(:last-child) {
            margin-bottom: 10px; }
          #carfilm main #merit ul li::before {
            content: "";
            width: 100%;
            height: 0;
            border-bottom: 2px dotted #7c7c7c;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            left: 0; }
          #carfilm main #merit ul li h3, #carfilm main #merit ul li p {
            background: #f2f2f2;
            position: relative;
            z-index: 30;
            text-align: left; }
          #carfilm main #merit ul li h3 {
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 2.4rem;
            padding-left: 1.25em;
            padding-right: 10px;
            font-weight: 700;
            letter-spacing: .015em; }
            #carfilm main #merit ul li h3::before {
              content: "◎";
              color: #ec3800;
              position: absolute;
              top: 0;
              left: 0; }
          #carfilm main #merit ul li p {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.8rem;
            width: calc(100% - 300px);
            padding-left: 10px; }
      #carfilm main #merit .ph.sdw {
        width: 376px; }
    #carfilm main #price {
      margin-bottom: 60px; }
      #carfilm main #price .read.read01 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 2.025rem;
        margin-bottom: 30px; }
      #carfilm main #price .tableWrap {
        display: flex;
        justify-content: space-between; }
        #carfilm main #price .tableWrap table {
          width: 49%;
          background: #fff; }
          #carfilm main #price .tableWrap table thead {
            background: #2f2f2f;
            color: #fff; }
            #carfilm main #price .tableWrap table thead tr {
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.5rem; }
              #carfilm main #price .tableWrap table thead tr th, #carfilm main #price .tableWrap table thead tr td {
                padding: 8px 0; }
          #carfilm main #price .tableWrap table tbody tr th, #carfilm main #price .tableWrap table tbody tr td {
            padding: 6px 0; }
          #carfilm main #price .tableWrap table tbody tr th {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.6875rem;
            letter-spacing: .015em; }
          #carfilm main #price .tableWrap table tbody tr td {
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.21875rem; }
            #carfilm main #price .tableWrap table tbody tr td:last-child {
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.6875rem;
              letter-spacing: .0em;
              font-weight: 700; }
      #carfilm main #price .read.read02 {
        text-align: right;
        margin-top: 15px; }
      #carfilm main #price ul.lineup {
        margin-top: 40px;
        margin-bottom: 30px; }
        #carfilm main #price ul.lineup li.bold {
          width: calc(100% / 4 - 12px);
          background: #00adc7;
          border: 4px solid #fff;
          padding: 10px 0;
          text-align: center;
          border-radius: 15px;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 2.4rem;
          font-weight: 700;
          letter-spacing: .015em;
          color: #fff;
          -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25); }
      #carfilm main #price .read.read03 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 2.25rem; }
    #carfilm main #price2 {
      padding-bottom: 100px; }
      #carfilm main #price2 .list {
        text-align: left;
        margin-bottom: 40px; }
        #carfilm main #price2 .list .dotLine.wBdr {
          margin-bottom: 20px; }
        #carfilm main #price2 .list .read {
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.8rem; }
      #carfilm main #price2 .attenWrap .ph.sdw {
        width: 275px; }
  @media only screen and (max-width: 750px) {
    #carfilm main {
      /*============================
      #merit
      ============================*/
      /*============================
      #price
      ============================*/
      /*============================
      #price2
      ============================*/ }
      #carfilm main #merit {
        margin-bottom: 50px; }
        #carfilm main #merit ul {
          width: calc(100% - 0px);
          padding: 0 5%;
          margin-bottom: 30px; }
          #carfilm main #merit ul li:not(:last-child) {
            margin-bottom: 10px; }
          #carfilm main #merit ul li::before {
            width: 100%;
            height: 0;
            border-bottom: 2px dotted #7c7c7c;
            position: relative;
            top: auto;
            left: auto;
            bottom: auto;
            right: auto;
            transform: none;
            position: absolute;
            top: 16px;
            left: 0; }
          #carfilm main #merit ul li h3 {
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 2rem;
            padding-left: 1.25em;
            padding-right: 6px; }
            #carfilm main #merit ul li h3::before {
              top: 0;
              left: 0; }
          #carfilm main #merit ul li p {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.6rem;
            width: calc(100% - 0px);
            padding-left: 0px; }
        #carfilm main #merit .ph.sdw {
          width: 376px; }
      #carfilm main #price {
        margin-bottom: 50px; }
        #carfilm main #price .ttl {
          margin-bottom: 20px; }
        #carfilm main #price .read.read01 {
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 1.9125rem;
          margin-bottom: 30px;
          text-align: left;
          padding: 0 5%; }
        #carfilm main #price .tableWrap {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          #carfilm main #price .tableWrap table {
            width: 100%; }
            #carfilm main #price .tableWrap table thead tr {
              font-size: 15px;
              font-size: 0.9375rem;
              line-height: 1.40625rem; }
              #carfilm main #price .tableWrap table thead tr th, #carfilm main #price .tableWrap table thead tr td {
                padding: 8px 0; }
            #carfilm main #price .tableWrap table tbody tr th, #carfilm main #price .tableWrap table tbody tr td {
              padding: 6px 0; }
            #carfilm main #price .tableWrap table tbody tr th {
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.5rem;
              min-width: 150px; }
            #carfilm main #price .tableWrap table tbody tr td {
              font-size: 12px;
              font-size: 0.75rem;
              line-height: 1.125rem;
              min-width: 440px; }
              #carfilm main #price .tableWrap table tbody tr td:last-child {
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1.6875rem;
                min-width: 100px; }
            #carfilm main #price .tableWrap table:nth-of-type(2) {
              border-top: none; }
              #carfilm main #price .tableWrap table:nth-of-type(2) thead {
                display: none; }
        #carfilm main #price .read.read02 {
          text-align: right;
          margin-top: 10px;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.6875rem;
          padding: 0 5%; }
        #carfilm main #price ul.lineup {
          margin-top: 30px;
          margin-bottom: 20px;
          padding: 0 5%; }
          #carfilm main #price ul.lineup li.bold {
            width: calc(100% / 1 - 0px);
            border: 4px solid #fff;
            border-radius: 12px;
            padding: 6px 0;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 2rem; }
            #carfilm main #price ul.lineup li.bold:not(:last-child) {
              margin-bottom: 8px; }
        #carfilm main #price .read.read03 {
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 2.125rem;
          text-align: left;
          padding: 0 5%; }
      #carfilm main #price2 {
        padding-bottom: 50px; }
        #carfilm main #price2 .list {
          margin-bottom: 40px;
          padding: 0 5%; }
          #carfilm main #price2 .list .dotLine.wBdr {
            margin-bottom: 15px; }
          #carfilm main #price2 .list .read {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.8rem; }
        #carfilm main #price2 .attenWrap {
          width: 90%;
          margin: auto; }
          #carfilm main #price2 .attenWrap .ph.sdw {
            width: 100%; } }