@charset "UTF-8";
/* セットアップ　*/
body {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
pre {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
input,
button,
select,
textarea {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
.navbar-search .search-query {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
h4{
  margin: 20px auto 30px;
} 
    @media screen and (max-width:767px) { 
        /*　画面サイズが767px以下の場合読み込む　*/
        h1 { font-size:24pt;}
    }
    @media screen and (min-width:768px){
        /*　画面サイズが768px以上の場合読み込む　*/
        h1 { font-size:40pt;}
    }
/*　ナビゲーションバー　navbar-static */
.menu{
    margin: 0
}
/*  logoの色　*/
.logo{
    fill:#fff;
}
/*　画像ホバーエフェクト */
img:hover {
	opacity: 0.5 ;
}
/*　ホバーエフェクト */
figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
figcaption {
	padding:30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figure:hover figcaption {
	opacity: 1;
}
/*　埋め込み　*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 埋め込みgooglemap */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/* ゴーストボタン　*/
 	
.btn-ghost {
  background: transparent;
}
.btn-ghost.btn-default {
  color: #777;
}
 
.btn-ghost.btn-primary {
  color: #337ab7;
}
 
.btn-ghost.btn-success {
  color: #5cb85c;
}
 
.btn-ghost.btn-info {
  color: #5bc0de;
}
 
.btn-ghost.btn-warning {
  color: #f0ad4e;
}
 
.btn-ghost.btn-danger {
  color: #d9534f;
}
.btn-ghost.btn-primary:hover,
.btn-ghost.btn-success:hover,
.btn-ghost.btn-info:hover,
.btn-ghost.btn-warning:hover,
.btn-ghost.btn-danger:hover {
  color: #fff;
}
/* ホワイト*/
.btn-ghost.btn-white {
  color: #fff;
  border: 1px solid #fff;
}
 
.btn-ghost.btn-white:hover {
  color: #333;
  background: #fff;
}
/*===================================================
 breadcrumb パンくずリスト　
====================================================*/

.breadcrumb {
  background:transparent;
}
.breadcrumb li+li:before {
  content:'>';
}
/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/* FontAwersome */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* footerのバックグラウンド */


.footer_bg{
background-color:#0B0B31;/*#34495e;*/
color:#ffffff;
}

/* フッターの中にクラス */
.head_1{
font-size:2.5rem;
color: orange;
}


/* フッターのリストcss上書き */
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: orange;
  text-decoration: none;
  background-color:#0B0B31;

}

a.list-group-item,
li.list-group-item{
  font-size:2.0rem;
  color:#f1f1f1;
  background-color:#0B0B31;
  border-color:#0B0B31;
}