/* line 16, ../sass/responsive.scss */
#content .page_title {
  display: none; }

@media screen and (max-width: 768px) {
  /* line 26, ../sass/responsive.scss */
  body.home #wrap {
    height: 0;
    min-height: 0; }
  /* line 29, ../sass/responsive.scss */
  body.home #wrap #header {
    position: fixed;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  /* line 34, ../sass/responsive.scss */
  body.home #wrap #header #site_title {
    display: none; }
  /* line 39, ../sass/responsive.scss */
  body.home #wrap #header #nav-btn span, body.home #wrap #header #nav-btn:before, body.home #wrap #header #nav-btn:after {
    background: #fff; }
  /* line 47, ../sass/responsive.scss */
  body.home #wrap #header.open #nav-btn span, body.home #wrap #header.open #nav-btn:before, body.home #wrap #header.open #nav-btn:after {
    background: #000; }

  /* line 60, ../sass/responsive.scss */
  #header {
    width: 100%;
    height: 64px;
    padding: 15px 20px;
    left: 0;
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    z-index: 1000; }
  /* line 68, ../sass/responsive.scss */
  #header #site_title {
    margin-bottom: 0;
    line-height: 3.4rem; }
  /* line 71, ../sass/responsive.scss */
  #header #site_title a {
    font-size: 2.6rem; }
  /* line 76, ../sass/responsive.scss */
  #header #nav-btn {
    display: block;
    width: 30px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer; }
  /* line 87, ../sass/responsive.scss */
  #header #nav-btn span, #header #nav-btn:before, #header #nav-btn:after {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    left: 0;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s; }
  /* line 97, ../sass/responsive.scss */
  #header #nav-btn span {
    top: 11px; }
  /* line 100, ../sass/responsive.scss */
  #header #nav-btn:before {
    content: '';
    top: 0px; }
  /* line 104, ../sass/responsive.scss */
  #header #nav-btn:after {
    content: '';
    bottom: 0px; }
  /* line 111, ../sass/responsive.scss */
  #header #global_nav {
    width: 100%;
    height: 100vh;
    padding: 100px 0 0;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 100;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s; }
  /* line 123, ../sass/responsive.scss */
  #header #global_nav li {
    margin-bottom: 30px; }
  /* line 126, ../sass/responsive.scss */
  #header #global_nav li a {
    font-size: 2.2rem; }
  /* line 128, ../sass/responsive.scss */
  #header #global_nav li a:after {
    font-size: 3.2rem; }
  /* line 131, ../sass/responsive.scss */
  #header #global_nav li a:hover:after {
    display: none; }
  /* line 140, ../sass/responsive.scss */
  #header.open #global_nav {
    right: 0; }
  /* line 145, ../sass/responsive.scss */
  #header.open #nav-btn span {
    width: 0; }
  /* line 148, ../sass/responsive.scss */
  #header.open #nav-btn:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 11px; }
  /* line 152, ../sass/responsive.scss */
  #header.open #nav-btn:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 11px; }

  /* line 164, ../sass/responsive.scss */
  #content {
    padding: 95px 5% 0; }
  /* line 167, ../sass/responsive.scss */
  #content .page_title {
    display: block;
    text-align: center;
    font-family: 'Crimson Text', serif;
    font-size: 2.2rem;
    margin-bottom: 50px; }

  /* line 178, ../sass/responsive.scss */
  .portfolio .portfolio_list li {
    width: 100%;
    height: auto;
    margin-bottom: 30%;
    position: relative; }
  /* line 183, ../sass/responsive.scss */
  .portfolio .portfolio_list li:before {
    content: "";
    display: block;
    padding-top: 100%;
    z-index: 1; }
  /* line 190, ../sass/responsive.scss */
  .portfolio .portfolio_list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1; }
  /* line 201, ../sass/responsive.scss */
  .portfolio .portfolio_list li a {
    display: block;
    padding-top: 100%;
    padding-top: -moz-calc(100% + 20px);
    padding-top: -webkit-calc(100% + 20px);
    padding-top: calc(100% + 20px);
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    font-size: 1.6rem;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 10; }
  /* line 223, ../sass/responsive.scss */
  .portfolio .portfolio-gallery li {
    width: 100%;
    margin: 0 0 20px; }

  /* line 234, ../sass/responsive.scss */
  .works .works_list li {
    width: 100%; }
  /* line 239, ../sass/responsive.scss */
  .works .works-gallery li {
    margin: 0 0 20px; }

  /* line 247, ../sass/responsive.scss */
  .diary .diary_list li {
    margin-bottom: 60px; }

  /* line 261, ../sass/responsive.scss */
  #breadcrumb {
    text-align: left; }

  /* line 265, ../sass/responsive.scss */
  #footer {
    text-align: center; } }