@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gaiyou a {
	color: #000000;
	text-decoration: none;
	outline: none;
	display: block;
}
.gaiyou a:hover {
	background-color: #ededed;
}
.gaiyou a:focus {
	background-color: #ededed;
}
.gaiyou a h2 {
	font-weight: bold;
}

@media (min-width: 1200px) {
.container-fluid {
	width: 1200px;
}
}

/*ヘッダー*/
.navbar-default {
	background-color: white;
	margin-top: 0px;
}


.navbar-header .navbar-brand {
	font-family: orbitron;
	font-style: normal;
	font-weight: 700;
	color: #000000;
	font-size: 20px;
}
.navbar-header .navbar-brand:hover {
	color: #000;
}

.navbar-brand img {
	display: inline;
	margin-right: 8px;
	font-weight: normal;
	margin-top: -5px;
}
container-fluid .language {
	/* [disabled]max-height: 35px; */
	margin-bottom: 0px;
}

.lang-select {
	float: right;
	margin-right: auto;
}
.lang-select li   {
	float: left;
	font-size: 13px;
}
.lang-select li:nth-child(1) {
	border-right: 1px dotted #888;
}




.lang-select li a {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.lang-select li a.current  {
	font-weight: bold;
	color: #000;
	background-color: #D7F8FF;
}


/*ヘッダー画像*/
.header-image {
	background-image: url(photo/IMG_0473_1280x853.jpg);
	height: 450px;
	background-position: 0 0;
	background-size: cover;
}
.catch {
	position: absolute;
	left: 35px;
	bottom: 60px;
	color: #ffffff;
	font-size: medium;
	font-style: normal;
	font-weight: 300;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	transform: skew(0deg, -10deg);
}
.catch h1 {
	font-weight: 700;
}
.catch p {
	margin-bottom: 0px;
}
/*サブ見出し*/
.sub-midashi {
	font-size: 18px;
	border-bottom: 2px solid #dddddd;
	margin-top: 10px;
}
/*概要*/
.row.showcase .img-responsive {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.row.showcase .gaiyou a h2 {
	font-size: 15px;
	margin-bottom: 0px;
	margin-top: 5px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}
.row.showcase .gaiyou a h3 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 155px;
	margin-left: auto;
	margin-right: auto;
}

.row.showcase .gaiyou a p {
	margin-top: 10px;
}
/*サブメニュー*/
.sub-menu {
	margin-bottom: 10px;
	margin-right: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
.nav.nav-menu li a {
	border-left: 12px solid #9DCAF3;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding-left: 5px;
	padding-right: 0px;
	color: #000000;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.nav.nav-menu li .current {
	background-color: #DFEFF9;
}

/*ニュース＆フェイスブック*/
.news-facebook {
	margin-top: 10px;
}
/*ニュース＆トピックス*/
.news-topics {
	max-height: 650px;
	overflow-y: scroll;
	padding-left: 10px;
}
.news-topics dd {
	border-bottom: 1px dotted #AAAAAA;
	margin-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 80px;
}
.newtopic {
	color: #FF0509;
	font-style: italic;
}
/*フェイスブック*/
.fbsub-midashi {
	font-size: 18px;
	border-bottom: 2px solid #dddddd;
	margin-right: auto;
	margin-left: auto;
	max-width: 350px;
	margin-top: 10px;
}
.facebook {
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/*リンク*/
.nav.nav-link {
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.nav.nav-link li {
	padding-bottom: 10px;
	margin-bottom: 5px;
}


.nav.nav-link li a {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.nav.nav-link li a:hover  {
	background-color: white;
}
.nav-link .img-responsive   {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


/*フッター*/
.footer-info {
	background-color: #ededed;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-info ul {
	padding-left: 0px;
}

.footer-info ul li {
	list-style-type: none;
}

.footer-copyright {
	background-color: #555555;
	color: white;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: right;
}



@media (min-width: 770px) {
.row.header-contents {
	margin-bottom: 20px;
}
.catch h1 {
	font-size: 42px;
}
.container-fluid.language {

}

	
}

@media (max-width:991px){
.row.summary-menu .sub-midashi {
	max-width: 520px;
	margin-right: auto;
}

.row.showcase .gaiyou a {
	min-height: 160px;
	max-width: 500px;
	margin-right: auto;
	margin-left: 10px;
}

.row.showcase .img-responsive {
	float: left;
	margin-right: 10px;
}
.row.showcase .gaiyou a h2 {
	margin-left: 160px;
	padding-top: 10px;
}
.row.showcase .gaiyou a h3 {
	margin-left: 160px;
}
.row.shoecase .gaiyou a p {
	margin-left: 160px;
	padding-left: 10px;
	padding-right: 0px;
}	
.nav.nav-menu {
	max-width: 500px;
	margin-right: auto;
	margin-left: 10px;
}
.fbsub-midashi {
	max-width: 360px;
	margin-right: auto;
	margin-left: 0px;
}
.facebook {
	margin-left: 10px;
	max-width: 340px;
}
.nav.nav-link {
	margin-left: 0px;
}


	
}

@media (max-width: 550px){
.header-image {
	height: 380px;
}
.catch {
	left: 0px;
	bottom: 100px;
	width: auto;
}
.catch h1 {
	font-size: 26px;
}
.navbar.navbar-default.navbar-static-top {
	margin-bottom: 0px;
}
.row.header-contents > .col-sm-12 {
	padding-right: 0px;
	padding-left: 0px;
}

	
	
}


@media (max-width: 400px){
.row.showcase .img-responsive {
	float: none;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
.row.showcase .gaiyou a h2 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	margin-top: 10px;
}
.row.showcase .gaiyou a h3 {
	margin-left: auto;
	margin-right: auto;
}
.row.showcase .gaiyou a p {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
}	
.header-image {
	background-position: 40% 0%;
}




}