/*/////---example---//////
    html:lang(en) {
      body {}
    }
*/
/* =====================================================================


===================================================================== */
* {
    font-weight: normal;
}

p {
    margin: 0;
}

.mainContents {
    background: #000;
}
.mainContents img {
    width: 100%;
    height: auto;
}

.mainContents .mainContents__inner {
    max-width: 640px;
    margin: 0 auto;
}

.sec02,.sec03 {
    background: url(../img/sec02_bg.jpg) top center repeat;
    background-size: 27% auto;
}
.sec02__inner,.sec03__inner {
    background: url(../img/sec02_bgImg.png) top center repeat;
    background-size: auto;
    padding: 3.5%;
}
.sec__itemBox {
    background: url(../img/detail_top.jpg),url(../img/detail_btm.jpg),url(../img/detail_mid.jpg);
    background-position: top center,bottom center,top center;
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-size: 100% auto;
    padding: 0 10% 12%;
}
.sec__item {
    padding-top: 10%;
}
.sec__pattern {
    padding-top: 5%;
    font-weight: bold;
    font-size: 16px;
    font-size: calc(1rem + 3 * (100vw - 320px) / 448);
    text-align: center;
}
.sec__itemttl {
    padding-top: 5%;
    font-weight: bold;
    font-size: 18px;
    font-size: calc(1.125rem + 3 * (100vw - 320px) / 448);
    text-align: center;
    line-height: 1.3;
}
.sec__product {
    padding-top: 3.5%;
    font-weight: bold;
    font-size: 12px;
    font-size: calc(0.75rem + 3 * (100vw - 320px) / 448);
    letter-spacing: -0.05em;
    text-align: center;
}
.sec__product.pb35 {
    padding-bottom: 3.5%;
}
.sec__price {
    font-weight: bold;
    font-size: 18px;
    font-size: calc(1.125rem + 3 * (100vw - 320px) / 448);
    text-align: center;
}
.sec__price span {
    color: #333;
    font-weight: bold;
    font-size: 12px;
    font-size: calc(0.75rem + 3 * (100vw - 320px) / 448);
    letter-spacing: -0.05em;
}
.sec__free {
    width: 60%;
    margin: 8% auto 0;
}
.sec__cart {
    margin-top: 5%;
}
.cartArea__title {
    width: 60%;
    margin: 0 auto;
    padding: 3.5% 0;
}

.sec03__inner {
    padding-bottom: 7%;
}

.sec04 {
    background: url(../img/sec04_bg.jpg) top center repeat-y;
    background-size: 100% auto;
}
.sec04__inner {
    padding: 10% 3.5% 5%;
}
.sec04__img01 {
    padding: 0 3.5%;
}
.sec04__img02 {
    padding: 0 3.5% 5%;
}

.sec05 {
    background: url(../img/sec05_bg.jpg) top center repeat;
    background-size: 27% auto;
}
.sec05__inner {
    padding: 10% 3.5% 2%;
}
.sec05__img01 {
    padding: 5% 3.5% 0;
}
.sec05__img02 {
    padding: 1% 3.5% 10%;
}

.sec06 {
    background-color: #fffded;
}
.sec06__inner {
    padding: 10% 3.5% 0;
}
.sec06 .sec__itemBox {
    padding: 0 7% 8%;
    margin-bottom: 10%;
}
.sec06__title {
    padding-top: 6%;
}
.sec06__bnr {
    padding-top: 5%;
}
.sec06__majolipia {
    position: relative;
    background: url(../img/sec06_bg.png) top center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding-top: calc(1086 / 592 * 100%);
}
.sec06__txtBox {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
}
.sec06__ttl {
    padding: 0 15% 6%;
}
.sec06__txt {
    padding-bottom: 7%;
    font-size: 12px;
    font-size: calc(0.75rem + 3 * (100vw - 320px) / 448);
    text-align: center;
    line-height: 2.0;
}

.relation__btns {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 12% 0;
    background-color: #fffded;
}
.relation__btns .relation__btn__item {
    width: 87.5%;
    margin: 0 auto;
}
.relation__btns .relation__btn__item:nth-child(2) {
    margin-top: 5.625%;
}
.relation__btns .relation__btn__item img {
    width: 100%;
}





/*
## .lp_button_cart
*/

.lp_button_cart {
  display: block;
  overflow: hidden;
  position: relative;
  height: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  -ms-filter: "alpha( opacity=100 )";
  filter: alpha(opacity=100);
  zoom: 1;
  margin: 0 auto;
}

.lp_button_cart.is_1 { 
    width: 100%;
    padding-top: 18.868%;
    background-image: url(../img/button-cart-1.png);
}
.lp_button_cart.is_2 { 
    width: 100%;
    padding-top: 18.868%;
    background-image: url(../img/button-cart-2.png);
}
.lp_button_cart.is_9 { 
    width: 100%;
    padding-top: 18.868%;
    background-image: url(../img/button-cart-9.png);
}