/********************************************************
ML/common/css/2022_new_css/common_v2.cssの上書き要素
*********************************************************/

.footer-utility {
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
}

/********************************************************
common
*********************************************************/

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
a{
    text-decoration:none;
}

a[href*="tel:"] {
    pointer-events: auto;
    cursor: pointer;
}
h1, h3, .visual_box h2{
    font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}
main sup{
    vertical-align: top;
    font-size: 30%;
    line-height: 250%;     
}

section{
    max-width: 768px;
    margin:0 auto;
}

/*------ page 固有設定 -------*/

.mg-top-1{
     margin-top: -1px;
}

/********************************************************
MAIN CONTENT
*********************************************************/
/*-------- btn-cart ---------*/
.btn-cart a {
    cursor: pointer;
    display: block;
    transition-duration: .5s;
}
.btn-cart a:hover {
    opacity: 0.8;
    transform: translateY(5px);
}    

/*-------- btn-cart ---------*/
.group-area{
    position: relative;
}

.group-button {
    position: absolute;
    max-width: 610px;
    width: 100%;
    margin: 0 auto;
    left: 11%;
}

.group-button a {
    display: block;
    margin: 0 auto;
    transition-duration: .5s;
}
.group-button a:hover {
     transform: translateY(5px);
     opacity: 0.8;
}  

.group_01 {
    top: 9.2%;
}

.group_02 {
    top: 38.5%;
}

.group_03 {
    bottom: 1.8%;
}

@media (max-width: 767px) {
    .group-button {
        max-width: 800px;
        width: 80%;
        left:10%;
    }
}


/*------------------- order-center ---------------*/
  .clp-btn {
    margin: 30px auto;
    max-width: 585px;
    width: 100%;
  }

  @media (max-width: 767px) {
     .clp-btn {
        width: 76%;
        margin: 15px auto;
     }
}

  .clp-btn a {
    display: block;
    transition-duration: .5s;
  }

  .clp-btn a:hover {
    opacity: 0.8;
    transform: translateY(5px);
  }