@charset "UTF-8"; 
/**
 * [Super xLarge Screen for PC]
 * >=1578
 */
@media screen and (min-width: 1578px) {
}

/**
 * [xLarge Screen for PC]
 * 1400~1577
 */
@media screen and (max-width: 1577px) {
.navi .inner {max-width: 1400px;}

.container .inner {padding: 25px 6px 15px 6px;}
.list .container .inner {padding: 0 6px;}
}
.main-nav-panel .menu{
display:flex;
justify-content:center;
}
/**
 * [Large Screen for PC]
 * 1200~1399
 */
@media screen and (max-width: 1399px) {
.navi .inner {width: 100%;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 14px;}
.botlinks {margin: 0 -10px;}
.links-wrap .links-box {margin: 0 10px;}
}
@media screen and (max-width: 1323px) {
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 14px;}
}
@media screen and (max-width: 1235px) {
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 12px;}
}
/**
 * [Small Screnn for PC & xLarge Screen Pad]
 * 1000~1399
 */
@media screen and (max-width: 1199px) {
.logo-window img {max-width: 430px;}
.motto {margin: 40px 20px 0 0;}
.main-nav-panel .menu .menu-item {width: 10%; text-align: center;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0;}
.news_list .news .news_title {width: 78%;}
.post-5 .news_list .news .news_title {width: 82%;}
.post-11 {margin-top: 5px;}
.links-wrap {width: 100%;}
}

/**
 * [Large Screen for Pad]
 * 800~999
 */
@media screen and (max-width: 999px) {
.search-panel {width: 36%;}
.motto {margin: 15px 0 0 0; width: 100%; text-align: center;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 0;}
.focus-navigation {visibility: hidden;}
.mod_1 {width: 48%;}
.mod_2 {width: 48%; float: right; margin: 0 0 10px 0;}
.mod_3 {width: 48%; clear: both;}
.mod_4 {width: 48%;}
.post-11 {margin-top: 10px;}
.links-wrap {width: 50%;}
.column-menu {width: 100%; float: none; margin: 0;}
.column-news {float: none;}
.column-news .column-news-box {margin: 0 6px;}
.column-head .column-anchor {padding: 6px;}
.column-head .column-anchor .column-switch {display: block;}
.column-head .column-anchor h3.anchor-title {font-size: 16px; width: auto;}
.column-list-wrap li a span {text-align: left; padding: 6px 10px;}
.column-body {display: none;}
.list-meta .column-title {font-size: 16px;}
.wp_paging {margin: 5px 0;}
.info-box {margin: 0 14px;}
.article {padding: 10px 0;}
.article h1.arti-title {padding: 5px 0;}
}
@media screen and (max-width: 870px) {
	.navi .menu {
    display: none;
}
.navi-aside-toggle {
    display: block;
}
	}

/**
 * [Medium Screen for Mini Pad]
 * 600~799
 */
@media screen and (max-width: 799px) {
body, p {font-size: 16px;}
a {font-size: 16px;}
.header .inner {margin: 0 6px;}
.header {padding: 0;}
.header .panel {margin: 0; float: none; clear: both; width: auto;}
.header .search-panel {margin-bottom: 10px;}
.header .logo-panel {position: relative;}
.header .navi-aside-toggle-show {display: block;}
.logo-window {width: auto; margin: 0 40px; padding: 15px 0; text-align: center;}
.logo-window img {width: 100%; max-width: 320px;}
.motto {margin: 10px 0;}
.navi .menu {display: none;}
.list-meta .column-path, .list-meta .column-title {float: none;}
.list-meta .column-title {display: none;}
.list-meta .column-path {padding-left: 24px; background: url(img/sitemap-icon.png) no-repeat left center;}
.list-meta .column-path .path-name {display: none;}
.wp_paging .pages_count, .wp_paging .page_jump {display: none;}
.info-box {margin: 0 10px;}
.article {padding: 6px 0;}
.article .arti-metas span {font-size: 14px;}
.wp_entry, .wp_entry p, .article .entry, .article .entry p {font-size: 16px;}
.navi-aside-toggle{display: block;}


}

/**
 * [Large Screen for Phone]
 * 400~599
 */
@media screen and (max-width: 599px) {
.tt {margin-bottom: 10px;}
.mod_1, .mod_2, .mod_3, .mod_4 {width: 100%; margin-bottom: 15px;}
.post-11 {margin-top: 15px;}
.links-wrap {width: 100%;}
.cols_list .cols .cols_title {width: 77%;}
.info-box {margin: 0 6px;}
.article .entry {margin: 0;}
.footer .inner .foot .copyright {display: block;}
}

/**
 * [Small Screen for Smart Phone]
 * 300~399
 */
@media screen and (max-width: 399px) {
.cols_list .cols .cols_title {width: 69%;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <300
 */
@media screen and (max-width: 299px) {
.cols_list .cols .cols_title {width: 100%;}
.cols_list .cols .cols_meta {display: none;}
}