@charset "UTF-8";




/*  nav
/*--------------------------------- */
@media (min-width: 768px){ /* xsサイズでの崩れ防止 */
	.navbar {
		border-radius: 0;
		background:url(../img/bg_menu.jpg) 0 0 repeat-x;
	}
	
	.navbar-nav {
		float: none;
		margin: 10px auto;
		width:100%;
	}
	
	.navbar-nav>li {
		text-align: center;
		display:inline-block;
		border-right: 1px solid #fff;	
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.navbar-nav>li.first {
		border-left: 1px solid #fff;
	}
	
	.navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size:16px;
		/*font-size: 12px !important;*/
	}
	.navbar-nav>li img {
		width: 20px !important;
	}
	
	.navbar-default {
		background:url(../img/bg_menu.jpg) 0 0 repeat;
		border:none;
	}
	
	.navbar-default .navbar-nav>li>a {
		color: #fff;
	}
}

/* navスタイリング */
@media (max-width: 768px){
	.navbar-default {
		border: none;
	}

	.navbar-header {
		background:url(../img/bg_menu.jpg) 0 0 repeat-x;
	}

	.navbar-default .navbar-toggle {
		border-color: #FFF;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #FFF;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #FFF;
	}
	.navbar-default .navbar-toggle:hover > .icon-bar,
	.navbar-default .navbar-toggle:focus > .icon-bar {
		background-color: #7E7E7E;
	}
	
	.navbar-default .navbar-brand {
		color: #FFF;
	}
}

/*  nav
/*--------------------------------- */
.navbar {
	margin-bottom: 0; /* 追記 */
}


/*  carousel
/*--------------------------------- */
.carousel-inner img{ /* フルワイド化 */
	margin:50px auto;
}




/*  panel-box
/*--------------------------------- */
.panel {
	margin-bottom: 20px;
	background-color: #D1D1D1;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.panel-body {
	text-align: center;
	height: 180px;
	padding-top: 90px;
	color: #888;
	font-size: 18px;
}

.panel-footer {
	text-align: center;
	padding: 18px 15px;
	background-color: #7E7E7E;
	border-top: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

@media (max-width: 768px){
	.panel{
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}