@charset "utf-8";

/* CSS Document */
@media (min-width: 1200px) {
	#title-nav {
			padding: 0px !important;
	}
}
@media (max-width: 767px) {
.cap-style1 figure{
		width:100%;
	}
		footer nav ul{
		flex-wrap:wrap;
	    justify-content: left;
	}
	footer nav ul li{
		width:50%;
		text-align:left;
		margin:0;
	}
}
/*min-width:768px CSS*/
@media (min-width: 768px) {

	
	.cap-style1 figure{
		width:calc(33.33% - 7.5px);
		height:auto;
		align-items:center;
	}
	.cap-style1 figure.flex4{
		width:calc(25% - 7.5px);
	}

	
	.feature-txt{padding-top:30px;}
	.a-list-style li {
	border-right: 1px solid #cccccc !important;
	border-bottom: none !important;
	width: 100% !important;
	}
	.a-list-style li:last-child{
	border-bottom: 1px solid #cccccc !important;
	}
	.sp{display:none !important;}
	.tokusyu h3 small{
		font-size:60%;
	}
	#f-page-accordion #city-col .feature-body-list {
    max-height: 350px;
    overflow-y: auto;
}
	
	.card-header a::after{
		display:none !important;
	}	

.container {
	margin-top: 15px;
}
header {
	border-top: 3px solid #111;
}
#top-slider, #pagecatch {
	margin-top: 0px !important;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4) inset;
}

	.top-lead{font-size:1.2em;letter-spacing: 0.1em;}
	#toppage{padding-top:15px;}
#pagetitle {
}
#g-nav {
    background: rgb(58 58 58);
background: -moz-linear-gradient(to bottom, rgb(54 54 54) 0%,rgb(56 56 56) 100%);
background: -webkit-linear-gradient(to bottom, rgb(54 54 54) 0%,rgb(56 56 56) 100%);
background:linear-gradient(to bottom, rgb(54 54 54) 0%,rgb(56 56 56) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
#sitetitle {
	padding: 20px 0 !important;
	line-height: 0;
	display: inline-block;
	width: 30%;
	margin-left: 35%;
}
#sitetitle img {
	height: 65px;
}
#title-nav, #g-nav nav, footer nav ul {
	max-width: 1140px!important;
	min-width: 768px!important;

}
	#title-nav, #g-nav nav{
			margin: 0 auto!important;
	}
	footer nav ul {
			margin: 0 auto 15px auto!important;
	}
	
#pagetitle {
	margin: 0!important;
}
#pagecatch .container {
	margin-top: 0;
}
footer nav ul {
	text-align: right;
	margin-bottom: 15px;
}

#title-nav {
	display: flex;
	justify-content: space-between;
align-items: baseline;
}
/*#g-nav {
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    }*/
#g-nav ul {
	color: #333;
	text-align: center;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 !important;
	border-right: 1px solid #2e2e2e;
}
#g-nav ul li {
	display: inline-block;
	width: 16.67% !important;
	height: 100%;
	font-size: 0.9em;
	border-left: 1px solid #2e2e2e;
}
#g-nav ul li a {
	display: block;
	width: 100%;
	padding: 15px 15px;
	background-color:rgba(0,0,0,0);
	transition: all 0.25s ease;
	color:#fff;
}
#g-nav ul li a small {
	display: block;
	font-size: 0.6em;
	color: #999;
}
#g-nav ul li a:hover {
	text-decoration: none;
	background: linear-gradient(to bottom, #565656 0%, #585858 100%);
}
.navbar-form button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 1.2em;
    border-bottom-right-radius: 1.2em;
    padding: 0 8px;
    background-color: #fff;
    border-color: #ccc;
    border-left: none;
    color: #aaa;
}
.dl-info {
	font-size: 0.9em;
}
.navbar-form {
	width: 22%;
}
.input-group > .form-control:not(:last-child){
border-top-left-radius: 1.2em;
border-bottom-left-radius: 1.2em;
border-right: none;	
}
/*トップ主催事業バナー*/
.ul-banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.ul-banner li {
	flex-basis: calc(50% - 7.5px);
	margin-bottom: 15px;
}
/*トップ主催事業バナー*/
.ul-banner2 {
	display: flex;
	flex-wrap: wrap;
}
.ul-banner2 li {
	flex-basis: calc(100% / 5);
	margin-bottom: 15px;
	height:150px;
	background-color:#aaa;
display: flex;
	transition: all 0.25s ease;
}

	.ul-banner2 li a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
	}
	.ul-banner2 li:hover{
		opacity:0.8;
	}
	.ul-banner2 li a span{
		width:100%;
		background-color:#f8f9fa;
		font-size:0.8em;
		padding:0.8em;
		display:block;
		position:absolute;
		bottom:0;
		    background-image: url("../images/aicon-gray.svg");
    background-position: right 15px center;
    background-repeat: no-repeat;
	}
	#top-ul-b2 li{
		background-size:contain;
		border: 1px solid #eee;
	}
	
/*トップ主催事業、正会員バナー*/
.ul-banner3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ul-banner3 li {
	flex-basis: calc(20% - 7.5px);
	margin-bottom: 15px;
    text-align: center;
}
/*h2-style*/
.h2-s1 {
	color: #555;
	font-size: 1em !important;
	background-color: #eeeeee;
	padding: 13px 15px;
	/*box-shadow: 0px 3px 3px 0 #ccc;*/
	margin-bottom: 30px;
	border-left: 6px solid #175081;
}
}

a.btn.badge{
font-size:1em;
border-radius:2px;
}
a.btn.badge:hover{
	background-color:#777;
	border-color:#777;
}