/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PRODUCT CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* Variables
-------------------------------------------- */
.contents {
  margin: 0;
  padding: 0;
  margin: 0 auto;
  /*---------------------------------------------------------------------------------*/
  /*---------------------------------------------------------------------------------*/ }
  @media (max-width: 640px) {
    .contents {
      padding: 0;
      margin: 0 auto;
      overflow: hidden; } }
  .contents p img {
    display: block; }
    .contents p img.img01, .contents p img .img02 {
      width: 100%;
      display: block; }
      @media (max-width: 768px) {
        .contents p img.img01, .contents p img .img02 {
          width: 80%;
          margin: 40px 0 0 auto; } }
    .contents p img.img02 {
      max-width: 600px;
      margin: 80px auto 0; }
      @media (max-width: 768px) {
        .contents p img.img02 {
          width: 80%;
          margin: 40px 0 0 auto; } }
  .contents .mianArea {
    position: relative;
    overflow: hidden; }
    .contents .mianArea .photo {
      min-height: 530px; }
      .contents .mianArea .photo .shadow {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0; }
        @media (max-width: 768px) {
          .contents .mianArea .photo .shadow {
            box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.8) inset; } }
      @media (max-width: 768px) {
        .contents .mianArea .photo {
          position: relative; } }
      .contents .mianArea .photo .product_ttl {
        height: auto;
        display: block;
        position: absolute; }
        @media (max-width: 768px) {
          .contents .mianArea .photo .product_ttl {
            height: auto;
            display: block;
            position: absolute; } }
      .contents .mianArea .photo .spIcon {
        display: none; }
        @media (max-width: 768px) {
          .contents .mianArea .photo .spIcon {
            width: 30%;
            height: auto;
            display: block;
            position: absolute;
            right: 10px;
            top: 20px;
            z-index: 2; } }
    .contents .mianArea .info {
      width: 47%;
      padding: 70px 40px 70px 0;
      margin: 0 0 0 auto;
      position: absolute;
      bottom: 0;
      right: 0; }
      @media (max-width: 768px) {
        .contents .mianArea .info {
          width: 100%;
          padding: 0;
          margin: 0;
          position: static; } }
      @media (max-width: 640px) {
        .contents .mianArea .info {
          width: 100%;
          margin-left: 0; } }
      .contents .mianArea .info p.txt {
        font-size: 1.4rem; }
        @media (max-width: 768px) {
          .contents .mianArea .info p.txt {
            padding: 30px 10px 0; } }
  .contents ul.subCut {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    flex-wrap: wrap; }
    @media (max-width: 480px) {
      .contents ul.subCut {
        display: block;
        width: 100%; } }
    .contents ul.subCut::before {
      content: "";
      display: block;
      width: calc(33.33% - 2px);
      order: 1; }
    .contents ul.subCut::after {
      content: "";
      display: block;
      width: calc(33.33% - 2px); }
    .contents ul.subCut li {
      width: calc(33.33% - 2px); }
      @media (max-width: 768px) {
        .contents ul.subCut li {
          width: calc(50% - 2px); } }
      @media (max-width: 640px) {
        .contents ul.subCut li {
          width: 100%;
          margin-bottom: 5px; } }
      .contents ul.subCut li p {
        font-size: 1.2rem;
        padding: 10px; }
        @media (max-width: 768px) {
          .contents ul.subCut li p {
            padding: 20px 10px; } }
        @media (max-width: 640px) {
          .contents ul.subCut li p {
            margin: 0;
            padding: 10px 0; } }
      @media (max-width: 640px) {
        .contents ul.subCut li img {
          width: 100%;
          height: auto; } }
  .contents ul.btnArea {
    margin: 80px auto;
    padding: 0;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center; }
    @media (max-width: 640px) {
      .contents ul.btnArea {
        margin: 40px auto;
        text-align: center; } }
    .contents ul.btnArea li {
      width: 32%;
      padding: 0 1%; }
      @media (max-width: 768px) {
        .contents ul.btnArea li {
          width: 100%;
          padding: 0%;
          margin-bottom: 10px; } }
      @media (max-width: 640px) {
        .contents ul.btnArea li {
          width: 100%; } }
      .contents ul.btnArea li a {
        padding: 22px 0 20px;
        text-align: center;
        border-radius: 50px;
        border: #BA79B1 solid 1px;
        margin: 0;
        position: relative;
        background: #BA79B1;
        line-height: 1;
        display: block;
        color: #FFF; }
        @media (max-width: 640px) {
          .contents ul.btnArea li a {
            width: calc(100% - 20px); } }
        .contents ul.btnArea li a.arrow::before {
          position: absolute;
          margin: auto;
          content: "";
          vertical-align: middle;
          top: 46%;
          right: 10px;
          width: 10px;
          height: 10px;
          border-top: 2px solid #FFF;
          border-right: 2px solid #FFF;
          -webkit-transform: rotate(45deg) translate(-51%, 0);
          -moz-transform: rotate(45deg) translate(-51%, 0);
          -ms-transform: rotate(45deg) translate(-51%, 0);
          -o-transform: rotate(45deg) translate(-51%, 0);
          transform: rotate(45deg) translate(-51%, 0); }
      .contents ul.btnArea li + li a {
        background: #dcc6d9;
        border: #dcc6d9 solid 1px; }
      .contents ul.btnArea li:last-child a {
        background: #FFF;
        border: #BA79B1 solid 1px;
        color: #BA79B1; }
        .contents ul.btnArea li:last-child a.arrow::before {
          border-top: 2px solid #BA79B1;
          border-right: 2px solid #BA79B1; }
      @media (max-width: 768px) {
        .contents ul.btnArea li:last-child {
          margin-bottom: 0; } }
      .contents ul.btnArea li.num2 a {
        color: #FFF; }
    @media (max-width: 768px) {
      .contents ul.btnArea {
        display: block;
        padding: 0 20px;
        margin: 40px auto; } }
  .contents dl {
    margin-bottom: 50px; }
    .contents dl dt {
      padding: 10px 0;
      color: #FFF;
      text-align: center;
      background: #3BA1D2;
      font-size: 2rem; }
      @media (max-width: 414px) {
        .contents dl dt {
          margin: 0 10px; } }
      .contents dl dt span {
        display: inline; }
        @media (max-width: 414px) {
          .contents dl dt span {
            display: block;
            font-size: 5vw; } }
      .contents dl dt + dd + dt {
        margin: 40px 0 0;
        background: #92B4D4; }
        .contents dl dt + dd + dt + dd {
          text-align: center; }
    .contents dl dd {
      margin-top: 40px;
      padding: 0 10px; }
      @media (max-width: 1024px) {
        .contents dl dd {
          padding: 0 10px; } }
      @media (max-width: 600px) {
        .contents dl dd {
          margin: 30px 0 0; } }
      .contents dl dd ul {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        color: #000; }
        @media (max-width: 900px) {
          .contents dl dd ul {
            display: block;
            width: 100%; } }
        .contents dl dd ul li {
          width: 48%;
          padding: 20px 2%;
          border: #6E9BC5 solid 1px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          color: #000; }
          @media (max-width: 900px) {
            .contents dl dd ul li {
              width: 100%;
              display: block; } }
          .contents dl dd ul li:nth-child(2), .contents dl dd ul li:nth-child(4) {
            width: 4%;
            padding: 0;
            border: none;
            text-align: center;
            font-size: 4rem;
            color: #6E9BC5;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            @media (max-width: 900px) {
              .contents dl dd ul li:nth-child(2), .contents dl dd ul li:nth-child(4) {
                width: 100%; } }
          @media (max-width: 700px) {
            .contents dl dd ul li {
              width: 100%;
              padding: 20px 2%;
              border: #6E9BC5 solid 1px; } }
          .contents dl dd ul li div {
            width: 100%; }
            .contents dl dd ul li div ul {
              display: block; }
              .contents dl dd ul li div ul li {
                width: 100%;
                font-size: 1.2rem;
                display: flex;
                justify-content: space-around;
                border: none;
                padding: 0; }
                .contents dl dd ul li div ul li:nth-child(2), .contents dl dd ul li div ul li:nth-child(4), .contents dl dd ul li div ul li:nth-child(6) {
                  width: 100%;
                  font-size: 1.1rem; }
                .contents dl dd ul li div ul li.ttl {
                  font-size: 1.2rem;
                  margin: 0 0 10px;
                  padding: 0;
                  border: none; }
                .contents dl dd ul li div ul li span.double {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: -webkit-flex;
                  display: flex;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  -webkit-align-items: center;
                  align-items: center;
                  justify-content: center;
                  width: 50%;
                  text-align: center;
                  color: #000;
                  border-right: #6E9BC5 dotted 1px; }
                  .contents dl dd ul li div ul li span.double + .double {
                    border-right: none; }
                .contents dl dd ul li div ul li:nth-child(3), .contents dl dd ul li div ul li:nth-child(5) {
                  padding: 2px 0;
                  margin: 10px 0;
                  border: #6E9BC5 solid 1px;
                  color: #6E9BC5;
                  font-weight: bold; }
                  @media (max-width: 900px) {
                    .contents dl dd ul li div ul li:nth-child(3), .contents dl dd ul li div ul li:nth-child(5) {
                      font-size: 1.8rem; } }
                  @media (max-width: 500px) {
                    .contents dl dd ul li div ul li:nth-child(3), .contents dl dd ul li div ul li:nth-child(5) {
                      font-size: 3vw; } }
              .contents dl dd ul li div ul.other li span {
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                justify-content: center;
                width: 33%;
                text-align: center;
                color: #000;
                border: none;
                font-weight: normal; }
                .contents dl dd ul li div ul.other li span:nth-child(2) {
                  border-left: #6E9BC5 dotted 1px;
                  border-right: #6E9BC5 dotted 1px; }
              .contents dl dd ul li div ul.other li:nth-child(3) span {
                width: 100%;
                color: #6E9BC5;
                font-weight: bold; }
            .contents dl dd ul li div p {
              text-align: center;
              font-size: 1.4rem;
              padding-bottom: 5px;
              margin-bottom: 20px;
              border-bottom: #6E9BC5 solid 1px; }
              @media (max-width: 700px) {
                .contents dl dd ul li div p {
                  text-align: center;
                  font-size: 1.8rem;
                  padding-bottom: 5px;
                  margin-bottom: 20px;
                  border-bottom: #6E9BC5 solid 1px;
                  color: #6E9BC5;
                  font-weight: bold; } }
              @media (max-width: 500px) {
                .contents dl dd ul li div p {
                  font-size: 4vw; } }
        .contents dl dd ul.triple {
          justify-content: space-between; }
          .contents dl dd ul.triple li {
            width: 30%;
            padding: 20px 10px;
            border: #6E9BC5 solid 1px; }
            .contents dl dd ul.triple li:nth-child(2), .contents dl dd ul.triple li:nth-child(4) {
              width: 4%;
              padding: 0;
              border: none;
              text-align: center;
              font-size: 4rem;
              color: #6E9BC5; }
              @media (max-width: 900px) {
                .contents dl dd ul.triple li:nth-child(2), .contents dl dd ul.triple li:nth-child(4) {
                  width: 100%; } }
            @media (max-width: 900px) {
              .contents dl dd ul.triple li {
                width: 100%; } }
            .contents dl dd ul.triple li ul {
              justify-content: center; }
              .contents dl dd ul.triple li ul li {
                width: 100%;
                font-size: 1.2rem;
                display: flex;
                justify-content: space-around;
                border: none;
                padding: 0; }
                .contents dl dd ul.triple li ul li:nth-child(2), .contents dl dd ul.triple li ul li:nth-child(4), .contents dl dd ul.triple li ul li:nth-child(6) {
                  width: 100%;
                  font-size: 1.1rem; }
                  @media (max-width: 900px) {
                    .contents dl dd ul.triple li ul li:nth-child(2), .contents dl dd ul.triple li ul li:nth-child(4), .contents dl dd ul.triple li ul li:nth-child(6) {
                      font-size: 1.6rem; } }
                  @media (max-width: 500px) {
                    .contents dl dd ul.triple li ul li:nth-child(2), .contents dl dd ul.triple li ul li:nth-child(4), .contents dl dd ul.triple li ul li:nth-child(6) {
                      font-size: 3vw; } }
                .contents dl dd ul.triple li ul li:nth-child(3), .contents dl dd ul.triple li ul li:nth-child(5) {
                  padding: 2px 0;
                  margin: 10px 0;
                  border: #6E9BC5 solid 1px;
                  color: #6E9BC5;
                  font-weight: bold; }
                  @media (max-width: 900px) {
                    .contents dl dd ul.triple li ul li:nth-child(3), .contents dl dd ul.triple li ul li:nth-child(5) {
                      font-size: 1.8rem; } }
                  @media (max-width: 500px) {
                    .contents dl dd ul.triple li ul li:nth-child(3), .contents dl dd ul.triple li ul li:nth-child(5) {
                      font-size: 3vw; } }
        @media (max-width: 700px) {
          .contents dl dd ul {
            display: block; } }
      .contents dl dd p.att {
        font-size: 1.2rem;
        margin-top: 15px; }
        .contents dl dd p.att span {
          display: block;
          margin-bottom: 10px; }
        .contents dl dd p.att.single {
          width: 48%;
          margin: 10px auto 0; }
      .contents dl dd sup {
        color: #FF0004; }
  .contents a.btns {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 260px;
    height: 130px;
    overflow: hidden; }
    .contents a.btns span {
      width: calc(100% - 30px);
      background: #CEA9C9;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      display: flex;
      position: relative; }
      @media (max-width: 460px) {
        .contents a.btns span {
          height: 130px; } }
      .contents a.btns span::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        right: -95px;
        border: 65px solid transparent;
        border-left: 30px solid #CEA9C9; }
      .contents a.btns span p {
        width: 100%;
        position: relative;
        z-index: 1;
        padding: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 2rem;
        letter-spacing: 0.3rem;
        color: #FFF; }
        .contents a.btns span p.arrow::before {
          position: absolute;
          margin: auto;
          content: "";
          vertical-align: middle;
          top: 50%;
          right: 10px;
          width: 20px;
          height: 20px;
          border-top: 2px solid #FFF;
          border-right: 2px solid #FFF;
          -webkit-transform: rotate(45deg) translate(-50%, 0);
          -moz-transform: rotate(45deg) translate(-50%, 0);
          -ms-transform: rotate(45deg) translate(-50%, 0);
          -o-transform: rotate(45deg) translate(-50%, 0);
          transform: rotate(45deg) translate(-50%, 0); }
        .contents a.btns span p.arrow::after {
          position: absolute;
          margin: auto;
          content: "";
          vertical-align: middle;
          top: 50%;
          right: 0;
          width: 20px;
          height: 20px;
          border-top: 2px solid #FFF;
          border-right: 2px solid #FFF;
          -webkit-transform: rotate(45deg) translate(-50%, 0);
          -moz-transform: rotate(45deg) translate(-50%, 0);
          -ms-transform: rotate(45deg) translate(-50%, 0);
          -o-transform: rotate(45deg) translate(-50%, 0);
          transform: rotate(45deg) translate(-50%, 0); }
      .contents a.btns span.co1 {
        background: #BA79B1; }
        .contents a.btns span.co1::after {
          border-left: 30px solid #BA79B1; }
  .contents .optionCome {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 20px;
    text-align: left; }
    .contents .optionCome span {
      display: block;
      font-weight: bold;
      margin: 0 0 20px;
      font-size: 1.6rem; }
      .contents .optionCome span br {
        display: none; }
        @media (max-width: 414px) {
          .contents .optionCome span br {
            display: block; } }
      @media (max-width: 414px) {
        .contents .optionCome span {
          margin: 0 0 20px;
          text-align: center; } }
  .contents .tbl-r05 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border: #6E9BC5 solid 1px;
    border-right: none;
    border-bottom: none; }
    .contents .tbl-r05 tr {
      width: 100%; }
      .contents .tbl-r05 tr th, .contents .tbl-r05 tr td {
        padding: 5px;
        border-right: #6E9BC5 solid 1px;
        border-bottom: #6E9BC5 solid 1px; }
      .contents .tbl-r05 tr.thead th {
        text-align: center;
        background: #92B4D4;
        color: #FFF;
        font-weight: bold; }
      @media (max-width: 600px) {
        .contents .tbl-r05 tr.thead {
          display: none; } }
      .contents .tbl-r05 tr td {
        text-align: left; }
        @media (max-width: 600px) {
          .contents .tbl-r05 tr td {
            display: block;
            width: 100%;
            position: relative; } }
        @media (max-width: 600px) {
          .contents .tbl-r05 tr td:first-child {
            background: #92B4D4;
            color: #fff;
            font-weight: bold;
            text-align: center; } }
        @media (max-width: 600px) {
          .contents .tbl-r05 tr td:before {
            display: block;
            width: 120px;
            text-align: right;
            position: absolute;
            content: attr(data-label);
            font-weight: bold; } }
        .contents .tbl-r05 tr td span {
          display: block; }
          @media (max-width: 600px) {
            .contents .tbl-r05 tr td span {
              padding: 0 0 0 120px; } }

.himmel .contents {
  padding: 0; }
  .himmel .contents .mianArea .photo {
    background: url(../img/product/himmel/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .himmel .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .himmel .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/himmel/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .himmel .contents .mianArea .photo .product_ttl {
      width: 30%;
      height: auto;
      right: 13%;
      top: 13%; }
      @media (max-width: 768px) {
        .himmel .contents .mianArea .photo .product_ttl {
          width: 60%;
          left: auto;
          right: 9%;
          bottom: 5%;
          top: auto; } }

.frey .contents {
  padding: 0; }
  .frey .contents .mianArea .photo {
    background: url(../img/product/frey/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .frey .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .frey .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/frey/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .frey .contents .mianArea .photo .product_ttl {
      width: 45%;
      height: auto;
      right: 2%;
      top: 10%; }
      @media (max-width: 768px) {
        .frey .contents .mianArea .photo .product_ttl {
          width: 90%;
          left: 0;
          right: 0;
          bottom: 5%;
          top: auto; } }
  .frey .contents .mianArea .info p.txt {
    color: #FFF; }
    @media (max-width: 768px) {
      .frey .contents .mianArea .info p.txt {
        color: #000; } }

.maler .contents {
  padding: 0; }
  .maler .contents .mianArea .photo {
    background: url(../img/product/maler/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .maler .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .maler .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/maler/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .maler .contents .mianArea .photo .product_ttl {
      width: 40%;
      height: auto;
      right: 10%;
      top: 13%; }
      @media (max-width: 768px) {
        .maler .contents .mianArea .photo .product_ttl {
          width: 85%;
          left: auto;
          right: -12%;
          bottom: 5%;
          top: auto; } }

.koivu .contents {
  padding: 0; }
  .koivu .contents .mianArea .photo {
    background: url(../img/product/koivu/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .koivu .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .koivu .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/koivu/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .koivu .contents .mianArea .photo .product_ttl {
      width: 33%;
      height: auto;
      right: 12%;
      top: 2%; }
      @media (max-width: 768px) {
        .koivu .contents .mianArea .photo .product_ttl {
          width: 70%;
          left: 0;
          right: auto;
          bottom: 0;
          top: auto; } }
  .koivu .contents .mianArea .info {
    padding: 70px 40px 20px 0; }
    @media (max-width: 768px) {
      .koivu .contents .mianArea .info {
        width: 100%;
        padding: 0;
        margin: 0;
        position: static; } }
    @media (max-width: 640px) {
      .koivu .contents .mianArea .info {
        width: 100%;
        margin-left: 0; } }
    .koivu .contents .mianArea .info p.txt {
      font-size: 1.4rem; }
      @media (max-width: 768px) {
        .koivu .contents .mianArea .info p.txt {
          padding: 30px; } }

.natur .contents {
  padding: 0; }
  .natur .contents .mianArea .photo {
    background: url(../img/product/natur/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .natur .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .natur .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/natur/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .natur .contents .mianArea .photo .product_ttl {
      width: 60%;
      height: auto;
      right: 13%;
      top: 14%; }
      @media (max-width: 768px) {
        .natur .contents .mianArea .photo .product_ttl {
          width: 70%;
          left: auto;
          right: 0;
          bottom: 5%;
          top: auto; } }

.rukous .contents {
  padding: 0; }
  .rukous .contents .mianArea .photo {
    background: url(../img/product/rukous/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .rukous .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .rukous .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/rukous/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .rukous .contents .mianArea .photo .product_ttl {
      width: 33%;
      height: auto;
      right: 15%;
      top: 7%; }
      @media (max-width: 768px) {
        .rukous .contents .mianArea .photo .product_ttl {
          width: 60%;
          left: 0;
          right: auto;
          bottom: -3%;
          top: auto; } }

.skov .contents {
  padding: 0; }
  .skov .contents .mianArea .photo {
    background: url(../img/product/skov/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .skov .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .skov .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/skov/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .skov .contents .mianArea .photo .product_ttl {
      width: 34%;
      height: auto;
      right: 13%;
      top: -16%; }
      @media (max-width: 768px) {
        .skov .contents .mianArea .photo .product_ttl {
          width: 65%;
          left: auto;
          right: 0;
          bottom: 0;
          top: auto; } }

.aamurusko .contents {
  padding: 0; }
  .aamurusko .contents .mianArea .photo {
    background: url(../img/product/aamurusko/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .aamurusko .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .aamurusko .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/aamurusko/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .aamurusko .contents .mianArea .photo .product_ttl {
      width: 60%;
      height: auto;
      right: 10%;
      top: 10%; }
      @media (max-width: 768px) {
        .aamurusko .contents .mianArea .photo .product_ttl {
          width: 80%;
          left: auto;
          right: 5%;
          bottom: 1%;
          top: auto; } }
  .aamurusko .contents .mianArea .info {
    width: 50%;
    padding: 70px 10px 20px 0; }
    @media (max-width: 768px) {
      .aamurusko .contents .mianArea .info {
        width: 100%;
        padding: 0;
        margin: 0;
        position: static; } }
    @media (max-width: 640px) {
      .aamurusko .contents .mianArea .info {
        width: 100%;
        margin-left: 0; } }
    .aamurusko .contents .mianArea .info p.txt {
      font-size: 1.4rem; }
      @media (max-width: 768px) {
        .aamurusko .contents .mianArea .info p.txt {
          padding: 30px; } }

.torv .contents {
  padding: 0; }
  .torv .contents .mianArea .photo {
    background: url(../img/product/torv/main_pc.jpg) left center no-repeat;
    background-size: cover;
    overflow: hidden; }
    @media (max-width: 900px) {
      .torv .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .torv .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/torv/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .torv .contents .mianArea .photo .product_ttl {
      width: 60%;
      height: auto;
      right: -15%;
      top: -5%; }
      @media (max-width: 768px) {
        .torv .contents .mianArea .photo .product_ttl {
          width: 85%;
          left: 0;
          right: auto;
          bottom: -5%;
          top: auto; } }

.thor .contents {
  padding: 0; }
  .thor .contents .mianArea .photo {
    background: url(../img/product/thor/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .thor .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .thor .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/thor/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .thor .contents .mianArea .photo .product_ttl {
      width: 55%;
      height: auto;
      right: -10%;
      top: 6%; }
      @media (max-width: 768px) {
        .thor .contents .mianArea .photo .product_ttl {
          width: 100%;
          left: 0;
          right: auto;
          bottom: 1%;
          top: auto; } }

.tak .contents {
  padding: 0; }
  .tak .contents .mianArea .photo {
    background: url(../img/product/tak/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .tak .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .tak .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/tak/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .tak .contents .mianArea .photo .product_ttl {
      width: 52%;
      height: auto;
      right: -8%;
      top: 16%; }
      @media (max-width: 768px) {
        .tak .contents .mianArea .photo .product_ttl {
          width: 100%;
          left: 0;
          right: auto;
          bottom: -3%;
          top: auto; } }

.vind .contents {
  padding: 0; }
  .vind .contents .mianArea .photo {
    background: url(../img/product/vind/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .vind .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .vind .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/vind/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .vind .contents .mianArea .photo .product_ttl {
      width: 55%;
      height: auto;
      right: -9%;
      top: 12%; }
      @media (max-width: 768px) {
        .vind .contents .mianArea .photo .product_ttl {
          width: 100%;
          left: 0;
          right: auto;
          bottom: -3%;
          top: auto; } }
  .vind .contents .mianArea .info {
    width: 50%;
    padding: 70px 10px 50px 0; }
    @media (max-width: 768px) {
      .vind .contents .mianArea .info {
        width: 100%;
        padding: 0;
        margin: 0;
        position: static; } }
    @media (max-width: 640px) {
      .vind .contents .mianArea .info {
        width: 100%;
        margin-left: 0; } }
    .vind .contents .mianArea .info p.txt {
      font-size: 1.4rem; }
      @media (max-width: 768px) {
        .vind .contents .mianArea .info p.txt {
          padding: 30px; } }

.kiitos .contents {
  padding: 0; }
  .kiitos .contents .mianArea .photo {
    background: url(../img/product/kiitos/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .kiitos .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .kiitos .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/kiitos/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .kiitos .contents .mianArea .photo .product_ttl {
      width: 40%;
      height: auto;
      right: 10%;
      top: 13%; }
      @media (max-width: 768px) {
        .kiitos .contents .mianArea .photo .product_ttl {
          width: 85%;
          left: auto;
          right: -12%;
          bottom: 5%;
          top: auto; } }
  .kiitos .contents .mianArea .info {
    width: 50%;
    padding: 40px 40px 40px 0; }
    @media (max-width: 768px) {
      .kiitos .contents .mianArea .info {
        width: 100%;
        padding: 0;
        margin: 0;
        position: static; } }
    @media (max-width: 640px) {
      .kiitos .contents .mianArea .info {
        width: 100%;
        margin-left: 0; } }
    .kiitos .contents .mianArea .info p.txt {
      font-size: 1.4rem;
      color: #FFF; }
      @media (max-width: 768px) {
        .kiitos .contents .mianArea .info p.txt {
          padding: 30px;
          color: #000; } }

.moimoi .contents {
  padding: 0; }
  .moimoi .contents .mianArea .photo {
    background: url(../img/product/moimoi/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .moimoi .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .moimoi .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/moimoi/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .moimoi .contents .mianArea .photo .product_ttl {
      width: 33%;
      height: auto;
      right: 12%;
      top: 2%; }
      @media (max-width: 768px) {
        .moimoi .contents .mianArea .photo .product_ttl {
          width: 70%;
          left: 0;
          right: auto;
          bottom: 0;
          top: auto; } }
  .moimoi .contents .mianArea .info {
    width: 50%;
    padding: 70px 40px 20px 0; }
    @media (max-width: 768px) {
      .moimoi .contents .mianArea .info {
        width: 100%;
        padding: 0;
        margin: 0;
        position: static; } }
    @media (max-width: 640px) {
      .moimoi .contents .mianArea .info {
        width: 100%;
        margin-left: 0; } }
    .moimoi .contents .mianArea .info p.txt {
      font-size: 1.4rem;
      color: #FFF; }
      @media (max-width: 768px) {
        .moimoi .contents .mianArea .info p.txt {
          padding: 30px;
          color: #000; } }

.kappeli .contents {
  padding: 0; }
  .kappeli .contents .mianArea .photo {
    background: url(../img/product/kappeli/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .kappeli .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .kappeli .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/kappeli/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .kappeli .contents .mianArea .photo .product_ttl {
      width: 34%;
      height: auto;
      right: 13%;
      top: -16%; }
      @media (max-width: 768px) {
        .kappeli .contents .mianArea .photo .product_ttl {
          width: 65%;
          left: auto;
          right: 0;
          bottom: 0;
          top: auto; } }
  .kappeli .contents .mianArea .info {
    width: 50%;
    padding: 70px 40px 50px 0; }
    @media (max-width: 768px) {
      .kappeli .contents .mianArea .info {
        width: 100%;
        padding: 0;
        margin: 0;
        position: static; } }
    @media (max-width: 640px) {
      .kappeli .contents .mianArea .info {
        width: 100%;
        margin-left: 0; } }
    .kappeli .contents .mianArea .info p.txt {
      color: #FFF; }
      @media (max-width: 768px) {
        .kappeli .contents .mianArea .info p.txt {
          color: #000; } }

.suomi .contents {
  padding: 0; }
  .suomi .contents .mianArea .photo {
    background: url(../img/product/suomi/main_pc.jpg) left center no-repeat;
    background-size: cover; }
    @media (max-width: 900px) {
      .suomi .contents .mianArea .photo {
        background-position: 30% 0; } }
    @media (max-width: 768px) {
      .suomi .contents .mianArea .photo {
        padding-top: 125%;
        min-height: 100%;
        background: url(../img/product/suomi/main_sp.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat; } }
    .suomi .contents .mianArea .photo .product_ttl {
      width: 30%;
      height: auto;
      right: 13%;
      top: 13%; }
      @media (max-width: 768px) {
        .suomi .contents .mianArea .photo .product_ttl {
          width: 60%;
          left: auto;
          right: 9%;
          bottom: 5%;
          top: auto; } }
  .suomi .contents .mianArea .info {
    padding: 70px 40px 30px 0; }
    @media (max-width: 768px) {
      .suomi .contents .mianArea .info {
        width: 100%;
        padding: 0;
        margin: 0;
        position: static; } }
    @media (max-width: 640px) {
      .suomi .contents .mianArea .info {
        width: 100%;
        margin-left: 0; } }
    .suomi .contents .mianArea .info p.txt {
      color: #FFF; }
      @media (max-width: 768px) {
        .suomi .contents .mianArea .info p.txt {
          padding: 30px;
          color: #000; } }