@charset "UTF-8";
/* CSS Document */

span.pc_only {
  display: inline !important;
}

.productBtnArea {
    height: auto;
    padding-bottom: 40px;
    position: relative;
    z-index: 50;
}
.productBtnArea > .inner {
  
}
.productBtnArea .productBtn {
    display: flex;
}
.productBtnArea .productBtn .products:not(:first-child) {
    margin-left: 15px;
}
.productBtnArea .productBtn .products p {
    font-weight: 700;
    font-size: 19px;
}
.productBtnArea .productBtn .products img {
    width: 70%;
}
.productBtnArea .productBtn .product_a {
    background-color: #d43446;
}
.productBtnArea .productBtn .product_b {
    background-color: #00abe3;
}
.productBtnArea .productBtn .product_c {
    background-color: #85b200;
}
.productBtnArea .productBtn .product_d {
    background-color: #854c97;
}
.productBtnArea .productBtn .product_e {
    background-color: #ffa64d;
}
.productBtnArea .productBtn .product01 a {
    background-color: #fae6e9;
    border: 3px solid #d43446;
}
.productBtnArea .productBtn .product02 a {
    background-color: #e0f5fc;
    border: 3px solid #00abe3;
}
.productBtnArea .productBtn .product03 a {
    background-color: #f0f6e0;
    border: 3px solid #85b200;
}
.productBtnArea .productBtn .product04 a {
    background-color: #fae6e9;
    border: 3px solid #854c97;
}
.productBtnArea .productBtn .product05 a {
    background-color: #fff4e9;
    border: 3px solid #ffa64d;
}
.productBtnArea .productBtn .products a {
    padding: 20px 4px 10px;
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px,
        #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px,
        #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px,
        #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.productBtnArea .productBtn .product01 a {
    color: #d43446;
}
.productBtnArea .productBtn .product02 a {
    color: #00abe3;
}
.productBtnArea .productBtn .product03 a {
    color: #85b200;
}
.productBtnArea .productBtn .product04 a {
    color: #854c97;
}
.productBtnArea .productBtn .product05 a {
    color: #ffa64d;
}
.productBtnArea .productBtn .product_common {
    margin-right: 5px;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 32px;
    line-height: 35px;
    color: #fff;
    text-shadow: none;
}
.productBtnArea .productBtn .products:hover {
    opacity: 0.7;
}
/*.productBtnArea .productBtn a{
  font-family: showcard-gothic, sans-serif;
  color: #FFF;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  font-size: 60px;
  line-height: 63px;
  text-shadow: none;
}*/
/*.productBtnArea .productBtn div a{
  background-color: #868686;
}*/
/*.productBtnArea .productBtn div.product01 a:hover{
  background-color: #d43446;
}
.productBtnArea .productBtn div.product02 a:hover{
  background-color: #85B200;
}
.productBtnArea .productBtn div.product03 a:hover{
  background-color: #00ABE3;
}
.productBtnArea .productBtn div.product04 a:hover{
  background-color: #FFA64D;
}
.productBtnArea .productBtn div.product05 a:hover{
  background-color: #854D97;
}*/

.productBtnArea p {
    text-align-last: center;
}
.productArea {
    height: auto;
    padding-top: 130px;
    margin-top: -130px;
    position: relative;
    z-index: 1;
}

.productArea h2 {
    font-size: 38px;
    font-weight: 700;
    position: relative;
    text-align: center;
    padding: 30px 0;
    text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px,
        #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px,
        #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px,
        #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.productArea .h2_a {
    background-color: #f7c9c9;
    color: #d43446;
}
.productArea .h2_b {
    background-color: #bdd9ee;
    color: #00abe3;
}
.productArea .h2_c {
    background-color: #cddf96;
    color: #85b200;
}
.productArea .h2_d {
    background-color: #dfd1e4;
    color: #854c97;
}
.productArea .h2_e {
    background-color: #fbdbba;
    color: #ffa64d;
}
.productArea h2 .product_a {
    background-color: #d43446;
}
.productArea h2 .product_b {
    background-color: #00abe3;
}
.productArea h2 .product_c {
    background-color: #85b200;
}
.productArea h2 .product_d {
    background-color: #854c97;
}
.productArea h2 .product_e {
    background-color: #ffa64d;
}
.productArea h2 .product_common {
    margin-right: 20px;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    text-shadow: none;
}
.productArea .inner {
    margin-top: 50px;
    max-width: 1000px;
    padding-bottom: 100px;
}
.productArea .inner h3 {
  color: #000;
  font-size: 37px;
  font-family: century-gothic, sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  margin-top: 60px;
}
.productArea .inner .hurry {
    border: solid 3px #d43446;
    padding: 30px 30px;
    margin-top: 40px;
}
.productArea .inner .hurry h3 {
    font-size: 28px;
    padding: 0 0 20px;
    color: #d43446;
}
.productArea .inner .hurry p {
    margin-top: 5px;
}
.productArea .inner .h3_ttl {
    color: #666;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 20px;
}

.productArea .productText {
    display: flex;
    justify-content: center;
}
.productArea dl {
    display: flex;
    border-bottom: 1px solid #d43446;
}
.productArea .inner .summary {
    display: flex;
}
.productArea .inner .summary .photo {
    width: 470px;
}
.productArea .inner .summary .small_image {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.productArea .inner .summary .small_image li {
    width: 34%;
}
.productArea .inner .summary .small_image img {
    width: 100%;
}
.productArea .inner .summary .small_image li:nth-of-type(2),
.productArea .inner .summary .small_image li:nth-of-type(3) {
    margin-left: 1%;
}
.productArea .inner .summary .explanation {
    width: 500px;
    margin-left: 30px;
}
.productArea .inner .summary .explanation div {
    /* height: 265px; */
}
.productArea .inner .summary .explanation h4 {
    font-size: 26px;
    font-weight: bold;
    margin: 3px 0 5px;
}
.productArea .inner .summary .explanation .h4_a {
    color: #d43446;
}
.productArea .inner .summary .explanation .h4_b {
    color: #85b200;
}
.productArea .inner .summary .explanation .h4_c {
    color: #00abe3;
}
.productArea .inner .summary .explanation .h4_d {
    color: #ffa64d;
}
.productArea .inner .summary .explanation .h4_e {
    color: #854c97;
}
.productArea .inner .summary .explanation p {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 18px;
}
.productArea .inner table {
    width: 100%;
}
.productArea .inner .summary .explanation table {
    height: 160px;
    margin-top: 20px;
}
.productArea .inner .summary .explanation table tr th,
.productArea .inner .specification table tr th,
.productArea .inner .option table tr th {
    width: 33%;
    text-align: center;
    vertical-align: middle;
    background-color: #50bec5;
    border: 3px solid #fff;
    color: #fff;
    font-size: 18px;
}
.productArea .inner .summary .explanation table tr td,
.productArea .inner .specification table tr td,
.productArea .inner .option table tr td {
    padding: 15px 14px;
    background-color: #e2f2f2;
    border: 3px solid #fff;
    vertical-align: middle;
    font-size: 18px;
}
.productArea .inner .summary .explanation table tr td {
    padding: 10px 14px;
}
.productArea .inner .price table,
.productArea .inner .muzi_zaikohyou table {
    font-size: 16px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    background-color: #fff;
}
.productArea .inner .price .kn_kakaku_box {
    margin-top: 20px;
}
.productArea .inner .price table .small_th {
    font-size: 10px;
}
.productArea .inner .price table th,
.productArea .inner .muzi_zaikohyou table th {
    text-align: center;
    padding: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    background-color: #666;
    color: #fff;
    vertical-align: middle;
}
.productArea .inner .price table td:first-child {
    text-align: left;
    padding-left: 30px;
}
.productArea .inner .price table td,
.productArea .inner .muzi_zaikohyou table td {
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
.productArea .inner .btn {
    text-align: center;
    margin-top: 40px;
}
.productArea .inner .btn a {
    width: 200px;
    display: inline-block;
    padding: 12px 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: orange;
    border-radius: 50px;
}
.productArea .inner .btn a:hover {
    background-color: #00bbbb;
}
.productArea .inner .hurry .btn a {
    margin-top: 20px;
}
.productArea .inner .band_color {
    margin-bottom: 50px;
}
.productArea .inner .band_color #color_navi_box {
    display: flex;
    justify-content: center;
    height: auto;
    margin: 0 auto;
    flex-wrap: wrap;
    max-width: 700px;
}
.productArea .inner .band_color #color_navi_box li {
    margin-top: 20px;
    margin-right: 10px;
}
.productArea .inner .band_color p,
.productArea .inner .muzi_zaikohyou .red,
.productArea .inner .price .red {
    text-align: center;
}
.productArea .inner .muzi_zaikohyou .red,
.productArea .inner .price .red {
    color: #f00;
}
.productArea .inner .price .red {
	margin-bottom: 20px;
}
.productArea .inner .muzi_zaikohyou .right {
    text-align: right;
    margin-top: 20px;
}
a.basic_btn:before {
    font-family: "icomoon";
    content: "\e038";
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: 0;
    line-height: 1;
}
a.basic_btn {
    position: relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    padding: 5px 0 5px 25px;
}
.productArea .inner .ink_color p {
    text-align: center;
}
.productArea .inner .ink_color .ink_notice p {
    text-align: left;
}
.productArea .inner .summary .explanation .fs14,
.productArea .inner .fs14 {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 5px;
}
.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    padding: 30px 80px;
    animation: toggleFixed 0.2s;
    background-color: #eb6877;
}

.sale {
	color: red;
	font-weight: bold;
}

@media screen and (max-width: 1750px) {
}

@media screen and (max-width: 1350px) {
}

@media screen and (max-width: 1280px) {
    /* .productBtnArea .productBtn {
        grid-template-columns: repeat(3, 1fr);
    }     */
    .productBtnArea .productBtn .products {
        position: relative;
    }
    .productBtnArea .productBtn .products p {
        font-size: 15px;
    }
    .productBtnArea .productBtn .product_common {
        position: absolute;
        top: -3px;
        left: -3px;
    }
}
@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1000px) {
    .productBtnArea .productBtn {
        flex-wrap: wrap;
    }
    .productBtnArea .productBtn .products {
        width: 32%;
    }
    .productBtnArea .productBtn .products:nth-child(4),
    .productBtnArea .productBtn .products:nth-child(5) {
        width: 49%;
    }
    .productBtnArea .productBtn .products:not(:first-child) {
        margin-left: 0;
    }
    .productBtnArea .productBtn .products:not(:nth-child(3n-2)) {
        margin-left: 2%;
    }
    .productBtnArea .productBtn .products:nth-last-child(n + 3) {
        margin-bottom: 15px;
    }
    .productBtnArea .productBtn .products img {
        width: 90px;
    }
}
@media screen and (max-width: 860px) {
}

@media screen and (max-width: 897px) and (orientation: landscape) {
}

@media screen and (max-width: 767px) {
    .productBtnArea {
        height: auto;
        padding-bottom: 40px;
        padding-top: 30px;
    }
    .productBtnArea .productBtn {
    }
    .productBtnArea .productBtn .product_common {
        margin-right: 2px;
        width: 30px;
        height: 30px;
        font-size: 25px;
        line-height: 27px;
    }
    .productBtnArea .productBtn .products p {
        font-size: 14px;
    }
    .productBtnArea .productBtn .products img {
        width: 70px;
    }
    .productArea {
      padding-top: 100px;
      margin-top: -100px;
    }
    .productArea .inner {
        width: 100%;
        padding-right: 3vw;
        padding-left: 3vw;
        padding-bottom: 60px;
        margin-top: 20px;
    }
    .productArea .inner h3 {
        padding-top: 0;
        font-size: 35px;
    }
    .productArea .inner .summary .explanation h4 {
        margin: 1em 0 11px;
        font-size: 18px;
    }
    .productArea .inner .btn {
        margin-top: 20px;
    }
    .productArea .inner .btn a {
        width: 185px;
        padding: 6px 0;
    }
    .productArea .inner .h3_ttl {
        margin-bottom: 12px;
        font-size: 18px;
    }
    .productArea .inner .summary {
        display: block;
    }
    .productArea .inner .summary .explanation div {
        height: auto;
    }
    .productArea .inner .summary .photo {
        width: 100%;
    }
    .productArea .inner .summary .explanation {
        width: 100%;
        margin-left: 0px;
    }
    .productArea .inner .summary .explanation table {
        margin-top: 20px;
    }
    .productArea h2 .product_common {
      width: 43px;
      height: 43px;
      font-size: 36px;
      line-height: 37px;
      margin-right: 12px;
  }
    .productArea .inner .price table,
    .productArea .inner .muzi_zaikohyou table {
        font-size: 75%;
    }
    .productArea .inner .price table td:first-child,
    .productArea .inner .muzi_zaikohyou table td:first-child {
        padding: 5px 2%;
    }
    .productArea .inner .price table td,
    .productArea .inner .muzi_zaikohyou table td {
        padding: 5px 1%;
    }
    .productArea .inner .price table th,
    .productArea .inner .muzi_zaikohyou table th {
        padding: 8px;
        width: auto;
    }
    .flowArea .inner .flowlist li:nth-child(odd) {
        border: 3px solid #00baba;
    }
    .flowArea .inner .flowlist li:nth-child(odd) .ttl {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
        border-right: none;
    }
    .productArea h2 {
        font-size: 28px;
        padding: 15px 0;
    }
    .flowArea .inner .flowlist li:nth-child(odd) .ttl img {
        width: 100px;
    }
    .flowArea .inner .flowlist li:nth-child(odd) .txt {
        float: none;
        width: 100%;
        padding-right: 0;
        line-height: 1.6;
    }
    .flowArea .inner .flowlist li:nth-child(odd) .txt h4 {
        font-size: 24px;
    }

    .flowArea .inner .flowlist li:nth-child(odd) .txt p {
        font-size: 16px;
    }
    .productArea .inner .summary .explanation table tr td,
    .productArea .inner .specification table tr td,
    .productArea .inner .option table tr td {
        padding: 10px 14px;
    }
    .productArea .inner .summary .explanation p {
        font-size: 15px;
    }
    .productArea .inner .summary .explanation table tr th,
    .productArea .inner .specification table tr th,
    .productArea .inner .option table tr th,
    .productArea .inner .summary .explanation table tr td,
    .productArea .inner .specification table tr td,
    .productArea .inner .option table tr td {
        font-size: 16px;
    }
    .productArea .inner .hurry h3 {
        font-size: 17px;
    }
    .productArea .inner .hurry {
        padding: 22px 22px;
    }
    .productArea .inner .muzi_zaikohyou .red {
        text-align: left;
        font-size: 14px;
    }
    .productBtnArea .productBtn .products a {
        padding: 5px 0px 6px;
    }
}

@media screen and (max-width: 650px) {
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 450px) {
    .productBtnArea .productBtn .products {
        width: 49%;
    }
    .productBtnArea .productBtn .products img {
        width: 60px;
    }
    .productBtnArea .productBtn .products:not(:first-child) {
        margin-left: 0;
    }
    .productBtnArea .productBtn .products:not(:nth-child(3n-2)) {
        margin-left: 0;
    }
    .productBtnArea .productBtn .products:not(:nth-child(odd)) {
        margin-left: 2%;
    }
    .productBtnArea .productBtn .products:nth-last-child(n + 3) {
        margin-bottom: 7px;
    }
}
@media screen and (max-width: 380px) {
}