@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
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #event #list #main_area section { margin: 15px auto 0 auto; }
  #event #list #main_area section a { padding: 20px 15px; width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-wrap: wrap; }
  #event #list #main_area section a:has(.photo) .text { padding: 20px 0 0 0; }
  #event #list #main_area section a .text { width: 100%; order: 2; }
  #event #list #main_area section a .text p.ymd { font-size: 13px; }
  #event #list #main_area section a .text h3 { font-size: 19px; }
  #event #list #main_area section a .text .cap { margin: 10px 0 0 0; padding: 15px 0 0 0; font-size: 12px; }
  #event #list #main_area section a .text .cap p { -webkit-line-clamp: 1; height: 1.6em; }
  #event #list #main_area section a .photo { margin: 0 auto; order: 1; width: 100%; max-width: 400px; }
  #event #list #nav_list { margin: 50px auto 0 auto; } }
/*768px*/
@media screen and (max-width: 480px) { #event #list #main_area section a .text h3 { font-size: 17px; }
  #event #list #main_area section a .photo { width: 75px; } }
/*480px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #event #post #main_area .post_data .data_photo { width: 320px; } }
/*900px*/
@media screen and (max-width: 768px) { #event #post #main_area .sbj { padding: 20px 15px; }
  #event #post #main_area .sbj p.ymd { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 13px; }
  #event #post #main_area .sbj h3 { font-size: 19px; }
  #event #post #main_area .post_data { padding: 20px 15px; width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-wrap: wrap; }
  #event #post #main_area .post_data .text { padding: 30px 0 0 0; width: 100%; }
  #event #post #main_area .post_data .text p.ymd { font-size: 13px; }
  #event #post #main_area .post_data .text h3 { font-size: 19px; }
  #event #post #main_area .post_data .text .cap { margin: 10px 0 0 0; padding: 15px 0 0 0; font-size: 12px; }
  #event #post #main_area .post_data .data_photo { margin: 0 auto; width: 100%; max-width: 500px; }
  #event #post #main_area .post_main { padding: 30px 15px; }
  #event #post #main_area .post_main > div { margin: 50px auto 0 auto; }
  #event #post #main_area .post_main .photo > div { margin: 0 10px; width: calc(50% - 20px); }
  #event #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px 10px 0 10px; }
  #event #post #main_area .post_main .photo > div p { margin: 7px 0 0 0; font-size: 11px; }
  #event #post #main_area .post_main .photo.post_one div { max-width: 500px; }
  #event #post #main_area .post_main .map p a { line-height: 55px; font-size: 17px; max-width: 360px; }
  #event #post .back_btn { margin: 50px auto 0 auto; } }
/*768px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #topics > section dl { padding: 20px 0; }
  #topics > section dl dt, #topics > section dl dd { display: block; }
  #topics > section dl dt { margin: 0 0 10px 0; width: 100%; }
  #topics > section dl dt span.ymd { margin: 0 15px 0 0; font-size: 13px; }
  #topics > section dl dd span.type_main { margin: 0 10px 0 0; width: 130px; font-size: 11px; }
  #topics #nav_list { margin: 50px auto 0 auto; } }
/*768px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #diary article #side_area { padding: 0 0 0 40px; width: 280px; } }
/*1000px*/
@media screen and (max-width: 768px) { #diary article { display: block; /*-----共通 サイドエリア-----*/ }
  #diary article #side_area { padding: 50px 0 0 0; width: 100%; }
  #diary article #side_area #side_menu { margin: 0 auto; padding: 20px 15px; border: none; width: 100%; background: #f2f9fb; }
  #diary article #side_area #side_menu .menu_items { margin: 10px 0 0 0; }
  #diary article #side_area #side_menu .menu_items .pc_title { display: none; }
  #diary article #side_area #side_menu .menu_items .sp_title { display: block; padding: 10px 10px 10px 40px; color: #3692b5; background-image: url("../img/menu_oya_on.png"); background-size: 13px auto; background-color: #d8edf5; background-position: left 15px center; background-repeat: no-repeat; font-size: 14px; }
  #diary article #side_area #side_menu .menu_items .sb_close { background-image: url("../img/menu_oya_on.png"); }
  #diary article #side_area #side_menu .menu_items .sb_open { background-image: url("../img/menu_oya_off.png"); }
  #diary article #side_area #side_menu .menu_items .sb_acmenu { display: none; }
  #diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu { padding: 15px 15px 20px 15px; }
  #diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu li { margin: 10px 0 0 0; }
  #diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu.line { padding: 15px 15px 0 15px; }
  #diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu.line li a span { margin: 0; }
  #diary article #side_area #side_menu .menu_items .submit_design { margin: 15px 0 20px 0; border: none; background: url("../img/ar02_lb_b.png") no-repeat #fff right 20px center; background-size: 8px auto; } }
/*768px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #diary #list #main_area .ac_title { padding: 10px 15px; font-size: 17px; }
  #diary #list #main_area section a { padding: 20px 15px; }
  #diary #list #main_area section a:has(.photo) .text { padding: 0 20px 0 0; }
  #diary #list #main_area section a .text h3 { margin: 10px 0; font-size: 17px; }
  #diary #list #main_area section a .text .comment { font-size: 13px; }
  #diary #list #main_area section a .text ul { margin: 15px 0 0 0; font-size: 11px; }
  #diary #list #main_area section a .text ul li.cat { padding: 0 8px; }
  #diary #list #main_area section a .photo { width: 90px; }
  #diary #list #nav_list { margin: 50px auto 0 auto; } }
/*768px*/
/*480px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #diary #post #main_area .sbj { padding: 0 15px 20px 15px; }
  #diary #post #main_area .sbj p.ymd { margin: 2px 15px 7px 0; font-size: 15px; }
  #diary #post #main_area .sbj p.cat { margin: 0 0 7px 0; padding: 2px 8px; font-size: 12px; }
  #diary #post #main_area .sbj h3 { font-size: 19px; }
  #diary #post #main_area .post_main { padding: 30px 15px; }
  #diary #post #main_area .post_main > div { margin: 50px auto 0 auto; }
  #diary #post #main_area .post_main .photo > div { margin: 0 10px; width: calc(50% - 20px); }
  #diary #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px 10px 0 10px; }
  #diary #post #main_area .post_main .photo > div p { margin: 7px 0 0 0; font-size: 11px; }
  #diary #post #main_area .post_main .photo.post_one div { max-width: 500px; }
  #diary #post #main_area .post_main .comment.ck-content { font-size: 13px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size12 { font-size: 11px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size14 { font-size: 13px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size15 { font-size: 14px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size16 { font-size: 15px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size21 { font-size: 18px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size23 { font-size: 20px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size29 { font-size: 22px; }
  #diary #post #main_area .post_main .comment.ck-content .cke-font-size32 { font-size: 24px; }
  #diary #post #main_area .post_main .map p a { line-height: 55px; font-size: 17px; }
  #diary #post #main_area .post_main p.name { margin: 50px 0 0 0; font-size: 12px; }
  #diary #post .back_btn { margin: 50px auto 0 auto; } }
/*768px*/
@media screen and (max-width: 480px) { #diary #post #main_area .post_main .photo > div { margin: 0 auto; width: 100%; }
  #diary #post #main_area .post_main .photo > div:nth-of-type(n+2), #diary #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px auto 0 auto; }
  #diary #post #main_area .post_main .comment.ck-content img { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #diary #post #main_area .post_main .comment.ck-content img .image_resized { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #diary #post #main_area .post_main .comment.ck-content .image.image-style-align-left { float: none; margin-right: inherit; }
  #diary #post #main_area .post_main .comment.ck-content .image.image-style-align-right { float: none; margin-left: inherit; }
  #diary #post #main_area .post_main .comment.ck-content .image.image_resized, #diary #post #main_area .post_main .comment.ck-content .image.image-style-block-align-left, #diary #post #main_area .post_main .comment.ck-content .image.image-style-block-align-right { width: auto !important; max-width: 100% !important; margin: inherit; } }
/*480px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #news .list a { display: flex; -webkit-box-align: center; align-items: center; width: 100%; padding: 15px 20px 15px 40px; background: url("../img/ar01_lb_r.png") #f8f8f8 no-repeat left 20px center; background-size: 8px auto; }
  #news .list a:hover { color: #3692b5; background-color: #d8edf5; }
  #news .list a p span.ymd, #news .list a p span.cat { margin: 0 10px 0 0; width: 130px; line-height: 18px; font-size: 11px; }
  #news #nav_list { margin: 50px auto 0 auto; } }
/*768px*/
@media screen and (max-width: 640px) { #news .list a { padding: 15px 20px; display: block; background: none #f8f8f8; }
  #news .list a div, #news .list a p { display: block; width: 100%; }
  #news .list a div { padding: 0 0 0 16px; background: url("../img/ar01_lb_r.png") no-repeat left top 8px; background-size: 8px auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #news_ar .post article .sbj { margin: 0 auto 20px auto; }
  #news_ar .post article .sbj p, #news_ar .post article .sbj h3 { display: block; width: 100%; }
  #news_ar .post article .sbj p { margin: 0 0 10px 0; padding: 8px 0 0 16px; line-height: 1; color: #0093b8; background: url("../img/ar01_lb_r.png") no-repeat left top 11px; background-size: 8px auto; font-size: 13px; }
  #news_ar .post article .sbj h3 { font-size: 17px; }
  #news_ar .post article ul.post_cat li { font-size: 12px; }
  #news_ar .post article .contents { padding: 20px 15px 25px 15px; }
  #news_ar .post article .contents > div { margin: 50px auto 0 auto; }
  #news_ar .post article .contents .comment.ck-content { font-size: 13px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size12 { font-size: 11px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size14 { font-size: 13px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size15 { font-size: 14px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size16 { font-size: 15px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size21 { font-size: 18px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size23 { font-size: 20px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size29 { font-size: 22px; }
  #news_ar .post article .contents .comment.ck-content .cke-font-size32 { font-size: 24px; }
  #news_ar .post article .contents .comment .link { margin: 25px 0 0 0; }
  #news_ar .post article .contents .comment .link span { margin: 0 10px 0 0; border: 1px solid #3692b5; display: inline-block; line-height: 20px; width: 60px; color: #3692b5; background: #fff; font-size: 13px; text-align: center; border-radius: 3px; }
  #news_ar .post article .contents .comment .link a { padding: 0 26px 0 0; color: #3692b5; background: url("../img/ic_window02.png") no-repeat right top 5px; background-size: 18px auto; }
  #news_ar .post article .contents .comment .link a:hover { color: #7ab7ce; }
  #news_ar .post article .contents .photo_frm { max-width: 640px; }
  #news_ar .post article .contents .photo_frm .item { margin: 0 10px; width: calc(50% - 20px); }
  #news_ar .post article .contents .photo_frm .item:nth-of-type(n+3) { margin: 40px 10px 0 10px; }
  #news_ar .post article .contents .photo_frm .item p { margin: 7px 0 0 0; font-size: 11px; }
  #news_ar .post article .contents .photo_frm.single .item { max-width: 380px; }
  #news_ar .post article .contents .file { max-width: 640px; }
  #news_ar .post article .contents .file ul li a { padding: 10px 20px 10px 44px; background: url("../img/ic_file01.png") no-repeat #fff left 15px center; background-size: 16px auto; }
  #news_ar .post article .back_btn { margin: 50px auto 0 auto; } }
/*768px*/
@media screen and (max-width: 430px) { #news_ar .post article .contents .comment.ck-content img { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #news_ar .post article .contents .comment.ck-content img .image_resized { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #news_ar .post article .contents .comment.ck-content .image.image-style-align-left { float: none; margin-right: inherit; }
  #news_ar .post article .contents .comment.ck-content .image.image-style-align-right { float: none; margin-left: inherit; }
  #news_ar .post article .contents .comment.ck-content .image.image_resized, #news_ar .post article .contents .comment.ck-content .image.image-style-block-align-left, #news_ar .post article .contents .comment.ck-content .image.image-style-block-align-right { width: auto !important; max-width: 100% !important; margin: inherit; } }
/*430px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #faq .page_sub_menu { margin: 0 auto 40px auto; }
  #faq .faq_main_post { padding: 35px 5px; }
  #faq .faq_main_post .frm { padding: 0 5px; }
  #faq .faq_main_post .frm h3 { margin: 0 auto 15px auto; padding: 0 0 0 30px; background: url("../img/ic_p01_05.png") no-repeat left top 2px; background-size: 20px auto; font-size: 19px; max-width: 840px; }
  #faq .faq_main_post .frm ul li { font-size: 14px; }
  #faq .faq_main_post .frm ul li a { padding: 10px 35px 10px 15px; }
  #faq .faq_main_post .frm ul li a:link, #faq .faq_main_post .frm ul li a:visited { background: url("../img/ar02_lb_r.png") no-repeat #fff right 15px center; background-size: 8px auto; }
  #faq .faq_main_post .frm ul li a:active, #faq .faq_main_post .frm ul li a:hover { background: url("../img/ar02_wh_r.png") no-repeat #3692b5 right 15px center; background-size: 8px auto; }
  #faq #nav_list { margin: 40px auto 0 auto; } }
/*768px*/
@media screen and (max-width: 640px) { #faq .page_sub_menu ul li { width: calc(33.33% - 10px); }
  #faq .page_sub_menu ul li:nth-of-type(n+4), #faq .page_sub_menu ul li:nth-of-type(n+5) { margin: 10px 5px 0 5px; } }
/*640px*/
@media screen and (max-width: 480px) { #faq .page_sub_menu ul li { width: calc(50% - 10px); }
  #faq .page_sub_menu ul li:nth-of-type(n+3), #faq .page_sub_menu ul li:nth-of-type(n+4), #faq .page_sub_menu ul li:nth-of-type(n+5) { margin: 10px 5px 0 5px; } }
/*480px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #faq_ar .sbj { margin: 0 auto 40px auto; }
  #faq_ar .sbj h3 { padding: 0 0 0 30px; background: url("../img/ic_p01_05.png") no-repeat left top 7px; background-size: 20px auto; font-size: 19px; }
  #faq_ar .sbj ul li { font-size: 12px; }
  #faq_ar .faq_main_post { padding: 35px 10px; }
  #faq_ar .faq_main_post .frm { padding: 30px 15px; }
  #faq_ar .faq_main_post .frm > div { margin: 50px auto 0 auto; }
  #faq_ar .faq_main_post .frm .photo { max-width: 740px; }
  #faq_ar .faq_main_post .frm .photo > div { margin: 0 10px; width: calc(50% - 20px); }
  #faq_ar .faq_main_post .frm .photo > div:nth-of-type(n+3) { margin: 40px 10px 0 10px; }
  #faq_ar .faq_main_post .frm .photo > div p { margin: 7px 0 0 0; font-size: 11px; }
  #faq_ar .faq_main_post .frm .photo.post_one .item { max-width: 420px; }
  #faq_ar .back_btn { margin: 40px auto 0 auto; } }
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #d_public #list #main_area section a { padding: 20px 15px; }
  #d_public #list #main_area section a:has(.photo) .text { padding: 0 20px 0 0; }
  #d_public #list #main_area section a .text h3 { margin: 10px 0; font-size: 17px; }
  #d_public #list #main_area section a .photo { width: 90px; }
  #d_public #list #nav_list { margin: 50px auto 0 auto; } }
/*768px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #d_public #post #main_area { padding: 30px 15px; }
  #d_public #post #main_area .sbj { margin: 0 0 30px 0; padding: 0 0 15px 0; }
  #d_public #post #main_area .sbj p.ymd { margin: 2px 15px 7px 0; font-size: 15px; }
  #d_public #post #main_area .sbj h3 { font-size: 19px; }
  #d_public #post #main_area .post_main > div { margin: 50px auto 0 auto; }
  #d_public #post #main_area .post_main .photo { margin: 0 auto; display: flex; display: -webkit-flex; width: 100%; max-width: 630px; flex-wrap: wrap; }
  #d_public #post #main_area .post_main .photo > div { margin: 0 10px; width: calc(50% - 20px); }
  #d_public #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px 10px 0 10px; }
  #d_public #post #main_area .post_main .photo > div p { margin: 7px 0 0 0; font-size: 11px; }
  #d_public #post #main_area .post_main .photo.post_one div { max-width: 500px; }
  #d_public #post #main_area .post_main .map p a { line-height: 55px; font-size: 17px; }
  #d_public #post #main_area .post_main p.name { margin: 50px 0 0 0; font-size: 12px; }
  #d_public #post .back_btn { margin: 50px auto 0 auto; } }
/*768px*/
@media screen and (max-width: 480px) { #d_public #post #main_area .post_main .photo > div { margin: 0 auto; width: 100%; }
  #d_public #post #main_area .post_main .photo > div:nth-of-type(n+2), #d_public #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px auto 0 auto; } }
/*480px*/

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