@charset "utf-8";
@media (max-width: 1400px) {
	.search-carousel-indicators.scrollable-indicators {
		max-height: 420px;
	}
}
@media (max-width: 1280px) {
	#header .nav-main {
		background-image: none;
	}
}
@media (min-width: 1201px) {
	.offcanvas {
		padding-left: 1rem;
	}
	.categorylist {
		margin-left: 30px;
		margin-right: 30px;
	}
	.right-area {
		padding-left: 40px;
	}
	#index .slide-area {
		background: url("/common/img/bg_top03.png") no-repeat right -100px;
	}
	#index .news {
		background: url("/common/img/bg_top02.png") no-repeat 0 0;	
	}
}
@media (max-width: 1200px) {
	.search-carousel-indicators.scrollable-indicators {
		max-height: 425px;
	}
	#index .topicsbody {
		height: 325px;
	}
	#index #header {
		box-shadow: none;
	}
	.list-group-item {	
	}
	#index .category-item .category-title {
		font-size: 1rem;
	}	
}

@media (max-width: 1024px) {	
    .search-carousel-indicators.scrollable-indicators {
        max-height: 400px;
	}
}

@media (max-width: 991px) {
	#header h1 {
		margin-bottom: 15px;
	}
	#header .head-area {
		padding-bottom: 0.5rem;
	}
	h2 {
		font-size: 2rem;
		padding-bottom: 1rem;
	}
	/* スマホ版サブメニューデザイン */
	.category-dropdown .submenu-items {
		padding-left: 1rem;
	}
	.category-dropdown .submenu-item {
    	padding: 0.2rem 1rem;
	}
	#index .search-carousel-indicators.scrollable-indicators {
    	overflow-x: auto;
		max-width: 80%;
		padding-left: 0;
		padding-right: 0;
	}
	#index .search-carousel-indicators [class*="col-"] {
        max-width: 150px;
        margin-bottom: 5px !important;
		padding-left: 5px;
		padding-right: 5px;
    }
	#index .img-title img {
		margin-top: 0;
		margin-bottom: 0;		
		border-radius: 5px;
	}
	#header .nav-main .navbar {
		--bs-navbar-padding-y: 0;
	}
	#header .menu {
		margin-bottom: 1rem;
	}
	#header .menu a {
		padding: 10px 15px;
		color: #00aaeb;
	}
	#header .logo {
		margin: 10px 0;
	}
	#header .headnav {
		margin-bottom: 2px;
	}
	#header .headnav ul li {
		padding: 0 5px;
	}
	#header .list-inline > li {
		padding-left: 0;
	}
	#header .headsubnav ul li {
		font-size: 13px;
	}
	#header .headsubnav ul.logout a {
		border-radius: 100px;
	}
	#header .headsubnav ul li .glyphicon {
		padding: 0;
	}
	#header .headsubnav ul.logout li .glyphicon {
		font-size: 15px;
		padding: 0;
	}
	#index .topicsbody {
		height: auto;
	}
	#index .news-section dl {
		margin-right: 5px;
	}
	#topics .news-section dl {
		margin-right: 0;
	}
	.news-section dt {
		width: 7em;		
	}
	.news-section dd {
		margin-left: 7em;
		font-size: 0.9rem;
		line-height: 1.6rem;
	}
	.offcanvas-header .btn-close {
		--bs-btn-close-color: #FFFFFF;
	}
	.table_list ul.list-group .form-control.input-sm {
		margin-bottom: 2px;
	}
	.table_list ul li div:last-child {
		padding-bottom: 5px;
	}
	.table_list ul.list-group .title {
		display: inline-block;
		width: 5em;
		font-weight: bold;
		color: #333;
	}
	.table_list.table ul.list-group .title {
		width: 9em;
	}
	.table_list.table .list-group-item {
		padding: 10px;
	}
	.table_list.table ul.list-group li:first-child {
		border: none;
	}
	footer .footnav {
		padding: 20px 0;
	}
	.footsubnav ul {
		text-align: center;
	}
	.footsubnav ul {
		margin-bottom: 15px;
	}
	/* メニューデザイン */
	.dropdown-menu-inner {
		max-width: 500px;
	}
	
	.category-title {
		font-size: 1rem;
	}
	.category-text {
		font-size: 0.8rem;
	}
	#itemlist h3.category-header-title {
		font-size: 1.8rem; 
		margin-bottom: 1.5rem;
		padding-bottom: 1rem;
	}
	#itemlist .category-header-summary {
		font-size: 1rem;
		line-height: 1.8rem;
	}
	p.results {
		font-size: 0.9rem;
	}	
}
@media (min-width: 768px) {
	.table_list ul.list-group li {
		text-align: left;
		line-height: 1.6em;
	}
	.table_list ul.list-group li div {
		padding-left: 0;
		padding-right: 0;
	}
}		
@media (max-width: 767px) {	
	.container-fluid {
		padding-bottom: 40px;	
	}
	.container-fluid.top {
		padding-top:  40px;
	}
	.container-xxl {
		padding-left: 0;
		padding-right: 0;
	}
	#header .head-area {
		padding-top: 10px;
	}
	#header h1 {
		padding-top: 10px;
	}
	#header .nav-item {
		border-bottom: 2px solid #FFFFFF;
		font-size: 0.9rem;
	}
	#header .menu {
		margin-bottom: 10px;
		
	}
	#index h2 {
		margin-bottom: 1rem;
	}
	h2 {
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}
	h2.style_lg {
		padding: 5px;
		font-size: 20px;
	}
	h2 small {
		margin-left: 0;
	}
	h2.categorytitle {
		padding: 15px 15px;
		margin-bottom: 10px;
		font-size: 1.2rem;
		border-radius: 10px;
	}
	h2.categorytitle span {
		padding: 3px 0 3px 10px;
		
	}
	.table_list ul.list-group li {
		text-align: left;
		line-height: 1.6em;
	}
	.table_list ul.list-group li div {
		padding-left: 0;
		padding-right: 0;
	}
	.footsubnav .footer-links {
		text-align: center;
		margin-bottom: 10px;
	}
	.footsubnav .footer-links li {
		display: inline-block;
		font-size: 13px;
		line-height: 1.4em;
		margin: 0 2px;
	}
	.footsubnav .footer-separator {
		display: inline-block;
		margin: 0 4px;
	}
	#index h1 {
		font-size: 16px;
	}
	#index a.btn-simple {
		font-size: 0.9rem;		
	}
	#index .search-carousel-indicators [class*="col-"] {
        max-width: 100px;
		padding-left: 3px;
		padding-right: 3px;
    }
	a.btn-simple span.icon {
		padding: 0.7rem 0.7rem;
	}
	footer .col-12,
	footer .col-sm-12 {
		padding-left: 0;
		padding-right: 0;
	}
	h1.style_lg p.title {
		font-size: 16px;
	}
	h1.style_lg .subtitle {
		font-size: 26px;
	}
	#header .nav-main {
		padding-top: 0;
		padding-bottom: 0;
	}
	#header .nav-item {
		border-left: 1px solid #FFFFFF;
		border-bottom:  1px solid #FFFFFF;
		text-align: center;
		letter-spacing: normal;
		padding-left: 0;
		padding-right: 0;
	}
	#index .category h2 {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}
	#index .news .news-section {
		padding: 20px;
	}
	a.simple {
		padding: 5px 5px 7px 25px
		
	}
	.category-content {
		margin-bottom: 5px;
	}
	.category-item .category-image {
		margin-bottom: 0;
	}
	.category .category-image img {
		margin-bottom: 5px;
	}
	.category .text-sm {
		line-height: 1.6rem;
	}	
	#index .category-item .category-title {
		display: inline-block;
		text-decoration: none;
		background: none;
		border-radius: 0;
		padding: 0;
		color: #1e5a9c;
		width: auto;
	}
	.category-text {
		line-height: 1rem;
	}
	#index .category-text {
	}
	p.results {
		font-size: 1rem;		
	}
	#itemlist .category-content {
		border: none;
	}
}

@media (max-width: 575px) {		
	.news-section dt {
		float: none;
	}
	.news-section dd {
		margin-left: 0;
	}	
	#index .category {
		padding-top: 10px;
	}
	#index .category-text {
		padding-left: 0;
		text-align: right;
		width: 30%;
		float: right;
	}
	#index .category .text-sm {
		text-align: left;
		padding-left: 0;
	}
	#index .category-item .category-title {
		border-radius: 0;
		width: 70%;
		float: left;
		text-align: left;
	}	
	.search-carousel-indicators {
		margin-top: 10px;
	}
	#index .search-carousel-indicators.scrollable-indicators {
		max-width: 100%;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	#index .search-carousel-indicators [class*="col-"] {
        max-width: 80px;
		padding-left: 2px;
		padding-right: 2px;
    }
	#header h1 img {
		max-width: 250px;
	}
	#index .news-section h2 {
		margin-bottom: 0.5rem;
	}
	#workprocess .workprocess-list-container img {
		margin-bottom: 10px;
		max-width: 280px;
	}
		
	#itemlist h3.category-header-title {
		font-size: 1.4rem; 
		font-weight: bold;
	}
	#itemlist .text-sm {
		padding-left: 0;		
	}
	.text-sm .card-body {
		padding: 0;
	}
	.item-title {
		margin-bottom: 5px;	
		text-align: left;
	}	
	.category-header-summary {
		font-size: 1rem;
	}
	.category-content:last-child {
		border: none;
	}
	a.item-detail-link {
		width: 6rem;
		
	}
	.category-main-img img {
    	max-height: 400px;
		text-align: center;
		margin: auto;
	}
	#categoryForm .category-card {
		padding: 10px 15px;
	}
	#maker h3.accordion-header button {
		font-size: 1.1rem;
	}
	#maker .kana {
		padding-right: 0;
	}
	#maker .makerlist a.list-btn {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 15px 10px 10px 10px;	
		line-height: 1rem;
	}	
	#maker .makerlist .kanalist {
		padding-left: 5px;
		padding-right: 5px;
	}
	#maker .kanalist a.list-btn,
	#maker .alphalist a.list-btn {
		border-color: #1e5a9c;		
	}
	#maker .alphalist a.list-btn {
		line-height: 1.4rem;
		padding-top: 10px;
		font-weight: bold;
	}
	
	
}