@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, page_mossy.scss */
#mossy { /*============================
#intro
============================*/ /*============================
#phWrap
============================*/ /* --------------------------------------------------------------------------------------------- PC～スマホ 調整（兼タブレット）
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 15, page_mossy.scss */
#mossy .titWrap { height: 350px; }
/* line 16, page_mossy.scss */
#mossy .titWrap .text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 17, page_mossy.scss */
#mossy .titWrap .text .logo, #mossy .titWrap .text .copy { margin: auto; width: 350px; }
/* line 18, page_mossy.scss */
#mossy .titWrap .text .logo { margin-bottom: 20px; }
/* line 25, page_mossy.scss */
#mossy #intro.inner { margin-bottom: 60px; }
/* line 26, page_mossy.scss */
#mossy #intro.inner .catch { margin-bottom: 20px; }
/* line 34, page_mossy.scss */
#mossy #phWrap.inner .ph.main { width: 48%; }
/* line 35, page_mossy.scss */
#mossy #phWrap.inner ul.sec01 { width: 48%; }
/* line 36, page_mossy.scss */
#mossy #phWrap.inner ul.sec01 li { width: calc(100% / 2 - 4%); height: 0; padding-top: 72%; }
/* line 37, page_mossy.scss */
#mossy #phWrap.inner ul.sec01 li img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 38, page_mossy.scss */
#mossy #phWrap.inner ul.sec01 li:nth-of-type(1) { width: 100%; height: 0; padding-top: 67%; margin-bottom: 7.5%; }
/* line 42, page_mossy.scss */
#mossy #phWrap.inner ul.sec02 { width: 100%; }
/* line 43, page_mossy.scss */
#mossy #phWrap.inner ul.sec02 li { width: calc(100% / 4 - 2.75%); height: 0; padding-top: calc(100% / 4 - 3%); margin-top: 4%; }
/* line 44, page_mossy.scss */
#mossy #phWrap.inner ul.sec02 li img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
@media only screen and (max-width: 950px) { /* line 13, page_mossy.scss */
  #mossy { /*============================
#intro
============================*/ /*============================
#phWrap
============================*/ }
  /* line 66, page_mossy.scss */
  #mossy .titWrap { height: 200px; }
  /* line 68, page_mossy.scss */
  #mossy .titWrap .text .logo, #mossy .titWrap .text .copy { margin: auto; }
  /* line 69, page_mossy.scss */
  #mossy .titWrap .text .logo { margin-bottom: 20px; width: 46%; }
  /* line 70, page_mossy.scss */
  #mossy .titWrap .text .copy { width: 70%; }
  /* line 76, page_mossy.scss */
  #mossy #intro.inner { margin-bottom: 60px; }
  /* line 77, page_mossy.scss */
  #mossy #intro.inner .catch { margin-bottom: 20px; }
  /* line 78, page_mossy.scss */
  #mossy #intro.inner .read { text-align: left; padding: 0 5%; }
  /* line 84, page_mossy.scss */
  #mossy #phWrap.inner { padding: 0 1px; }
  /* line 85, page_mossy.scss */
  #mossy #phWrap.inner .ph.main { width: 100%; margin-bottom: 1px; }
  /* line 86, page_mossy.scss */
  #mossy #phWrap.inner ul.sec01 { width: 100%; }
  /* line 87, page_mossy.scss */
  #mossy #phWrap.inner ul.sec01 li { width: calc(100% / 2 - 0%); height: 0; padding-top: 60%; }
  /* line 88, page_mossy.scss */
  #mossy #phWrap.inner ul.sec01 li:nth-of-type(2) { width: calc(100% / 2 - 1px); }
  /* line 89, page_mossy.scss */
  #mossy #phWrap.inner ul.sec01 li img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 90, page_mossy.scss */
  #mossy #phWrap.inner ul.sec01 li:nth-of-type(1) { width: 100%; height: 0; padding-top: 67%; margin-bottom: 1px; }
  /* line 94, page_mossy.scss */
  #mossy #phWrap.inner ul.sec02 { width: 100%; margin-top: 1px; }
  /* line 95, page_mossy.scss */
  #mossy #phWrap.inner ul.sec02 li { width: calc(100% / 4 - 1px); height: 0; padding-top: calc(100% / 4 - 1px); }
  /* line 96, page_mossy.scss */
  #mossy #phWrap.inner ul.sec02 li:last-child { width: calc(100% / 4 - 0px); }
  /* line 97, page_mossy.scss */
  #mossy #phWrap.inner ul.sec02 li img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } }
/* line 112, page_mossy.scss */
#mossy #kagawaya { margin-top: 150px; margin-bottom: 150px; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 113, page_mossy.scss */
#mossy #kagawaya::after { content: ""; width: calc(100% + 100px); height: calc(100% + 100px); position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; left: -50%; right: -50%; filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.25)); background: #fff; }
/* line 114, page_mossy.scss */
#mossy #kagawaya .text { text-align: left; width: 34%; position: relative; z-index: 5; }
/* line 115, page_mossy.scss */
#mossy #kagawaya .text .catch { padding-bottom: 2px; margin-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
/* line 117, page_mossy.scss */
#mossy #kagawaya .text .read a { text-decoration: underline; color: #84a729; }
/* line 120, page_mossy.scss */
#mossy #kagawaya .phMainWrap { width: 62%; position: relative; z-index: 5; }
/* line 121, page_mossy.scss */
#mossy #kagawaya .phMainWrap .phMain { width: 100%; height: 100%; }
/* line 122, page_mossy.scss */
#mossy #kagawaya .phMainWrap span { position: absolute; font-size: 13px; top: calc(100% + 5px); right: 0; }
/* line 124, page_mossy.scss */
#mossy #kagawaya .instaLink { margin-top: 20px; }
/* line 125, page_mossy.scss */
#mossy #kagawaya .instaLink .list.mossy { width: 100%; text-align: center; }
/* line 130, page_mossy.scss */
#mossy #kagawaya .instaLink .list.mossy .phWrap a .read i { margin: 0 auto .15em; }
/* line 131, page_mossy.scss */
#mossy #kagawaya .instaLink .list.mossy .phWrap a .read em { width: 100%; }
/* line 133, page_mossy.scss */
#mossy #kagawaya .instaLink .list.mossy .phWrap a .ph { width: 100%; }
@media only screen and (max-width: 950px) { /* line 112, page_mossy.scss */
  #mossy #kagawaya { margin: 50px auto; padding: 20px 25px 25px; box-sizing: border-box; width: 90%; }
  /* line 139, page_mossy.scss */
  #mossy #kagawaya::after { width: calc(100% + 0px); height: calc(100% + 0px); }
  /* line 140, page_mossy.scss */
  #mossy #kagawaya .text { width: 100%; order: 1; }
  /* line 141, page_mossy.scss */
  #mossy #kagawaya .text .catch { font-size: 22px; text-align: center; padding-bottom: 2px; margin-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  /* line 143, page_mossy.scss */
  #mossy #kagawaya .text .read a { text-decoration: underline; color: #84a729; }
  /* line 146, page_mossy.scss */
  #mossy #kagawaya .phMainWrap { width: calc(100% + 50px); margin: -20px -25px 40px; position: relative; z-index: 5; order: 0; }
  /* line 147, page_mossy.scss */
  #mossy #kagawaya .phMainWrap .phMain { width: 100%; height: 100%; }
  /* line 148, page_mossy.scss */
  #mossy #kagawaya .phMainWrap span { position: relative; font-size: 12px; top: auto; right: auto; margin: 5px auto 0; width: 90%; text-align: right; display: block; }
  /* line 150, page_mossy.scss */
  #mossy #kagawaya .instaLink { margin-top: 30px; }
  /* line 151, page_mossy.scss */
  #mossy #kagawaya .instaLink .list.mossy { width: 100%; text-align: center; height: auto; }
  /* line 153, page_mossy.scss */
  #mossy #kagawaya .instaLink .list.mossy .phWrap { height: 120px; }
  /* line 155, page_mossy.scss */
  #mossy #kagawaya .instaLink .list.mossy .phWrap a .read { padding: 20px 0; }
  /* line 156, page_mossy.scss */
  #mossy #kagawaya .instaLink .list.mossy .phWrap a .read i { margin: 0 auto .15em; }
  /* line 157, page_mossy.scss */
  #mossy #kagawaya .instaLink .list.mossy .phWrap a .read em { width: 100%; }
  /* line 159, page_mossy.scss */
  #mossy #kagawaya .instaLink .list.mossy .phWrap a .ph { width: 100%; } }