@charset "utf-8";

/* --- .col --- */

@media(max-width: 720px) {
.mod-column {
  margin-left: 0px;
  margin-right:0px; }
.mod-column .col {
  margin-bottom: 28px; }
  .mod-column.col2 .col {
    width: 50%;
    max-width: 100%; }
  }
  
.mod-column {
  margin-left: 10px;
  margin-right:10px; }
  .mod-column:after {
    content: "";
    display: block;
    clear: both; }
  .mod-column .col {
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding-left: 0px;
	margin-bottom: 0px; }
  .mod-column.col2 .col {
    width: 50%;
    max-width: 100%; }
    .mod-column.col2 .col:nth-child(2n+1) {
      clear: left; }
    .mod-column.col2 .col:nth-child(2n) {
      float: right; }
  .mod-column.col3 .col {
    width: 33.3333%;
    max-width: 440px; }
    .mod-column.col3 .col:nth-child(3n+1) {
      clear: left; }
    .mod-column.col3 .col:nth-child(3n) {
      float: right; }
  .mod-column.col4 .col {
    width: 25%;
    max-width: 330px; }
    .mod-column.col4 .col:nth-child(4n+1) {
      clear: left; }
  .mod-column.col5 .col {
    width: 20%;
    max-width: 264px; }
    .mod-column.col5 .col:nth-child(5n+1) {
      clear: left; }

/* --- .area-instagram --- */

@media(max-width: 720px) {
.area-instagram {
  padding: 26px 0 30px;
  overflow: hidden;
  text-align: center; }
  .area-instagram .elm-headline {
    font-size: 1.3rem; }
  .area-instagram .gallery-slide-wrapper {
    margin-left: 0; }
    .area-instagram .gallery-slide-wrapper ul.slide-parent {
      margin-top: 24px;
      margin-bottom: 30px;
      padding-left: 0; }
      .area-instagram .gallery-slide-wrapper ul.slide-parent:after {
        content: "";
        display: block;
        clear: both; }
      .area-instagram .gallery-slide-wrapper ul.slide-parent li.slide {
        float: left;
		margin-left: 0px;
        margin-bottom: 15px;
        overflow: hidden; }
        .area-instagram .gallery-slide-wrapper ul.slide-parent li.slide + li.slide {
          margin-left: 0px; }
        .area-instagram .gallery-slide-wrapper ul.slide-parent li.slide a {
          display: block; }
}
.area-instagram {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 0 0px; }

  .area-instagram .elm-headline {
    border-bottom: solid 1px #fff;
    padding: 15px 0 0; }
  .area-instagram ul {
    margin-top: 20px; }
    .area-instagram ul:after {
      content: "";
      display: block;
      clear: both; }
    .area-instagram ul li {
      margin-bottom: 10px;
      overflow: hidden; }
      .area-instagram ul li a {
        display: block; }
        .area-instagram ul li a .image {
          position: relative;
          display: block; }
          .area-instagram ul li a .image img {
            position: relative;
            z-index: 10;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
          .area-instagram ul li a .image:before {
            content: '';
            width: 100%;
            height: 100%;
            background: #009966;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
          .area-instagram ul li a .image:after {
            content: '詳細をみる';
            color: #000;
            border-bottom: solid 2px #000;
            display: table-cell;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -62px;
            font-size: 14px;
            letter-spacing: 0.1em;
            padding: 0 23px 10px;
            opacity: 0;
            transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
        .area-instagram ul li a:hover .image img {
          opacity: 0.2; }
        .area-instagram ul li a:hover .image:before {
          opacity: 1; }
        .area-instagram ul li a:hover .image:after {
          opacity: 1;
          transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
        .area-instagram .gallery-slide-wrapper ul.slide-parent li.slide {
          float: left;
          margin-left: 0px;
          margin-bottom: 0px;
          overflow: hidden; }
        .area-instagram .gallery-slide-wrapper ul.slide-parent li.slide + li.slide {
          margin-left: 0px; }