html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0; }
  
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 7px;
    padding-left: 7px;
}
body { font-family: ltc-bodoni-175, serif, "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;}
body { margin:0 ; background:#000 ; background-image:url(../images/shop/2605_haitoku_pc.jpg ) ; background-size: 1980px; background-repeat: no-repeat; background-position: top;   }

footer { text-align:center ; padding:15px 0; }
.pcNo { display: none ; }
.spNo { display: block ; }

#indexBG { width: 100%; max-width: 1980px ; min-height: 1150px; margin: 0 auto; position: relative;}
#indexBG .bg{ width: 100%; position: relative; top:0; left:0 ; z-index: 10; }
#indexBG .enter{width: 240px; position: absolute; top:810px; left:50% ;  margin-left:77px ; z-index: 100; }
#HEVEN { width: 100%; position: absolute; top:1050px; text-align: center; z-index: 100; }
#HEVEN img{ width: 40%; max-width: 500px; margin: 0 5px;}
#ninshoExp { width: 100%; position: absolute; top:950px; left:0 ; text-align: center; z-index: 100; color: #FFF; font-size: 18px ; padding: 0 10px; }
#ninshoExp h2{ display: inline-block; font-size: 24px ; margin-bottom: 10px; position: relative; }
#ninshoExp a { color: #fff;}
#ninshoExp h2::before {
    content: "";
    display: inline-block;
    width: 71px; 
    height: 71px; position: absolute; left: -80px; top: -10px;
    background-image: url(../images/shop/r18.png);
    background-position: center;
    background-size: contain;
}

#indexBnn { width: 100%; padding: 0 ; text-align:center ; list-style: none ; margin: 0 auto ; }
#indexBnn ul{ max-width: 1440px; margin: 0 auto;}
#indexBnn li{ padding: 3px; display:inline-block ; }

#indexBGSP { width: 100%; position: relative; text-align: center;}
#indexBGSP .bg{ width: 100%; position: relative; top:0; left:0 ; z-index: 10; }

@media ( width < 1040px) { 
    body { background-image:none; background-position: top; }
    #indexBGINSP { margin-bottom: 0;}

    #indexBGINSP .ENTER{ width: 100%; text-align: center; position: absolute; top:56%; left:0 ; z-index: 100; }
    #indexBGINSP .enter { width: 30%; max-width: 226px; z-index: 100; margin: 0 auto; }
    #ninshoExpSP { width: 90%; position: absolute; top:65%; left:10% ; text-align: left; z-index: 100; color: #FFF; font-size: 110% ; padding: 0 10px; }
    #ninshoExpSP a { color: #fff;}
    #ninshoExpSP img { width: 60px;}
    #ninshoExpSP h2{ font-size: 105% ; text-align: left; padding-left: 35px; display: inline-block; position: relative; }
    #ninshoExpSP h2::before {
        content: "";
        display: inline-block;
        width: 60px; 
        height: 60px; position: absolute; left: -40px; top: 0;
        background-image: url(../images/shop/r18.png);
        background-position: center;
        background-size: contain;
    }
    .pcNo { display: block ; }
    .spNo { display: none ; }
    #HEVENSP { width: 100%; text-align: center; z-index: 100; position: absolute; bottom: 17%;}
    #HEVENSP img{ width: 70%; margin-bottom: 10px; }
    #indexBnnSP { width: 100%;text-align: center;  }
    #indexBnnSP ul{ text-align: center; margin: 0 auto;}
    #indexBnnSP li{ display:block ; vertical-align:  top; }
    #indexBnnSP li img{ width: 70%; max-width: auto ; margin-bottom: 10px; }
}

@media ( width < 640px) { 
#ninshoExpSP { margin-bottom:25px;}
    #ninshoExpSP h2{ font-size: 90% ; text-align: left; padding-left: 35px; display: inline-block; position: relative; }
    #ninshoExpSP h2::before {
        content: "";
        display: inline-block;
        width: 60px; 
        height: 60px; position: absolute; left: -40px; top: 0;
        background-image: url(../images/shop/r18.png);
        background-position: center;
        background-size: contain;
    }
       #HEVENSP { bottom: 10%;}
 
}

@media ( width < 993px) { 
}

footer { color: #FFF ;;}