/* 大デバイス（デスクトップ, 1200px 未満）
==============================================*/
@media screen and (max-width: 1199px) {
	
} /* END */


/* 中デバイス（タブレット, 992px 未満）
==============================================*/
@media screen and (max-width: 991px) {
    .navbar-default {
    background-color:transparent;   
    border-bottom: 1px solid #e7e7e7;
    padding: 10px;    
}
.navbar-default .navbar-nav > li > a {
    color: #C0C0C0;
}    
.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-wrap li {
    margin: 0 .45rem 10px .45rem;
}
ul.js-filter-items.flex-wrap {
    padding-left: 0;
}
.js-filter-form label {
	cursor: pointer;
}
} /* END */

/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width: 767px) {
    h1 {
         font-size: 1.5rem;
        font-weight: bold;
    }
        .catchphrase h1 {
    font-size: 1.5rem;
}
.navbar-toggle {
  background-color: #fff;
}
.navbar-toggle .closeup{
  background: transparent;
}
.navbar-toggle .closeup:before, .navbar-toggle .closeup:after{
  margin-top: 0;
}
.navbar-toggle .closeup:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.navbar-toggle .closeup:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.navbar-toggle .closeup{
  background: transparent;
}
.navbar-toggle .closeup:before, .navbar-toggle .closeup:after{
  margin-top: 0;
}
.navbar-toggle .closeup:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.navbar-toggle .closeup:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
	
} /* END */


/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575px) {
h1 {
        font-size: 1.5rem;
        font-weight: bold;
}
    .catchphrase {
        margin-top: -8rem;
    }
	.lead {
        font-size: 1rem;
        text-align: left;
	}
    .va-middle {
    vertical-align: middle;
    display: table-cell;
        margin-top: -2rem;
}
	.container {
		width: 95%;
		margin: 0 auto;
	}
.navbar-toggle {
  background-color: #fff;
}
.navbar-toggle .closeup{
  background: transparent;
}
.navbar-toggle .closeup:before, .navbar-toggle .closeup:after{
  margin-top: 0;
}
.navbar-toggle .closeup:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.navbar-toggle .closeup:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.navbar-toggle .closeup{
  background: transparent;
}
.navbar-toggle .closeup:before, .navbar-toggle .closeup:after{
  margin-top: 0;
}
.navbar-toggle .closeup:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.navbar-toggle .closeup:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
	
.btn { white-space: pre-line !important; }
    
figure {
  width: 90%;
  height: auto;
}

} /* END */