/* Tamron SA site chrome for Special Contents pages: header, footer, PICKUP (Chronon, Oct 2026) */
header#siteHeader{background:#fff;border-top:25px solid #f5f5f5}
header#siteHeader .inner div.main h1#mainLogo{width:150px}
header#siteHeader .inner div.main h1#mainLogo a{width:150px;background:url(../../media/logo-tamron.svg) left center/150px auto no-repeat}
header#siteHeader nav#utilNavi ul li{font-size:12px}
header#siteHeader nav#utilNavi ul li a{color:#424242;text-decoration:none}
header#siteHeader nav#siteNavi ul li{font-size:15px;margin-right:24px}
header#siteHeader nav#siteNavi ul li a{color:#000;text-decoration:none}
header#siteHeader nav#siteNavi ul li a:hover{color:#2a6cd6}
header#siteHeader nav#siteNaviSP{display:none}
header#siteHeader nav#siteNaviSP.open{display:block}
header#siteHeader nav#siteNaviSP ul li a{font-size:20px;text-decoration:none}
footer#siteFooter{font-size:12px}
footer#siteFooter .inner nav.top .left,footer#siteFooter .inner nav.top .right,footer#siteFooter .inner nav.middle,footer#siteFooter .inner nav.bottom .left,footer#siteFooter .inner nav.bottom .right{font-size:12px}
footer#siteFooter .inner nav.top .left a,footer#siteFooter .inner nav.bottom a{color:#333;text-decoration:none}
footer#siteFooter .inner nav.top .right a.toTop{color:#333;text-decoration:none}
footer#siteFooter .inner nav.top .right a.toTop:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.25' fill='none' stroke='%23333' stroke-width='1.5'/%3E%3Cpath d='M6 12l4-4 4 4' fill='none' stroke='%23333' stroke-width='1.5'/%3E%3C/svg%3E")}
footer#siteFooter .inner nav.middle .column6:after{content:"";display:block;clear:both}
footer#siteFooter .inner nav.middle .column6 .col{float:left;padding-right:16px;box-sizing:border-box}
footer#siteFooter .inner nav.middle .column6 .col .lead{color:#000}
footer#siteFooter .inner nav.middle .column6 .col ul li a{text-decoration:none}
footer#siteFooter .inner nav.middle .column6 .col ul li a:hover{color:#000}
footer#siteFooter .inner nav.bottom .right{color:#757575}
footer#siteFooter .inner nav.bottom:after{content:"";display:block;clear:both}
.pickup{background:#fff;padding:60px 0;border-top:1px solid #e5e5e5}
.pickup h2{font-size:28px;font-weight:bold;margin:0 0 30px;line-height:1.2}
.pickup .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pickup .grid a{display:block;color:#000;text-decoration:none;border-left:2px solid #2a6cd6;padding-left:14px}
.pickup .grid h3{font-size:13px;font-weight:bold;margin:0 0 10px;line-height:1.3}
.pickup .grid img{width:100%;height:auto;display:block}
.pickup .grid .more{display:block;font-size:12px;font-style:italic;margin-top:8px}
.pickup .grid .more:after{content:" \2192"}
.pickup .grid a:hover .more{color:#2a6cd6}
@media screen and (max-width:900px){
  header#siteHeader{border-top:0}
  header#siteHeader .inner div.main{height:60px;padding-top:12px}
  header#siteHeader .inner div.main h1#mainLogo{width:120px;height:32px}
  header#siteHeader .inner div.main h1#mainLogo a{width:120px;height:32px;background-size:120px auto}
}
@media screen and (max-width:767px){
  .pickup{padding:40px 0}
  .pickup h2{font-size:22px}
  .pickup .grid{grid-template-columns:repeat(2,1fr);gap:16px}
}