/*header {

    position: relative;

    z-index: 40;

}*/



/*body {

    font-size: 100%;

}*/



/*body.fs-sm {

    font-size: 110%;

}



body.fs-md {

    font-size: 121%;

}



body.fs-lg {

    font-size: 133%;

}*/

.table td:nth-child(2n){

    background-color: #E4E5C4;

}

.accessible {

    position: relative;

    left: -99999999px;

    height: 0;

    display: block;

}



.redBar {

    height: 0.375em;

    background: #E1134B;

}

.h2-top{

    position: absolute;top: -39px;left:-70px;width: 216px;

}

/* .header-component */

/*.header-component {

    color: #707070;

    overflow: visible !important;

    z-index: 3;

    background: #ffffff;

    max-width: unset;

    font-size: 1.1em;

}



.header-component .inner {

    padding: 1.25em;

    overflow: visible;

}



.header-component .trigger {

    position: absolute;

    top: 1.6em;

    left: 0.9375em;

    z-index: 2;

    display: none;

}



.header-component .trigger img {

    width: auto;

}



.header-component .overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #aaaaaa;

    background-color: rgba(0, 0, 0, 0.8);

    z-index: 99;

    display: none;

}



.header-component .left-side {

    width: 10.625em;

}



.header-component .left-side .logo {

    margin-top: 0.9375em;

    width: 100%;

    display: inline-block;

}



.header-component .right-side {

    width: calc(100% - 10.625em);

    text-align: right;

    margin-top: 0.9375em;

    position: absolute;

    bottom: 0;

    right: 0;

}



.header-component .nav_search {

    border: 0.0625em solid #dddddd;

    padding: 0.125em;

    display: inline-block;

    margin-right: 1.875em;

}



.header-component .nav_search form {

    position: relative;

    height: 1.25em;

    text-align: left;

}



.header-component .nav_search input {

    border: none;

    vertical-align: top;

    display: inline-block;

    width: calc(100% - 25px);

}



.header-component .nav_search img {

    width: auto;

    position: absolute;

    top: 0.3125rem;

    right: 0.1em;

}



.header-component .nav_other {

    vertical-align: top;

    display: inline-block;

}



.header-component .nav_fb {

    vertical-align: top;

    display: inline-block;

    max-width: 36px;

    height: auto;

    margin-right: 1.875em;

    transform: translateY(-8%);

}



.header-component .left-side .logo img,

.header-component .nav_fb img {

    vertical-align: top;

    width: 100%;

    border: none;

}



.header-component .nav_other .fonts_size {

    display: inline-block;

    margin-right: 1.25em;

}



.header-component .fonts_size>div {

    display: inline-block;

    margin-right: 0.3125em;

    cursor: pointer;

}



.header-component .fonts_size>div:nth-of-type(1) {

    font-size: 1em;

}



.header-component .fonts_size>div:nth-of-type(2) {

    font-size: 0.875em;

}



.header-component .fonts_size>div:nth-of-type(3) {

    font-size: 0.75em;

}



.header-component .right-side .lang_setting {

    list-style: none;

    margin: 0;

    padding: 0;

    line-height: 1;

    vertical-align: baseline;

    font-size: 0.9em;

    display: inline-block;

}



.header-component .lang_setting li {

    display: inline-block;

    vertical-align: top;

    cursor: pointer;

    font-size: 0.9em;

    top: 0.1em;

    position: relative;

}



.header-component .lang_setting li:first-child {

    padding-right: 0.625em;

    border-right: 0.0625em solid #dddddd;

}



.header-component .lang_setting li:last-child {

    padding-left: 0.625em;

}



.header-component .right-side .nav_menu {

    margin-top: 0.1875em;

}



.header-component .nav_menu .level_1 {

    list-style: none;

    padding: 0;

    margin: 0;

}



.header-component .nav_menu .level_1 li {

    display: inline-block;

    vertical-align: top;

    position: relative;

}



.header-component .nav_menu .level_1>li:not(:nth-last-of-type(1)) {

    margin-right: 0.8125em;

    padding-right: 0.8125em;

}



.header-component .nav_menu .level_1>li:not(:nth-last-of-type(1))::after {

    content: "";

    display: block;

    position: absolute;

    height: 60%;

    top: 20%;

    right: 0;

    border-right: 0.0625em solid #dddddd;

}



.header-component .nav_menu .level_1 li:hover .level_2 {

    display: block;

}



.header-component .nav_menu .level_1 li .level_2.active {

    display: block;

}



.header-component .nav_menu .level_1 li:last-child {

    margin-right: 0;

}



.header-component .nav_menu .level_1 a {

    color: #606060;

    text-decoration: none;

    display: block;

    font-size: 0.8em;

}



.header-component .nav_menu .level_1>li>a.menu-active,

.header-component .nav_menu .level_1>li>a:hover {

    color: #E1134B;

}



.header-component .nav_menu .level_1 .down-arrow {

    display: inline-block;

    width: 0.9375em;

    height: 0.9375em;

    background-image: url(../images/icon/arrow_down.png);

    background-repeat: no-repeat;

    margin-right: 0.125em;

}



.header-component .nav_menu .level_2 {

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: left;

    position: absolute;

    display: none;

    top: 2.5em;

    background: #eeeeee;

}



.header-component .nav_menu .level_2::after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 1.0625em;

    top: -1.0625em;

    left: 0;

}



.header-component .nav_menu .level_2 li {

    position: relative;

    margin-right: 0;

    display: block;

}



.header-component .nav_menu .level_2 a {

    padding: 0.5em 1.25em;

    white-space: nowrap;

}



.header-component .nav_menu .level_2 a:hover {

    background: #e1134b;

    color: #fff;

}



.header-component .nav_menu .level_2 li:last-child a {

    border-bottom: none;

}



.header-component .redBar {

    height: 0.375em;

    background: #E1134B;

    display: none;

}*/

/*

@media only screen and (max-width:62.5em) {



    .header-component .nav_menu .level_2 a {

        white-space: normal;

    }





    .header-component .inner {

        padding: 0;

    }



    .header-component .nav_menu .level_1>li:not(:nth-last-of-type(1))::after {

        border-right: none;

    }



    .header-component {

        position: static !important;

    }



    .header-component .trigger {

        display: block;

    }



    .header-component .left-side {

        width: 100%;

        text-align: center;

    }



    .header-component .left-side .logo {

        width: 5em;

        margin-top: 0.5em;

        margin-bottom: 0.2em;

    }



    .header-component .right-side {

        display: block;

        position: fixed;

        width: 70%;

        background-color: #fff;

        height: 100%;

        min-height: 100vh;

        z-index: 100;

        left: -100%;

        top: 0;

        margin: 0;

        text-align: left;

        transition: left 0.4s;

        overflow-y: auto;

    }



    .header-component .right-side.active {

        left: 0

    }



    .header-component .right-side .nav_fb {

        margin-left: 1.25em;

        margin-top: 1.25em;

        transform: none;

        margin-right: 0;

    }



    .header-component .nav_other {

        display: block;

    }



    .header-component .right-side .nav_other {

        margin-left: 1.25em;

        margin-top: 1.25em;

    }



    .header-component .right-side .nav_search {

        position: absolute;



        top: 7.5em;

        left: 1.25em;

    }



    .header-component .right-side .level_1 {

        margin: 1.25em;

        margin-top: 4.375em;

    }



    .header-component .nav_menu .level_1>li:hover .level_2 {

        display: none;

    }



    .header-component .nav_menu .level_1>li {

        display: block;

        margin: 1.25em 0;

    }



    .header-component .nav_menu .level_2 {

        background: initial;

        padding: 0;

        position: relative;

        top: 0;

    }



    .header-component .redBar {

        display: block;

    }

}*/





span.break {

    display: inline-block;

}



span.mobile-break {

    display: block;

}



/*body {

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;

}*/





main .wrapper {

    width: 100%;

    background-image: url('../images/summerpromotion/bg.png');

    background-size: 100% auto;

    background-position: center top;

    background-repeat: repeat-y;

    position: relative;

}





main .wrapper img.banner {

    width: 100%;

}



p.right {

    position: absolute;

    right: 5%;

    margin-bottom: 0;

    font-size: 16px;

}



h1 {

    position: absolute;

    top: 0;

    width: 100%;

    margin: 0 auto;

    margin-top: 24%;

    font-size: 16px;

    font-weight: normal;

}



h2 {

    color: #e86060;

    font-size: 24px;

}



h3 {

    color: #FFF;

    font-size: 28px;

    margin-bottom: 4px;

    font-weight: normal;

    margin-top: 15px;

    text-align: left;

}



/*h3 span {

    color: #000;

    font-weight: normal;

    font-size: 22px;

}*/



h4 {

    width: 100%;

    color: #00420a;

    font-size: 30px;

    position: relative;

    display: inline-block;

    margin: 0 auto;

    margin-top: 4px;

    margin-bottom: 20px;

    text-align: center;

    font-family: 'Zen Old Mincho', serif;

}



/*

h4::before {

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -10px;

    margin-left: 10px;

    content: '●';

    background-color: #8ac44f;

    width: 10px;

    height: 10px;

    border-radius: 5px;

    color: transparent;

}



h4::after {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -10px;

    margin-right: 10px;

    content: '●';

    background-color: #8ac44f;

    width: 10px;

    height: 10px;

    border-radius: 5px;

    color: transparent;

}*/





.qr-code {

    width: 80px;

}



div.table {

    margin: 90px 0;

    margin-bottom: 0;

    width: 100%;

    display: flex;

    justify-content: center;

}



div.table .wrap {

    background: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7) 70%);

    padding: 10px;

    margin: 4px;

    margin-bottom: 0;

    text-align: center;

    width: 90%;

    background: #E4E5C4;

}



h6 {

    width: 342px;

    height: 113px;

    vertical-align: middle;

    display: block;

    padding: 10px;

    background: url(../images/summerpromotion2024/category.png) ;

/*    background-color: #FFF;*/

    background-size: 100% 100%;

    font-size: 26px;

    font-weight: bold;

    color: #78522e;

    position: relative;

    margin-top: 4px;

    margin-left: 20px;

    margin-bottom: 4px;



}



/*h6 .dot1,

h6 .dot2,

h6 .dot3,

h6 .dot4 {

    position: absolute;

    background-color: #fff;

    width: 6px;

    height: 6px;

    border-radius: 3px;

    margin: 4px;*/

}



h6 .dot1 {

    top: 0;

    left: 0;

}



h6 .dot2 {

    top: 0;

    right: 0;

}



h6 .dot3 {

    bottom: 0;

    left: 0;

}



h6 .dot4 {

    bottom: 0;

    right: 0;

}





.content {

    text-align: center;

    background-repeat: no-repeat;

    background-position: right bottom;

/*    background-image: url(../images/summerpromotion/bg_bottom.png);*/

    background-size: 20%;

    border-radius: 17px

}



.ribbon {

    color: white;

    overflow: hidden;

    display: block;

    margin: 0;

}



.ribbon h5 {

/*    border-width: 2px 0;

    border-style: solid;

    white-space: nowrap;

    border-color: #e86060;

    background-color: #e86060;*/



    color: #78522e;

    font-size: 26px;

    font-weight: normal;

    width: 200px;

    height: 100px;

    position: relative;

    z-index: 1;

    margin-left: -3px;

    display: flex;

    justify-content: center;

    align-items: center;

/*    margin-top: 0;

    margin-bottom: 0;

    padding: 0.25em 0;*/

}



.ribbon h5::after {

    position: absolute;

    top: 3px;

    left: 0;

  content: "";

/*  padding: 20px;*/

width: 200px;

height: 100px;

  display: inline-block;

  background-image: url("/images/summerpromotion2024/District.png");

    background-repeat: no-repeat;

    background-size: 80% 100%;

    background-position: 23px 0;

/*  opacity: 0.8;

  transform: skewX(-30deg);*/

  z-index: -1;

}





/*.ribbon h5::after {

    background: #E4E5C4;

    border-style: solid;

    border-color: #E4E5C4;

    border-width: 0;

    content: "";

    display: inline-block;

    border-bottom-width: 2px;

    border-right-width: 2px;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg);

    -webkit-transform-origin: 100% 100%;

    -moz-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    -o-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

    position: absolute;

    top: -50%;

    bottom: 50%;

    left: 0;

    right: 1.6em;

}*/



.box {

    padding: 10px;

    margin: 0 auto;

    background-color: #E4E5C4;

    width: 600px;

    border-radius: 20px;

}



#box1 {

    margin-top: 125px;

    padding-top: 10px;

    padding-bottom: 10px;

    position: relative;

/*    width: 90%;*/

}



#box2 {

    width: 90%;

    margin: 0 auto;

    margin-top: 130px;

    margin-bottom: 40px;

}



#box2 .box {

    width: 80%;

    height: 120px;

    margin: 0;

    position: relative;

}



#box1 p {

    font-size: 14px;

    margin-top: 0;

    margin-bottom: 10px;

}



#box1 h2 {

    position: absolute;

    top: -52px;

    left: 0;

    margin-top: 0;

    font-size: 40px;

    font-weight: normal;

    margin-bottom: 0;

}



#box1 h2 span {

    -webkit-text-stroke: 0.8px #fff;

    text-shadow: 2px 1px 5px #999;

    font-weight: bold;

}



#box2 h2 {

    margin-top: 0;

    margin-bottom: 0;

    position: absolute;

    right: 0;

    top: -35px;

    font-size: 40px;

    font-weight: normal;

}



#box2 h2 span {

    -webkit-text-stroke: 0.8px #fff;

    text-shadow: 2px 1px 5px #999;

    font-weight: bold;

}



#box1 h3 {

/*    -webkit-text-stroke: 0.2px #ccc;

    text-shadow: 1px 0px 2px #666;*/

}

.three_col2.h3.item1 span{
    color: #601509;
}
.three_col2.h3.item2 span{
    color: #034642;
}
.three_col2.h3.item3 span{
    color: #d26812;
}
/*#box1 h3 span {

    -webkit-text-stroke: 0;

    text-shadow: none;

    font-size: 16px;

}*/



#box1 a {

    color: #e86060;

}



#box1 .wrap {

    text-align: left;

    padding-left: 0;

}



#box1 img.image-2 {

    position: absolute;

    z-index: 6;

    top: 80%;

    right: 0;

    width: 20%;

}



#box1 .circle {

    width: 85px;

    height: 85px;

    border-radius: 42.5px;

    border: 4px solid #e86060;

    position: absolute;

    background-color: #fff;

    right: 0;

    top: 50%;

}



#box1 .circle .wrap {

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -35px;

    margin-top: -24px;

    padding-left: 0;

    text-align: center;

}





#box1 img.image-1.larger {

    display: none;

}





#box2 p {

    font-size: 14px;

    margin-bottom: 0;

    margin-top: 15px;

    padding-left: 60px;

    text-align: left;

}



#box2 p span {

    color: #e86060;

    font-size: 28px;

    font-weight: bold;

    -webkit-text-stroke: 0.2px #ccc;

    text-shadow: 1px 0px 2px #666;

}



#box2 img {

    position: absolute;

    top: 35px;

    left: 0;

    z-index: 10;

    max-width: 100%;

    width: 25%;

}



#box2 .ribbon h5 {

    margin-top: 0;

    margin-bottom: 0;

}



#box1 .ribbon {

    position: absolute;

    right: 0;

    bottom: -30px;

    z-index: 5;

}



#box1 .ribbon-1 {

    position: absolute;

    right: 0;

    bottom: -38px;

    width: 220px;

    height: 50px;

    background: #e86060;

}



#box1 .ribbon-1::before,

#box1 .ribbon-1::after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    bottom: 0;

    border-style: solid;

}



#box1 .ribbon-1::before {

    content: '';

    position: absolute;

    left: -25px;

    border-right: 25px solid #e86060;

    border-top: 25px solid transparent;

    border-bottom: 0 solid transparent;

    border-left: 0 solid transparent;

}



#box1 .ribbon-1::after {

    content: '';

    position: absolute;

    left: -25px;

    top: 0;

    border-top: 0 solid transparent;

    border-right: 25px solid #e86060;

    border-bottom: 25px solid transparent;

    border-left: 0 solid transparent;

}



#box1 .ribbon-1 h5 {

    font-size: 22px;

    font-weight: normal;

    margin-top: 0;

    margin-bottom: 0;

    color: #fff;

    padding-left: 25px;

    padding-top: 8px;

}



#box2 .ribbon-1 {

    position: absolute;

    left: 0;

    bottom: -35px;

    width: 200px;

    height: 50px;

    background: #e86060;

}



#box2 .ribbon-1::before,

#box2 .ribbon-1::after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    bottom: 0;

    border-style: solid;

}



#box2 .ribbon-1::before {

    content: '';

    position: absolute;

    right: -25px;

    border-left: 25px solid #e86060;

    border-top: 25px solid transparent;

    border-bottom: 0 solid transparent;

    border-right: 0 solid transparent;

}



#box2 .ribbon-1::after {

    content: '';

    position: absolute;

    right: -25px;

    top: 0;

    border-top: 0 solid transparent;

    border-left: 25px solid #e86060;

    border-bottom: 25px solid transparent;

    border-right: 0 solid transparent;

}



#box2 .ribbon-1 h5 {

    font-size: 22px;

    font-weight: normal;

    margin-top: 0;

    margin-bottom: 0;

    color: #fff;

    padding-left: 30px;

    padding-top: 8px;

}



#box2 .ribbon {

    left: 0;

}



#box1 .ribbon h5,

#box2 .ribbon h5 {

    font-size: 28px;

    font-weight: normal;

}



#box1 .ribbon h5::before,

#box1 .ribbon h5::after {

    background: #fff;

    border-color: #fff;

}



#box2 .ribbon h5::before,

#box2 .ribbon h5::after {

    background: #fff;

    border-color: #fff;

}



.bottom {

    margin-left: 35px;

    margin-right: 35px;

    padding-top: 10px;

    padding-bottom: 10px;

}



.bottom::after {

    content: '';

    display: block;

    clear: both;

}



.bottom .left {

    text-align: left;

    float: none;

    display: block;

    font-size: 14px;

}



.bottom .right {

    float: none;

    display: block;

}



ft2 {

    background-color: #FFF;

    padding: 15px;

    display: block;

}



ft2 img {

    max-width: 100%;

}



ft2 a {

    text-decoration: none;

}



ft2 .wrap {

    margin-left: 30px;

    margin-right: 30px;

}



ft2 .wrap::after {

    content: '';

    display: block;

    clear: both;

}



ft2 .wrap .left {

    display: block;

}





ft2 .wrap .right {

    display: block;

    display: flex;

}



table.table {

    width: 100%;

    margin: 0;

}



.table-responsive {

    overflow-x: auto;

    margin-bottom: 15px;

    margin-left: 18px;

    margin-right: 18px;

}



table.table tr td {

    background-color: transparent;

    border-bottom: 1px solid #000;

}



table.table tr td:first-child,

table.table tr td:nth-child(3) {

    background-color: #a2d16c;

    border-bottom: none;

    width: 1.5%;

}



table.table tr td:nth-child(2) {

    width: 50%;

    text-align: left;

    vertical-align: top;

    font-size: 15px;

    padding: 15px 10px;

}



table.table tr td:nth-child(2) a,

table.table tr td:last-child a {

    font-weight: bold;

    text-decoration: underline;

    color: #617e40;

    font-size: 20px;

}



table.table tr td:nth-child(2) small,

table.table tr td:last-child small {

    font-family: verdana;

    font-weight: bold;

    font-size: 14px;

}



table.table tr td:last-child {

    width: 50%;

    text-align: left;

    vertical-align: top;

    font-size: 15px;

    padding: 15px 10px;

}



table.table tr:last-child td:nth-child(2) {

    border: none;

}



table.table tr:last-child td:nth-child(4) {

    border: none;

}





table.table.odd-data tr:last-child td:nth-child(2) {

    border: none;

}



table.table.odd-data tr:last-child td:nth-child(3) {

    border: none;

    background: none;

}



table.table.odd-data tr:last-child td:last-child {

    border: none;

    background: none;

}



table.table.single-data tr td:nth-child(2) {

    width: 350px;

}



table.table a {

    color: #000;

}



@media only screen and (min-width: 320px) {



    #box1 .circle {

        width: 90px;

        height: 90px;

        border-radius: 45px;

    }



    #box1 p {

        font-size: 16px;

    }



    #box2 p {

        font-size: 16px;

    }

}



@media only screen and (min-width: 375px) {

/*    #box1 {

        margin-top: 80px;

    }*/



    #box1 .ribbon-1 {

        right: 50px;

    }



/*    #box1 h3 span {

        font-size: 22px;

    }*/



    #box1 p {

        font-size: 20px;

    }



    #box2 p {

        padding-left: 80px;

        font-size: 18px;

    }

}



@media only screen and (min-width: 480px) {



    #box2 .ribbon-1 {

        left: 65px;

    }



    #box2 p {

        padding-left: 110px;

    }

}



@media only screen and (min-width: 640px) {

    #box2 img {

        top: 0;

    }

}



@media only screen and (min-width: 768px) {



    .qr-code {

        width: 120px;

        margin-right: 10px;

    }



    #box1 h2 {

        left: -35px;

    }



    #box2 h2 {

        right: -30px;

    }



    #box1 h2,

    #box2 h2 {

        font-size: 48px;

    }



    h3 {

        font-size: 36px;

        text-align: left;

        color: #FFF;

    }



    #box1 .circle {

        width: 140px;

        height: 140px;

        border-radius: 70px;

        border-width: 5px;

        top: 40px;

        right: -10px;

    }



    #box1 .circle .wrap {

        margin-left: -45px;

        margin-top: -31px;

    }







    #box1 img.image-1.smaller {

        display: none;

    }





    #box1 img.image-1.larger {

        display: block;

    }





    h1 {

/*        position: absolute;*/

/*        top: 0;

        left: 50%;*/

        margin-left: -50%;

        font-size: 20px;

    }





    #box1 .wrap {

        padding-left: 15px;

        padding-bottom: 43px;

    }





    #box2 {

        width: 600px;

    }



    #box1 {

        margin-top: 37px;

    }

    #box1.t1{

        margin-top: 60px;

    }

    #box1 .ribbon-1 {

        right: 0;

    }



    #box2 img {

        top: 0;

        width: 25%;

    }



    #box1 img.image-2 {

        top: 45%;

        right: 0;

        width: 25%;

    }



    h4 {

        font-size: 45px;

        font-weight: bold;

    }



    /*h4::before,

    h4::after {

        width: 25px;

        height: 25px;

        border-radius: 50px;

    }*/



    .bottom .left {

        text-align: left;

        float: left;

    }



    .bottom .right {

        text-align: right;

        float: right;

    }



    ft2 .wrap .left {

        float: left;

    }



    ft2 .wrap .right {

        float: right;

        display: flex;

    }



/*    #box1 {

        width: 90%;

    }

    #box1.t1 {

        width: 60%;

    }*/

    #box2 {

        width: 60%;

    }



}



@media only screen and (min-width: 960px) {



/*    #box1 h3 span {

        font-size: 24px;

    }*/



    h1 {

        margin-top: 21%;

        margin-left: -50%;

        font-size: 28px;

    }



    #box1 .circle {

        top: 25px;

    }



    #box1 img.image-2 {

        top: 40%;

    }





    table.table {

        width: 100%;

    }



    #box1 .ribbon-1 {

        bottom: -20px;

    }



    #box2 p {

        margin-top: 10px;

    }



    #box2 p span {



        font-size: 36px;

    }



    #box2 img {

        top: -60px;

        left: -35px;

        width: auto;

    }





    #box1 .ribbon-1::before {

        content: '';

        position: absolute;

        left: -35px;

        border-right: 35px solid #e86060;

        border-top: 35px solid transparent;

        border-bottom: 0 solid transparent;

        border-left: 0 solid transparent;

    }



    #box1 .ribbon-1::after {

        content: '';

        position: absolute;

        left: -35px;

        top: 0;

        border-top: 0 solid transparent;

        border-right: 35px solid #e86060;

        border-bottom: 35px solid transparent;

        border-left: 0 solid transparent;

    }



    #box2 .ribbon-1::before {

        content: '';

        position: absolute;

        right: -35px;

        border-left: 35px solid #e86060;

        border-top: 35px solid transparent;

        border-bottom: 0 solid transparent;

        border-right: 0 solid transparent;

    }



    #box2 .ribbon-1::after {

        content: '';

        position: absolute;

        right: -35px;

        top: 0;

        border-top: 0 solid transparent;

        border-left: 35px solid #e86060;

        border-bottom: 35px solid transparent;

        border-right: 0 solid transparent;

    }





    #box2 .ribbon-1 {

        bottom: -25px;

    }







    table.table tr td:first-child,

    table.table tr td:nth-child(3) {

        width: 1%;

    }



    table.table tr td:last-child {

        width: 900px;

    }



    table.table.single-data tr td:nth-child(2) {

        width: 800px;

    }



    #box1 .circle {

        right: -30px;

    }

}





@media only screen and (min-width: 1024px) {

    #box1 .ribbon-1 {

        right: 120px;

    }



    #box1 .ribbon-1,

    #box2 .ribbon-1 {

        height: 70px;

    }



    #box1 .ribbon-1 h5 {

        padding-left: 15px;

        padding-top: 15px;

        font-size: 30px;

    }



    #box2 .ribbon-1 h5 {

        padding-left: 15px;

        padding-top: 15px;

        font-size: 30px;

    }



}







@media only screen and (min-width: 1170px) {



    h3 {

        margin-top: 36px;

        text-align: left;

        color: #FFF;

    }



    span.break {

        display: block;

    }



    span.mobile-break {

        display: inline-block;

    }



    #box2 p {

        padding-left: 130px;

        margin-top: 10px;

    }



    #box1 p,

    #box2 p {

        font-size: 24px;

    }



    #box1 img.image-2 {

        width: auto;

        top: 110px;

        right: -65px;

    }



    #box1 .ribbon-1 {

        width: 300px;

        height: 70px;

    }



    #box2 .ribbon-1 {

        bottom: -40px;

        width: 300px;

        height: 70px;

    }



    #box1 .ribbon-1 h5,

    #box2 .ribbon-1 h5 {

        font-size: 30px;

    }



    table.table.single-data tr td:nth-child(2) {

        width: 820px;

    }



    #box1 .circle {

        top: -15px;

    }

}



    .listhd{

/*background: linear-gradient(90deg, #4678e5 0%, #c6a7a0 100%);*/

/*    border-radius: 55%;*/

/*    width: 620px;*/
        width: 100%;
    height: 292px;


/*    -webkit-text-stroke: 10px #FFF;

    paint-order: stroke fill;*/

    text-shadow: 0px 1px 5px #FFF;

    color: #ffffff;

    font-size: 51px;

    padding: 60px 0;

/*    box-shadow: 10px 5px 5px #c0bbbb;*/

    display: inline-block;
    position: relative;
    text-align:center;

/*      --mask:
        radial-gradient(34.99px at 50% 48px,#000 99%,#0000 101%) calc(50% - 60px) 0/120px 51% repeat-x,
        radial-gradient(34.99px at 50% -18px,#0000 99%,#000 101%) 50% 30px/120px calc(51% - 30px) repeat-x,
        radial-gradient(34.99px at 50% calc(100% - 48px),#000 99%,#0000 101%) calc(50% - 60px) 100%/120px 51% repeat-x,
        radial-gradient(34.99px at 50% calc(100% + 18px),#0000 99%,#000 101%) 50% calc(100% - 30px)/120px calc(51% - 30px) repeat-x;
      -webkit-mask: var(--mask);
              mask: var(--mask);*/
    z-index: 1;
    }


.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-54%, -35%);
}
    .listhd img{
        display: inline-block;
        text-align: center;
        width: 560px;
        height: auto;
        position: relative;
    }
/*    .listhd span{
        top: 117px;
        left: 17%;
        position: absolute;

    }*/
/*.listhd{
    content: "";
    width: 100%;
    aspect-ratio: 1 / 0.4;
    background: url(../images/summer2025/bg_head2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 25px;
    width: 551px;
    z-index: -1;
}*/
.loc-roll2{

    text-shadow: 0px 1px 5px black;

/*-webkit-text-stroke: 5px #000;

    paint-order: stroke fill;*/

/*    text-stroke: 10px #000;

    paint-order: stroke fill;*/

    color: #FFF;  

}

.store-card-item-brief p{

/*-webkit-text-stroke: 5px #000;

    paint-order: stroke fill; */ 

    text-shadow: 0px 1px 5px black;

}

.store-card-title h3{

  text-shadow: 0px 1px 5px black;

/*-webkit-text-stroke: 5px #000;

    paint-order: stroke fill;*/

/*    text-stroke: 10px #000;

    paint-order: stroke fill;*/

    color: #FFF; 

}



.loc-roll{

        text-shadow: 0px 1px 5px black;

/*-webkit-text-stroke: 5px #000;*/

/*    paint-order: stroke fill;*/

/*    text-stroke: 10px #000;

    paint-order: stroke fill;*/

    color: #FFF;

}

.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh3.specialh3b{

    bottom: 89px !important;

}

.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh3.specialh3a{

    bottom: 90px !important;

}

.no-hover:hover{

    color: #FFF;

}

.mob-dialog-width{

    width: 88%;

    vertical-align: top;

}

.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh4{

    bottom: 99px!important;

}

.loc-roll2{

    width: 88%;

}

    .BTTSouvenir1{

        width: 150px;

    }

.space-box{

    width: 100%;

    height: 422px;

}

.head-h1{

    padding: 20px 9% 0 9%;
    text-align: left;
    font-size: 26px;
    color: #fff;
    position: relative;
    padding-bottom: 0px;
    padding-top: 50px;
    font-weight: bold;
/*    -webkit-text-stroke: 0.2px #fff;

    text-shadow: 1px 0px 2px #fff;*/
}

#page_banner{

    display: block;

}

#page_banner2{

    display: none;

}                          

#page_banner3{

    display: none;

}     

.desktop-only{

    display: block;

}

.img-bg{

    position: relative;

}
.img-bg1>div{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;

}
.img-bg1>div::before {

    content: "";
    position: absolute;
    top: 111px;
    background: linear-gradient(90deg, #a23cb1 0%, #f9bfb3 100%);
    /* border-radius: 50%; */
    width: 100%;
    height: 72%;
    display: flex
;
    justify-content: center;
    /* width: 200px; */
    aspect-ratio: 1;
    --g: /20.56% 20.56% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
    mask: 100% 50% var(--g), 93.301% 75% var(--g), 75% 93.301% var(--g), 50% 100% var(--g), 25% 93.301% var(--g), 6.699% 75% var(--g), 0% 50% var(--g), 6.699% 25% var(--g), 25% 6.699% var(--g), 50% 0% var(--g), 75% 6.699% var(--g), 93.301% 25% var(--g), radial-gradient(100% 100%, #000 38.366%, #0000 calc(38.366% + 1px));
}
.img-bg1-2>div{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;

}
.img-col-2{
    z-index: 1;
}
.img-bg1-2>div::before {
    content: "";
    position: absolute;
    top: 111px;
    background: linear-gradient(90deg, #537e5c 0%, #f9bfb3 100%);
    /* border-radius: 50%; */
    width: 100%;
    height: 72%;
    display: flex
;
    justify-content: center;
    /* width: 200px; */
    aspect-ratio: 1;
    --g: /20.56% 20.56% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
    mask: 100% 50% var(--g), 93.301% 75% var(--g), 75% 93.301% var(--g), 50% 100% var(--g), 25% 93.301% var(--g), 6.699% 75% var(--g), 0% 50% var(--g), 6.699% 25% var(--g), 25% 6.699% var(--g), 50% 0% var(--g), 75% 6.699% var(--g), 93.301% 25% var(--g), radial-gradient(100% 100%, #000 38.366%, #0000 calc(38.366% + 1px));
}
.img-bg2>div{

/*    background: linear-gradient(90deg, #FFF 0%, #ffbaaa 100%);*/
    /* border-radius: 50%; */
    width: 76%;
    height: 100%;
    display: flex
;
    justify-content: center;
    /* background: #555; */
    /* transform: skewX(23deg); */
    /* margin-left: 91px; */
    width: 100%;
    aspect-ratio: 1;
/*    --g: /20.56% 20.56% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
    mask: 100% 50% var(--g), 93.301% 75% var(--g), 75% 93.301% var(--g), 50% 100% var(--g), 25% 93.301% var(--g), 6.699% 75% var(--g), 0% 50% var(--g), 6.699% 25% var(--g), 25% 6.699% var(--g), 50% 0% var(--g), 75% 6.699% var(--g), 93.301% 25% var(--g), radial-gradient(100% 100%, #000 38.366%, #0000 calc(38.366% + 1px));
 */ 
/*  clip-path: shape(from 90.31% 42.32%,curve to 91.86% 58.28% with 90.99% 50.00%,curve to 89.00% 74.35% with 92.73% 66.55%,curve to 76.03% 82.95% with 85.26% 82.15%,curve to 60.33% 87.65% with 66.80% 83.75%,curve to 45.69% 92.69% with 53.85% 91.54%,curve to 28.91% 91.59% with 37.53% 93.84%,curve to 19.20% 79.54% with 20.30% 89.33%,curve to 9.70% 64.43% with 18.09% 69.75%,curve to 4.15% 50.53% with 1.31% 59.10%,curve to 13.17% 36.49% with 7.00% 41.96%,curve to 23.00% 25.05% with 19.35% 31.02%,curve to 32.78% 15.06% with 26.65% 19.08%,curve to 46.50% 8.48% with 38.92% 11.05%,curve to 61.94% 8.08% with 54.09% 5.91%,curve to 74.39% 16.91% with 69.79% 10.25%,curve to 84.31% 29.11% with 78.99% 23.57%,curve to 90.31% 42.32% with 89.63% 34.65%);
  scale: 1.1;*/
}
.img-bg2>div::before{
    content: "";
    background-image: url(/images/summer2025/bg1.png);
    width: 100%;
    aspect-ratio: 1 / 0.97;
/*    height: 68%;*/
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 13%;
    scale: 1.1;
}

.img-bg23>div{

/*    background: linear-gradient(90deg, #FFF 0%, #ffbaaa 100%);*/
    /* border-radius: 50%; */
    width: 76%;
    height: 100%;
    display: flex
;
    justify-content: center;
    /* background: #555; */
    /* transform: skewX(23deg); */
    /* margin-left: 91px; */
    width: 100%;
    aspect-ratio: 1;
/*    --g: /20.56% 20.56% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
    mask: 100% 50% var(--g), 93.301% 75% var(--g), 75% 93.301% var(--g), 50% 100% var(--g), 25% 93.301% var(--g), 6.699% 75% var(--g), 0% 50% var(--g), 6.699% 25% var(--g), 25% 6.699% var(--g), 50% 0% var(--g), 75% 6.699% var(--g), 93.301% 25% var(--g), radial-gradient(100% 100%, #000 38.366%, #0000 calc(38.366% + 1px));
 */ 
/*  clip-path: shape(from 90.31% 42.32%,curve to 91.86% 58.28% with 90.99% 50.00%,curve to 89.00% 74.35% with 92.73% 66.55%,curve to 76.03% 82.95% with 85.26% 82.15%,curve to 60.33% 87.65% with 66.80% 83.75%,curve to 45.69% 92.69% with 53.85% 91.54%,curve to 28.91% 91.59% with 37.53% 93.84%,curve to 19.20% 79.54% with 20.30% 89.33%,curve to 9.70% 64.43% with 18.09% 69.75%,curve to 4.15% 50.53% with 1.31% 59.10%,curve to 13.17% 36.49% with 7.00% 41.96%,curve to 23.00% 25.05% with 19.35% 31.02%,curve to 32.78% 15.06% with 26.65% 19.08%,curve to 46.50% 8.48% with 38.92% 11.05%,curve to 61.94% 8.08% with 54.09% 5.91%,curve to 74.39% 16.91% with 69.79% 10.25%,curve to 84.31% 29.11% with 78.99% 23.57%,curve to 90.31% 42.32% with 89.63% 34.65%);
  scale: 1.1;*/
}
.img-bg23>div::before{
    content: "";
    background-image: url(/images/summer2025/bg2.png);
    width: 100%;
    aspect-ratio: 1 / 0.97;
/*    height: 68%;*/
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 13%;
    scale: 1.1;
}
.img-bg24>div{

/*    background: linear-gradient(90deg, #FFF 0%, #ffbaaa 100%);*/
    /* border-radius: 50%; */
    width: 76%;
    height: 100%;
    display: flex
;
    justify-content: center;
    /* background: #555; */
    /* transform: skewX(23deg); */
    /* margin-left: 91px; */
    width: 100%;
    aspect-ratio: 1;
/*    --g: /20.56% 20.56% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
    mask: 100% 50% var(--g), 93.301% 75% var(--g), 75% 93.301% var(--g), 50% 100% var(--g), 25% 93.301% var(--g), 6.699% 75% var(--g), 0% 50% var(--g), 6.699% 25% var(--g), 25% 6.699% var(--g), 50% 0% var(--g), 75% 6.699% var(--g), 93.301% 25% var(--g), radial-gradient(100% 100%, #000 38.366%, #0000 calc(38.366% + 1px));
 */ 
/*  clip-path: shape(from 90.31% 42.32%,curve to 91.86% 58.28% with 90.99% 50.00%,curve to 89.00% 74.35% with 92.73% 66.55%,curve to 76.03% 82.95% with 85.26% 82.15%,curve to 60.33% 87.65% with 66.80% 83.75%,curve to 45.69% 92.69% with 53.85% 91.54%,curve to 28.91% 91.59% with 37.53% 93.84%,curve to 19.20% 79.54% with 20.30% 89.33%,curve to 9.70% 64.43% with 18.09% 69.75%,curve to 4.15% 50.53% with 1.31% 59.10%,curve to 13.17% 36.49% with 7.00% 41.96%,curve to 23.00% 25.05% with 19.35% 31.02%,curve to 32.78% 15.06% with 26.65% 19.08%,curve to 46.50% 8.48% with 38.92% 11.05%,curve to 61.94% 8.08% with 54.09% 5.91%,curve to 74.39% 16.91% with 69.79% 10.25%,curve to 84.31% 29.11% with 78.99% 23.57%,curve to 90.31% 42.32% with 89.63% 34.65%);
  scale: 1.1;*/
}
.img-bg24>div::before{
    content: "";
    background-image: url(/images/summer2025/bg3.png);
    width: 100%;
    aspect-ratio: 1 / 0.97;
/*    height: 68%;*/
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 13%;
    scale: 1.1;
}
.img-bg3>div{

    background: linear-gradient(90deg, #99e4c6 0%, #d0e4db 100%);

    border-radius: 50%;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

}
.#box1 .wrap{
    position: relative;
}
.decorate{
    width: 100px;
    position: absolute;
}
.decorate1{
    top: -50px;
    left: -48px;
}
.decorate2{
    top: -33px;
    right: -44px;
}
.decorate3{
    bottom: -21px;
    left: -40px;
}
.decorate4{
    bottom: -24px;
    right: -42px;
}
.decorate5{
    top: -62px;
    left: -48px;
}
.decorate.decorate6{
    width: 63px;
    top: -33px;
    right: -44px;
}
.decorate7{
    bottom: -21px;
    left: -40px;
}
.decorate8{
    bottom: -24px;
    right: -42px;
}
h6 img{

    margin-right: 5px;

}

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

#page_banner{

    display: none;

}

#page_banner2{

    display: block;

}                          

#page_banner3{

    display: none;

}     



}

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

#page_banner{

    display: none;

}

#page_banner2{

    display: none;

}                          

#page_banner3{

    display: block;

}     



}

.three_col2{

    width: 32%;

    display: flex;

    flex-direction: column;

    align-items: center;

}

.three_col{

    width: 23%;

    display: flex;

    flex-direction: column;

    align-items: center;



}

.three_col.first{

    width: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;



}

.mobile-break{

    margin-top: 50px;

    font-size: 34px;

}

.mg-43{

    margin-top: -43px;

}

.arrow-right {

  width: 0; 

  height: 0; 

  border-top: 12px solid transparent;

  border-bottom: 12px solid transparent;

  

  border-left: 12px solid #DD861D;

  display: inline-block;

  margin-right: 10px;

}

#box1 h2.head2text, #box2 h2.head2text{

    -webkit-text-stroke: 0.2px #fff;

    text-shadow: 2px 1px 5px #999;

    font-size: 68px;

}

.prize::before{

    position: absolute;

    top: -56px;

    left: -28px;

    content: "";

    /* padding: 20px; */

    width: 100px;

    height: 54px;

    display: inline-block;

    background-image: url(/images/summerpromotion/bpg4.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    z-index: 1;

}

.prize::after{

    position: absolute;

    top: -67px;

    left: -18px;

    content: "";

    /* padding: 20px; */

    width: 48px;

    height: 54px;

    display: inline-block;

    background-image: url(/images/summerpromotion/reward.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    z-index: 2;

}

#box1 h2.prize{

    z-index: 1;

    font-family: 'Zen Old Mincho', serif;

    -webkit-text-stroke: 0.2px #ccc;

    text-shadow: 1px 0px 2px #666;

    font-weight: bold;

}

#box1 h2.prize2{

    z-index: 1;

    font-family: 'Zen Old Mincho', serif;

    color: #000;

    -webkit-text-stroke: 0.2px #ccc;

    text-shadow: 1px 0px 2px #666;

    font-weight: bold;

}

.prize2::before{

    position: absolute;

    top: 35px;

    left: -9px;

  content: "";

/*  padding: 20px;*/

width: 100px;

height: 54px;

  display: inline-block;

  background-image: url("/images/summerpromotion/bpg1.png");

    background-repeat: no-repeat;

    background-size: 100% 100%;

  z-index: 1;

}

.prize2::after{

    position: absolute;

    top: 27px;

    left: 1px;

  content: "";

width: 48px;

height: 54px;

  display: inline-block;

  background-image: url("/images/summerpromotion/reward.png");

    background-repeat: no-repeat;

    background-size: 100% 100%;

  z-index: 2;

}

#box1 h2.prize3{

    z-index: 1;

    font-family: 'Zen Old Mincho', serif;

    color: #000;

    -webkit-text-stroke: 0.2px #ccc;

    text-shadow: 1px 0px 2px #666;

    font-weight: bold;

}

.prize3::before{

    position: absolute;

    top: 35px;

    left: -9px;

  content: "";

/*  padding: 20px;*/

width: 100px;

height: 54px;

  display: inline-block;

  background-image: url("/images/summerpromotion/bpg2.png");

    background-repeat: no-repeat;

    background-size: 100% 100%;

  z-index: 1;

}

.prize3::after{

    position: absolute;

    top: 27px;

    left: 1px;

  content: "";

width: 48px;

height: 54px;

  display: inline-block;

  background-image: url("/images/summerpromotion/reward.png");

    background-repeat: no-repeat;

    background-size: 100% 100%;

  z-index: 2;

}

#box1 h2.prize4{

    z-index: 1;

    font-family: 'Zen Old Mincho', serif;

    color: #000;

    -webkit-text-stroke: 0.2px #ccc;

    text-shadow: 1px 0px 2px #666;

    font-weight: bold;

}

.prize4::before{

    position: absolute;

    top: 35px;

    left: -9px;

  content: "";

/*  padding: 20px;*/

width: 100px;

height: 54px;

  display: inline-block;

  background-image: url("/images/summerpromotion/bpg3.png");

    background-repeat: no-repeat;

    background-size: 100% 100%;

/*  opacity: 0.8;

  transform: skewX(-30deg);*/

  z-index: 1;

}

.prize4::after{

    position: absolute;

    top: 27px;

    left: 1px;

  content: "";

width: 48px;

height: 54px;

  display: inline-block;

  background-image: url("/images/summerpromotion/reward.png");

    background-repeat: no-repeat;

    background-size: 100% 100%;

  z-index: 2;

}

#box1.t1{

    width: 90%;



}

#box1{

    width: 90%;

}

.mob-only{

    display: none;

}

.desk-only{

    display: block;

}

.bannerre1{

    display: block;

}

.bannerre2{

    display: none;

}

.bannerre3{

    display: none;

}
.padd25{
    padding: 25% 0;
}
.only1279{
    display: none;
}
.only1279none{
    display: block;
}
.ppp {
    width: 100%;
    text-align: center;
    color: #01443C;
    height: 80px;
    font-size: 21px;
    padding-top: 4px;
    margin-top: -17px;
    font-weight: bold;
/*    background-image: url(/images/summer2025/waves.png);
    background-repeat: repeat-y;
    background-size: 100% 34%;*/

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

    .padd14a{
        margin-top: 0;
        margin-bottom: 0;
    }
    .img-bg2>div::before{
        scale: 1;
    }
    .img-bg23>div::before{
        scale: 1;
    }
    .img-bg24>div::before{
        scale: 1;
    }
    .only1279{
        display: block;
        font-size: 21px;
        text-align: center;
        width: 100%;
        color: #01443C;
    }
    .only1279none{
        display: none;
    }
    .padd25 {
        padding: 14% 0 38% 0;
    }

    .three_col2:first-child {

        margin-bottom: 50px;

    }
    .ppp{
        padding-top: 0;
        margin-top: -5px;
    }
    .ppp1{
        margin-top: -29px;
    }
    .ppp3{
        margin-top: 0;
    }
    .ppp2{
        margin-bottom: 66px;

    }

    .img-bg2{

        width: 100%;

    }

    .img-bg3{

        width: 100%;

    }

.space-box{

    width: 100%;

    height: 177px;

}

    .mob-mg{

        margin-bottom: 50px;

    }

    .three_col{

        width: 100%;

    }

    .desktop-only{

        display: none;

    }

    #box1 .wrap{

        display: flex;

        flex-direction: column;

    }

    .mg-33{

        margin-top: 33px;

    }

    .mg-43{

        margin-top: 0px;

    }

    .prize::before{

        left: -16px!important;



    }

    .prize2::before{

        left: -16px!important;



    }

    .prize3::before{

        left: -16px!important;



    }

    .prize4::before{

        left: -16px!important;



    }

    #box1.t1{

        width: 90%;

/*        margin-top: 382px;*/

    }

    #box1{

        width: 90%;

    }

    img.h2-top{

        left: -31px;

    }

    .prize::after{

        left: 0px;

    }

    .three_col.first{

        width: 100%;

    }

    .three_col2{

        width: 100%;



    }

    div.h2-top{

        left: 0;

    }

    div.box{

        margin-top: 50px;

    }

}



@media only screen and (max-width: 1216px) {

.space-box{

    width: 100%;

    height: 318px;

}

    .mob-bk{

        flex-direction: column!important;

    }

    .mob-bk2{

        justify-content: flex-start!important;

        width: 100%!important;

        margin-top: 20px;



    }



}

@media only screen and (max-width: 1145px) {

.bannerre1{

    display: none;

}

.bannerre2{

    display: block;

}

.bannerre3{

    display: none;

}

}

@media only screen and (max-width: 1024px) {

.mob-dialog-width{

    width: 88%;

    vertical-align: top;

}

}

@media only screen and (max-width: 913px) {

    .listhd{

        margin-bottom: 23px;



    }

}

@media only screen and (max-width: 900px) {

.bannerre1{

    display: none;

}

.bannerre2{

    display: none;

}

.bannerre3{

    display: block;

}

}

@media only screen and (max-width: 801px) {

#box1.t2{

    padding-bottom: 80px;

}

}

@media only screen and (max-width: 767px) {

.prize::after {

    top: -51px;

}

.prize2::after{

    top: 4px;

}

.prize3::after{

    top: 4px;

}

.prize4::after{

    top: 4px;

}

    .prize::before{

        left: -13px!important;

        top: -37px!important;



    }

    .prize2::before{

        left: -13px!important;

        top: 16px!important;



    }

    .prize3::before{

        left: -13px!important;

        top: 16px!important;



    }

    .prize4::before{

        left: -13px!important;

        top: 16px!important;



    }

/*    #box1.t1{

        margin-top: 327px;

    }*/

    }

@media only screen and (max-width: 558px) {

    .head-h1{

        padding-bottom: 0!important;

    }

    .ribbon.first{

        margin-top: -28px!important;

    }

/*    main .wrapper img.banner{

        margin-top: 26px;

        scale: 1.4;

        margin-left: -42px;

    }*/

    .listhd-outer{

        margin-bottom: -16px;

        margin-top: 44px;

    }

    p.right{

        position: unset!important;

        margin-right: 18px;

        margin-top: 4%;
        width: 70%!important;
        margin-left: 89px !important;

    }

    div.table{

        margin-top: 34px!important;

    }

    .mob-only{

        display: block;

    }

    .desk-only{

        display: none;

    }

    .tree{

        right: 16%;bottom: -72px;

    }

/*    .listhd{

        width: 80%!important;

        margin-bottom: 11px;



    }*/

h6{

        width: 309px!important;

    }

/*    h6{

        font-size: 17px!important;

        width: 261px!important;

        height: 86px!important;

    }

    h6 img{

        width: 17px!important;

    }*/

}



@media only screen and (max-width: 400px) {

    .tree{

        right: 6%;

    }

    .img-col-2{

        margin-top: 40px;

    }



}

@media only screen and (max-width: 375px) {

    .tree{

        right: 6%;bottom: -47px;

    }



}



.store-card {

    margin-bottom: 10px;

    width: 32%;

}



.store-card .store-card-wrap {

    border: none;

    border-radius: 0px;

    margin-bottom: 28px;

    background-color: rgba(0,0,0,0);

    box-shadow: none;

    position: relative;

    -webkit-transition-property: transform,-webkit-transform;

    -moz-transition-property: transform,-webkit-transform;

    -ms-transition-property: transform,-webkit-transform;

    -o-transition-property: transform,-webkit-transform;

    transition-property: transform,-webkit-transform;

    -webkit-transition-duration: .3s;

    -moz-transition-duration: .3s;

    -ms-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s

}



.store-card .store-card-wrap .fontrip_mask {

    overflow: hidden;

    position: relative;

    border-radius: 5px;

    box-shadow: 0px 4px 12px -2px rgba(51,51,102,.3)

}



.store-card .store-card-wrap .fontrip_mask .fontrip-img {

    width: 100%;

    padding-bottom: 66.237%;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover !important;

    border-radius: 0px !important

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask {

    position: absolute;

    opacity: 1;

    display: block;

    z-index: 1;

    padding: 15px;

    top: 85%;

    left: 0px;

    width: 100%;

    height: 100%;

    border-radius: 0px;

    text-decoration: none !important;

    text-shadow: .1em .1em .2em #495057;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 20%, rgba(0, 0, 0, 0.6) 100%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 20%, rgba(0, 0, 0, 0.6) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 20%, rgba(0, 0, 0, 0.6) 100%)

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title {

    position: relative;

    display: block;

    min-height: 37%;

    font-size: 16px;

    color: #fff;

    padding: 0px;

    line-height: 1.5em;

    text-align: left;
    bottom: 22px;
    margin-top: -70px;

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3 {

    display: block;

    color: #fff;

    font-weight: bold;

    text-align: left !important;

    letter-spacing: 2px;

    font-size: 16px;

    line-height: 1.5;

    padding-bottom: 8px;

    margin: 0px;

    position: absolute;

    bottom: 80px;

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3::after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 35px;

    height: 2px;

    border-radius: 2px;

    background-color: #fff;

    box-shadow: .06em .06em .06em rgba(73,80,87,.45)

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief {

    padding: 0px 0px 0px 0px;

    line-height: 1.5;

    min-height: 70%;

    letter-spacing: 1px;

    opacity: 0;

    color: #f8f9fa;
    margin-top: -6px;

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief div {

    display: flex

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief i {

    padding-top: 4px

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief i.fa-phone {

    margin-right: 8px

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief i.fa-home {

    margin-right: 6px

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief p {

    padding: 0px;

    margin: 0px 0px 3px

}



.store-card .store-card-wrap .store-card-content {

    padding: 0px 20%;

    position: relative;

    margin-top: -8px;

    z-index: 2

}



.store-card .store-card-wrap .store-card-content .store-card-func-btn {

    line-height: 0;

    display: block;

    padding: 0px

}



.store-card .store-card-wrap .store-card-content .store-card-func-btn button.btn {

    outline: none !important

}



.store-card .store-card-wrap .store-card-content .store-card-func-btn .btn {

    font-weight: bold;

    letter-spacing: 2px;

    border-radius: 5px;

    height: 36px;

    font-size: 16px;

    position: relative;

    box-shadow: 0px 4px 12px -2px rgba(51,51,102,.3)

}



.store-card .store-card-wrap .store-card-content .store-card-func-btn .btn.btn-color {

    text-shadow: .08em .08em #679b36 !important;

    background-color: #588139 !important

}



.store-card .store-card-wrap .store-card-content .store-card-func-btn .btn.btn-no-color {

    text-shadow: .08em .08em #a2aeb9;

    background-color: #ced4da

}



    .store-card .store-card-wrap:hover {

        box-shadow:none

    }



    .store-card .store-card-wrap:hover .fontrip_mask {

        background: rgba(0,0,0,0)

    }



    .store-card .store-card-wrap:hover .fontrip-img {

        opacity: 1

    }



    .store-card .store-card-wrap .fontrip_mask {

        -moz-transition: box-shadow .3s;

        -o-transition: box-shadow .3s;

        -webkit-transition: box-shadow .3s;

        transition: box-shadow .3s

    }



    .store-card .store-card-wrap .fontrip_mask:hover {

        box-shadow: 0px 10px 25px -10px rgba(51,51,102,.8)

    }



    .store-card .store-card-wrap .fontrip_mask:hover .fontrip-img {

        transform: scale(1.1);

        -webkit-filter: brightness(0.4);

        filter: brightness(0.4)

    }



    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

        top: 20%;

    }



    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask .store-card-title h3::after {

        width: 150px;

        background-color: #8dc558 !important

    }



    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask .store-card-item-brief {

        opacity: 1

    }



    .store-card .store-card-wrap .fontrip_mask .fontrip-img {

        -moz-transition: transform .5s,-webkit-filter .5s;

        -o-transition: transform .5s,-webkit-filter .5s;

        -webkit-transition: transform .5s,-webkit-filter .5s;

        transition: transform .5s,-webkit-filter .5s

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {

        -moz-transition: top .45s,opacity .3s,bottom .3s;

        -o-transition: top .45s,opacity .3s,bottom .3s;

        -webkit-transition: top .45s,opacity .3s,bottom .3s;

        transition: top .45s,opacity .3s,bottom .3s

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3 {

        font-size: 18px

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3::after {

        box-shadow: .05em .05em .05em #495057;

        -moz-transition: width .3s;

        -o-transition: width .3s;

        -webkit-transition: width .3s;

        transition: width .5s,color .5s

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief {

        -moz-transition: opacity .3s;

        -o-transition: opacity .3s;

        -webkit-transition: opacity .3s;

        transition: opacity .3s

    }



    .store-card .store-card-wrap .store-card-content:hover .btn.btn-no-color {

        cursor: default

    }



    .store-card .store-card-wrap .store-card-content .store-card-func-btn .btn.btn-color {

        -moz-transition: background-color .5s,box-shadow .5s;

        -o-transition: background-color .5s,box-shadow .5s;

        -webkit-transition: background-color .5s,box-shadow .5s;

        transition: background-color .5s,box-shadow .5s

    }



    .store-card .store-card-wrap .store-card-content .store-card-func-btn:hover .btn.btn-color {

        background-color: #fcefcf !important;

        box-shadow: 0px 10px 20px -8px rgba(51,51,102,.6)

    }

/*

@media screen and (min-width: 768px) {

    .store-card .store-card-wrap:hover {

        box-shadow:none

    }



    .store-card .store-card-wrap:hover .fontrip_mask {

        background: rgba(0,0,0,0)

    }



    .store-card .store-card-wrap:hover .fontrip-img {

        opacity: 1

    }



    .store-card .store-card-wrap .fontrip_mask {

        -moz-transition: box-shadow .3s;

        -o-transition: box-shadow .3s;

        -webkit-transition: box-shadow .3s;

        transition: box-shadow .3s

    }



    .store-card .store-card-wrap .fontrip_mask:hover {

        box-shadow: 0px 10px 25px -10px rgba(51,51,102,.8)

    }



    .store-card .store-card-wrap .fontrip_mask:hover .fontrip-img {

        transform: scale(1.1);

        -webkit-filter: brightness(0.4);

        filter: brightness(0.4)

    }



    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

        top: 0px

    }



    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask .store-card-title h3::after {

        width: 150px;

        background-color: #8dc558 !important

    }



    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask .store-card-item-brief {

        opacity: 1

    }



    .store-card .store-card-wrap .fontrip_mask .fontrip-img {

        -moz-transition: transform .5s,-webkit-filter .5s;

        -o-transition: transform .5s,-webkit-filter .5s;

        -webkit-transition: transform .5s,-webkit-filter .5s;

        transition: transform .5s,-webkit-filter .5s

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {

        -moz-transition: top .45s,opacity .3s,bottom .3s;

        -o-transition: top .45s,opacity .3s,bottom .3s;

        -webkit-transition: top .45s,opacity .3s,bottom .3s;

        transition: top .45s,opacity .3s,bottom .3s

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3 {

        font-size: 18px

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3::after {

        box-shadow: .05em .05em .05em #495057;

        -moz-transition: width .3s;

        -o-transition: width .3s;

        -webkit-transition: width .3s;

        transition: width .5s,color .5s

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief {

        -moz-transition: opacity .3s;

        -o-transition: opacity .3s;

        -webkit-transition: opacity .3s;

        transition: opacity .3s

    }



    .store-card .store-card-wrap .store-card-content:hover .btn.btn-no-color {

        cursor: default

    }



    .store-card .store-card-wrap .store-card-content .store-card-func-btn .btn.btn-color {

        -moz-transition: background-color .5s,box-shadow .5s;

        -o-transition: background-color .5s,box-shadow .5s;

        -webkit-transition: background-color .5s,box-shadow .5s;

        transition: background-color .5s,box-shadow .5s

    }



    .store-card .store-card-wrap .store-card-content .store-card-func-btn:hover .btn.btn-color {

        background-color: #ffd1ad !important;

        box-shadow: 0px 10px 20px -8px rgba(51,51,102,.6)

    }

}

*/

@media screen and (min-width: 1200px) {

    .store-card .store-card-wrap .store-card-content {

        margin-top:-10px

    }

}



.btn {

    display: inline-block;

    margin-bottom: 0;

    font-weight: normal;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid rgba(0,0,0,0);

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    border-radius: 4px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    color: #333;

    background-color: #fff;

    border-color: #ccc;

}

.btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc;

}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}

.btn:hover,.btn:focus,.btn.focus {

    color: #333;

    text-decoration: none;

    background-color: unset;

}

.btn-default:hover {

    color: #333;

    background-color: #e6e6e6;

    border-color: #adadad;

}

button.close {

    padding: 0;

    cursor: pointer;

    background: rgba(0, 0, 0, 0);

    border: 0;

    -webkit-appearance: none;

    appearance: none;

}

.close {

    float: right;

    font-size: 21px;

    font-weight: bold;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity = 20);

    opacity: .2;

}

.modal-header {

    border-bottom: 1px solid #e5e5e5;

}

.modal-footer {

    border-top: 1px solid #e5e5e5;

}



.content{

    background-color: #00d4e0;

}

.box.t1{

    background-color: #ffd1ad;
    margin-top: 50px;

}

.box.t2{

    background-color: #ffd1ad;

}

.table{

    background-color: #00d4e0;

}

main .wrapper{

    background-color: #00d4e0;

    background-image:none!important;

}

div.table .wrap{

    background: #ffd1ad!important;
    position: relative;

}

.mobile-break{

    font-size: 21px;

}

.modal-content{

    padding: 20px;

}

.store-card-item-brief>div{

    text-align: left;



}

@media only screen and (max-width: 1279px) {

    .store-card {

        width: 100%;

    }

    .store-card-outer{

        flex-wrap: wrap;

    }

}

@media only screen and (max-width: 450px) {

    .store-card .store-card-wrap .store-card-content{

        padding: 0px 11%;

    }

}


/*    .content-popup .card {

        height: 731px;

    }*/

.no-mobile{

    display: block;

}

.mob-only{

    display: none;

}

.desk-only{

    display: block;

}

    .page_banner1{display: block;}

    .page_banner2{display: none;}

    .page_banner3{display: none;}



/*@media only screen and (max-width: 1240px) {







    .content-popup .card {

        height: 762px;

    }

}*/

@media only screen and (max-width: 1145px) {

    .page_banner1{display: none;}

    .page_banner2{display: block;}

    .page_banner3{display: none;}



}

/*@media only screen and (max-width: 1140px) {





    .content-popup .card {

        height: 781px;

    }

}*/

@media only screen and (max-width: 1023px) {





    .declaim2{

        position: unset!important;

        width: 100%;

        text-align: right;

        padding-top: 30px;

    }

}

/*@media only screen and (max-width: 960px) {







    .content-popup .card {

        height: 790px;

    }

}*/

@media only screen and (max-width: 900px) {

    .page_banner1{display: none;}

    .page_banner2{display: none;}

    .page_banner3{display: block;}

}

@media only screen and (max-width: 768px) {




.listhd img {
    display: inline-block;
    text-align: center;
    width: 410px;
    height: auto;
    position: relative;
}
/*.listhd span {
    top: 107px;
    left: 21%;
    position: absolute;
    font-size: 31px;
}*/
 
.centered {
    position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-54%, -69%);
        font-size: 25px;
    }


}

@media only screen and (max-width: 600px) {



 .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

        top: 50px;

    }

    .listhd {

        width: 100%;

        height: auto;

        font-size: 26px;

        padding: 49px 0;


    }

    }

}





/*@media only screen and (max-width: 600px) {





    .content-popup .card {

        height: 719px;

    }

}

@media only screen and (max-width: 599px) {

    .content-popup .card {

        height: 764px;

    }

}*/

/*@media only screen and (max-width: 600px) {





    ..store-card .store-card-wrap .store-card-content .store-card-func-btn .btn.btn-color {

        width: 247px;

        margin-left: -17px;

    }

}*/



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh3{

        bottom: 94px!important;

    }

@media only screen and (max-width: 575px) {

    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

        top: 60px;

    }

    .store-card-title h2.tworow{

        bottom: -3px!important;

    }

    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief.tworow2{

        padding-top: 20px;

    }

    .loc-roll{

        width: 88%;

    }

    .mob-only{

        display: block;

    }

    .desk-only{

        display: none;

    }

    .no-mobile{

        display: none;

    }

    .tworowmob{

        bottom: 26px !important;

    }

    .tworowmob2{

        margin-top: -43px;

    }

    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh3{

        bottom: 91px!important;

    }



    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh4{

            bottom: 83px !important;

    }



    store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3..specialh5{

        bottom: 93px!important;

    }

    .tworowmob4{

        margin-top: -16px;

    }

    .tworowmob_h2{

        bottom: 36px!important;

    }

    .tworowmob5{

            margin-top: -52px;

    }

    .tworowmob_h2_2{

        bottom: 23px!important;

    }



    .tworowmob6{

        margin-top: -40px;

    }

    .tworowmob_h2_4{

       bottom: 20px!important;

    }

    .tworowmob7{

        margin-top: -43px;

    }

    .tworowmob8{

        margin-top: -39px;

    }



/*    .content-popup .card {

       height: auto;

    }

    .content-popup .card .declaim{

        position: unset!important;

        padding-top: 30px;

        padding-left: 3%!important;

        padding-right: 3%!important;

    }*/

}
@media only screen and (max-width: 406px) {
    .centered {
        font-size: 22px;
    }
}
@media only screen and (max-width: 409px) {

    .store-card-title h2.tworow{

        bottom: -3px!important;

    }

    .mobile-tel{

        margin-top: -13px;

    }

    .tworowmob3{

        bottom: 6px !important;

    }

    .specialh6{

        bottom: 91px !important;

    }

    .specialh3_2{

        bottom: 92px!important;

    }

    .tworowmob_h2_3{

        bottom: 3px!important;

    }

    .tworowmob7{

        margin-top: -26px;

    }

    .tworowmob8{

        margin-top: -39px;

    }

    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh3.specialh3a{

        bottom: 93px !important;

    }

    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh3b{

        bottom: 114px !important;

    }

    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.specialh3.specialh3a.specialh3b{

        bottom: 100px !important;

    }

}



@media only screen and (max-width: 400px) {

    .img-bg1>div{padding: 0% 0 5% 0!important;  }

}



.store-card .store-card-wrap .fontrip_mask .store-card-func-mask {

background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 4%, rgba(0, 0, 0, 0.6) 100%);

}



.store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 20%, rgba(0, 0, 0, 0.6) 100%);

}





.fblink{
    width: 5.6%;
    position: absolute;
    bottom: 3.6%;
    right: 7.8%;
}

.iglink{
    width: 5.6%;
    position: absolute;
    bottom: 3.5%;
    right: 1.4%;
}


.posrelative{
    position:relative;
}

.fblink2{
    width: 6.7%;
    position: absolute;
    bottom: 4.5%;
    right: 9.9%;
}

.iglink2{
    width: 6.7%;
    position: absolute;
    bottom: 4.5%;
    right: 2.1%;
}

.fblink3{
    width: 8%;
    position: absolute;
    bottom: 7.8%;
    left: 3%;
}

.iglink3{
    width: 8%;
    position: absolute;
    bottom: 7.8%;
    left: 12%;
}
.h2-top.item1{
    color:#ffb167;font-size: 38px;padding: 0;text-shadow: 0px 1px 5px #FFF;
}
.wrap-outter-div{
    display: flex;flex-direction: row;flex-wrap: wrap;gap:10px;justify-content: center;
}

.three_col.mob-mg.first{
    align-items: flex-start;
}
.three_col.mob-mg.first>.div1{
    font-size:26px;margin-top: 66px;color: #333333;    width: 100%;word-break: break-all;
}
.whitespacenowrap{
    white-space:nowrap;
}
.three_col.mob-mg.sec{
    flex-direction: row;gap:5px;
}
.wid49{
    width:49%
}
.h2-top.item2{
    color:#ffb167;font-size: 38px;text-shadow: 0px 1px 5px #FFF;
}
.mg-33.divitem1{
    font-size:26px;margin-top: 40px;margin-bottom: 30px;color: #333333;position: relative;z-index: 3;
}
.mg-43.divitem2{
    display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;gap:1%;justify-content: space-between;
}
.box.t2::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 189px;
    background-image: url(/images/summer2025/waves.png);
    background-size: 100% 100%;
}
.three_col2{
    position:relative;align-items: flex-start;
}
.three_col2.h3{
    white-space:nowrap;display:flex;align-items: center;color:#9D7227;font-size: 44px;flex-direction: row;z-index: 2;
}
.three_col2.h3 span{
    white-space:nowrap;display:flex;align-items: center;color:#9D7227;font-size: 26px;
     text-shadow:
    -2px -2px 0 white,  /* Top-left shadow */
    2px -2px 0 white,   /* Top-right shadow */
    -2px 2px 0 white,   /* Bottom-left shadow */
    2px 2px 0 white;    /* Bottom-right shadow */

}
.three_col2.h3 .pricelarger{
   font-size: 40px;

}
.three_col2.arrow-right{
    border-left: 20px solid #95d3a9;font-size: 44px;
}

.padd14{
/*    padding: 15% 0;
    width: 70%;*/
    padding: 25% 0;
    width: 50%;
    scale: 2;
    margin-left: -12px;
}
.padd142{
    scale: 1.5;
}
.padd14a{
    margin-top: -46px;
    margin-bottom: 40px;
}
.padd52{
    padding: 52px 0;
}
.padd70{
    padding: 70px 0;
}
.padd11{
    padding: 11% 0;
}

.imgalign{
    margin-left: 57px;
}
.imgalign2{
    margin-left: -62px;
}
.three_col2p{
    width: 100%;text-align: center;color: #01443C;height: 72px;font-size: 21px;
}
.three_col2.h3-2{
    white-space:nowrap;display:flex;align-items: center;color:#9D7227;font-size: 44px;flex-direction: row;
}
.three_col2.h3-2 span{
    white-space:nowrap;display:flex;align-items: center;color:#9D7227;font-size: 44px;
}
.three_col2-2.arrow-right{
    border-left: 20px solid #a23cb1;font-size: 44px;
}

.three_col2.h3-3{
    white-space:nowrap;display:flex;align-items: center;color:#9D7227;font-size: 44px;flex-direction: row;
}
.three_col2.h3-3 span{
    white-space:nowrap;display:flex;align-items: center;color:#9D7227;font-size: 44px;
}
.three_col2-3.arrow-right{
    border-left: 20px solid #febb84;font-size: 44px;
}
.right.txt{
    text-align: right;
    margin-left: 18px;
    width: 82%;
}
.text-note{
    width: 100%;text-align: right;display: block;font-size: 12px;
}
.listhd-outer{
    width:100%;text-align: center;margin-top: -30px;
}
.ribbon.first{
    margin-top: 11px;
}
.wid240{
    width: 240px;
}
.div-h6{
    width:100%;height:100%;display:flex;align-items:center;justify-content: flex-start;margin-top: -10px;
}
.div-h6-foodimg-div{
    display: block;
    text-align: left;
    width: 100%;
    margin-left: 19px;
    margin-bottom: 18px;
}
.div-h6-foodimg{
    width: 320px;
}
.store-card-outer{
    display: flex;justify-content: flex-start;width: 100%;gap:0.8%;padding: 0 20px;flex-wrap: wrap; margin-bottom: 60px;
}
.store-card.bn-store-card{
    width: 32.7%;
}
.h2pos{
    color:#FFF;position: absolute;bottom: 0;bottom: 0;font-size: 19px;    width: 100%;"
}
.fa.fa-map-marker.makerit1{
    margin-right:10px;display: inline-block;font-size: 25px;vertical-align: top;
}
.loc-roll{
    display: inline-block;vertical-align: top;
}
.fa.fa-phone.makerit2{
    margin-right:10px;display: inline-block;font-size: 25px;
}
.fa.fa-facebook.makerit3{
    margin-right:10px;display: inline-block;font-size: 25px;
}
.fa.fa-instagram.makerit4{
    margin-right:10px;display: inline-block;font-size: 25px;
}
.btn.btn-color.color1{
    height: 51px;font-size: 26px;color: #ffffff; width: 100%;
}
.store-card-info{
    text-align: center; display: block !important;
}
.store-card-func-btn.content-popup{
    position: relative
}
.div-h6 .img-edu{
    width: 24px;display: inline-block;vertical-align: top;margin-left: 33px;
}
.img-retail{
    width: 320px;
}
.img-personal{
    width: 320px;
}
.div-h6 .img-retail{
    width: 24px;display: inline-block;vertical-align: top;margin-left: 33px;
}
.div-h6 .img-personal{
    width: 24px;display: inline-block;vertical-align: top;margin-left: 33px;
}
.div-h6 .img-home{
    width: 24px;display: inline-block;vertical-align: top;margin-left: 33px;
}
.div-h6 .img-others{
    width: 24px;display: inline-block;vertical-align: top;margin-left: 33px;
}
.tworow.row22{
    color:#FFF;position: absolute;bottom: 0;bottom: 0;font-size: 19px;    width: 100%;
}
.tworowmob.row33{
    color:#FFF;position: absolute;bottom: 0;bottom: 0;font-size: 19px;    width: 100%;
}
.fa.fa-map-marker.makerit6{
    display: inline-block;margin-right:5px;font-size: 30px;color: #FFF;vertical-align: top;margin-right:5px;margin-left: 5px;margin-top: 10px;
}
.mob-dialog-width.mgtop{
    margin-top: 10px;display: inline-block;
}
.fa.fa-facebook.i-style{
    display: inline-block;margin-right:5px;font-size: 30px;color: #FFF;vertical-align: top;margin-right:9px;margin-left: 4px;margin-top: 10px;
}
.fa.fa-phone.i-style2{
    display: inline-block;margin-right:5px;font-size: 30px;color: #FFF;vertical-align: top;margin-right:5px;margin-left: 5px;margin-top: 10px;
}
.mob-dialog-width.mgtop8{
    display: inline-block;word-break: break-all;vertical-align: top;margin-top: 8px;
}
.fa.fa-instagram.i-style3{
    display: inline-block;font-size: 30px;color: #FFF;vertical-align: middle;margin-top: 9px;margin-right: 5px;
}
.mob-dialog-width.mgtop7{
    display: inline-block;word-break: break-all;vertical-align: top;margin-top: 7px;
}
.declaim2{
    position:absolute;bottom: 10px;right:31px;font-size: 12px;
}


.img-web{
    display: inline-block;margin-right:5px;width:28px;margin-top: 10px;
}

.mob-dialog.web-a{
    display: inline-block;word-break: break-all;
}

.fa.fa-phone.phonestyle1{
    display: inline-block;margin-right:5px;font-size: 30px;color: #FFF;vertical-align: top;margin-right:5px;margin-left: 5px;margin-top: 10px;margin-bottom:10px;
}

.img-weblink2{
    display: inline-block;
    margin-left: 3px;
    margin-top: 2px;
    width: 22px;
    vertical-align: top;
    height: auto;
}
.h2posnoloc{
    bottom: 0;
}
.homenoloc{
    margin-top: -37px;
}
/*.listhd span{
        margin-left: 5%;
}*/


@media only screen and (max-width: 382px) {
    .listhd {
        width: 279px;
    }
}
.content .card{
    padding: 30px 15px;

    border-radius: 15px;

}
.content .image{
    padding: 30px;
    background-color: #fff;

}
.content .image div{
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;

    border-radius: 15px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    position: relative;

    height: 0;

    padding-bottom: 75%;

    z-index: 1;
    background-image: url('../images/summerpromotion2024/IMG-20220613-WA0004.jpg');
}
.content .image img{
    display: block;
    margin: 40px auto 0 auto;
}
.content .details{
    color: #fff;
}
.content .details h3{
    margin-top: 10px;
}
.content .details a{
    color: #fff;
    text-decoration: underline;
}
@media only screen and (max-width: 960px) {
    .content .details div{
        width: 400px;
    }
    .content .details div.declaim2{
        width: 100%;
    }
    .content{
        width: auto;
    }
}
@media only screen and (max-width: 768px) {
    .content .details div{
        width: 100%;
    }
    .content .image div{

        position: relative;

        height: 0;

        padding-bottom: 75%;

        z-index: 1;

        background-position: center center;
    }
    .content{
        width: auto;
    }
}
@media only screen and (max-width: 480px) {
    .content .image img{
        width: 65%;
        margin: 40px auto 0 auto;
    }
}
.content .details div{
    width: 600px;
}
.content .details div.declaim2{
    width: auto;
}
.content .image div{
    position: relative;

    height: 0;

    padding-bottom: 75%;

    z-index: 1;
}
.content{
    width: auto;
}

.three_col2-2.arrow-right.arrow-right11{
        border-left: 20px solid #95d3a9;
}
.three_col2-2.arrow-right.arrow-right112{
        border-left: 20px solid #ffbaaa;
}
.triangle::before {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 15px;
    border-right-width: 70px;
    border-right-style: solid;
    border-top: 70px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
}
.loc-roll{
    width: 94%;
}
.store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.uppper-h3{
    bottom: 99px;
}
.card1{
    background-color: #c32c32;
}
.triangle1::before{border-right-color: #c32c32;}
.card5{
    background-color: #93a897;
}
.triangle5::before{border-right-color: #93a897;}
.card2{
    background-color: #7ba204;
}
.triangle2::before{border-right-color: #7ba204;}
.card3{
    background-color: #e19e15;
}
.triangle3::before{border-right-color: #e19e15;}
.card4{
    background-color: #d5ad77;
}
.triangle4::before{border-right-color: #d5ad77;}
.card11{
    background-color: #005964;
}
.triangle11::before{border-right-color: #005964;}
.card12{
    background-color: #ef7d1d;
}
.triangle12::before{border-right-color: #ef7d1d;}
.card9{
    background-color: #23C6FF;
}
.triangle9::before{border-right-color: #23C6FF;}
.card10{
    background-color: #016eb6;
}
.triangle10::before{border-right-color: #016eb6;}
.card6{
    background-color: #c1282d;
}
.triangle6::before{border-right-color: #c1282d;}
.card7{
    background-color: #f8821e;
}
.triangle7::before{border-right-color: #f8821e;}
.card8{
    background-color: #005964;
}
.triangle8::before{border-right-color: #005964;}
.card13{
    background-color: #749804;
}
.triangle13::before{border-right-color: #749804;}
.card14{
    background-color: #d49514;
}
.triangle14::before{border-right-color: #d49514;}
.card15{
    background-color: #d5ad77;
}
.triangle15::before{border-right-color: #d5ad77;}
.card17{
    background-color: #005964;
}
.triangle17::before{border-right-color: #005964;}
.card18{
    background-color: #c1282d;
}
.triangle18::before{border-right-color: #c1282d;}
.card19{
    background-color: #f8821e;
}
.triangle19::before{border-right-color: #f8821e;}
.card21{
    background-color: #23C6FF;
}
.triangle21::before{border-right-color: #23C6FF;}
.card22{
    background-color: #0171bb;
}
.triangle22::before{border-right-color: #0171bb;}
.card23{
    background-color: #c32c32;
}
.triangle23::before{border-right-color: #c32c32;}
.card24{
    background-color: #005964;
}
.triangle24::before{border-right-color: #005964;}
.card25{
    background-color: #7ba204;
}
.triangle25::before{border-right-color: #7ba204;}
.card26{
    background-color: #d5ad77;
}
.triangle26::before{border-right-color: #d5ad77;}
.card27{
    background-color: #93a897;
}
.triangle27::before{border-right-color: #93a897;}
.card28{
    background-color: #f8821e;
}
.triangle28::before{border-right-color: #f8821e;}
.card29{
    background-color: #1de5e4;
}
.triangle29::before{border-right-color: #1de5e4;}
.card30{
    background-color: #0171bb;
}
.triangle30::before{border-right-color: #0171bb;}
.card31{
    background-color: #005964;
}
.triangle31::before{border-right-color: #005964;}
.card32{
    background-color: #c32c32;
}
.triangle32::before{border-right-color: #c32c32;}
.card33{
    background-color: #f8821e;
}
.triangle33::before{border-right-color: #f8821e;}
.card34{
    background-color: #d5ad77;
}
.triangle34::before{border-right-color: #d5ad77;}
.card20{
    background-color: #c1282d;
}
.triangle20::before{border-right-color: #c1282d;}
.card35{
    background-color: #93a897;
}
.triangle35::before{border-right-color: #93a897;}
.card36{
    background-color: #c32c32;
}
.triangle36::before{border-right-color: #c32c32;}
.card37{
    background-color: #f8821e;
}
.triangle37::before{border-right-color: #f8821e;}
.card38{
    background-color: #7ba204;
}
.triangle38::before{border-right-color: #7ba204;}
.font28{
    font-size:28px
}
.mobb-only{
    display: none;
}
.image.triangle img{
    width: 131px;
}
/*.heightset{
    height: 103px;
}*/
.lazy.fontrip-img.img1{
    background-image: url('../images/summerpromotion2024/IMG-20220613-WA0008.jpg');
}
.image.triangle1 .img1{
    background-image: url('../images/summerpromotion2024/IMG-20220613-WA0004.jpg');
}
.lazy.fontrip-img.img5{
    background-image: url('../images/summer2025/04_(Photos) Delicious Express/cc996973-ff2b-479e-9be8-3e57be2bdcf3-1_all_338744_1.png');
}
.image.triangle5 .img5{
    background-image: url('../images/foodexpo2025/09_deliciousexpresshk/inside.png');
}
.lazy.fontrip-img.img2{
    background-image: url('../images/summerpromotion2024/mooncake2024.jpg');
}
.image.triangle2 .img2{
    background-image: url('../images/summerpromotion2024/gingko_cookies.jpg');
}
.lazy.fontrip-img.img3{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/1.jpg');
}
.image.triangle3 .img3{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/2.jpg');
}
.lazy.fontrip-img.img4{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/ibakary02.jpg');
}
.image.triangle4 .img4{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/4.jpg');
}
.lazy.fontrip-img.img11{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/5.jpg');
}
.image.triangle11 .img11{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/6.jpg');
}
.lazy.fontrip-img.img12{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/6.jpg');
}
.image.triangle12 .img12{
    background-image: url('../images/summer2025/39_to_42_(Photos)_(ibakery)/4.jpg');
}
.lazy.fontrip-img.img9{
    background-image: url('../images/summer2025/53_(Photos)_lstmeal/Moon cake-New1.png');
}
.image.triangle9 .img9{
    background-image: url('../images/summer2025/53_(Photos)_lstmeal/Moon cake-New1.png');
}
.lazy.fontrip-img.img10{
    background-image: url('../images/summer2025/44_(Photos)_(The Edible Projects)/1.jpg');
}
.image.triangle10 .img10{
    background-image: url('../images/summer2025/44_(Photos)_(The Edible Projects)/2.jpg');
}
.lazy.fontrip-img.img6{
    background-image: url('../images/summer2025/01_(Photos)_hkthebridgeplus/1.jpg');
}
.image.triangle6 .img6{
    background-image: url('../images/summer2025/01_(Photos)_hkthebridgeplus/1 (1).jpg');
}
.lazy.fontrip-img.img7{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/01.png');
}
.image.triangle7 .img7{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/02.png');
}
.lazy.fontrip-img.img8{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/3.png');
}
.image.triangle8 .img8{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/01.png');
}
.lazy.fontrip-img.img13{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/02.png');
}
.image.triangle13 .img13{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/3.png');
}
.lazy.fontrip-img.img14{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/NCChristianAction.jpg');
}
.image.triangle14 .img14{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/01.png');
}
.lazy.fontrip-img.img15{
    background-image: url('../images/summer2025/05_&_06_(Photos)_Leisure Outlet_(Flagship Shop & Wah Fu Shop)/1.jpg');
}
.image.triangle15 .img15{
    background-image: url('../images/summer2025/05_&_06_(Photos)_Leisure Outlet_(Flagship Shop & Wah Fu Shop)/2.jpg');
}
.lazy.fontrip-img.img17{
    background-image: url('../images/summer2025/56_(Photos)_age/1.jpeg');
}
.image.triangle17 .img17{
    background-image: url('../images/summer2025/56_(Photos)_age/sunshinebuddies.jpg');
}
.lazy.fontrip-img.img18{
    background-image: url('../images/summer2025/07_&_08_(Photos)_(Livesmart_Wah Hong & Austin)/1.png');
}
.image.triangle18 .img18{
    background-image: url('../images/summer2025/07_&_08_(Photos)_(Livesmart_Wah Hong & Austin)/2.jpeg');
}
.lazy.fontrip-img.img19{
    background-image: url('../images/summer2025/07_&_08_(Photos)_(Livesmart_Wah Hong & Austin)/2.jpeg');
}
.image.triangle19 .img19{
    background-image: url('../images/summer2025/07_&_08_(Photos)_(Livesmart_Wah Hong & Austin)/1.png');
}
.lazy.fontrip-img.img21{
    background-image: url('../images/summerpromotion2024/starup1.jpg');
}
.image.triangle21 .img21{
    background-image: url('../images/summerpromotion2024/starup2.jpg');
}
.lazy.fontrip-img.img22{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/the olive leaf_Product.jpg');
}
.image.triangle22 .img22{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/the olive leaf_Product.jpg');
}
.lazy.fontrip-img.img23{
    background-image: url('../images/summer2025/10_(Photos)_(Hair & Care)/hairncarecover.jpg');
}
.image.triangle23 .img23{
    background-image: url('../images/summer2025/10_(Photos)_(Hair & Care)/hairncareinside.jpg');
}
.lazy.fontrip-img.img24{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.image.triangle24 .img24{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.lazy.fontrip-img.img25{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.image.triangle25 .img25{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.lazy.fontrip-img.img26{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.image.triangle26 .img26{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.lazy.fontrip-img.img27{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.image.triangle27 .img27{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.lazy.fontrip-img.img28{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.image.triangle28 .img28{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.lazy.fontrip-img.img29{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.image.triangle29 .img29{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.lazy.fontrip-img.img30{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.image.triangle30 .img30{
    background-image: url('../images/summer2025/46_to_52_(Photos)_rejuvenation/08032025 388 (2).png');
}
.lazy.fontrip-img.img31{
    background-image: url('../images/summer2025/02_(Photos)_foot/1.JPG');
}
.image.triangle31 .img31{
    background-image: url('../images/summer2025/02_(Photos)_foot/1.JPG');
}
.lazy.fontrip-img.img32{
    background-image: url('../images/summer2025/54 & 55_(Photos)_hkeds/1.jpg');
}
.image.triangle32 .img32{
    background-image: url('../images/summer2025/54 & 55_(Photos)_hkeds/2.png');
}
.lazy.fontrip-img.img33{
    background-image: url('../images/summer2025/54 & 55_(Photos)_hkeds/2.png');
}
.image.triangle33 .img33{
    background-image: url('../images/summer2025/54 & 55_(Photos)_hkeds/3.jpg');
}
.lazy.fontrip-img.img34{
    background-image: url('../images/summer2025/11_(Photos)_tswwa/2.jpg');
}
.image.triangle34 .img34{
    background-image: url('../images/summer2025/11_(Photos)_tswwa/3.jpg');
}
.lazy.fontrip-img.img20{
    background-image: url('../images/summer2025/19_(Photos)_(Wellness One)/1.jpeg');
}
.image.triangle20 .img20{
    background-image: url('../images/summer2025/19_(Photos)_(Wellness One)/2.jpeg');
}
.lazy.fontrip-img.img35{
    background-image: url('../images/summerpromotion2024/931SMD5.jpg');
}
.image.triangle35 .img35{
    background-image: url('../images/summerpromotion2024/931SMD6.jpg');
}
.lazy.fontrip-img.img36{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/green_workshop.jpg');
}
.image.triangle36 .img36{
    background-image: url('../images/summer2025/12_to_17_(Photos)_(Christian Action)/green_workshop.jpg');
}
.lazy.fontrip-img.img37{
    background-image: url('../images/summer2025/57_(Photos)_yoga/Chair Yoga Pic1.jpg');
}
.image.triangle37 .img37{
    background-image: url('../images/summer2025/57_(Photos)_yoga/Chair Yoga Pic2.jpg');
}
.lazy.fontrip-img.img38{
    background-image: url('../images/summer2025/37_(Photos)_(Tasse Coffee Ltd)/IMG_3363.JPG');
}
.image.triangle38 .img38{
    background-image: url('../images/summer2025/37_(Photos)_(Tasse Coffee Ltd)/IMG_6745.JPG');
}
.store-card.bn-store-card>h3{
    color:#5b5b5b;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    -webkit-text-stroke: 0.5px #5b5b5b


}
@media only screen and (max-width: 1631px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3{
        bottom: 132px;
    }
    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

        top: 30%;

    }
    .loc-roll {
        width: 92%;
    }
    .h2pos{
        bottom: 52px;
    }
    .h2pos.h2posnoloc{
        bottom: 59px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief.homenoloc {
        margin-top: -19px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief{
        margin-top: -6px;
    }
    .h2pos.h2two{
        bottom: 52px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
        bottom: -29px;
    }
/*    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.uppper-h3{
        bottom: 131px;
    }*/
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 4%, rgba(0, 0, 0, 0.6) 100%);
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask{
        top: 81%;
        height: 126%;
    }
}
@media only screen and (max-width: 1631px) {
    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask{
        top:20%;
    }
}
@media only screen and (max-width: 1496px) {
    .store-card.bn-store-card{
        width: 49.6%;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        top: 87%;
        height: 94%;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask{
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 4%, rgba(0, 0, 0, 0.6) 100%);
    }
    .heightset2{
        height: auto;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
        bottom: -31px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief{
        margin-top: 4px;
    }
}
@media only screen and (max-width: 1153px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title {
        bottom: -47px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        top: 85%;
    }
    .h2pos.h2posnoloc {
        bottom: 57px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief.homenoloc {
        margin-top: -2px;
    }
}
@media only screen and (max-width: 1095px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 4%, rgba(0, 0, 0, 0.6) 100%);
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        top: 77%;
        height: 131%;
    }


}
@media only screen and (max-width: 1000px) {
    .store-card.bn-store-card{
        width: 100%;
    }
    .heightset{
        height: auto;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        top: 88%;
        height: 80%;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title {
        bottom: -26px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief{
        margin-top: -22px;
    }
    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

        top: 30%;

    }
}
@media only screen and (max-width: 822px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
        bottom: -23px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask{
        top: 89%;
    }
}
@media only screen and (max-width: 768px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
        bottom: 22px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        top: 85%;
        height: 116%;
    }
    .padd25{
        padding: 17% 0;
    }
    #box1 p{
        padding-top: 39px;
    }
    .h2pos.h2two {
        bottom: 35px;
    }
    .h2pos {
        bottom: 35px;
    }
    .h2pos.h2posnoloc {
        bottom: 43px;
    }
/*    .listhd{
      --mask:
        radial-gradient(22.16px at 50% 30.4px,#000 99%,#0000 101%) calc(50% - 38px) 0/76px 51% repeat-x,
        radial-gradient(22.16px at 50% -11.4px,#0000 99%,#000 101%) 50% 19px/76px calc(51% - 19px) repeat-x,
        radial-gradient(22.16px at 50% calc(100% - 30.4px),#000 99%,#0000 101%) calc(50% - 38px) 100%/76px 51% repeat-x,
        radial-gradient(22.16px at 50% calc(100% + 11.4px),#0000 99%,#000 101%) 50% calc(100% - 19px)/76px calc(51% - 19px) repeat-x;
      -webkit-mask: var(--mask);
              mask: var(--mask);
    }*/
}
@media only screen and (max-width: 670px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
         bottom: -1px; 
    }
}
@media only screen and (max-width: 559px) {
    .mobb-only{
        display: block;
    }

    .div-h6-foodimg-div img{
        width: 255px;
    }
    .img-bg2>div::before{
/*        height: 66%;*/
        top: 20%;
    }
    .img-bg23>div::before{
/*        height: 66%;*/
        top: 20%;
    }
    .img-bg24>div::before{
/*        height: 66%;*/
        top: 20%;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
        bottom: -9%;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief {
        margin-top: 1px;
    }
}
@media only screen and (max-width: 500px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask{
        height: 140%;
        top: 77%;
    }
    .loc-roll {
        width: 91%;
    }
}
@media only screen and (max-width: 440px) {
    .loc-roll {
        width: 91%;
    }
}
@media only screen and (max-width: 400px) {
    .listhd {
        width: 279px;
    }
    h6 {
        width: 281px !important;
    }
}


@media only screen and (max-width: 414px) {
    .loc-roll {
        width: 87%;
    }
    .h2pos {
        bottom: 4px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3{
        bottom: 116px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief {
        margin-top: -55px;
    }
    .h2pos.h2two {
        bottom: -2px;
    }
/*    .h2pos.h2posnoloc{
        bottom: 85px;
    }*/
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title h3.h3two{
        bottom: 87px;
    }
    .h2pos.h2posnoloc.h3two{
        bottom: 6px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-item-brief.homenoloc.h3two{
        margin-top: -65px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
        margin-top: 86px;
        bottom: 92px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask{
        top:72%;
        height: 62%;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 4%, rgba(0, 0, 0, 0.6) 100%);
    }
    .store-card .store-card-wrap .fontrip_mask:hover .store-card-func-mask {

        top: -50%;
        height: 500px;
    }
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title.uppper-h3{
        margin-top: 93px;
    }
    .loc-roll {
        width: 84%;
    }
    .h2pos.h2posnoloc {
        bottom: 38px;
    }

}
@media only screen and (max-width: 375px) {
    .store-card .store-card-wrap .fontrip_mask .store-card-func-mask .store-card-title{
        margin-top: 76px!important;
    }
}
body{
    overflow-x: hidden;
}