@charset "UTF-8";
/*--------------------------------------------------------------------------
	オプション詳細
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #article .info .title_area h2, #article .info .title_area p { font-size: 22px; }
  #article section .img_area ul li { padding: 0 10px 30px; } }
/*768px*/
@media screen and (max-width: 640px) { #article { padding: 30px 10px 50px; }
  #article .info { margin: 0 auto 50px; }
  #article .info .title_area h2, #article .info .title_area p { font-size: 20px; }
  #article .info .title_area p span.line01 { padding: 0 10px 0; }
  #article .info .text { margin-top: 20px; }
  #article section { margin-bottom: 50px; padding: 0 0 20px; }
  #article section h3 { background-size: 15px auto; margin-bottom: 10px; padding: 0 0 0 22px; font-size: 16px; }
  #article section .data_area { margin-bottom: 20px; padding: 10px; font-size: 13px; }
  #article section .img_area ul li { padding: 0 10px 20px; }
  #article section .img_area ul li p { margin-top: 10px; font-size: 12px; }
  #article #close_btn a { padding: 10px 10px 8px; font-size: 16px; } }
/*640px*/
@media screen and (max-width: 480px) { #article .info .title_area { border-radius: 30px; }
  #article .info .title_area h2, #article .info .title_area p { display: block; font-size: 18px; }
  #article .info .title_area p span.line01 { display: none; }
  #article section .img_area ul { display: block; }
  #article section .img_area ul li { padding: 0 0 30px; width: 100%; } }
/*480px*/

/*# sourceMappingURL=sp_bms_select.css.map */