@charset "UTF-8";
@media screen and (max-width: 480px) {
  /*　画面サイズが480pxまではここを読み込む(スマホ）*/
  .container, .photo-gallery, .about-content {
    margin: 0 10px; }

  /*　PC用を消す　*/
  .first-view, .first-view-tab {
    display: none; }

  /*　Topメッセージを編集　*/
  .first-view-message {
    font-size: 30px;
    top: 60px;
    right: 20px; }

  .title h1 {
    font-size: 40px; }

  .tab-photo {
    text-align: center; }
    .tab-photo img {
      width: 80%; }

  .title h1 {
    margin: 50px auto; }

  .top-page-menu {
    margin-top: 50px; }
    .top-page-menu a {
      margin: 100px;
      font-size: 35px;
      height: 2em; }

  /*メニュー*/
  .header-left a {
    font-size: 20px; }

  /*Aboutページ*/
  .about-content img {
    width: 250px; }
  .about-content .profile {
    font-size: 15px; }

  /*Worksペーシ*/
  .works-content img {
    margin: 30px 30px;
    width: 200px; }
  .works-content h4 {
    font-size: 30px; }

  #text-tb {
    margin-top: 30px;
    top: -30px; }

  /*ギャラリー共通？*/
  .photo-gallery {
    margin-top: 15px; }
    .photo-gallery .side-photo {
      margin: 40px 40px;
      width: 60%; }
    .photo-gallery img {
      margin: 20px 40px;
      width: 50%; }

  .header-right {
    display: none; }

  /*フッター*/
  .ft-list a {
    margin: 10px;
    font-size: 30px; }

  .ft-top a {
    font-size: 30px; } }
@media screen and (min-width: 480px) and (max-width: 600px) {
  /*　画面サイズが480pxからはここを読み込む（タブレット)*/
  /*　PC用を消す　*/
  .first-view, .first-view-tab {
    display: none; }

  /*　Topメッセージを編集　*/
  .first-view-message {
    font-size: 30px;
    top: 60px;
    right: 20px; }

  .title h1 {
    font-size: 40px; }

  .tab-photo {
    display: none; }

  .top-page-menu {
    margin-top: 200px; }
    .top-page-menu a {
      margin: 100px;
      font-size: 40px; }

  /*メニュー*/
  header a {
    font-size: 20px;
    padding: 0 10px; }

  .header-left {
    margin-left: 20px; }

  .header-right {
    margin-right: 20px; }

  /*Aboutページ*/
  .about-content img {
    width: 300%; }
  .about-content .profile {
    font-size: 20px; }

  /*Worksペーシ*/
  .works-content img {
    margin: 50px 30px;
    width: 300px; }
  .works-content h4 {
    font-size: 40px; }

  #text-tb {
    margin-top: 30px;
    top: -20px; }

  /*ギャラリー共通？*/
  .photo-gallery {
    margin-top: 15px; }
    .photo-gallery .side-photo {
      margin: 40px 40px;
      width: 40%; }
    .photo-gallery img {
      margin: 20px 40px;
      width: 30%; }

  #nav-open {
    display: none; }

  /*フッター*/
  .ft-list a {
    margin: 40px; } }
@media screen and (min-width: 600px) and (max-width: 960px) {
  /*　画面サイズが600pxから960pxまではここを読み込む(タブレットとPC）*/
  .first-view, .first-view-sp {
    display: none; }

  /*　Topメッセージを編集　*/
  .first-view-message {
    font-size: 40px;
    top: 65%;
    right: 10%; }

  .title h1 {
    font-size: 60px;
    margin: 100px 0 50px 0; }

  .tab-photo {
    text-align: center; }
    .tab-photo img {
      width: 80%; }

  .top-page-menu {
    margin-top: 50px; }
    .top-page-menu a {
      margin: 50px;
      font-size: 40px; }

  /*メニュー*/
  header {
    height: 65px;
    margin-top: 50px; }
    header a {
      font-size: 20px;
      padding: 0 25px; }

  .header-left {
    margin-left: 20px; }

  .header-right {
    margin-right: 20px; }

  /*Aboutページ*/
  .about-content img {
    width: 300px; }
  .about-content .profile {
    font-size: 20px; }

  /*Worksペーシ*/
  .works-content img {
    margin: 30px 30px;
    width: 200px; }
  .works-content h4 {
    font-size: 20px; }

  #text-tb {
    margin-top: 30px;
    top: -30px; }

  /*ギャラリー共通？*/
  .photo-gallery {
    margin-top: 15px; }
    .photo-gallery .side-photo {
      margin: 40px 40px;
      width: 40%; }
    .photo-gallery img {
      margin: 20px 40px;
      width: 30%; }

  #nav-open {
    display: none; }

  /*フッター*/
  footer a {
    margin: 40px; } }
@media screen and (min-width: 960px) and (max-width: 1280px) {
  /*　画面サイズが960pxから1280pxまではここを読み込む（PC）*/
  .first-view-sp, .first-view {
    display: none; }

  .first-view-message {
    font-size: 50px;
    top: 65%;
    right: 10%; }

  .title h1 {
    margin: 50px auto;
    font-size: 50px; }

  .tab-photo {
    text-align: center; }
    .tab-photo img {
      width: 70%; }

  .top-page-menu {
    margin-top: 50px;
    margin-bottom: 100px; }
    .top-page-menu a {
      margin: 50px;
      font-size: 30px; }

  /*メニュー*/
  header {
    height: 65px;
    margin-top: 50px; }
    header a {
      font-size: 20px;
      padding: 0 25px; }

  .header-left {
    margin-left: 35px; }

  .header-right {
    margin-right: 20px; }

  /*Aboutページ*/
  .about-content img {
    width: 25%; }
  .about-content .profile {
    font-size: 20px; }

  /*Worksペーシ*/
  .works-content img {
    margin: 0 50px;
    width: 200px; }
  .works-content h4 {
    font-size: 30px; }

  #text-tb {
    display: none;
    top: -50%; }

  /*ギャラリー共通？*/
  .photo-gallery {
    margin-top: 15px; }
    .photo-gallery .side-photo {
      margin: 40px 40px;
      width: 25%; }
    .photo-gallery img {
      margin: 20px 40px;
      width: 15%; }

  #nav-open {
    display: none; }

  /*フッター*/
  .ft-list a {
    margin: 40px; } }
@media screen and (min-width: 1280px) {
  /*　画面サイズが1280pxからはここを読み込む　*/
  .first-view-sp, .first-view-tab {
    display: none; }

  .first-view-message {
    font-size: 50px;
    top: 65%;
    right: 10%; }

  .tab-photo {
    display: none; }

  .top-page-menu {
    margin-top: 200px; }
    .top-page-menu a {
      margin: 100px;
      font-size: 50px; }

  /*メニュー*/
  header {
    height: 65px;
    margin-top: 50px; }
    header a {
      font-size: 25px;
      padding: 0 25px; }

  .header-left {
    margin-left: 35px; }

  .header-right {
    margin-right: 20px; }

  /*Worksペーシ*/
  .works-content img {
    margin: 0 50px;
    width: 300px; }
  .works-content h4 {
    font-size: 40px; }

  #text-tb {
    display: none;
    top: -50%; }

  /*Aboutページ*/
  .about-content img {
    width: 25%; }
  .about-content .profile {
    font-size: 20px; }

  /*ギャラリー共通？*/
  .photo-gallery {
    margin-top: 15px; }
    .photo-gallery .side-photo {
      margin: 40px 40px;
      width: 25%; }
    .photo-gallery img {
      margin: 20px 40px;
      width: 18%; }

  #nav-open {
    display: none; }

  .ft-list a {
    margin: 100px; } }

/*# sourceMappingURL=responsive.css.map */