/* LONGBRANCH responsive additions (2026-10) */
#FBnavi{float:none!important;width:auto!important;text-align:center;margin:20px auto!important}
@media (max-width:940px){
  html{background:#222}
  body{width:auto!important;min-width:0!important;margin:0!important;-webkit-text-size-adjust:100%}
  #LB_wrapper{width:auto!important}
  #header{width:auto!important;padding:16px 8px 0!important;box-sizing:border-box}
  #set1{padding-left:0!important}
  #set1 ul{text-align:center}
  #header li{margin:0 6px!important;line-height:26px!important}
  #set2{height:auto!important;overflow:hidden;text-align:right}
  #webshop{float:none!important;margin:0!important}
  #index_wrapper,#wrapper,#artist_wrapper,#feature_wrapper,#garment_wrapper,#sbc_wrapper,#a_wrapper,#turquoise_wrapper{width:auto!important;max-width:100%!important;height:auto!important;box-sizing:border-box}
  #wrapper img,#feature_wrapper img,#garment_wrapper img,#sbc_wrapper img,#a_wrapper img,#turquoise_wrapper img,#artist_wrapper img{max-width:100%;height:auto}
  #footer{padding-left:8px;padding-right:8px}
  #container{width:auto!important;height:auto!important;padding:4px!important;display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;box-sizing:border-box}
  #container .box{position:static!important;left:auto!important;top:auto!important;float:none!important;margin:0!important;box-sizing:border-box}
  #container .box img{width:100%!important;max-width:100%!important;height:auto!important}
  #container .box.col1{width:calc(10.4% - 4px)!important}
  #container .box.col2{width:calc(21.6% - 4px)!important}
  #container .box.col3{width:calc(31.6% - 4px)!important}
  #container .box.col4{width:calc(42.7% - 4px)!important}
  #container .box.col5{width:calc(53.8% - 4px)!important}
  /* feature */
  #feature02{width:auto!important;height:auto!important}
  #feature02 #Artist_Message{float:none!important;width:auto!important}
  .artist_mov{float:none!important;height:auto!important;border-left:0!important;border-top:2px solid #000;padding:8px 0}
  /* garment */
  #image-navigation .navi-image{float:none!important;width:100%!important;height:auto!important;aspect-ratio:695/560;position:relative}
  #image-navigation .navi-image a{width:100%;height:100%}
  #image-navigation .navi-image img{width:100%;height:100%;object-fit:contain}
  #image-navigation .navi{float:none!important;width:auto!important}
  #image-navigation .navi ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}
  #image-navigation .navi li a{width:auto!important;height:auto!important}
  #image-navigation .navi li img{width:100%;height:auto}
  /* shandiin */
  #sbc_wrapper{background:#111!important}
  #sbc_wrapper p{float:none!important;width:auto!important;padding:0 12px;font-size:13px!important;line-height:1.6!important}
  #carousel,.list_carousel{float:none!important;width:auto!important}
  /* turquoise */
  #turquoise_wrapper{background-size:cover!important}
  #turquoise_type{float:none!important;width:auto!important;margin-top:20px!important;padding:0 16px!important;box-sizing:border-box}
  #turquoise_type h3,#turquoise_type ul{text-align:left!important}
  #turquoise_details{float:none!important;width:auto!important;height:auto!important;margin:20px 12px!important}
  /* store info */
  #a_wrapper{background-size:100% auto!important;background-repeat:no-repeat;background-color:#111;padding-top:55%!important}
  #shop_bg{position:static!important;width:auto!important;height:auto!important;background:#1a1a1a!important;padding:12px 0;margin:0!important}
  #shop_img{position:static!important;float:none!important}
  #shop_bg ul{width:auto!important;height:auto!important;max-width:433px;margin:0 auto}
  #shop_info{float:none!important;position:static!important;width:auto!important;margin:12px!important}
  /* artist */
  #artist_wrapper{background-size:cover!important;background-position:center top}
  #artist_L,#artist_R{float:none!important;width:auto!important;padding:20px 16px!important;box-sizing:border-box}
  #artist_wrapper ul,#artist_wrapper h3{text-align:left!important}
  /* misc */
  #sbc_wrapper h2 img{box-sizing:border-box;width:100%;height:auto}
  html,body{overflow-x:hidden}
}
@media (max-width:600px){
  #container .box.col1{width:calc(25% - 3px)!important}
  #container .box.col2{width:calc(50% - 2px)!important}
  #container .box.col3,#container .box.col4,#container .box.col5{width:100%!important}
}
@media (max-width:360px){h1{zoom:.9}}

/* SNS links */
#footer p.sns{margin:0 0 8px!important;font-size:12px!important}
#footer p.sns a{color:#bbb;text-decoration:none;font-weight:bold;font-size:13px;margin:0 12px}
#footer p.sns a:hover{color:#c33}
#sns_box{text-align:center;padding:28px 12px;color:#333;font-size:14px;line-height:1.8}
#sns_box a{display:inline-block;margin:10px 8px 0;padding:10px 22px;border:1px solid #555;color:#222;text-decoration:none;font-weight:bold}
#sns_box a:hover{background:#900;border-color:#900;color:#fff}

/* past blog link */
#footer p.sns a.blog{font-size:.75em;margin-left:14px;opacity:.85}

/* instagram icon link */
#footer p.sns a.ig{display:inline-flex;align-items:center;gap:8px;margin:0;line-height:1;padding:4px 0}
#footer p.sns a.ig svg{display:block;width:22px;height:22px}
#footer p.sns a.ig span{display:block;line-height:1;font-size:13px}
