@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&family=Zen+Kaku+Gothic+New&display=swap');
body { /* font-family: 'Nunito', sans-serif; font-family: 'Zen Kaku Gothic New', sans-serif; */ 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	background: #f6efe5; }

.container{ max-width: 960px; }
.bg-light{ background: none !important;}
.navbar{ box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.75rem; padding-left: 0.75rem; }
.navbar-brand{ display: flex; align-items: center; }
.navbar-brand h1{ font-size: 1.4rem; margin: 0; color: #123d79; }
.navbar-brand h1 span{ display: block; font-size: 0.7rem; margin-top: 0px; color: #0000008c; }
.navbar-expand-lg .navbar-nav .dropdown-menu{ z-index: 9999;}

img { max-width: 100%; }

.posts_list{ border: 2px solid #000; border-radius: 15px; }
.posts_list .list-group-item { border: 0; padding: 0 3rem;  background-color: #f6efe5 }
.posts_list a{ text-decoration: none; color: #000; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); padding: 1.5rem 0; }
.posts_list .list-group-item:last-child a{ border-bottom: 0;}
.posts_list a .date{ margin-right: 10px; font-size: 11px; position: relative; }
.posts_list a .date span{ color: red; font-weight:  normal; font-size: 10px; position: absolute; top: 1px; left: -30px;}
.posts_list a .title{ font-weight: bold; margin-left: 50px; display: flex; text-align: left; }

.badge{ font-size: 11px; font-family: 'Nunito', sans-serif; color: #333; padding: .35em 2em; }
.badge.bg-info{ background-color: #aed0e3 !important; }
.badge.bg-danger{ background-color: #e5b0a7 !important; }
.badge.bg-warning{ background-color: #f1e1a3 !important; }

.post_head h1{ margin:  5px 0; font-weight: bold; font-size: 1.65rem;}
.post_head .date{ font-size: 12px; }
.post_head .date span{ color: red; font-weight:  normal; font-size: 10px; }
.post_content img{ height: auto; }
.post_content iframe{ max-width: 100%; }
.post_content:after{ content: ""; display: table; clear: both;}

.video_list h2.main_title{ padding: 30px 10px; text-align: center; color: #fff; background: #304d81; text-shadow: 2px 2px 4px #000000;}
.video_list .video_head span{ color: red }
#accordionExample .accordion-body:after{ content: ""; display: table; clear: both;}
#accordionExample .accordion-body ul.dropdown-menu{ columns: 2; -webkit-columns: 2; -moz-columns: 2;  }

.footer_home_link{ text-decoration: none; color: #212529;}
.footer_home_link i{ font-size: 25px; margin-right: 5px;}


@media screen and (max-width: 960px) { 
    .banner.container{ padding: 0 !important;}
}


.pc-view{ display:block; }
.pc-view-table{ display: table }
.pc-view-inline{ display: inline-block }
.sp-view{ display:none !important; }
.sp-view-table{ display:none !important; }
.sp-view-inline{ display:none !important; }
@media screen and (max-width:767px) {
	.pc-view{ display:none !important; }
	.sp-view{ display:block !important; }
	.pc-view-table{ display: none !important }
	.sp-view-table{ display: table !important }
	.pc-view-inline{ display: none !important }
	.sp-view-inline{ display: inline-block !important }

	.posts_list .list-group-item { padding: 0 2rem; }
	.posts_list a{ display: block !important; padding: 1.5rem 0 1.1rem; }
	.posts_list a .date span{ position: initial; margin-right: 6px;}
	.posts_list a .title{ margin: 5px 0 0; }

}