/* ========================================================================

  /product/tableroll/css/nama_selection_series.css

======================================================================== */


/************************************************************************
  #banner
************************************************************************/
nav#banner { margin:0 auto; max-width:1100px; }
nav#banner ul { margin:0 50px; max-width:1000px; display:flex; justify-content:space-between; }
nav#banner ul li { width:47%; max-width:480px; text-align:center; }

nav#banner ul li p.txt { text-align:center; }
nav#banner ul li p.img { margin-bottom:15px; }
nav#banner ul li img { border-radius:14px; box-shadow:0 0 20px 0 rgba(47,48,48,0.2); }
/* ============ smart phone ============ */
@media (max-width:750px){
nav#banner ul { margin:0 calc(45/750*100vw); width:auto; }
nav#banner ul li { width:calc(320/750*100vw); }
nav#banner ul li:not(:last-child) { margin-bottom:calc(40/750*100vw); }
nav#banner ul li p.img { margin-bottom:calc(5/750*100vw); }
nav#banner ul li img { border-radius:calc(14/750*100vw); box-shadow:0 0 calc(20/750*100vw) 0 rgba(47,48,48,0.2); }
nav#banner ul li p.txt { letter-spacing:0.075em; font-size:calc(18/750*100vw); }
}
/************************************************************************
  a.icon
************************************************************************/
a.icon::after { content:''; margin-left:15px; width:7px; height:12px; mask-position:center center; mask-repeat:no-repeat; mask-size:100% auto; mask-image:url('../images/icon_link.svg'); display:inline-block; transition:0.5s; }
a.icon:hover::after { transform:translate(5px,0); }
nav#banner ul li:hover a.icon::after { transform:translate(5px,0); }

/* ============ smart phone ============ */
@media (max-width:750px){
a.icon::after { margin-left:calc(15/750*100vw); width:calc(7/750*100vw); height:calc(12/750*100vw); }
}
/************************************************************************
  body#nama-selection
************************************************************************/
body#nama-selection #banner-nama-selection { display:none; }
body#nama-selection nav#banner ul li a { color:#533707; font-family:var(--shippori-mincho-b1-regular); font-size:18px; font-size:1.8rem; }
/* a.icon */
body#nama-selection nav#banner ul li a.icon::after { background-color:#533707; }
/* ============ smart phone ============ */
@media (max-width:750px){
body#nama-selection nav#banner ul li a { letter-spacing:0.075em; font-size:calc(18/750*100vw); }
}
/************************************************************************
  body#uruoirich
************************************************************************/
body#uruoirich #banner-uruoirich { display:none; }
body#uruoirich #banner-nama-selection { order:2; }
body#uruoirich #banner-premium { order:1; }
body#uruoirich nav#banner { position:relative; z-index:1; }
body#uruoirich nav#banner ul li a { color:#533707; font-family:var(--shippori-mincho-b1-regular); font-size:18px; font-size:1.8rem; }
/* a.icon */
body#uruoirich nav#banner ul li a.icon::after { background-color:#533707; }
/* ============ smart phone ============ */
@media (max-width:750px){
body#uruoirich nav#banner ul li a { font-size:calc(18/750*100vw); }
}
/************************************************************************
  body#premium
************************************************************************/
body#premium #banner-premium { display:none; }
body#premium nav#banner ul li a { color:#ffffff; }
/* a.icon */
body#premium nav#banner ul li a.icon::after { background-color:rgba(255,255,255,0.5); }
/* ============ smart phone ============ */
@media (max-width:750px){
body#premium nav#banner ul { margin:auto; width:calc(320/750*100vw); flex-direction:column; }
body#premium nav#banner ul li { width:auto; }
body#premium nav#banner ul li:not(:last-child) { margin-bottom:calc(40/750*100vw); }
body#premium nav#banner ul li p.img { margin-bottom:calc(5/750*100vw); }
body#premium nav#banner ul li p.txt { letter-spacing:0.075em; font-size:calc(18/750*100vw); }
}