@charset "UTF-8";

#index-logo {
	top: 28%;
}

ul.ul-hoem-bnrs{
	text-align: center;
	margin-top: 30px;
	padding:0;
}
ul.ul-hoem-bnrs li{
	display: inline-block;
	margin:0 8px;
}
ul.ul-hoem-bnrs img{
	border:1px solid #fff;
}



#index-logo div img{
	max-width:650px;
	height: auto;
	width:100%;
}

ul.dropdown-menu li{
	display: inline-block;
}
.dropdown-menu {
  background: rgba(255,255,255,.25);
}
.learn-more {
  bottom: 1%;
}
a.link-color,
#header #navbar li a.link-color{
	color:#ffd04a;
}

/*Header*/
.navbar-header{
	width:190px;
	padding-top:8px;
}
/*ヘッダーロゴ*/
.navbar-brand > img {
	display: block;
	width: 100%;
	height: auto;
}
#header-nav .navbar-brand {
  padding: 0 0 0 15px;
}

.flexslider {
	background: #8782AD;
}

#header #navbar li a {
  padding: 0 0 10px 15px;
}

#header #navbar ul {
  margin-top: 30px;
}



/*----------------------------Media Query*/
@media screen and (max-width: 1295px){
/*#header #navbar ul {
    margin-left: 210px;
		margin-top:0;
	}*/
#index-logo {
	top:240px;
}
}

@media screen and (max-width: 1267px){
ul.navbar-right li:first-child {
  height: 50px;
}
.container {
	padding-right: 0;
	padding-left: 0;
}
}
@media screen and (max-width: 1199px){
.container {
    width: 100%;
}
}

@media screen and (max-width: 1139px){
.navbar-header {
    width: 160px;
    padding-top: 0;
}
}


@media screen and (min-width: 993px){
ul.ul-mb{
	display: none;
}
ul.ul-pc{
	display: block;
}
}

@media screen and (max-width: 992px){
ul.ul-mb{
	display: block;
}
ul.ul-pc{
	display: none;
}
ul.ul-hoem-bnrs li {
    width: 45%;
}
ul.ul-hoem-bnrs li img{
    width: 100%;
		height: auto;
}
.learn-more {
  display: none;
}
.container {
    width: 100%;
}
.navbar-header {
  padding-top:20px;
}
#index-logo div img {
  max-width: 580px;
}

/*#header #navbar ul {
    margin-left: 150px;
		margin-top: 15px;
}*/
}


@media screen and (max-width: 767px){
#index-logo div img {
	width: 60%;
	margin-top: -40px;
}
ul.ul-hoem-bnrs {
  margin-top: 60px;
}
}

@media screen and (max-width: 520px){
ul.ul-hoem-bnrs li {
	width:95%;
	text-align:center;
	display: block;
	margin: 0 auto;
}
ul.ul-hoem-bnrs li img{
	text-align:center;
}
}








#new .ssba,
#new .ssba a {
  display: none;
}