/*-------------------------------------------------------------------------
PC&スマホのメニュー共通デザインを整形しているcss
-------------------------------------------------------------------------*/
.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.nav>li {
	position: relative;
	display: block;
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #eeeeee;
}


/*メニュー背景色*/
.navbar-default {
	background-color: rgba(255,255,255,0.9);
}

/*メニューの文字色*/
.navbar-default .navbar-text {
	color: #000;
}
.navbar-default .navbar-nav>li>a {
	color: #000;
	border-bottom:1px dotted #fff;
}

/*アクティブなメニューの色を替えている*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #555555;
	background:url(../../images/menu-bg.png) no-repeat center 10px;
}


/*動き*/
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	transition: height 0.35s ease;
}


.navbar-collapse {
	max-height: 440px;
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
	content: " ";
	display: table;
}
.navbar-collapse:after {
	clear: both;
}
.navbar-collapse:before, .navbar-collapse:after {
	content: " ";
	display: table;
}
.navbar-collapse:after {
	clear: both;
}
.navbar-collapse.in {
	overflow-y: auto;
}

.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
}


.navbar-fixed-top, .navbar-fixed-bottom {
	position: relative;
	right: 0;
	left: 0;
	z-index: 5;
}

/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {


div#navigation{
	z-index:9999;	 /*一番上に表示するためレイヤーを9999とした*/
}


/*サブメニューを上に表示させる*/
	#head-container {
		position: relative;
		top:0px;
	}


/*スマホプルダウン表示を制御しているcss*/
.collapse {
	display: none;
}
.collapse.in {
	display: block;
}




/*メニューアイコン表示*/
.navbar-default .navbar-toggle {
}



.navbar-default .navbar-toggle .icon-bar {
	background-color: #ccc;
}


.navbar-nav li {
	border-bottom:1px dashed #ccc !important;
}

ul.nav li{
	border-bottom:none;
}


}




/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {


div#navigation{
	z-index:9999;	 /*一番上に表示するためレイヤーを9999とした*/
}
	
p#tagline{
	display:none;
}


/*PC＆タブレットの場合は隠していたものを強制的に表示*/
.navbar-collapse {
	width: auto;
	border-top: 0;
	box-shadow: none;
}
.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
}

.navbar>.container .navbar-brand {
	margin-left: -15px;
}

/*PC＆タブレットの場合FBメニューアイコン非表示*/
.navbar-toggle {
	display: none;
}

.navbar-nav {
	float: left;
	margin: 0;
	font-size:16px;
}



.navbar-nav>li {
	float: left;
	margin-left:0px;
	width:171px;
	text-align: center;
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

}

/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {


}