/*!
 * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
 */
.dropdown .dropdown-menu .caret{border:4px solid transparent;border-left-color:#000;float:right;margin-top:6px}.dropdown-menu{min-width:250px}.dropdown-menu > li.open > a{background-color:#F5F5F5;color:#262626;text-decoration:none}.dropdown-menu .dropdown-menu{left:100%;margin:0;right:auto;top:-1px}.dropdown-menu-right .dropdown-menu,.navbar-right .dropdown-menu .dropdown-menu,.pull-right .dropdown-menu .dropdown-menu{left:auto;right:100%}.dropdown-menu.animated{-webkit-animation-duration:0.3s;animation-duration:0.3s}.dropdown-menu.animated:before{content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}.dropdownhover-top{margin-bottom:2px;margin-top:0}.navbar-fixed-bottom .dropdown-menu .dropdown-menu,.dropdownhover-top .dropdown-menu{bottom:-1px;top:auto}.navbar-nav > li > .dropdown-menu{margin-bottom:0}.dropdownhover-bottom{-webkit-transform-origin:50% 0;transform-origin:50% 0}.dropdownhover-left{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.dropdownhover-right{-webkit-transform-origin:0 50%;transform-origin:0 50%}.dropdownhover-top{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}



.dropdown-menu {
	padding-left: 5%;
	padding-right: 5%;
	width: 100vw;
	background-color: #333;
}

@media all and (min-width:480px){
	.dropdown-menu {
	height: 250px;
}
}

@media all and (max-width:480px){
	
.navbar-collapse {
	height: 100vh;
}
	
.navbar-nav {
	text-align: center;	
}
	
	
ul .box {
		margin-bottom: 10px;
	}
}

.dropdown-menu a {
	color: white !important;
}

.dropdown-menu a {
	color: white !important;
}

.dropdown-toggle {
	letter-spacing: 2px;
}


 .navbar-right {
	letter-spacing: 2px;
 }


ul .box {
	border-left: solid;
	border-width: thin;
	border-color: white;
	margin-top: 2%;
	margin-left: 2%;
	padding-left: 25px;
	display: inline;
	width: 20%;
	float: left;
}

ul .box a{
	font-family: 'Abel', sans-serif;
	font-size: 2em;
	position: relative !important;
	z-index: 99 !important;
}

ul .box a:hover{
	text-decoration: none;
	opacity: 0.5;
}


ul .box p{
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	color: white;
	padding-top: 30px;
}

@media screen and (min-width:800px) and (max-width:1300px) {
	
.dropdown-menu {
	height: 250px;
	background-color: #333;
}
    ul .box {
	width: 22%;
}
	ul .box a{
	font-size: 1.5em;
}
	ul .box p{
	font-size: 14px;
}
	
}


@media screen and (max-width:799px) {
	
	li .dropdown {
	margin-bottom: 10px;
}
	
	ul .box {
	width: 100%;
	margin-left: 0;
	padding-left: 5px;
	border-style: none;
}
	ul .box p{
	padding-top: 5px;
	padding-right: 20px;
	font-size: 0.9em;
}
	
	ul .box a{
	font-size: 1.2em;
	border-left-style: solid;
	border-color: white;
	padding-left: 5px;
}
	
	.navbar-right {
	text-align: center;
	}
	

}

/*--IPAD対応--*/

@media screen and (min-width:760px) and (max-width:799px) {
	.dropdown-menu {
	height:  300px !important;
}
}