@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Sans+SC:wght@100..900&display=swap');
#secIndexHeader { background:url("/main/img/v2/index/secIndexHeader01.png") no-repeat; color:#353535; }
#secIndexHeader .banner { height:clamp(40px,3.12vw, 60px); }
#secIndexHeader .locationName .i1 { font-size:clamp(12px,1vw, 40px); }
#secIndexHeader .locationName .i2 { font-size:clamp(12px,1vw, 40px); }
#secIndexHeader .grandOpen { font-size:clamp(12px,2.08vw, 20px); font-weight:bold; }
#secIndexHeader .locationDate .i1 { font-size:clamp(12px,1vw, 40px); }
#secIndexHeader .locationDate .i2 { font-size:clamp(12px,1vw, 40px); }

#secIndexContent { background:url("/main/img/v2/index/secIndexBg01.jpg") center; }
#secIndexContent .cc { top:0px; width:100%; left:0px; padding:8% 4%; }
#secIndexContent .cc .logo img { width:auto; height:30px; }
#secIndexContent .cc .franchMenu { margin-top:64px; width:40%;  }
#secIndexContent .cc .franchMenu > div { font-size:20px; padding:6px 12px; color:rgba(255,255,255,0.5); }
#secIndexContent .cc .franchMenu > div.active { color:rgba(255,255,255,1); }
#secIndexContent .cc .franchItems { margin-top:64px; display:flex; flex-wrap:wrap; gap:36px 7%; }
#secIndexContent .cc .franchItems .item { width:14.4%; border:1px solid #BFBFBF; padding:12px; color:#fff; font-size:clamp(14px,0.73vw,14px); }

#secIndexFooter { background:#F1F1F1; }
#secIndexFooter .info1 { padding:12px 8px; font-size:14px; }
#secIndexFooter .info1 .franch { font-weight:700;  }
#secIndexFooter .height1 { background-color:#D9D9D9; width:100%; height:1px; }
#secIndexFooter .info2 { padding:12px 8px; font-size:13px; }
#secIndexFooter .info2 .copyright { font-size:12px; color:#BDBDBD; }



@media (max-width: 767px) {
    #secIndexContent .cc .logo img { width:auto; height:13px; }

    #secIndexContent .cc .franchMenu { margin-top:24px; width:100%;  }
    #secIndexContent .cc .franchMenu > div { font-size:13px; }

    #secIndexContent { background:url("/main/img/v2/index/secIndexBg01m.jpg") center; background-size: 134%; background-position-x:-42px; }
    #secIndexContent .cc .franchItems { margin-top:24px; display:flex; flex-wrap:wrap; gap:16px 3.5%; }
    #secIndexContent .cc .franchItems .item { width:31%; }

    #secIndexFooter .info1 { font-size:12px; }
    #secIndexFooter .height1 { background-color:#D9D9D9; width:100%; height:1px; }
    #secIndexFooter .info2 { font-size:10px; }
    #secIndexFooter .info2 .copyright { font-size:9px; color:#BDBDBD; }
}