@charset "UTF-8";
/* ========================================================================

  /product/kyushu_jikomi/css/style.css

======================================================================== */
/************************************************************************
  #kyushu-jikomi
************************************************************************/

#kyushu-jikomi h2 { padding:0.5em 0; background-color:#01398a; color:#eccc2c; line-height:1; font-weight:bold; font-size:30px; }

#path { margin-bottom:60px !important; }

#kyushu-jikomi .box { margin:auto; max-width:1000px; background-color:#ffffff; border:5px solid #01398a; border-radius:30px; overflow:hidden; }

/* ====== #lineup ====== */
#kyushu-jikomi #lineup { margin:50px; }
#kyushu-jikomi #lineup ul { margin-bottom:55px; padding-bottom:60px; border-bottom:3px dotted #00398d; display:flex; justify-content:space-between; }
#kyushu-jikomi #lineup ul:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }

#kyushu-jikomi #lineup ul li { max-width:220px; text-align:center; }
#kyushu-jikomi #lineup ul li img { width:100%; height:auto; }

/* ============ smart phone ============ */
@media screen and (max-width:640px){
#kyushu-jikomi .box { margin:auto 20px; }

/* ====== #lineup ====== */
#kyushu-jikomi #lineup { margin:20px; }
#kyushu-jikomi #lineup ul { margin-bottom:0; padding-bottom:0; border-bottom:0; flex-wrap:wrap; }
#kyushu-jikomi #lineup ul li { margin:0 auto 40px; flex-basis:50%; max-width:220px; }

}