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

	フォント
	BMS記事リスト／記事絞り込みベース
	import
	
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	フォント
--------------------------------------------------------------------------*/
/*----- 管理エディタ用 -----*/
.ql-align-center { text-align: center; }

.ql-align-right { text-align: right; }

.ql-size-small { font-size: 12px; }

.ql-size-large { font-size: 23px; }

.ql-size-huge { font-size: 32px; }

/*----- フォント太さ調節 -----*/
.font_w_b { font-weight: 500; }

/*--------------------------------------------------------------------------
	管理エディタ用　(ckeditorエディタ)
--------------------------------------------------------------------------*/
.ck-content ul, .ck-content ul li, .ck-content ol, .ck-content ol li { list-style: revert; margin: revert; padding: revert; }

/*@mixin ck-content*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#topics > section { margin: 0 auto; padding: 10px 40px 40px 40px; width: 100%; background: #e9f2ff; }
#topics > section a { display: block; width: 100%; text-decoration: none; }
#topics > section a dl dt span.ymd { color: #00000f; }
#topics > section a dl dt span.category { color: #fff; background: #005dbc; }
#topics > section a dl dd { color: #00000f; }
#topics > section a:first-of-type { margin: 0; }
#topics > section a:link dl dt, #topics > section a:link dl dd, #topics > section a:visited dl dt, #topics > section a:visited dl dd { color: #00000f; }
#topics > section a:active dl dt, #topics > section a:hover dl dt { color: #005dbc; }
#topics > section a:active dl dt span.ymd, #topics > section a:hover dl dt span.ymd { color: #005dbc; }
#topics > section a:active dl dt span.category, #topics > section a:hover dl dt span.category { color: #fff; background: #005dbc; }
#topics > section a:active dl dd, #topics > section a:hover dl dd { color: #005dbc; }
#topics > section dl { padding: 30px 0; border-bottom: 1px solid #cccbc9; display: table; width: 100%; table-layout: fixed; }
#topics > section dl dt, #topics > section dl dd { display: table-cell; vertical-align: top; }
#topics > section dl dt { width: 255px; line-height: 0; font-size: 0; }
#topics > section dl dt span { display: inline-block; vertical-align: middle; line-height: 1.6; }
#topics > section dl dt span.ymd { margin: 2px 0 0 0; color: #000; width: 105px; line-height: 1; font-size: 15px; font-family: "Urbanist", sans-serif; font-optical-sizing: auto; letter-spacing: 0.06em; }
#topics > section dl dt span.category { width: 130px; line-height: 30px; color: #fff; background: #005dbc; font-size: 14px; text-align: center; }
#topics > section dl dd { line-height: 1.5; font-size: 19px; }
#topics #nav_list { margin: 100px auto 0 auto; max-width: 1100px; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#info #list { margin: 0 auto; max-width: 1000px; }
#info #list a { display: table; table-layout: fixed; width: 100%; color: #000; background: #fff; }
#info #list a:not(:first-child) { margin: 10px auto 0 auto; }
#info #list a:hover .date, #info #list a:hover h2, #info #list a:active .date, #info #list a:active h2 { color: #fff; background: #005dbc; }
#info #list a:hover h2, #info #list a:hover h3, #info #list a:active h2, #info #list a:active h3 { color: #00000f; background: #c5d1e4; }
#info #list a .date, #info #list a h2, #info #list a h3 { display: table-cell; vertical-align: top; }
#info #list a .date { padding: 23px 0 0 20px; width: 130px; line-height: 1; color: #fff; background: #849cbb; font-size: 16px; font-family: "Urbanist", sans-serif; font-optical-sizing: auto; letter-spacing: 0.06em; }
#info #list a .date span { display: block; width: 100%; }
#info #list a h2, #info #list a h3 { padding: 20px 25px; line-height: 1.4; color: #00000f; background: #e9f2ff; font-size: 15px; font-weight: 500; }
#info #nav_list { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#info_ar { margin: 0 auto; max-width: 1180px; }
#info_ar #info_post { padding: 80px; border: 1px solid #005dbc; background: #fff; }
#info_ar #info_post > div:nth-of-type(2), #info_ar #info_post > div:nth-of-type(n+3) { margin: 50px auto 0 auto; }
#info_ar #info_post > div:nth-of-type(n+3) { padding: 50px 0 0 0; border-top: 1px solid #d5d5d5; }
#info_ar #info_post .sbj_frm { margin: 0 auto 30px auto; width: 100%; }
#info_ar #info_post .sbj_frm .sbj { padding: 0 0 0 33px; line-height: 24px; background: url("../img/icon_all.png") no-repeat left top 1px; background-size: 17px auto; font-size: 30px; font-weight: 500; letter-spacing: 0.06em; }
#info_ar #info_post .title { padding: 0 0 30px 0; border-bottom: 1px solid #005dbc; }
#info_ar #info_post .title > div { padding: 0 0 0 25px; border-left: 3px solid #005dbc; }
#info_ar #info_post .title > div .date { line-height: 1.2; font-size: 17px; }
#info_ar #info_post .title > div h2, #info_ar #info_post .title > div h3 { padding: 10px 0 0 0; line-height: 1.5; font-size: 21px; font-weight: 700; }
#info_ar #info_post .text { max-width: 1100px; }
#info_ar #info_post .text.ck-content img { margin: 30px 20px 0 0; display: inline-block; width: auto; max-width: 100%; }
#info_ar #info_post .text.ck-content figcaption { color: #000; background-color: rgba(255, 255, 255, 0); font-size: 13px; }
#info_ar #info_post .text.ck-content.ck-content { font-size: 15px; overflow: hidden; }
#info_ar #info_post .text.ck-content.ck-content h1, #info_ar #info_post .text.ck-content.ck-content h2, #info_ar #info_post .text.ck-content.ck-content h3, #info_ar #info_post .text.ck-content.ck-content h4, #info_ar #info_post .text.ck-content.ck-content h5, #info_ar #info_post .text.ck-content.ck-content h6 { margin: revert; padding: revert; font-size: revert; font-weight: revert; line-height: 1.4; }
#info_ar #info_post .text.ck-content.ck-content h1 { font-size: 2em; }
#info_ar #info_post .text.ck-content.ck-content h2 { font-size: 1.5em; }
#info_ar #info_post .text.ck-content.ck-content h3 { font-size: 1.17em; }
#info_ar #info_post .text.ck-content.ck-content h4 { font-size: 1em; }
#info_ar #info_post .text.ck-content.ck-content h5 { font-size: 0.83em; }
#info_ar #info_post .text.ck-content.ck-content h6 { font-size: 0.67em; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size12 { font-size: 12px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size14 { font-size: 14px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size15 { font-size: 15px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size16 { font-size: 16px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size21 { font-size: 21px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size23 { font-size: 23px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size29 { font-size: 29px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size32 { font-size: 32px; }
#info_ar #info_post .text.ck-content.ck-content .image a:hover, #info_ar #info_post .text.ck-content.ck-content .image a:active { opacity: 0.7; }
#info_ar #info_post .text.ck-content.ck-content p a { color: #c1272d; }
#info_ar #info_post .text.ck-content.ck-content p a:hover, #info_ar #info_post .text.ck-content.ck-content p a:active { color: #da7d81; }
#info_ar #info_post .text.ck-content.ck-content p { margin: 0; padding: 0; }
#info_ar #info_post .text.ck-content.ck-content p img { vertical-align: revert; }
#info_ar #info_post .text.ck-content.ck-content .image > figcaption { padding: 5px 0 0; font-size: 1em; }
#info_ar #info_post .text.ck-content.ck-content img { width: auto; max-width: 100%; height: auto; }
#info_ar #info_post .text.ck-content.ck-content ul, #info_ar #info_post .text.ck-content.ck-content ul li, #info_ar #info_post .text.ck-content.ck-content ol, #info_ar #info_post .text.ck-content.ck-content ol li { display: revert; background: revert; margin: revert; padding: revert; border: none; }
#info_ar #info_post .text .link { margin: 50px 0 0 0; }
#info_ar #info_post .text .link a { padding: 10px 10px 10px 45px; border: 1px solid #005dbc; display: inline-block; width: 100%; color: #00000f; background-image: url("../img/link_b.png"); background-color: #fff; background-position: left 15px top 17px; background-repeat: no-repeat; background-size: 15px auto; font-size: 14px; max-width: 540px; }
#info_ar #info_post .text .link a:hover { color: #fff; background-image: url("../img/link_w.png"); background-color: #005dbc; }
#info_ar #info_post .text .link h4 { margin: inherit !important; padding: 0 0 0 33px !important; line-height: 24px !important; font-size: 30px !important; font-weight: 500 !important; }
#info_ar #info_post #photo { display: flex; display: -webkit-flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
#info_ar #info_post #photo > div { width: calc(50% - 20px); }
#info_ar #info_post #photo > div:first-of-type { width: 100%; max-width: 1000px; }
#info_ar #info_post #photo > div:nth-of-type(n+4) { margin: 40px 0 0 0; }
#info_ar #info_post #photo > div a:hover, #info_ar #info_post #photo > div a:active { opacity: 0.75; }
#info_ar #info_post #photo p { margin: 15px 0 0 0; line-height: 1.6; font-size: 13px; text-align: center; }
#info_ar #info_post #photo.post_one > div { margin: 0 auto 30px auto; display: block; width: 100%; max-width: 500px; }
#info_ar #info_post #photo.post_one > div:first-of-type { width: 100%; max-width: 1000px; }
#info_ar #info_post .file { max-width: 1000px; }
#info_ar #info_post .file .frm { padding: 30px; background: #e9f2ff; }
#info_ar #info_post .file h3, #info_ar #info_post .file h4 { margin: 0 0 26px 0; padding: 0 0 0 33px; line-height: 1; color: #00000f; background-image: url("../img/icon_all.png"); background-repeat: no-repeat; background-position: left center; background-size: 17px auto; font-size: 30px; font-weight: 500; }
#info_ar #info_post .file a { padding: 20px 15px 20px 80px; display: block; color: #00000f; background-image: url("../img/icon_dl.png"); background-color: white; background-repeat: no-repeat; background-position: left 20px center; background-size: 30px auto; font-size: 14px; }
#info_ar #info_post .file a:hover, #info_ar #info_post .file a:active { color: #005dbc; background-color: #c5d1e4; }
#info_ar .back_btn { margin: 100px auto 0 auto; padding: 100px 0 0 0; border-top: 1px solid #cccbc9; }

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