/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
 
#page-19 #header-row .navbar,
#page-19 #header-row .navbar navbar-inner,
#page-19 .social-link {display: none !important;}
#page-19 #page-body {text-align: center;}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 2979px) {
  #key-visual > img,#key-visual > video {width: 100%;}
  .contents {top: 46vh!important;padding: 0px 20px!important;width: 100%!important;margin-left: -39px;}
  footer{top: 46vh!important;}
  #btn-instagram {top: 44vh!important;margin-left: -3px;}
}

@media (max-width: 767px) {
  #key-visual > img,#key-visual > video {width: 100%;}
  .contents {top: 56vh!important;padding: 0px 20px!important;width: 100%!important;}
}


@media (min-width: 1200px) {

  .row {
    *zoom: 1;}
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";}
  .row:after {
    clear: both;}
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;}
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container { width: 1170px;}
  .span12 { width: 1170px;margin-left: 0!important;}
  .span11 { width: 1070px;}
  .span10 { width: 970px;}
  .span9 { width: 870px; }
  .span8 { width: 770px;}
  .span7 {  width: 670px;}
  .span6 {    width: 560px;}
  .span5 {    width: 470px;}
  .span4 { width: 370px;}
  .span3 { width: 270px;}
  .span3_5 { width: 270px;}
  .span2 { width: 170px;}
  .span1 { width: 70px;}
  .offset12 { margin-left: 1230px;}
  .offset11 { margin-left: 1130px;}
  .offset10 { margin-left: 1030px;}
  .offset9 { margin-left: 930px;}
  .offset8 { margin-left: 830px;}
  .offset7 { margin-left: 730px;}
  .offset6 { margin-left: 630px;}
  .offset5 { margin-left: 530px;}
  .offset4 { margin-left: 430px;}
  .offset3 { margin-left: 330px;}
  .offset2 { margin-left: 230px;}
  .offset1 { margin-left: 130px;}
  .thumbnails { margin-left: -30px;}
  .thumbnails > li { margin-left: 30px;}
.thumbnail span {height: 360px !important;overflow: hidden; display: block;}
#catalog .thumbnail span{height: 260px !important;}
#staff .thumbnail {min-height: 485px !important;}
#key-visual > img,#key-visual > video {width: 100%;}
.contents {top: 53vh!important;padding: 0px 20px!important;width: 100%!important;}
#btn-instagram {top: 52vh!important;position: relative;}
footer {top: 52vh!important;}
}

@media (min-width: 768px) and (max-width: 979px) {
  .row { margin-left: -20px;
    *zoom: 1;}
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";}
  .row:after {
    clear: both;}
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;}
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container { width: 724px;}
  .span12 { width: 724px;}
  .span11 { width: 662px;}
  .span10 { width: 600px;}
  .span9 { width: 538px;}
  .span8 { width: 476px;}
  .span7 { width: 414px;}
  .span6 { width: 352px;}
  .span5 { width: 290px;}
  .span4 { width: 228px;}
  .span3 { width: 166px;}
  .span3_5 { width: 250px;}
  .span2 { width: 104px;}
  .span1 { width: 42px;}
  .offset12 { margin-left: 764px;}
  .offset11 { margin-left: 702px;}
  .offset10 { margin-left: 640px;}
  .offset9 { margin-left: 578px;}
  .offset8 { margin-left: 516px;}
  .offset7 { margin-left: 454px;}
  .offset6 { margin-left: 392px;}
  .offset5 { margin-left: 330px;}
  .offset4 { margin-left: 268px;}
  .offset3 { margin-left: 206px;}
  .offset2 { margin-left: 144px;}
  .offset1 { margin-left: 82px;}
  .page-header h1 {font-size: 40px;}
  .catalog-navi {display: none !important;}
  footer .span6{text-align: center;width: 100%;}
  footer {top: 44vh!important;}

  input,
  textarea,
  .uneditable-input { margin-left: 0;}
  .controls-row [class*="span"] + [class*="span"] { margin-left: 20px;}

.thumbnail span {
	height: 228px;
	overflow: hidden;
	display: block;
}

#catalog .thumbnail {
	min-height: 240px;
}

#catalog .span3_5 .thumbnail span {
	height: 240px;
}

#staff .thumbnail {
	min-height: 350px;
}

#key-visual > img,#key-visual > video {width: 100%;}

.contents {top: 46vh!important;padding: 0px 20px!important;width: 100%!important;margin-left: -3px;}

}

@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;}
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top { margin-right: -20px;
    margin-left: -20px;}
  .container-fluid {
    padding: 0;}

  .page-header h1 {
	  font-size: 35px;}

  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;}
  .dl-horizontal dd { margin-left: 0;}
  .container { width: auto;}
  .row,
  .thumbnails { margin-left: 0;}
  .thumbnails > li {
    float: none;
    margin-left: 0;}
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
  .span12,
  .row-fluid .span12 { width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}

  .thumbnails > li.span3_5 {
    float: left;
    margin-left: 5px;}

  #catalog .thumbnail {
	  min-height: 230px;}

  .span3_5 { width: 330px;}

  .span3_5 span{
    height: 330px !important;
    overflow: hidden;}

  ul#staff-lists .thumbnail{
	  width: 100%;
	  height: 100px !important;
	  border: none !important;
	  box-shadow: none;}
  
  ul#staff-lists li {
	  margin: 0 0 15px;
	  padding: 0 0 10px;
	  border-bottom: 1px solid #f5f5f5;
	  height: 120px !important;}

  ul#staff-lists .thumbnail span {
	  height: 100px;
	  width: 100px;
	  float: left;
	  border-radius: 3px;
	  margin-right: 5px !important;
	  background: #eee;}

  ul#staff-lists .thumbnail span > img {
	  margin-top: 0 !important;}

  .controls-row [class*="span"] + [class*="span"] { margin-left: 0;}
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;}
  .modal.fade {
    top: -100px;}
  .modal.fade.in {
    top: 20px;}
  footer .span6{text-align: center;width: 100%;}
  .contents {top: 27vh!important;padding: 0px 20px!important;width: 100%!important;margin-left: -20px;}
  #btn-instagram {top:25vh!important;}
}

@media (max-width: 640px) {
  .span3_5 { width: 230px;}

  .span3_5 span{
    height: 230px !important;
    overflow: hidden;}

  .navbar {
	  position: fixed;
	  top: 0px;
	  right: 0px;
	  z-index: 1;}

  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
    background: #fff;}

  .navbar .nav > li {display: block;text-align: right;}

}

@media (max-width: 480px) {


#logo {padding: 0 !important;}

#page-19 #page-body {padding-top: 120px;}
#page-body {padding-top: 0px;}
#page-80 #page-body,#page-129 #page-body {padding-top: 0px;}

#header-row {
	width: 100%;
	background: #fff;
    padding: 15px 0;
}

#key-visual {height: 200px!important;padding-bottom: 0;}

#map-canvas {border: 0 !important;margin: 0 -20px !important;}


  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
    background: #fff;}

  .navbar {
	  position: fixed;
	  top: 0px;
	  right: 0px;
	  z-index: 12;}

  .navbar .nav > li {display: block;text-align: right;}

#top-nav ul {
	margin: 0;
	border-top: 1px solid #eee;
}

#top-nav ul li {
	list-style: none;
	margin: 0;
	padding: 0.5em;
	display: block !important;
	border-bottom: 1px solid #eee;
	font-size: 20px !important;
	font-weight: 200 !important;
}
  
  .page-header {margin-bottom: 10px;}
  
  .page-header h1 small {
    display: block;
    line-height: 20px;}

  .page-header h1 {
	  font-size: 25px;
	  margin-bottom: 0px;}
  
  #article .page-header h1 {
	  font-size: 20px;}

  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;}
  .media-object { margin-right: 0;
    margin-left: 0;}

  .thumbnails {display: inline-block;}
  ul#staff-lists {display: block !important;}

  .thumbnails > li.span3_5 {
    float: left;
    margin-left: 5px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 0px;}

  #catalog .thumbnail {
	  min-height: 130px;}

  .span3_5 { width: 130px;}

  .span3_5 span{
    height: 130px;
    overflow: hidden;}
  .span3_5 .thumbnail span {
	  height: 130px !important;}

  #map-canvas {
	  height: 240px !important;z-index: 1;}

  .pagination ul > li {
	  font-size: 12px;}
  
  footer {
	  font-size: 12px;
	  text-align: center;
	  top:22vh!important;
	  }

  .modal {
    top: 10px;
    right: 10px;
    left: 10px;}
  .modal-header .close {
    padding: 10px;
    margin: -10px;}
  .carousel-caption {
    position: static;}

  #key-visual > img,#key-visual > video {width: 100%!important;;}
  ul#staff-lists .thumbnail {min-height: inherit !important;}

 .dropdown-menu {text-align: right;}

}

/* begin of iphone 6puls*/
@media (max-width: 414px) {

  .thumbnails > li.span3_5 {
    float: left;
    margin-left: 5px;
    height: 135px;
    overflow: hidden;
    margin-bottom: 0px;}

  #catalog .thumbnail {
	  min-height: 115px;}

  .span3_5 { width: 115px;}

  .span3_5 span{
    height: 115px;
    overflow: hidden;}
  .span3_5 .thumbnail span {
	  height: 115px !important;}

  #key-visual > img,#key-visual > video {width: 100%;}
  ul#staff-lists .thumbnail {min-height: inherit !important;}
  .dropdown-menu {text-align: right;}

}

/* end of iphone 6puls*/

/* begin of iphone 6*/
@media (max-width: 375px) {

  .thumbnails > li.span3_5 {
    float: left;
    margin-left: 5px;
    height: 125px;
    overflow: hidden;
    margin-bottom: 0px;}

  #catalog .thumbnail {
	  min-height: 105px;}

  .span3_5 { width: 105px;}

  .span3_5 span{
    height: 105px;
    overflow: hidden;}
  .span3_5 .thumbnail span {
	  height: 105px !important;}

  #key-visual > img,#key-visual > video {width: 100%!important;}
  
  ul#staff-lists .thumbnail {min-height: inherit !important;}
  .dropdown-menu {text-align: right;}

}

/* end of iphone 6*/

@media (max-width: 979px) {
  body {
    padding-top: 0;}
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;}
  .navbar-fixed-top { margin-bottom: 20px;}
  .navbar-fixed-bottom { margin-top: 20px;}
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;}
  .navbar .container { width: auto;
    padding: 0;}
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;}
  .nav-collapse {
    clear: both;}
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;}
  .nav-collapse .nav > li {
    float: none;}
  .nav-collapse .nav > li > a { margin-bottom: 2px;}
  .nav-collapse .nav > .divider-vertical {
    display: none;}
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;}
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: 300;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;}
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;}
  .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px;}
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;}
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;}
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;}
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;}
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;}
  .nav-collapse .open > .dropdown-menu {
    display: block;
    z-index: 1;}
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;}
  .nav-collapse .dropdown-menu .divider {
    display: none;}
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;}

  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;}
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;}
  .navbar .btn-navbar {
    display: block;}
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;}

}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;}
  .catalog-navi {display: none !important;}
  #top-nav {display: none;}

.thumbnail span {
	height: 300px;
	overflow: hidden;
	display: block;
	background: #eee;
}

#catalog .thumbnail{
	min-height: 210px;
}

#staff .thumbnail {
	min-height: 420px;
}

footer .span6{text-align: center;width: 100%;}

}