@charset "UTF-8";
#mat #mainimgContent {
  background-image: url(../img/mat/pic_mainimg01.png); }
#mat #mainimgContent {
  margin-bottom: 0; }
#mat section {
  padding-top: 45px; }
  @media (min-width: 600px) {
    #mat section {
      padding-top: 40px;
      margin-bottom: 60px; } }
  #mat section .inner {
    width: 100%;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box; }
    @media (min-width: 600px) {
      #mat section .inner {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 50px; } }
#mat #main {
  background: #ffffff;
  padding-bottom: 0;
  padding-top: 20px; }
  @media (min-width: 600px) {
    #mat #main {
      padding-top: 40px; } }
#mat .intro-main {
  width: 100%;
  padding: 0;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    #mat .intro-main {
      margin: auto;
      max-width: 1280px;
      padding: 0 5px; } }
  #mat .intro-main .title {
    text-align: center;
    padding: 20px 20px 0; }
    @media (min-width: 600px) {
      #mat .intro-main .title {
        padding: 40px 20px 50px; } }
    #mat .intro-main .title p {
      text-align: left;
      margin-bottom: 20px; }
      @media (min-width: 600px) {
        #mat .intro-main .title p {
          text-align: center;
          margin-bottom: 0px; } }
  #mat .intro-main .mod_tit02 {
    margin-bottom: 25px; }
    @media (min-width: 600px) {
      #mat .intro-main .mod_tit02 {
        margin-bottom: 10px; } }
#mat .featuresList {
  font-family: "Noto Serif Japanese", serif;
  font-size: 1.8rem;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px; }
  @media (min-width: 600px) {
    #mat .featuresList {
      font-size: 2.3rem;
      margin-bottom: 40px; } }
  #mat .featuresList:after {
    width: 55px;
    height: 4px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: "";
    position: absolute;
    background-color: #ABA6A0; }
#mat .pillow-tab {
  width: 100%;
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    #mat .pillow-tab {
      margin: 0 auto;
      max-width: 1700px;
      padding: 0 50px; } }
  #mat .pillow-tab ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center; }
    #mat .pillow-tab ul li {
      width: calc( (100% - 3px) / 2);
      margin-right: 3px;
      background: #ffffff;
      box-sizing: border-box;
      font-size: 1.6rem;
      font-weight: bold; }
      #mat .pillow-tab ul li.active {
        background: #403433;
        color: #fff;
        border: 2px solid #403433;
        padding: 2px 0; }
      #mat .pillow-tab ul li:last-child {
        margin-right: 0; }
      #mat .pillow-tab ul li a {
        display: block;
        border: 2px solid #837d78;
        padding: 2px 0;
        cursor: pointer;
        color: #837d78; }
        #mat .pillow-tab ul li a:hover {
          border: 2px solid #403433;
          background: #403433;
          color: #ffffff;
          -webkit-transition: 0.5s ease-in-out;
          -moz-transition: 0.5s ease-in-out;
          -o-transition: 0.5s ease-in-out;
          transition: 0.5s ease-in-out; }
@media (min-width: 600px) {
  #mat .lineup-ordermade {
    padding-top: 80px; } }
#mat .lineup-ordermade .inner {
  width: 100%;
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    #mat .lineup-ordermade .inner {
      margin: 0 auto;
      max-width: 1700px;
      padding: 0 50px; } }
#mat .h2-title {
  text-align: center;
  font-family: "Noto Serif Japanese", serif; }
  #mat .h2-title span {
    font-size: 1.5rem;
    color: #a69180; }
    @media (min-width: 600px) {
      #mat .h2-title span {
        font-size: 2.3rem; } }
  #mat .h2-title .mod_tit02 {
    margin-bottom: 10px;
    font-size: 2rem; }
    @media (min-width: 600px) {
      #mat .h2-title .mod_tit02 {
        margin-bottom: 30px;
        font-size: 2.6rem; } }
#mat .lineupList-mat .lineup-title-mat {
  background: #d9c077;
  color: #ffffff;
  font-family: "Noto Serif Japanese", serif;
  padding: 5px 0px 8px;
  line-height: 1;
  font-size: 2rem;
  margin-bottom: 20px; }
  @media (min-width: 600px) {
    #mat .lineupList-mat .lineup-title-mat {
      font-size: 2.5rem;
      margin-bottom: 30px; } }
#mat .lineupList-mat h4 {
  font-family: "Noto Serif Japanese", serif;
  font-size: 1.8rem;
  margin-bottom: 15px;
  padding: 0 10px; }
  @media (min-width: 600px) {
    #mat .lineupList-mat h4 {
      font-size: 2.3rem;
      padding: 0;
      margin-bottom: 20px; } }
  @media (min-width: 600px) {
    #mat .lineupList-mat h4 span {
      margin-left: 10px; } }
#mat .lineupList-mat h5 {
  font-family: "Noto Serif Japanese", serif;
  font-size: 1.6rem;
  margin: 5px 0; }
  @media (min-width: 600px) {
    #mat .lineupList-mat h5 {
      font-size: 2rem; } }
#mat .lineupList-mat p {
  padding: 0 10px;
  text-align: left; }
  @media (min-width: 600px) {
    #mat .lineupList-mat p {
      padding: 0;
      text-align: center; } }
#mat .lineupList-mat .lineupList-matPremium {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px; }
  #mat .lineupList-mat .lineupList-matPremium li {
    width: 100%;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #mat .lineupList-mat .lineupList-matPremium li {
        width: calc( (100% - 30px) / 2);
        margin-right: 30px;
        margin-bottom: 0; } }
    #mat .lineupList-mat .lineupList-matPremium li:last-child {
      margin-right: 0;
      margin-bottom: 0; }
    #mat .lineupList-mat .lineupList-matPremium li a {
      display: block; }
      #mat .lineupList-mat .lineupList-matPremium li a h5 {
        position: relative;
        display: inline-block; }
        #mat .lineupList-mat .lineupList-matPremium li a h5:after {
          position: absolute;
          bottom: -4px;
          left: 0;
          content: '';
          width: 100%;
          height: 2px;
          background: #333;
          transform: scale(0, 1);
          transform-origin: right top;
          transition: transform .3s; }
      #mat .lineupList-mat .lineupList-matPremium li a:hover h5:after {
        transform-origin: left top;
        transform: scale(1, 1); }
      #mat .lineupList-mat .lineupList-matPremium li a:hover img {
        opacity: 0.7;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }
#mat .lineupList-mat .lineupList-matRegular {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 20px; }
  @media (min-width: 600px) {
    #mat .lineupList-mat .lineupList-matRegular {
      margin-bottom: 80px; } }
  #mat .lineupList-mat .lineupList-matRegular li {
    width: 100%;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #mat .lineupList-mat .lineupList-matRegular li {
        width: calc( (100% - 60px) / 3);
        margin-right: 30px;
        margin-bottom: 0px; } }
    #mat .lineupList-mat .lineupList-matRegular li:last-child {
      margin-right: 0;
      margin-bottom: 0px; }
    #mat .lineupList-mat .lineupList-matRegular li a {
      display: block; }
      #mat .lineupList-mat .lineupList-matRegular li a h5 {
        position: relative;
        display: inline-block; }
        #mat .lineupList-mat .lineupList-matRegular li a h5:after {
          position: absolute;
          bottom: -4px;
          left: 0;
          content: '';
          width: 100%;
          height: 2px;
          background: #333;
          transform: scale(0, 1);
          transform-origin: right top;
          transition: transform .3s; }
      #mat .lineupList-mat .lineupList-matRegular li a:hover h5:after {
        transform-origin: left top;
        transform: scale(1, 1); }
      #mat .lineupList-mat .lineupList-matRegular li a:hover img {
        opacity: 0.7;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }
#mat .lineupList-mat-premium {
  margin-bottom: 20px; }
  @media (min-width: 600px) {
    #mat .lineupList-mat-premium {
      margin-bottom: 80px; } }
#mat .lineupList-mat-regular .lineup-title-mat {
  background: #f7f2e4;
  color: #d9c077; }
#mat .pillowFeatures .featuresContents {
  margin-bottom: 20px; }
  @media (min-width: 600px) {
    #mat .pillowFeatures .featuresContents {
      margin-bottom: 30px; } }
#mat .pillowFeatures .featuresList-intro {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 600px) {
    #mat .pillowFeatures .featuresList-intro {
      margin-bottom: 30px; } }
  #mat .pillowFeatures .featuresList-intro .img {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .featuresList-intro .img {
        padding-right: 25px;
        width: 70%;
        margin-bottom: 0; } }
  #mat .pillowFeatures .featuresList-intro .txt {
    width: 100%;
    text-align: left; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .featuresList-intro .txt {
        width: 30%; } }
#mat .pillowFeatures .matDate {
  background: #eceaea;
  padding: 20px;
  margin-bottom: 30px; }
  @media (min-width: 600px) {
    #mat .pillowFeatures .matDate {
      margin-bottom: 100px;
      padding: 30px 20px 35px; } }
  #mat .pillowFeatures .matDate h4 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matDate h4 {
        font-size: 2.3rem;
        margin-bottom: 20px; } }
  #mat .pillowFeatures .matDate .matDateList {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matDate .matDateList {
        margin-bottom: 20px; } }
    #mat .pillowFeatures .matDate .matDateList li {
      width: 100%;
      margin-bottom: 15px; }
      @media (min-width: 600px) {
        #mat .pillowFeatures .matDate .matDateList li {
          width: calc( (100% - 15px) / 2);
          margin-right: 15px;
          margin-bottom: 0; } }
      #mat .pillowFeatures .matDate .matDateList li:last-child {
        margin-bottom: 0; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matDate .matDateList li:last-child {
            margin-right: 0; } }
      #mat .pillowFeatures .matDate .matDateList li h5 {
        color: #ffffff;
        font-weight: bold;
        font-size: 1.6rem;
        padding: 3px 0;
        width: 100%; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matDate .matDateList li h5 {
            font-size: 2rem; } }
        #mat .pillowFeatures .matDate .matDateList li h5.mat01 {
          background: #837d78; }
        #mat .pillowFeatures .matDate .matDateList li h5.mat02 {
          background: #d9c077; }
  #mat .pillowFeatures .matDate .matDateList-icon {
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matDate .matDateList-icon {
        margin-bottom: 20px; } }
  #mat .pillowFeatures .matDate .matDateList-icon + p {
    text-align: left; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matDate .matDateList-icon + p {
        text-align: center; } }
#mat .pillowFeatures .matPremium-contents {
  border: 3px solid #eceaea;
  padding: 5px 5px 10px;
  box-sizing: border-box; }
  @media (min-width: 600px) {
    #mat .pillowFeatures .matPremium-contents {
      border: 6px solid #eceaea;
      padding: 14px 14px 30px; } }
  #mat .pillowFeatures .matPremium-contents.no1 {
    margin-bottom: 20px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matPremium-contents.no1 {
        margin-bottom: 50px; } }
  #mat .pillowFeatures .matPremium-contents.no2 .sub-title {
    background: #f7f2e4;
    color: #d9c077; }
  #mat .pillowFeatures .matPremium-contents .sub-title {
    background: #d9c077;
    color: #ffffff;
    font-family: "Noto Serif Japanese", serif;
    padding: 5px 0px 8px;
    line-height: 1;
    font-size: 2rem;
    margin-bottom: 10px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matPremium-contents .sub-title {
        font-size: 2.8rem;
        margin-bottom: 20px; } }
  #mat .pillowFeatures .matPremium-contents .title {
    font-family: "Noto Serif Japanese", serif;
    font-size: 2rem;
    margin-bottom: 10px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matPremium-contents .title {
        margin-bottom: 30px;
        font-size: 2.6rem; } }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matPremium-contents .title span {
        margin-left: 10px; } }
  #mat .pillowFeatures .matPremium-contents .matPremium-about {
    margin-bottom: 25px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matPremium-contents .matPremium-about {
        margin-bottom: 45px; } }
  #mat .pillowFeatures .matPremium-contents .matPremium-contents-in {
    padding: 15px 15px 0; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matPremium-contents .matPremium-contents-in {
        padding: 20px 40px 0; } }
    #mat .pillowFeatures .matPremium-contents .matPremium-contents-in h4 {
      font-family: "Noto Serif Japanese", serif;
      font-size: 1.8rem;
      margin-bottom: 10px; }
      @media (min-width: 600px) {
        #mat .pillowFeatures .matPremium-contents .matPremium-contents-in h4 {
          font-size: 2.3rem; } }
    #mat .pillowFeatures .matPremium-contents .matPremium-contents-in p {
      text-align: left; }
  #mat .pillowFeatures .matPremium-contents .matPremium-material {
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #mat .pillowFeatures .matPremium-contents .matPremium-material {
        margin-bottom: 50px; } }
    #mat .pillowFeatures .matPremium-contents .matPremium-material.no2 {
      margin-bottom: 0; }
    #mat .pillowFeatures .matPremium-contents .matPremium-material h4 {
      background: #eceaea;
      font-size: 1.6rem;
      padding: 3px 0;
      margin-bottom: 15px;
      font-weight: bold; }
      @media (min-width: 600px) {
        #mat .pillowFeatures .matPremium-contents .matPremium-material h4 {
          font-size: 2rem;
          margin-bottom: 27px; } }
    #mat .pillowFeatures .matPremium-contents .matPremium-material .sub-txt {
      font-weight: bold;
      font-size: 1.6rem;
      margin-bottom: 5px; }
      @media (min-width: 600px) {
        #mat .pillowFeatures .matPremium-contents .matPremium-material .sub-txt {
          font-size: 2rem;
          margin-bottom: 20px; } }
    #mat .pillowFeatures .matPremium-contents .matPremium-material .txt {
      font-family: "Noto Serif Japanese", serif;
      font-size: 1.6rem;
      margin-bottom: 10px;
      padding: 0 5px; }
      @media (min-width: 600px) {
        #mat .pillowFeatures .matPremium-contents .matPremium-material .txt {
          font-size: 2rem;
          margin-bottom: 20px; } }
    #mat .pillowFeatures .matPremium-contents .matPremium-material > ul {
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media (min-width: 600px) {
        #mat .pillowFeatures .matPremium-contents .matPremium-material > ul {
          justify-content: space-between; } }
      #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material01 {
        margin-bottom: 20px; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material01 {
            margin-bottom: 50px; } }
        #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material01 li:first-child {
          width: 60%;
          margin-bottom: 20px; }
          @media (min-width: 600px) {
            #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material01 li:first-child {
              width: 34%;
              margin-bottom: 0; } }
        #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material01 li:last-child {
          width: 100%; }
          @media (min-width: 600px) {
            #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material01 li:last-child {
              width: 64%; } }
      #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material02 li:first-child {
        width: 100%; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material02 li:first-child {
            width: 60%; } }
      #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material02 li:last-child {
        width: 100%; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material02 li:last-child {
            width: 38%; } }
      #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material02 li p {
        text-align: left; }
      #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 {
        margin-top: 20px; }
        #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 .name {
          font-weight: bold;
          margin-bottom: 10px;
          font-size: 1.8rem;
          line-height: 1.5;
          position: relative; }
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 .name:before {
            position: absolute;
            content: "";
            left: 50%;
            top: -45px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            font-size: 2.3rem;
            font-weight: bold;
            color: #fff;
            line-height: 40px;
            text-align: center;
            vertical-align: middle;
            background: #c4ad7a;
            width: 40px;
            height: 40px;
            margin: 0 auto;
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px; }
            @media (min-width: 600px) {
              #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 .name:before {
                width: 60px;
                height: 60px;
                line-height: 60px;
                top: -70px;
                font-size: 4rem; } }
        #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li {
          width: 100%;
          margin-bottom: 10px;
          background: #f7f2e4;
          padding: 55px 15px 15px;
          box-sizing: border-box; }
          @media (min-width: 600px) {
            #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li {
              width: calc( (100% - 20px) / 3);
              margin-right: 10px;
              margin-bottom: 0;
              padding: 100px 30px 30px; } }
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li:first-child .name:before {
            content: "1"; }
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li:nth-child(2) .name:before {
            content: "2"; }
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li:last-child {
            margin-bottom: 0; }
            @media (min-width: 600px) {
              #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li:last-child {
                margin-right: 0; } }
            #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li:last-child .name:before {
              content: "3"; }
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li p {
            text-align: left; }
          #mat .pillowFeatures .matPremium-contents .matPremium-material > ul.matPremium-material03 li figure {
            margin-top: 15px; }
    #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in.no1 {
        margin-bottom: 25px; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in.no1 {
            margin-bottom: 40px; } }
      #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in > figure {
        width: 100%; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in > figure {
            width: 60%; } }
      #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div {
        width: 100%;
        box-sizing: border-box;
        position: relative; }
        @media (min-width: 600px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div {
            width: 40%; } }
        @media (max-width: 1200px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div {
            padding: 20px 15px 0 0px; } }
        @media (max-width: 1200px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div.no2 p:first-of-type:before {
            content: "4"; } }
        @media (max-width: 1200px) {
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div.no2 p:nth-of-type(2):before {
            content: "5"; } }
        #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p {
          text-align: left;
          position: absolute;
          left: 10px; }
          @media (max-width: 1200px) {
            #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p {
              position: relative;
              padding-left: 50px;
              margin-bottom: 20px; }
              #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:before {
                content: "";
                position: absolute;
                left: 5px;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                font-size: 1.8rem;
                font-weight: bold;
                color: #fff;
                line-height: 30px;
                text-align: center;
                vertical-align: middle;
                background: #c4ad7a;
                width: 30px;
                height: 30px;
                margin: 0 auto;
                border-radius: 30px;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px; } }
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:first-of-type {
            top: 30px; }
            @media (max-width: 1200px) {
              #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:first-of-type {
                top: auto; }
                #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:first-of-type:before {
                  content: "1"; } }
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:nth-of-type(2) {
            top: 140px; }
            @media (max-width: 1200px) {
              #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:nth-of-type(2) {
                top: auto; }
                #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:nth-of-type(2):before {
                  content: "2"; } }
          #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:nth-of-type(3) {
            top: 235px; }
            @media (max-width: 1200px) {
              #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:nth-of-type(3) {
                top: auto;
                margin-bottom: 0; }
                #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:nth-of-type(3):before {
                  content: "3"; } }
          @media (max-width: 1200px) {
            #mat .pillowFeatures .matPremium-contents .matPremium-material .matPremium-material-in div p:last-of-type {
              margin-bottom: 20px; } }
#mat .pillowComparison table {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "メイリオ", sans-serif;
  width: 100%; }
  #mat .pillowComparison table p {
    font-size: 1.2rem;
    text-align: left; }
    @media (min-width: 600px) {
      #mat .pillowComparison table p {
        font-size: 1.8rem; } }
  #mat .pillowComparison table figure {
    margin-top: 10px; }
    @media (min-width: 600px) {
      #mat .pillowComparison table figure {
        margin-top: 20px; } }
  #mat .pillowComparison table thead th {
    border: 1px solid #d9c077;
    text-align: center;
    padding: 5px;
    font-family: "Noto Serif Japanese", serif; }
    @media (min-width: 600px) {
      #mat .pillowComparison table thead th {
        font-size: 2rem; } }
    #mat .pillowComparison table thead th.itemP {
      background: #d9c077;
      color: #fff; }
    #mat .pillowComparison table thead th.itemS {
      background: #f7f2e4;
      color: #d9c077; }
  #mat .pillowComparison table tbody th {
    box-sizing: border-box;
    border: 1px solid #d9c077;
    text-align: center;
    vertical-align: middle;
    padding: 5px; }
    #mat .pillowComparison table tbody th p {
      text-align: center; }
  #mat .pillowComparison table tbody td {
    padding: 15px 5px;
    box-sizing: border-box;
    border: 1px solid #d9c077;
    text-align: center;
    box-sizing: border-box; }
    @media (min-width: 600px) {
      #mat .pillowComparison table tbody td {
        padding: 25px 20px; } }
    #mat .pillowComparison table tbody td p {
      padding: 0 5px 0 2px; }
      @media (min-width: 600px) {
        #mat .pillowComparison table tbody td p {
          padding: 0; } }
  #mat .pillowComparison table.table-pc tbody th {
    width: 16%; }
  #mat .pillowComparison table.table-pc tbody td {
    width: 28%; }
  #mat .pillowComparison table.table-sp {
    margin-bottom: 10px; }
    #mat .pillowComparison table.table-sp tbody th {
      width: 30%; }
    #mat .pillowComparison table.table-sp tbody td {
      width: 70%; }
    #mat .pillowComparison table.table-sp:last-of-type {
      margin-bottom: 0; }
#mat .pillowComparison .boxTxt {
  margin-top: 30px; }
  @media (min-width: 600px) {
    #mat .pillowComparison .boxTxt {
      margin-top: 40px; } }
#mat #ftSub02 {
  margin-bottom: 0; }
#mat .product-flowList > li {
  padding: 30px 30px 20px;
  background: #fbf8f1;
  margin-bottom: 70px;
  text-align: center;
  position: relative; }
  @media (min-width: 600px) {
    #mat .product-flowList > li {
      padding: 35px 46px 40px;
      margin-bottom: 100px; } }
  #mat .product-flowList > li .icon {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
    @media (min-width: 600px) {
      #mat .product-flowList > li .icon {
        left: 23px;
        top: -30px;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0); } }
    #mat .product-flowList > li .icon img {
      max-width: 86px;
      width: 100%; }
      @media (min-width: 600px) {
        #mat .product-flowList > li .icon img {
          max-width: 177px; } }
  #mat .product-flowList > li p {
    margin-top: 15px;
    text-align: left; }
    @media (min-width: 600px) {
      #mat .product-flowList > li p {
        text-align: center; } }
  #mat .product-flowList > li img {
    width: 100%; }
  #mat .product-flowList > li:after {
    content: '';
    border: 15px solid transparent;
    border-top: 25px solid #d9c077;
    position: absolute;
    bottom: -55px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
  #mat .product-flowList > li:last-child {
    margin-bottom: 0px; }
    #mat .product-flowList > li:last-child:after {
      content: none; }
#mat .product-flowList h4 {
  font-family: "Noto Serif Japanese", serif;
  font-size: 1.8rem; }
  @media (min-width: 600px) {
    #mat .product-flowList h4 {
      font-size: 2.4rem; } }
#mat .product-flowList .product-picList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px 0 0;
  padding: 0 20px; }
  @media (min-width: 600px) {
    #mat .product-flowList .product-picList {
      margin: 25px 0 0;
      padding: 0; } }
  #mat .product-flowList .product-picList li {
    margin-bottom: 10px; }
    @media (min-width: 600px) {
      #mat .product-flowList .product-picList li {
        width: calc( (100% - 25px) / 2);
        margin-right: 25px;
        margin-bottom: 0; } }
    #mat .product-flowList .product-picList li:last-child {
      margin-bottom: 0; }
      @media (min-width: 600px) {
        #mat .product-flowList .product-picList li:last-child {
          margin-right: 0; } }
#mat .pillowMaintenance {
  margin-bottom: 0; }
  #mat .pillowMaintenance .pillow-maintenanceList {
    width: 100%; }
    @media (min-width: 600px) {
      #mat .pillowMaintenance .pillow-maintenanceList {
        width: 870px;
        margin: 0 auto; } }
    #mat .pillowMaintenance .pillow-maintenanceList a {
      display: block;
      padding-top: 60%;
      position: relative;
      background-position: center center;
      background: url(../img/mat/pillowMaintenancelist01.jpg) no-repeat;
      background-size: cover; }
      #mat .pillowMaintenance .pillow-maintenanceList a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%; }
      #mat .pillowMaintenance .pillow-maintenanceList a:hover {
        background: url(../img/mat/pillowMaintenancelist02.jpg) no-repeat;
        background-size: cover;
        transition: all .5s ease; }
      #mat .pillowMaintenance .pillow-maintenanceList a div {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 2rem;
        color: #ffffff;
        font-family: "Noto Serif Japanese", serif;
        width: 100%; }
        @media (min-width: 600px) {
          #mat .pillowMaintenance .pillow-maintenanceList a div {
            font-size: 3rem; } }
#mat .pc {
  display: none; }
  @media (min-width: 600px) {
    #mat .pc {
      display: block; } }
#mat .sp {
  display: block; }
  @media (min-width: 600px) {
    #mat .sp {
      display: none; } }
#mat .boxTxt {
  padding: 0 15px; }
  @media (min-width: 600px) {
    #mat .boxTxt {
      padding: 0; } }
#mat .pillowFllow .inner {
  width: 100%;
  padding: 0 35px; }
  @media (min-width: 600px) {
    #mat .pillowFllow .inner {
      max-width: 1700px;
      padding: 0 50px; } }
#mat .pillowFllow .product-flowList-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #mat .pillowFllow .product-flowList-details li {
    width: 100%;
    margin-bottom: 50px;
    position: relative; }
    @media (min-width: 600px) {
      #mat .pillowFllow .product-flowList-details li {
        width: calc( (100% - 200px) / 3);
        margin-right: 100px;
        margin-bottom: 0;
        position: static; } }
    #mat .pillowFllow .product-flowList-details li:last-child {
      margin-right: 0;
      margin-bottom: 0; }
      #mat .pillowFllow .product-flowList-details li:last-child:before {
        content: none; }
      #mat .pillowFllow .product-flowList-details li:last-child figure:before {
        content: none; }
    #mat .pillowFllow .product-flowList-details li:before {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -30px;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      display: block;
      width: 20px;
      height: 20px;
      border-top: solid 2px #534a48;
      border-right: solid 2px #534a48;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      margin-left: -10px; }
      @media (min-width: 600px) {
        #mat .pillowFllow .product-flowList-details li:before {
          content: none; } }
    #mat .pillowFllow .product-flowList-details li figure {
      margin-bottom: 13px; }
      @media (min-width: 600px) {
        #mat .pillowFllow .product-flowList-details li figure {
          position: relative; } }
      @media (min-width: 600px) {
        #mat .pillowFllow .product-flowList-details li figure:before {
          content: '';
          position: absolute;
          width: 45px;
          height: 45px;
          right: -61px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          margin-top: -23px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          border-top: solid 2px #534a48;
          border-right: solid 2px #534a48; } }
    #mat .pillowFllow .product-flowList-details li h4 {
      font-size: 1.8rem;
      font-family: "Noto Serif Japanese", serif;
      margin-bottom: 10px; }
      @media (min-width: 600px) {
        #mat .pillowFllow .product-flowList-details li h4 {
          font-size: 2.4rem; } }
    #mat .pillowFllow .product-flowList-details li p {
      text-align: left; }
      @media (min-width: 600px) {
        #mat .pillowFllow .product-flowList-details li p {
          padding: 0 15px; } }
#mat .pillowFllow .boxTxt {
  margin-top: 30px; }
  @media (min-width: 600px) {
    #mat .pillowFllow .boxTxt {
      margin-top: 40px; } }
#mat .pillowFllow .mod_tit02 {
  margin-bottom: 10px; }
  @media (min-width: 600px) {
    #mat .pillowFllow .mod_tit02 {
      margin-bottom: 30px; } }
#mat .pillowMaintenance .movie {
  margin-top: 30px;
  margin-bottom: 0; }
  @media (min-width: 600px) {
    #mat .pillowMaintenance .movie {
      margin-top: 80px;
      margin-bottom: 0; } }
#mat .movie {
  margin-top: 20px; }
  @media (max-width: 599px) {
    #mat .movie {
      position: relative;
      padding-bottom: 56.25%;
      /*アスペクト比 16:9の場合の縦幅*/
      height: 0;
      overflow: hidden; } }
  @media (min-width: 600px) {
    #mat .movie {
      margin-top: 50px; } }
  @media (max-width: 599px) {
    #mat .movie iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }