@charset "UTF-8";
/* スマホ・タブレット
----------------------------------------------------------------------------

	フォント
	BMS記事リスト／記事絞り込みベース
	import

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	フォント
--------------------------------------------------------------------------*/
/*1000px*/
/*768px*/
@media screen and (max-width: 640px) { /*----- 管理エディタ用 -----*/
  .ql-size-small { font-size: 11px; }
  .ql-size-large { font-size: 16px; }
  .ql-size-huge { font-size: 20px; } }
/*640px*/
/*480px*/
/*--------------------------------------------------------------------------
	管理エディタ用　(ckeditorエディタ)
--------------------------------------------------------------------------*/
/*@mixin ck-content768*/
/*@mixin ck-content430*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #topics > section { padding: 10px 15px 10px 15px; }
  #topics > section dl { padding: 15px; }
  #topics > section dl dt, #topics > section dl dd { display: block; }
  #topics > section dl dt { margin: 0 0 12px 0; width: 100%; }
  #topics > section dl dt span.ymd { width: 95px; font-size: 13px; }
  #topics > section dl dt span.category { padding: 0 0 2px 0; line-height: 21px; font-size: 12px; }
  #topics > section dl dd { padding: 0; font-size: 14px; }
  #topics #nav_list { margin: 50px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #info #list a .date, #info #list a h2, #info #list a h3 { display: block; width: 100%; }
  #info #list a .date { padding: 10px 0 8px 15px; width: 100%; font-size: 13px; }
  #info #list a h2, #info #list a h3 { padding: 15px 15px; font-size: 13px; }
  #info #nav_list { margin: 50px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #info_ar #info_post { padding: 20px 15px; }
  #info_ar #info_post > div:nth-of-type(2) { margin: 30px auto 0 auto; }
  #info_ar #info_post > div:nth-of-type(n+3) { padding: 30px 0 0 0; border-top: 1px solid #d5d5d5; }
  #info_ar #info_post .sbj_frm { margin: 0 auto 25px auto; }
  #info_ar #info_post .sbj_frm .sbj { font-size: 22px; }
  #info_ar #info_post .title { padding: 0 0 20px 0; }
  #info_ar #info_post .title > div { padding: 0 0 0 15px; }
  #info_ar #info_post .title > div h2, #info_ar #info_post .title > div h3 { padding: 10px 0 0 0; font-size: 19px; }
  #info_ar #info_post .text.ck-content img { margin: 30px 15px 0 0; }
  #info_ar #info_post .text .link a { font-size: 13px; }
  #info_ar #info_post .text .link h4 { padding: 0 0 0 33px !important; font-size: 22px !important; }
  #info_ar #info_post #photo > div { width: calc(50% - 15px); }
  #info_ar #info_post #photo > div:nth-of-type(n+4) { margin: 30px 0 0 0; }
  #info_ar #info_post #photo p { margin-top: 5px; font-size: 12px; }
  #info_ar #info_post #photo.post_one > div { margin: 0 auto 25px auto; }
  #info_ar #info_post .file .frm { padding: 25px 15px; }
  #info_ar #info_post .file h3, #info_ar #info_post .file h4 { margin: 0 0 20px 0; font-size: 20px; }
  #info_ar #info_post .file a { padding: 15px 15px 15px 50px; background-position: left 15px center; background-size: 24px auto; font-size: 13px; }
  #info_ar .back_btn { margin: 50px auto 0 auto; padding: 50px 0 0 0; } }
/*640px*/

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