@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
--------------------------------------------------------------------------*/
#event #list #main_area section { margin: 20px auto 0 auto; max-width: 900px; }
#event #list #main_area section:first-of-type { margin: 0 auto; }
#event #list #main_area section a { padding: 35px 40px; display: flex; display: -webkit-flex; background: #f2f9fb; border-radius: 5px; }
#event #list #main_area section a:hover { opacity: 0.7; }
#event #list #main_area section a:has(.photo) .text { padding: 0 50px 0 0; }
#event #list #main_area section a .text { flex: 1; -webkit-flex: 1; }
#event #list #main_area section a .text p.ymd { color: #3692b5; font-size: 14px; }
#event #list #main_area section a .text h3 { font-size: 21px; font-weight: 500; color: #70c0e8; line-height: 1.5; }
#event #list #main_area section a .text .data { margin: 20px 0 0 0; }
#event #list #main_area section a .text .data dl { border-bottom: 1px dotted #70c0e8; display: table; width: 100%; font-size: 13px; table-layout: fixed; }
#event #list #main_area section a .text .data dl:first-of-type { border-top: 1px dotted #70c0e8; }
#event #list #main_area section a .text .data dl dt, #event #list #main_area section a .text .data dl dd { display: table-cell; vertical-align: top; }
#event #list #main_area section a .text .data dl dt { padding: 4px 30px 4px 10px; width: 100px; background: url("../img/ar02_db_r.png") no-repeat right 20px top 14px; background-size: 6px auto; }
#event #list #main_area section a .text .data dl dd { padding: 4px 10px 4px 0; }
#event #list #main_area section a .text .data dl dd p.reservation { color: #ff0000; }
#event #list #main_area section a .text .cap { margin: 15px 0 0 0; padding: 20px 0 0 0; border-top: 1px dotted #70c0e8; line-height: 1.6; font-size: 12px; }
#event #list #main_area section a .text .cap p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.2em; }
#event #list #main_area section a .photo { width: 280px; }
#event #list #main_area section a .photo div { text-align: center; border-radius: 5px; }
#event #list #main_area section a .photo div.image-wrapper { aspect-ratio: 3/2; }
#event #list #main_area section a .photo div img { position: absolute; }
#event #list #nav_list { margin: 60px auto 0 auto; width: 100%; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#event #post #main_area { margin: 0 auto; max-width: 900px; }
#event #post #main_area .sbj { padding: 25px 30px; background: #f2f9fb; }
#event #post #main_area .sbj p.ymd { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #70c0e8; color: #3692b5; font-size: 15px; letter-spacing: 0.14em; }
#event #post #main_area .sbj h3 { display: block; width: 100%; line-height: 1.6; color: #70c0e8; font-size: 24px; font-weight: 500; }
#event #post #main_area .post_data { padding: 30px 20px; display: flex; display: -webkit-flex; background: #f2f9fb; border-radius: 5px; }
#event #post #main_area .post_data .text { padding: 0 0 0 30px; flex: 1; -webkit-flex: 1; order: 2; }
#event #post #main_area .post_data .text p.ymd { color: #3692b5; font-size: 14px; }
#event #post #main_area .post_data .text h3 { font-size: 24px; font-weight: 500; color: #70c0e8; line-height: 1.5; }
#event #post #main_area .post_data .text .data { margin: 20px 0 0 0; }
#event #post #main_area .post_data .text .data dl { border-bottom: 1px dotted #70c0e8; display: table; width: 100%; font-size: 13px; table-layout: fixed; }
#event #post #main_area .post_data .text .data dl:first-of-type { border-top: 1px dotted #70c0e8; }
#event #post #main_area .post_data .text .data dl dt, #event #post #main_area .post_data .text .data dl dd { display: table-cell; vertical-align: top; }
#event #post #main_area .post_data .text .data dl dt { padding: 4px 30px 4px 10px; width: 100px; background: url("../img/ar02_db_r.png") no-repeat right 20px top 14px; background-size: 6px auto; }
#event #post #main_area .post_data .text .data dl dd { padding: 4px 10px 4px 0; }
#event #post #main_area .post_data .text .data dl dd p.reservation { color: #ff0000; }
#event #post #main_area .post_data .data_photo { width: 400px; order: 1; }
#event #post #main_area .post_data .data_photo a { display: block; text-align: center; border-radius: 5px; }
#event #post #main_area .post_data .data_photo a.noLink { pointer-events: none; cursor: default; }
#event #post #main_area .post_data .data_photo a.image-wrapper { aspect-ratio: 3/2; }
#event #post #main_area .post_main { margin: 15px 0 0 0; padding: 50px 30px; background: #f2f9fb; border-radius: 3px; }
#event #post #main_area .post_main > div { margin: 60px auto 0 auto; }
#event #post #main_area .post_main > div:first-of-type { margin: 0 auto; }
#event #post #main_area .post_main .photo { display: flex; display: -webkit-flex; width: 100%; max-width: 800px; flex-wrap: wrap; }
#event #post #main_area .post_main .photo > div { margin: 0 20px; width: calc(50% - 40px); }
#event #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px 20px 0 20px; }
#event #post #main_area .post_main .photo > div a { display: block; position: relative; width: 100%; overflow: hidden; }
#event #post #main_area .post_main .photo > div a img { position: absolute; }
#event #post #main_area .post_main .photo > div p { margin: 10px 0 0 0; font-size: 12px; text-align: center; }
#event #post #main_area .post_main .photo.post_one { display: block; }
#event #post #main_area .post_main .photo.post_one div { margin: 30px auto 0 auto; width: 100%; max-width: 600px; }
#event #post #main_area .post_main .photo.post_one div:first-of-type { margin: 0 auto; }
#event #post #main_area .post_main .map p a { margin: 0 auto; border: 2px solid #70c0e8; display: block; width: 100%; line-height: 80px; color: #3692b5; background-color: #fff; font-size: 21px; text-align: center; max-width: 400px; border-radius: 3px; }
#event #post #main_area .post_main .map p a span { display: inline-block; padding: 0 30px 0 0; background: url("../img/ic_window02.png") no-repeat right center; background-size: 22px; }
#event #post #main_area .post_main .map p a:hover { color: #fff; background-color: #70c0e8; }
#event #post #main_area .post_main .map p a:hover span { background: url("../img/ic_window01.png") no-repeat right center; background-size: 22px; }
#event #post .back_btn { margin: 70px auto 0 auto; width: 100%; }

/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#topics { max-width: 920px; }
#topics > section { border-top: 1px solid #7ab7ce; }
#topics > section a { display: block; width: 100%; text-decoration: none; }
#topics > section a dl dt span.ymd { color: #52b8d0; }
#topics > section a dl dt span.category { border: 1px solid #7ab7ce; color: #7ab7ce; background: #fff; }
#topics > section a dl dd { color: #444; }
#topics > section a:first-of-type { margin: 0; }
#topics > section a:link, #topics > section a:visited { background: #fff; }
#topics > section a:link dl dd, #topics > section a:visited dl dd { color: #444; }
#topics > section a:active, #topics > section a:hover { background: #d8edf5; }
#topics > section a:active dl dd, #topics > section a:hover dl dd { color: #3692b5; }
#topics > section dl { padding: 20px 0; border-bottom: 1px solid #7ab7ce; 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: 280px; 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: 0 15px 0 0; color: #7ab7ce; font-size: 14px; }
#topics > section dl dt span.category { border: 1px solid #7ab7ce; width: 140px; color: #7ab7ce; font-size: 12px; text-align: center; border-radius: 3px; }
#topics > section dl dd { line-height: 1.6; }
#topics > section dl dd span.type_main { margin: 2px 15px 0 0; display: inline-block; vertical-align: top; width: 150px; line-height: 20px; color: #fff; background: #70c0e8; font-size: 12px; text-align: center; border-radius: 3px; }
#topics #nav_list { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
#diary article { display: flex; display: -webkit-flex; width: 100%; flex-wrap: wrap; /*-----共通 サイドエリア-----*/ }
#diary article #main_area { flex: 1; -webkit-flex: 1; }
#diary article #side_area { padding: 0 0 0 40px; width: 350px; }
#diary article #side_area #side_menu { padding: 30px 20px; border: 1px solid #7ab7ce; border-radius: 3px; }
#diary article #side_area #side_menu .menu_items { margin: 50px 0 0 0; }
#diary article #side_area #side_menu .menu_items:first-of-type { margin: 0; }
#diary article #side_area #side_menu .menu_items .pc_title { padding: 2px 0 22px 30px; line-height: 1; background: url("../img/ic_p01_04.png") no-repeat left top; background-size: 22px auto; font-size: 16px; font-weight: 500; color: #70c0e8; }
#diary article #side_area #side_menu .menu_items .sp_title { display: none; }
#diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu li { margin: 15px 0 0 0; line-height: 1.5; font-size: 13px; }
#diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu li:first-of-type { margin: 0; }
#diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu li a { display: block; width: 100%; }
#diary article #side_area #side_menu .menu_items .menu_entries ul.sb_acmenu li a span { margin: 0 0 4px 0; padding: 0 0 0 14px; display: block; background: url("../img/ar02_lb_r.png") no-repeat left top 6px; background-size: 6px auto; font-size: 12px; }
#diary article #side_area #side_menu .menu_items .submit_design { padding: 10px 40px 10px 20px; border: 1px solid #ccc; width: 100%; background: url("../img/ar02_lb_b.png") no-repeat right 20px center; background-size: 8px auto; font-size: 13px; cursor: pointer; appearance: none; -webkit-appearance: none; border-radius: 3px; }
#diary article #side_area #side_menu .menu_items .submit_design::-ms-expand { display: none; }
#diary article #side_area #side_menu .menu_items .submit_design .sub_cat { padding: 0 0 0 10px; }

/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#diary #list #main_area .ac_title { margin: 0 0 30px 0; padding: 10px 30px; line-height: 1.5; background-color: #d8edf5; font-size: 19px; }
#diary #list #main_area section a { padding: 30px; border-bottom: 1px dotted #70c0e8; display: flex; display: -webkit-flex; align-items: center; -webkit-box-align: center; }
#diary #list #main_area section a:hover { opacity: 0.7; }
#diary #list #main_area section a:has(.photo) .text { padding: 0 30px 0 0; }
#diary #list #main_area section a .text { flex: 1; -webkit-flex: 1; }
#diary #list #main_area section a .text p.ymd { color: #70c0e8; }
#diary #list #main_area section a .text h3 { margin: 10px 0; font-size: 19px; font-weight: 500; color: #444; line-height: 1.5; }
#diary #list #main_area section a .text .comment { line-height: 1.6; font-size: 14px; }
#diary #list #main_area section a .text ul { margin: 20px 0 0 0; font-size: 12px; }
#diary #list #main_area section a .text ul li.name span { color: #3692b5; }
#diary #list #main_area section a .text ul li.cat { padding: 0 15px; border: 1px solid #3692b5; display: inline-block; line-height: 1.4; color: #3692b5; border-radius: 3px; }
#diary #list #main_area section a .photo { width: 100px; }
#diary #list #main_area section a .photo div { text-align: center; }
#diary #list #main_area section a .photo div.image-wrapper { aspect-ratio: 1/1; }
#diary #list #nav_list { margin: 60px auto 0 auto; width: 100%; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#diary #post #main_area .sbj { padding: 0 30px 30px 30px; font-size: 0; }
#diary #post #main_area .sbj p.ymd, #diary #post #main_area .sbj p.cat { display: inline-block; }
#diary #post #main_area .sbj p.ymd { margin: 2px 20px 10px 0; line-height: 1; color: #70c0e8; font-size: 17px; letter-spacing: 0.14em; }
#diary #post #main_area .sbj p.cat { padding: 0 15px; margin: 0 0 10px 0; border: 1px solid #3692b5; line-height: 1.4; color: #3692b5; font-size: 13px; border-radius: 3px; }
#diary #post #main_area .sbj h3 { display: block; width: 100%; line-height: 1.6; font-size: 21px; font-weight: 500; }
#diary #post #main_area .post_main { padding: 50px 25px; background: #f2f9fb; border-radius: 3px; }
#diary #post #main_area .post_main > div { margin: 60px auto 0 auto; word-break: break-all; }
#diary #post #main_area .post_main > div:first-of-type { margin: 0 auto; }
#diary #post #main_area .post_main .photo { margin: 0 auto; display: flex; display: -webkit-flex; width: 100%; max-width: 700px; flex-wrap: wrap; }
#diary #post #main_area .post_main .photo > div { margin: 0 15px; width: calc(50% - 30px); }
#diary #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px 15px 0 15px; }
#diary #post #main_area .post_main .photo > div a { display: block; width: 100%; }
#diary #post #main_area .post_main .photo > div p { margin: 10px 0 0 0; font-size: 12px; text-align: center; }
#diary #post #main_area .post_main .photo.post_one { display: block; }
#diary #post #main_area .post_main .photo.post_one div { margin: 0 auto; width: 100%; max-width: 540px; }
#diary #post #main_area .post_main .comment.ck-content img { display: inline-block; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; }
#diary #post #main_area .post_main .comment.ck-content { font-size: 14px; overflow: hidden; }
#diary #post #main_area .post_main .comment.ck-content h1, #diary #post #main_area .post_main .comment.ck-content h2, #diary #post #main_area .post_main .comment.ck-content h3, #diary #post #main_area .post_main .comment.ck-content h4, #diary #post #main_area .post_main .comment.ck-content h5, #diary #post #main_area .post_main .comment.ck-content h6 { margin: revert; padding: revert; font-size: revert; font-weight: revert; }
#diary #post #main_area .post_main .comment.ck-content h1 { font-size: 2em; }
#diary #post #main_area .post_main .comment.ck-content h2 { font-size: 1.5em; }
#diary #post #main_area .post_main .comment.ck-content h3 { font-size: 1.17em; }
#diary #post #main_area .post_main .comment.ck-content h4 { font-size: 1em; }
#diary #post #main_area .post_main .comment.ck-content h5 { font-size: 0.83em; }
#diary #post #main_area .post_main .comment.ck-content h6 { font-size: 0.67em; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size12 { font-size: 12px; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size14 { font-size: 14px; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size15 { font-size: 15px; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size16 { font-size: 16px; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size21 { font-size: 21px; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size23 { font-size: 23px; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size29 { font-size: 29px; }
#diary #post #main_area .post_main .comment.ck-content .cke-font-size32 { font-size: 32px; }
#diary #post #main_area .post_main .comment.ck-content .image a:hover, #diary #post #main_area .post_main .comment.ck-content .image a:active { opacity: 0.7; }
#diary #post #main_area .post_main .comment.ck-content p a { color: #0b31c0; }
#diary #post #main_area .post_main .comment.ck-content p a:hover, #diary #post #main_area .post_main .comment.ck-content p a:active { color: #ed1c24; }
#diary #post #main_area .post_main .comment.ck-content p { margin: 0; padding: 0; }
#diary #post #main_area .post_main .comment.ck-content p img { vertical-align: revert; }
#diary #post #main_area .post_main .comment.ck-content .image > figcaption { padding: 5px 0 0; font-size: 1em; }
#diary #post #main_area .post_main .comment.ck-content img { width: auto; max-width: 100%; height: auto; }
#diary #post #main_area .post_main .comment.ck-content ul, #diary #post #main_area .post_main .comment.ck-content ul li, #diary #post #main_area .post_main .comment.ck-content ol, #diary #post #main_area .post_main .comment.ck-content ol li { display: revert; background: revert; margin: revert; padding: revert; border: none; }
#diary #post #main_area .post_main .map p a { margin: 0 auto; border: 2px solid #70c0e8; display: block; width: 100%; line-height: 60px; color: #3692b5; background-color: #fff; font-size: 19px; text-align: center; max-width: 360px; border-radius: 3px; }
#diary #post #main_area .post_main .map p a span { display: inline-block; padding: 0 30px 0 0; background: url("../img/ic_window02.png") no-repeat right center; background-size: 22px; }
#diary #post #main_area .post_main .map p a:hover { color: #fff; background-color: #70c0e8; }
#diary #post #main_area .post_main .map p a:hover span { background: url("../img/ic_window01.png") no-repeat right center; background-size: 22px; }
#diary #post #main_area .post_main p.name { margin: 70px 0 0 0; font-size: 12px; text-align: right; }
#diary #post #main_area .post_main p.name span { color: #3692b5; }
#diary #post .back_btn { margin: 100px auto 0 auto; width: 100%; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#news .page_sub_menu.line04 { margin: 0 auto 40px auto; max-width: 900px; }
#news .list { margin: 10px auto 0 auto; width: 100%; max-width: 900px; }
#news .list:first-of-type { margin: 0 auto; }
#news .list a { display: flex; -webkit-box-align: center; align-items: center; width: 100%; padding: 20px 30px 20px 50px; background: url("../img/ar01_lb_r.png") #f8f8f8 no-repeat left 30px center; background-size: 8px auto; color: #444; border-radius: 3px; }
#news .list a:hover { color: #3692b5; background-color: #d8edf5; }
#news .list a div { width: 130px; color: #3692b5; }
#news .list a p { flex: 1; -webkit-flex: 1; }
#news .list a p span.ymd, #news .list a p span.cat { margin: 0 15px 0 0; display: inline-block; vertical-align: middle; width: 150px; line-height: 20px; font-size: 12px; text-align: center; border-radius: 3px; }
#news .list a p span.cat { color: #fff; background: #70c0e8; }
#news #nav_list { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#news_ar .post { margin: 0 auto; width: 100%; max-width: 900px; }
#news_ar .post article .sbj { margin: 0 auto; width: 100%; display: table; max-width: 840px; table-layout: fixed; }
#news_ar .post article .sbj p, #news_ar .post article .sbj h3 { display: table-cell; vertical-align: top; }
#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: 14px; width: 160px; }
#news_ar .post article .sbj h3 { line-height: 1.6; font-size: 19px; font-weight: 500; }
#news_ar .post article ul.post_cat { margin: 0 auto; line-height: 0; line-height: 0; font-size: 0; max-width: 840px; }
#news_ar .post article ul.post_cat li { margin: 10px 10px 0 0; padding: 0 10px; border: 1px solid #70c0e8; display: inline-block; line-height: 1.4; color: #70c0e8; font-size: 13px; text-align: center; min-width: 180px; border-radius: 3px; }
#news_ar .post article .contents { margin: 30px auto 0 auto; padding: 50px 10px; background: #f8f8f8; border-radius: 3px; }
#news_ar .post article .contents > div { margin: 60px auto 0 auto; width: 100%; max-width: 840px; }
#news_ar .post article .contents > div:first-of-type { margin: 0 auto; }
#news_ar .post article .contents .comment.ck-content img { display: inline-block; width: auto; max-width: 100%; }
#news_ar .post article .contents .comment.ck-content { font-size: 14px; overflow: hidden; }
#news_ar .post article .contents .comment.ck-content h1, #news_ar .post article .contents .comment.ck-content h2, #news_ar .post article .contents .comment.ck-content h3, #news_ar .post article .contents .comment.ck-content h4, #news_ar .post article .contents .comment.ck-content h5, #news_ar .post article .contents .comment.ck-content h6 { margin: revert; padding: revert; font-size: revert; font-weight: revert; }
#news_ar .post article .contents .comment.ck-content h1 { font-size: 2em; }
#news_ar .post article .contents .comment.ck-content h2 { font-size: 1.5em; }
#news_ar .post article .contents .comment.ck-content h3 { font-size: 1.17em; }
#news_ar .post article .contents .comment.ck-content h4 { font-size: 1em; }
#news_ar .post article .contents .comment.ck-content h5 { font-size: 0.83em; }
#news_ar .post article .contents .comment.ck-content h6 { font-size: 0.67em; }
#news_ar .post article .contents .comment.ck-content .cke-font-size12 { font-size: 12px; }
#news_ar .post article .contents .comment.ck-content .cke-font-size14 { font-size: 14px; }
#news_ar .post article .contents .comment.ck-content .cke-font-size15 { font-size: 15px; }
#news_ar .post article .contents .comment.ck-content .cke-font-size16 { font-size: 16px; }
#news_ar .post article .contents .comment.ck-content .cke-font-size21 { font-size: 21px; }
#news_ar .post article .contents .comment.ck-content .cke-font-size23 { font-size: 23px; }
#news_ar .post article .contents .comment.ck-content .cke-font-size29 { font-size: 29px; }
#news_ar .post article .contents .comment.ck-content .cke-font-size32 { font-size: 32px; }
#news_ar .post article .contents .comment.ck-content .image a:hover, #news_ar .post article .contents .comment.ck-content .image a:active { opacity: 0.7; }
#news_ar .post article .contents .comment.ck-content p a { color: #0b31c0; }
#news_ar .post article .contents .comment.ck-content p a:hover, #news_ar .post article .contents .comment.ck-content p a:active { color: #ed1c24; }
#news_ar .post article .contents .comment.ck-content p { margin: 0; padding: 0; }
#news_ar .post article .contents .comment.ck-content p img { vertical-align: revert; }
#news_ar .post article .contents .comment.ck-content .image > figcaption { padding: 5px 0 0; font-size: 1em; }
#news_ar .post article .contents .comment.ck-content img { width: auto; max-width: 100%; height: auto; }
#news_ar .post article .contents .comment.ck-content ul, #news_ar .post article .contents .comment.ck-content ul li, #news_ar .post article .contents .comment.ck-content ol, #news_ar .post article .contents .comment.ck-content ol li { display: revert; background: revert; margin: revert; padding: revert; border: none; }
#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: 14px; 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 { display: -webkit-box; display: flex; max-width: 740px; flex-wrap: wrap; }
#news_ar .post article .contents .photo_frm .item { margin: 0 20px; width: calc(50% - 40px); }
#news_ar .post article .contents .photo_frm .item:nth-of-type(n+3) { margin: 40px 20px 0 20px; }
#news_ar .post article .contents .photo_frm .item a { display: block; position: relative; width: 100%; text-align: center; overflow: hidden; }
#news_ar .post article .contents .photo_frm .item a img { position: absolute; }
#news_ar .post article .contents .photo_frm .item p { margin: 10px 0 0 0; font-size: 12px; }
#news_ar .post article .contents .photo_frm.single { display: block; }
#news_ar .post article .contents .photo_frm.single .item { max-width: 420px; }
#news_ar .post article .contents .file { max-width: 700px; }
#news_ar .post article .contents .file ul li { margin: 2px 0 0 0; }
#news_ar .post article .contents .file ul li:first-of-type { margin: 0; }
#news_ar .post article .contents .file ul li a { padding: 15px 20px 15px 50px; display: block; width: 100%; background: url("../img/ic_file01.png") no-repeat #fff left 15px center; background-size: 20px auto; }
#news_ar .post article .contents .file ul li a:hover { background-color: #d8edf5; color: #3692b5; text-decoration: none; }
#news_ar .post article .back_btn { margin: 50px auto 0 auto; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
.faq_main_post { padding: 50px 10px; background: #d8edf5; }
.faq_main_post .frm { margin: 0 auto; max-width: 900px; }

/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#faq .page_sub_menu { margin: 0 auto 40px auto; max-width: 900px; }
#faq .faq_main_post .frm h3 { margin: 0 auto 20px auto; padding: 0 0 0 40px; line-height: 1.2; background: url("../img/ic_p01_05.png") no-repeat left top 2px; background-size: 24px auto; font-size: 21px; font-weight: 500; max-width: 840px; }
#faq .faq_main_post .frm ul li { margin: 10px 0 0 0; }
#faq .faq_main_post .frm ul li:first-of-type { margin: 0; }
#faq .faq_main_post .frm ul li a { padding: 14px 50px 14px 30px; display: block; width: 100%; border-radius: 5px; }
#faq .faq_main_post .frm ul li a:link, #faq .faq_main_post .frm ul li a:visited { border: 1px dotted #3692b5; color: #3692b5; background: url("../img/ar02_lb_r.png") no-repeat #fff right 30px center; background-size: 8px auto; }
#faq .faq_main_post .frm ul li a:active, #faq .faq_main_post .frm ul li a:hover { border: 1px solid #3692b5; color: #fff; background: url("../img/ar02_wh_r.png") no-repeat #3692b5 right 30px center; background-size: 8px auto; }
#faq .faq_main_post .frm ul li a span.cat { margin: 0 15px 0 0; display: inline-block; }
#faq #nav_list { margin: 50px auto 0 auto; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#faq_ar .sbj { margin: 0 auto 50px auto; padding: 0 10px; max-width: 920px; }
#faq_ar .sbj h3 { margin: 0 auto; padding: 0 0 0 40px; line-height: 1.6; background: url("../img/ic_p01_05.png") no-repeat left top 5px; background-size: 24px auto; font-size: 21px; font-weight: 500; }
#faq_ar .sbj h3 + ul { margin: 5px auto 0 auto; }
#faq_ar .sbj ul { line-height: 0; font-size: 0; }
#faq_ar .sbj ul li { margin: 10px 10px 0 0; padding: 0 10px; border: 1px solid #70c0e8; display: inline-block; line-height: 1.4; color: #70c0e8; font-size: 13px; text-align: center; min-width: 180px; border-radius: 3px; }
#faq_ar .faq_main_post .frm { padding: 50px 25px; border: 1px dotted #3692b5; background: #fff; border-radius: 3px; }
#faq_ar .faq_main_post .frm > div { margin: 60px auto 0 auto; width: 100%; max-width: 850px; }
#faq_ar .faq_main_post .frm > div:first-of-type { margin: 0 auto; }
#faq_ar .faq_main_post .frm .photo { display: -webkit-box; display: flex; max-width: 740px; flex-wrap: wrap; }
#faq_ar .faq_main_post .frm .photo > div { margin: 0 20px; width: calc(50% - 40px); }
#faq_ar .faq_main_post .frm .photo > div:nth-of-type(n+3) { margin: 40px 20px 0 20px; }
#faq_ar .faq_main_post .frm .photo > div a { display: block; position: relative; width: 100%; text-align: center; overflow: hidden; border-radius: 3px; }
#faq_ar .faq_main_post .frm .photo > div a img { position: absolute; }
#faq_ar .faq_main_post .frm .photo > div p { margin: 10px 0 0 0; font-size: 12px; }
#faq_ar .faq_main_post .frm .photo.post_one { display: block; }
#faq_ar .faq_main_post .frm .photo.post_one .item { max-width: 420px; }
#faq_ar .back_btn { margin: 50px auto 0 auto; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
#d_public article { margin: 0 auto; display: flex; display: -webkit-flex; width: 100%; max-width: 900px; flex-wrap: wrap; }
#d_public article #main_area { flex: 1; -webkit-flex: 1; }

/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#d_public #list #main_area section { margin: 20px 0 0 0; }
#d_public #list #main_area section:first-of-type { margin: 0; }
#d_public #list #main_area section a { padding: 30px; border: 1px dotted #3692b5; display: flex; display: -webkit-flex; align-items: center; -webkit-box-align: center; border-radius: 5px; }
#d_public #list #main_area section a:hover { opacity: 0.7; }
#d_public #list #main_area section a:has(.photo) .text { padding: 0 30px 0 0; }
#d_public #list #main_area section a .text { flex: 1; -webkit-flex: 1; }
#d_public #list #main_area section a .text p.ymd { color: #444; }
#d_public #list #main_area section a .text h3 { margin: 10px 0; font-size: 19px; font-weight: 500; color: #3692b5; line-height: 1.5; }
#d_public #list #main_area section a .photo { width: 100px; }
#d_public #list #main_area section a .photo div { text-align: center; }
#d_public #list #main_area section a .photo div.image-wrapper { aspect-ratio: 1/1; }
#d_public #list #nav_list { margin: 60px auto 0 auto; width: 100%; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#d_public #post #main_area { padding: 50px 30px; border: 1px dotted #3692b5; border-radius: 5px; }
#d_public #post #main_area .sbj { margin: 0 0 40px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #3692b5; font-size: 0; }
#d_public #post #main_area .sbj p.ymd { margin: 2px 20px 10px 0; display: inline-block; line-height: 1; color: #70c0e8; font-size: 17px; letter-spacing: 0.14em; }
#d_public #post #main_area .sbj h3 { display: block; width: 100%; line-height: 1.6; font-size: 21px; font-weight: 500; }
#d_public #post #main_area .post_main > div { margin: 60px auto 0 auto; }
#d_public #post #main_area .post_main > div:first-of-type { margin: 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 15px; width: calc(50% - 30px); }
#d_public #post #main_area .post_main .photo > div:nth-of-type(n+3) { margin: 40px 15px 0 15px; }
#d_public #post #main_area .post_main .photo > div a { width: 100%; }
#d_public #post #main_area .post_main .photo > div p { margin: 10px 0 0 0; font-size: 12px; }
#d_public #post #main_area .post_main .photo.post_one { display: block; }
#d_public #post #main_area .post_main .photo.post_one div { margin: 0 auto; width: 100%; max-width: 500px; }
#d_public #post #main_area .post_main .comment.ck-content img { margin: 30px 20px 0 0; display: inline-block; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; }
#d_public #post #main_area .post_main .comment.ck-content { font-size: 14px; overflow: hidden; }
#d_public #post #main_area .post_main .comment.ck-content h1, #d_public #post #main_area .post_main .comment.ck-content h2, #d_public #post #main_area .post_main .comment.ck-content h3, #d_public #post #main_area .post_main .comment.ck-content h4, #d_public #post #main_area .post_main .comment.ck-content h5, #d_public #post #main_area .post_main .comment.ck-content h6 { margin: revert; padding: revert; font-size: revert; font-weight: revert; }
#d_public #post #main_area .post_main .comment.ck-content h1 { font-size: 2em; }
#d_public #post #main_area .post_main .comment.ck-content h2 { font-size: 1.5em; }
#d_public #post #main_area .post_main .comment.ck-content h3 { font-size: 1.17em; }
#d_public #post #main_area .post_main .comment.ck-content h4 { font-size: 1em; }
#d_public #post #main_area .post_main .comment.ck-content h5 { font-size: 0.83em; }
#d_public #post #main_area .post_main .comment.ck-content h6 { font-size: 0.67em; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size12 { font-size: 12px; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size14 { font-size: 14px; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size15 { font-size: 15px; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size16 { font-size: 16px; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size21 { font-size: 21px; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size23 { font-size: 23px; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size29 { font-size: 29px; }
#d_public #post #main_area .post_main .comment.ck-content .cke-font-size32 { font-size: 32px; }
#d_public #post #main_area .post_main .comment.ck-content .image a:hover, #d_public #post #main_area .post_main .comment.ck-content .image a:active { opacity: 0.7; }
#d_public #post #main_area .post_main .comment.ck-content p a { color: #0b31c0; }
#d_public #post #main_area .post_main .comment.ck-content p a:hover, #d_public #post #main_area .post_main .comment.ck-content p a:active { color: #ed1c24; }
#d_public #post #main_area .post_main .comment.ck-content p { margin: 0; padding: 0; }
#d_public #post #main_area .post_main .comment.ck-content p img { vertical-align: revert; }
#d_public #post #main_area .post_main .comment.ck-content .image > figcaption { padding: 5px 0 0; font-size: 1em; }
#d_public #post #main_area .post_main .comment.ck-content img { width: auto; max-width: 100%; height: auto; }
#d_public #post #main_area .post_main .comment.ck-content ul, #d_public #post #main_area .post_main .comment.ck-content ul li, #d_public #post #main_area .post_main .comment.ck-content ol, #d_public #post #main_area .post_main .comment.ck-content ol li { display: revert; background: revert; margin: revert; padding: revert; border: none; }
#d_public #post #main_area .post_main .map p a { margin: 0 auto; border: 2px solid #70c0e8; display: block; width: 100%; line-height: 60px; color: #3692b5; background-color: #fff; font-size: 19px; text-align: center; max-width: 360px; border-radius: 3px; }
#d_public #post #main_area .post_main .map p a span { display: inline-block; padding: 0 30px 0 0; background: url("../img/ic_window02.png") no-repeat right center; background-size: 22px; }
#d_public #post #main_area .post_main .map p a:hover { color: #fff; background-color: #70c0e8; }
#d_public #post #main_area .post_main .map p a:hover span { background: url("../img/ic_window01.png") no-repeat right center; background-size: 22px; }
#d_public #post .back_btn { margin: 100px auto 0 auto; width: 100%; }

/*# sourceMappingURL=sub_bms.css.map */
