.navbar-brand{
    float:left;height:80px;padding:5px 15px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{
    text-decoration:none}
.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container 
.navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}


.label,
.badge {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
}
.label {
  padding: 1px 4px 2px;
}
.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
a.label:hover,
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-important,
.badge-important {
  background-color: #dd4b39;
}
.label-important[href],
.badge-important[href] {
  background-color: #c23321;
}
.label-warning,
.badge-warning {
  background-color: #fbb450;
}
.label-warning[href],
.badge-warning[href] {
  background-color: #fa9f1e;
}
.label-success,
.badge-success {
  background-color: #3d9400;
}
.label-success[href],
.badge-success[href] {
  background-color: #286100;
}
.label-info,
.badge-info {
  background-color: #01A3BD;
}
.label-info[href],
.badge-info[href] {
  background-color: #31b0d5;
}
.label-inverse,
.badge-inverse {
  background-color: #555555;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #3b3b3b;
}
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}


/* ------- Navigation ------------ */
nav .container {
	background: #000000;
	position: fixed;/*ヘッダーを固定*/
	z-index: 9999;
    top: 0;/*画面一番上で固定*/   
	width:100%;
    box-sizing:border-box;
	border-bottom: 1px solid #eee;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
	text-align: center;
	margin: 0 auto;
}

.navbar {
    margin-bottom: 0;


}

.navbar-brand {
    font-weight: 700;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
    background-color: #000000;
	font-size: 12px;
	color: #ffffff;
	line-height:10px;
}

#menu .nav.navbar-bar {

	float: none;
	margin: 0 auto;
}

.navbar-custom ul.nav {
	text-align: center;
	float: none;
	margin: 0 auto;
}
.navbar-custom ul.nav li {
	float: none;
	display: inline-block;
	text-align: center;
}
.navbar-custom ul.nav li a {
	font-size: 14px;
	letter-spacing: 1px;
    color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ffff00;
    background-color: transparent;
}

/* ------- 
.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}
 ------------ */

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

#social-icon a {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  color: #fff;
}

#social-icon i {
  width: 50px;
  height: 50px;
  margin: 0;
  line-height: 50px;
  text-align: center;
}

#social-icon i:before { padding 0; line-height: 50px; }
#social-icon .fa-twitter { background: #00a1e9; }
#social-icon .fa-facebook { background: #3b5998; }
#social-icon .fa-instagram { background: #125688; }

.fa-white:before
{
	color: #ffffff ;
}


/* ------- トップページのコピー ------------ */

p.FontSize24 {
font-family: verdana, "Mplus 1p";
font-size:24px;
font-weight:bold;

}
@media(max-width: 960px) { 
  p.FontSize24 {
    font-size:20px;
  }
}

.Text-shadow-sample-box {
width: 100%;
vertical-align: middle;
padding: 10px;
}

p.Text-shadow-sample5 {
color: #191970;
text-shadow: 0 2px 0 rgba(255, 255, 255, 1);
}

h5.Text-shadow-sample5 {
padding: 0px;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 960px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* 
@media only screen and (max-width: 960px) {
img { max-width: 100%; }
}
*/


/* メインメニューのアンカーの位置調整 */
#kind {
  margin-top : -50px;
  padding-top : 50px;
}


/* ブルーのボタン */

.btn-okw{color:#fff;background-color:#01A3BD;border-color:#00899f}
.btn-okw.focus,.btn-okw:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
.btn-okw:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-okw.active,.btn-okw:active,.open>.dropdown-toggle.btn-okw{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-okw.active.focus,.btn-okw.active:focus,.btn-okw.active:hover,.btn-okw:active.focus,.btn-okw:active:focus,.btn-okw:active:hover,.open>.dropdown-toggle.btn-okw.focus,.open>.dropdown-toggle.btn-okw:focus,.open>.dropdown-toggle.btn-okw:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}
.btn-okw.active,.btn-okw:active,.open>.dropdown-toggle.btn-okw{background-image:none}.btn-okw.disabled.focus,.btn-okw.disabled:focus,.btn-okw.disabled:hover,.btn-okw[disabled].focus,.btn-okw[disabled]:focus,.btn-okw[disabled]:hover,fieldset[disabled] .btn-okw.focus,fieldset[disabled] .btn-okw:focus,fieldset[disabled] .btn-okw:hover{background-color:#01A3BD;border-color:#00899f}
.btn-okw .badge{color:#01A3BD;background-color:#fff}



/* ブルーのサイドリスト */
.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#01A3BD;background-color:#fff}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#dda653;border-color:#dda653;}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover

/* ブルーのtext */
.text-okw{color:#01A3BD}a.text-okw:focus,a.text-okw:hover{color:#00899f}


/* グリーンのpanel */
.panel-koukoku{border-color:#4ebac4}
.panel-koukoku>.panel-heading{color:#fff;background-color:#4ebac4;border-color:#4ebac4}
.panel-koukoku>.panel-heading+.panel-collapse>.panel-body{border-top-color:#4ebac4}
.panel-koukoku>.panel-heading .badge{color:#4ebac4;background-color:#fff}
.panel-koukoku>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#4ebac4}



.ol ,ul {
    list-style:none;
    list-style-type: none;
}
#menu {
    margin:0px 0 0 0px;
}
.archive {
    background:#f0f0f0;
    color:#666666;
    padding:5px 5px;
    border-bottom:5px solid #FFF;
    cursor:pointer;
}
.subMenu li {
    background-color:#faebd7;
    padding:5px 5px;
    border-bottom:5px solid #FFF;
}


/*
==================================================================================
mainVisual
==================================================================================
*/
#mainVisual {
	clear:both;
	margin:10px auto 30px auto;
	position:relative;
}

#mainVisual #cory{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

/*
==================================================================================
パネルの高さを揃える
==================================================================================
*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*
==================================================================================
メニューの間隔
==================================================================================
*/
.nav>li>a {
    padding: 10px 8px;
    font-size:14px;
}



/*
==================================================================================
カレンダー
==================================================================================
*/
.calendar {position: relative;}
.calendar::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.calendar iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}


/*
==================================================================================
パネルの高さを揃える
==================================================================================
*/

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.panel {
    height: 100%;
}


/*
==================================================================================
Google Calender
==================================================================================
*/


.googleCalendar iframe {
  width: 100%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 400px;
  }
}




/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}



/* アンカーの位置調整 */
a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -70px;
}