@charset "UTF-8";html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }html {
  line-height: 1; }ol, ul {
  list-style: none; }table {
  border-collapse: collapse;
  border-spacing: 0; }caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }q, blockquote {
  quotes: none; }q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }a img {
  border: none; }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }/*---clearFix ------------------*//** overflow:hiddenを使用しないclearfix  extendをして使用 */.clearfix:after {
  content: url("data:image/gif;base64,R0lGODlhZAAUAIAAAAD//wAAACH5BAEAAAAALAAAAABkABQAAAIshI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKZwUAOw==");
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }.clearfix {
  display: inline-block;
  zoom: 100%; }.clearfix {
  display: block; }article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }audio:not([controls]) {
  display: none;
  height: 0; }[hidden] {
  display: none; }html {
  background: #fff;
  color: #000;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }html,
button,
input,
select,
textarea {
  font-family: sans-serif; }body {
  margin: 0; }a:focus {
  outline: thin dotted; }a:active,
a:hover {
  outline: 0; }h1 {
  font-size: 2em;
  margin: 0.67em 0; }h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }h3 {
  font-size: 1.17em;
  margin: 1em 0; }h4 {
  font-size: 1em;
  margin: 1.33em 0; }h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }abbr[title] {
  border-bottom: 1px dotted; }b,
strong {
  font-weight: bold; }blockquote {
  margin: 1em 40px; }dfn {
  font-style: italic; }hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }mark {
  background: #ff0;
  color: #000; }p,
pre {
  margin: 1em 0; }code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }q {
  quotes: none; }q:before,
q:after {
  content: '';
  content: none; }small {
  font-size: 80%; }sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }sup {
  top: -0.5em; }sub {
  bottom: -0.25em; }dl,
menu,
ol,
ul {
  margin: 1em 0; }dd {
  margin: 0 0 0 40px; }menu,
ol,
ul {
  padding: 0 0 0 40px; }nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }img {
  border: 0;
  -ms-interpolation-mode: bicubic; }svg:not(:root) {
  overflow: hidden; }figure {
  margin: 0; }form {
  margin: 0; }fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }button,
input {
  line-height: normal; }button,
select {
  text-transform: none; }button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }button[disabled],
html input[disabled] {
  cursor: default; }input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }textarea {
  overflow: auto;
  vertical-align: top; }table {
  border-collapse: collapse;
  border-spacing: 0; }@font-face {
  font-family: "icon";
  src: url("/assets/fonts/icon/icon.eot");
  src: url("/assets/fonts/icon/icon.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/icon/icon.ttf") format("truetype"), url("/assets/fonts/icon/icon.svg#icon") format("svg"), url("/assets/fonts/icon/icon.woff") format("woff");
  font-weight: normal;
  font-style: normal; }[data-icon]:before {
  font-family: "icon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }.icon-twitter-2:before {
  font-family: "icon";
  content: "t"; }.icon-facebook-square1:before {
  content: "f";
  font-family: "icon"; }.icon-twitter-1:before {
  content: "T";
  font-family: "icon"; }.icon-facebook-square2:before {
  content: "F";
  font-family: "icon"; }.icon-facebook-square3:before {
  content: "s";
  font-family: "icon"; }.icon-tyo:before {
  content: "a";
  font-family: "icon"; }.icon-op-arrow-right:before {
  content: "b";
  font-family: "icon"; }.icon-cross:before {
  content: "c";
  font-family: "icon"; }.icon-op-arrow-down:before {
  content: "d";
  font-family: "icon"; }.icon-op-arrow-left:before {
  content: "e";
  font-family: "icon"; }.icon-plus:before {
  content: "g";
  font-family: "icon"; }.icon-plus-1:before {
  content: "h";
  font-family: "icon"; }.icon-facebook:before {
  content: "i";
  font-family: "icon"; }.icon-op-arrow-right2:before {
  content: "j";
  font-family: "icon"; }.icon-line:before {
  content: "k";
  font-family: "icon"; }.icon-play-circle:before {
  content: "l";
  font-family: "icon"; }.icon-attention:before {
  content: "m";
  font-family: "icon"; }body, select, input, textarea {
  color: #000;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; }p, h1, h2, h3, h4, h5, h6, span, div {
  color: #333; }a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
  cursor: pointer; }a:active, a:focus {
    outline: none; }.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%; }.hidden {
  display: none !important;
  visibility: hidden; }.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }.invisible {
  visibility: hidden; }.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }.clearfix:after {
  clear: both; }.clearfix {
  *zoom: 1; }@media only screen and (max-width: 768px) {
  /* Style adjustments for viewports 640px and under go here */
  body {
    width: 100%;
    background: #FEF5E9; }

  a {
    text-decoration: underline; }
    a:hover {
      text-decoration: none; }

  /*--------------------------------------------------
  * Header
  * --------------------------------------------------*/
  header {
    background: #FFF;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); }
    header h1 {
      margin: 0 auto;
      width: 47.46667%;
      padding-top: 1.86667%;
      padding-bottom: 2.4%; }
      header h1 a {
        display: block;
        line-height: 0; }
        header h1 a img {
          width: 100%; }
    header #navi-button {
      display: block;
      background: url("/assets/images/sp/common/navi-button.svg") center center no-repeat;
      background-size: contain;
      width: 9.6%;
      padding-top: 9.6%;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 0;
      line-height: 0;
      left: 3.73333%; }
    header nav {
      display: none; }
    header #header-inner {
      -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      /* easeOutQuint */ }

  /*--------------------------------------------------
  * Navi
  * --------------------------------------------------*/
  body.opened {
    overflow: hidden;
    position: fixed; }
    body.opened #spnavi {
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    body.opened #header-inner {
      -ms-transform: translate(83.2%, 0);
      -webkit-transform: translate(83.2%, 0);
      transform: translate(83.2%, 0); }

  #spnavi {
    -ms-transform: translate(-110%, 0);
    -webkit-transform: translate(-110%, 0);
    transform: translate(-110%, 0);
    -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    /* easeOutQuint */
    position: fixed;
    width: 83.2%;
    background: #FFF;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
    #spnavi .inner {
      width: 96.79487%;
      margin: 0 auto; }
      #spnavi .inner a {
        display: block;
        width: 100%; }
      #spnavi .inner .mercari-logo {
        padding: 3.20513% 0;
        border-bottom: #D7D7D7 1px solid; }
        #spnavi .inner .mercari-logo img {
          margin-left: 4.96689%;
          width: 70.86093%; }
    #spnavi nav a {
      border-bottom: #D7D7D7 1px solid;
      text-decoration: none;
      padding: 5.62914% 0; }
      #spnavi nav a div {
        margin-left: 4.96689%;
        padding-left: 8.60927%;
        position: relative;
        font-family: HiraKakuProN-W6; }
      #spnavi nav a span {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: inline-block; }
    #spnavi #nav-about-sp {
      /* メルカリフリマについて: */
      color: #20BE7E; }
      #spnavi #nav-about-sp div {
        color: #20BE7E; }
      #spnavi #nav-about-sp span {
        top: -3px;
        background: url("/assets/images/common/icon/icon-bag.png") left center no-repeat;
        background-size: contain;
        width: 9.27152%;
        padding-top: 9.27152%; }
    #spnavi #nav-event-sp {
      /* イベント情報: */
      color: #F65F5D; }
      #spnavi #nav-event-sp div {
        color: #F65F5D; }
      #spnavi #nav-event-sp span {
        background: url("/assets/images/common/icon/icon-flag.png") left center no-repeat;
        background-size: contain;
        width: 7.94702%;
        padding-top: 5.62914%; }
    #spnavi #nav-report-sp {
      /* 過去のイベントレポート一覧: */
      color: #1CB9BE; }
      #spnavi #nav-report-sp div {
        color: #1CB9BE; }
      #spnavi #nav-report-sp span {
        background: url("/assets/images/common/icon/icon-pencil.png") left center no-repeat;
        background-size: contain;
        width: 7.94702%;
        padding-top: 5.96026%; }
    #spnavi .navi-banner-area {
      width: 96.68874%;
      padding-top: 66.22517%;
      margin: 6.62252% auto 0;
      background: url("/assets/images/sp/common/navi-banner.png") top left no-repeat;
      background-size: contain;
      position: relative; }
      #spnavi .navi-banner-area p {
        color: #FFF;
        font-family: HiraKakuProN-W6;
        text-align: center;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        top: 19%; }
      #spnavi .navi-banner-area a {
        display: block;
        position: absolute;
        width: 56.50685%;
        right: 3.42466%; }
        #spnavi .navi-banner-area a img {
          line-height: 0;
          width: 100%; }
      #spnavi .navi-banner-area .appstore {
        top: 34%; }
      #spnavi .navi-banner-area .googleplay {
        top: 63.5%; }

  /*--------------------------------------------------
  * Common
  * --------------------------------------------------*/
  #breadcrumb {
    width: 91.73333%;
    margin: 0 auto; }
    #breadcrumb ul {
      padding: 4.26667% 0;
      margin: 0;
      white-space: nowrap;
      overflow: scroll; }
    #breadcrumb li {
      padding-right: 1.33333%;
      display: inline-block;
      white-space: nowrap;
      color: #777; }
      #breadcrumb li a {
        text-decoration: underline; }
      #breadcrumb li:after {
        padding-left: 1.33333%;
        content: '>'; }
      #breadcrumb li:last-child:after {
        display: none;
        content: ''; }

  .label {
    display: inline-block;
    color: #FFF;
    background: #999;
    line-height: 1;
    padding: 5px 6px;
    text-align: center;
    border-radius: 2px; }
  .pc {
    display: none !important; }

  .slick-dots {
    text-align: center;
    padding: 0;
    font-size: 0;
    margin-top: 5.33333%; }
    .slick-dots li {
      display: inline-block;
      margin: 0 1.86667%;
      width: 3.49854%; }
      .slick-dots li button {
        background: #FFF;
        border: #C3C3C3 1px solid;
        outline: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding-top: 91.46667%;
        padding-bottom: 0;
        border-radius: 50%; }
      .slick-dots li.slick-active button {
        border: #1CB9BE 1px solid;
        background: #1CB9BE; }

  /*--------------------------------------------------
  * Main
  * --------------------------------------------------*/
  main {
    width: 100%;
    margin: 0 auto; }
    main #main-image-area {
      width: 100%;
      background-size: cover; }
    main #contents {
      margin: 0 auto;
      width: 100%;
      background: #FFF; }

  .button {
    display: block;
    /* Rectangle 43: */
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    -webkit-transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    /* easeOutQuint */
    text-align: center;
    position: relative; }
    .button p {
      font-family: HiraKakuProN-W6;
      display: inline-block;
      padding: 4% 0;
      margin: 0;
      -webkit-font-smoothing: antialiased;
      -webkit-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      /* easeOutQuint */ }
    .button span {
      -webkit-font-smoothing: antialiased;
      position: absolute;
      line-height: 0;
      height: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 3%;
      width: 6.99708%;
      -webkit-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      /* easeOutQuint */ }
      .button span:before {
        font-family: "icon";
        content: "b"; }
    .button.button-red p,
    .button.button-red span {
      color: #F65F5D; }
    .button.button-blue p,
    .button.button-blue span {
      color: #1CB9BE; }
    .button.button-green p,
    .button.button-green span {
      color: #20BE7E; }
    .button.button-kidsblue p,
    .button.button-kidsblue span {
      color: #009FEC; }
    .button:hover.button-red {
      background: #F65F5D; }
      .button:hover.button-red p,
      .button:hover.button-red span {
        color: #FFF; }
    .button:hover.button-blue {
      background: #1CB9BE; }
      .button:hover.button-blue p,
      .button:hover.button-blue span {
        color: #FFF; }
    .button:hover.button-green {
      background: #20BE7E; }
      .button:hover.button-green p,
      .button:hover.button-green span {
        color: #FFF; }
    .button:hover.button-kidsblue {
      background: #009FEC; }
      .button:hover.button-kidsblue p,
      .button:hover.button-kidsblue span {
        color: #FFF; }

  /*--------------------------------------------------
  * Event / Report
  * --------------------------------------------------*/
  .event-area,
  .report-area {
    width: 91.46667%;
    font-size: 0;
    margin: 0 auto 10.66667%;
    position: relative; }
    .event-area h2,
    .report-area h2 {
      color: #F65F5D;
      font-family: HiraKakuProN-W6;
      margin: 0 0 5.33333%;
      position: relative; }
      .event-area h2 span,
      .report-area h2 span {
        display: inline-block;
        margin-right: 1.6%;
        width: 7.46667%;
        padding-top: 7.46667%;
        background: url("/assets/images/common/icon/icon-flag.png") center center no-repeat;
        background-size: contain;
        position: relative;
        top: 6px; }
    .event-area .events,
    .report-area .events {
      vertical-align: top; }
    .event-area .event,
    .report-area .event {
      vertical-align: top;
      background: #FFF;
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
              box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
      width: 47.81341%;
      margin: 0 2.04082% 0 0;
      padding-bottom: 3.49854%;
      display: inline-block; }
      .event-area .event .button,
      .report-area .event .button {
        width: 90.9621%;
        margin: 5.24781% auto 0;
        border-radius: 6px; }
        .event-area .event .button p,
        .report-area .event .button p {
          padding-top: 9.14634%;
          padding-bottom: 9.14634%;
          padding-right: 9.14634%;
          padding-left: 3.65854%; }
      .event-area .event .button-red,
      .report-area .event .button-red {
        background: #F65F5D; }
        .event-area .event .button-red p,
        .event-area .event .button-red span,
        .report-area .event .button-red p,
        .report-area .event .button-red span {
          color: #FFF; }
      .event-area .event .button-blue,
      .report-area .event .button-blue {
        background: #1CB9BE; }
        .event-area .event .button-blue p,
        .event-area .event .button-blue span,
        .report-area .event .button-blue p,
        .report-area .event .button-blue span {
          color: #FFF; }
      .event-area .event .button-green,
      .report-area .event .button-green {
        background: #20BE7E; }
        .event-area .event .button-green p,
        .event-area .event .button-green span,
        .report-area .event .button-green p,
        .report-area .event .button-green span {
          color: #FFF; }
      .event-area .event .button-kidsblue,
      .report-area .event .button-kidsblue {
        background: #009FEC; }
        .event-area .event .button-kidsblue p,
        .event-area .event .button-kidsblue span,
        .report-area .event .button-kidsblue p,
        .report-area .event .button-kidsblue span {
          color: #FFF; }
    .event-area .image-area,
    .report-area .image-area {
      line-height: 0;
      position: relative; }
      .event-area .image-area img,
      .report-area .image-area img {
        width: 100%; }
      .event-area .image-area .kids,
      .report-area .image-area .kids {
        width: 29.15452%;
        padding-top: 29.15452%;
        position: absolute;
        right: 1.45773%;
        bottom: -3.49854%;
        background: url("/assets/images/common/e-kids_icon.png") top left no-repeat;
        background-size: contain; }
    .event-area .info-area,
    .report-area .info-area {
      background: #FFF;
      padding-bottom: 4.08163%;
      width: 100%; }
      .event-area .info-area h3,
      .report-area .info-area h3 {
        font-family: HiraKakuProN-W6;
        width: 90.67055%;
        line-height: 1.6;
        margin: 0 auto;
        padding: 4.08163% 0 2.91545%; }
      .event-area .info-area .date-area,
      .report-area .info-area .date-area {
        width: 90.67055%;
        margin: 0 auto; }
        .event-area .info-area .date-area p,
        .report-area .info-area .date-area p {
          color: #777;
          display: inline;
          line-height: 2;
          margin: 0; }
      .event-area .info-area .label,
      .report-area .info-area .label {
        margin-right: 3.49854%; }
  .report-area h2 {
    color: #1CB9BE; }
    .report-area h2 span {
      width: 8%;
      padding-top: 8%;
      background: url("/assets/images/common/icon/icon-pencil.png") center center no-repeat;
      background-size: contain;
      position: relative;
      top: 6px; }
  .report-area .report-button {
    width: 100%; }

  .pagination {
    margin: 0 auto;
    text-align: center; }
    .pagination .button {
      display: inline-block;
      width: 10.66667%;
      padding-top: 10.66667%;
      text-align: center;
      position: relative;
      margin: 0 1.33333%;
      height: 0;
      vertical-align: middle; }
      .pagination .button p {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        padding: 14px 0; }

  /*--------------------------------------------------
  * Banner
  * --------------------------------------------------*/
  #banner-area {
    width: 100%;
    position: relative;
    z-index: 4;
    background: #F65F5D url("/assets/images/common/garland.png") top left repeat-x;
    background-size: 50.93333%; }
    #banner-area .banner-inner {
      width: 100%;
      margin: 0 auto;
      background: url("/assets/images/sp/common/devices.png") left 8.26667% top 41.33333% no-repeat;
      background-size: 26.66667%;
      position: relative; }
    #banner-area .app-info h2 {
      color: #FFF;
      font-family: HiraKakuProN-W6;
      margin: 0 auto 0;
      padding-top: 16%;
      text-align: center; }
    #banner-area .app-info > p {
      color: #FFF;
      line-height: 1.7;
      width: 53.33333%;
      margin: 8% 8% 0 auto; }
      #banner-area .app-info > p span {
        color: #FFF; }
    #banner-area .app-info .button-area {
      font-size: 0;
      width: 91.73333%;
      margin: 6.66667% auto 0;
      padding-bottom: 8%;
      overflow: hidden;
      *zoom: 1; }
      #banner-area .app-info .button-area a {
        vertical-align: top;
        display: inline-block;
        width: 48.25581%; }
        #banner-area .app-info .button-area a img {
          width: 100%; }
      #banner-area .app-info .button-area .button {
        display: block;
        clear: both;
        width: 100%; }
        #banner-area .app-info .button-area .button p {
          padding: 3.73333% 0 3.2%; }
    #banner-area .app-info .app-store {
      float: left;
      margin-bottom: 5.33333%;
      -webkit-transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      /* easeOutQuint */ }
      #banner-area .app-info .app-store:hover {
        opacity: 0.8; }
    #banner-area .app-info .google-play {
      float: right;
      margin-bottom: 5.33333%;
      -webkit-transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      /* easeOutQuint */ }
      #banner-area .app-info .google-play:hover {
        opacity: 0.8; }
    #banner-area .app-image {
      width: 541px; }

  #pagetop {
    text-align: center;
    display: block;
    position: relative;
    text-decoration: none;
    padding: 6.4% 0 5.33333%; }
    #pagetop p {
      margin: 0 auto;
      line-height: 1;
      text-decoration: none; }
    #pagetop span {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      color: #CECECE;
      margin: auto;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      width: 2.93333%; }
      #pagetop span:before {
        font-family: "icon";
        content: "d"; }
  .pagetop-wrap {
    position: fixed;
    left: 0;
    width: 100%;
    height: 0;
    bottom: 20%; }

  #pagetop2 {
    position: absolute;
    width: 18.66667%;
    padding-top: 18.66667%;
    right: 4.26667%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4); }
    #pagetop2 span {
      color: #FFF;
      width: 45.71429%;
      padding-top: 45.71429%;
      height: 45.71429%;
      line-height: 0;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      position: absolute;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
      #pagetop2 span:before {
        font-family: "icon";
        content: "d"; }
    #pagetop2.invisible {
      -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
      transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
      /* easeOutQuint */
      opacity: 0;
      pointer-events: none; }

  /*--------------------------------------------------
  * Footer
  * --------------------------------------------------*/
  footer {
    width: 100%;
    background: #3C3C3C;
    position: relative;
    z-index: 5; }
    footer #footer-inner {
      margin: 0 auto;
      width: 100%;
      max-width: 1000px;
      overflow: hidden;
      *zoom: 1;
      position: relative; }
    footer ul {
      padding: 0;
      font-size: 0;
      width: 88%;
      margin: 0 auto;
      padding-top: 4.54545%; }
      footer ul li {
        vertical-align: top;
        line-height: 1;
        display: inline-block;
        padding-right: 2.42424%;
        margin-right: 2.42424%;
        margin-top: 1.51515%;
        margin-bottom: 1.51515%;
        border-right: #c3c3c3 1px solid; }
        footer ul li:last-child {
          border-right: none; }
        footer ul li a {
          line-height: 1;
          color: #c3c3c3;
          text-decoration: none;
          -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          /* easeOutQuint */ }
          footer ul li a:hover {
            color: #DDD; }
    footer .copy {
      display: block;
      text-align: center;
      position: relative;
      line-height: 1;
      padding-top: 6.4%;
      padding-right: 0;
      padding-bottom: 6.4%;
      padding-right: 6.4%;
      color: #c3c3c3;
      -webkit-font-smoothing: antialiased; }
      footer .copy span {
        color: #c3c3c3;
        position: relative;
        line-height: 0;
        top: 1.06667%;
        left: -0.53333%;
        vertical-align: middle;
        bottom: 2px;
        -webkit-font-smoothing: antialiased; }
  /*--------------------------------------------------
  * main
  * --------------------------------------------------*/
  main {
    /* report area */
    /* base info */ }
    main #main-area {
      width: 100%;
      padding-top: 9.33333%;
      background-image: url("/assets/images/sp/report/main-image.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; }
      main #main-area h1 {
        text-align: center;
        color: #FFF;
        margin: 0 auto 4.8%;
        position: relative; }
        main #main-area h1 span {
          background: url("/assets/images/common/icon/pencil.svg") top left no-repeat;
          background-size: contain;
          display: block;
          width: 9.33333%;
          margin: 0 auto 2.66667%;
          padding-top: 10.13333%; }
        main #main-area h1 p {
          display: inline-block;
          margin: 0;
          color: #FFF;
          font-family: HiraKakuProN-W6; }
      main #main-area > p {
        text-align: center;
        color: #FFF;
        line-height: 1.8;
        margin: 0 auto;
        padding: 0 0 6.4%; }
    main #contents {
      background: #FFFFFF;
      width: 100%;
      padding-bottom: 9.33333%;
      margin-bottom: 8%;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
    main .event-head-area {
      overflow: hidden;
      *zoom: 1;
      background: url("/assets/images/common/dot-separator.png") left bottom repeat-x;
      background-size: 213.33333%;
      padding-bottom: 9.32945%;
      padding-top: 5.33333%;
      padding-left: 4.26667%;
      padding-right: 4.26667%;
      margin: 0 auto 6.93333%;
      width: auto; }
      main .event-head-area .reserve-area {
        background: #F3F3F3;
        text-align: center;
        padding: 4.66472% 0 5.8309% 0;
        font-size: 0; }
        main .event-head-area .reserve-area p {
          color: #1CB9BE;
          font-family: HiraKakuProN-W6; }
      main .event-head-area h2 {
        margin: 0 0 4.26667% 0;
        line-height: 1.4;
        font-family: HiraKakuProN-W6; }
      main .event-head-area .date-area .label {
        margin-bottom: 5.33333%; }
      main .event-head-area .date-area p {
        display: inline-block;
        color: #777;
        margin: 0 0 0 1.33333%; }
    main .report-area {
      width: 91.46667%;
      margin: 0 auto; }
      main .report-area .section-head {
        font-weight: bold;
        margin: 0 0 5.33333%;
        line-height: 1.7;
        font-family: HiraKakuProN-W6; }
      main .report-area section {
        margin-bottom: 12%; }
        main .report-area section p {
          line-height: 1.9;
          margin-bottom: 6.93333%; }
        main .report-area section .slick-area {
          padding: 0; }
        main .report-area section img {
          width: 100%; }
    main .reserve-area2 {
      background: #fff;
      text-align: center;
      padding: 0;
      font-size: 0;
      margin-bottom: 10.66667%; }
      main .reserve-area2 a.button {
        display: block;
        width: 91.46667%;
        line-height: 1.5;
        margin: 0 auto; }
    main .event-base-area {
      width: 91.46667%;
      border-top: 1px solid #D7D7D7;
      margin: 0 auto 8%;
      padding-top: 8%; }
      main .event-base-area .image-area {
        width: 100%;
        margin-bottom: 5.8309%; }
        main .event-base-area .image-area img {
          width: 100%; }
      main .event-base-area .info-area {
        display: table;
        border-top: #D7D7D7 1px solid;
        width: 100%; }
        main .event-base-area .info-area .info-set {
          border-bottom: #D7D7D7 1px solid; }
        main .event-base-area .info-area .th,
        main .event-base-area .info-area .td {
          display: table-cell;
          line-height: 1.4;
          color: #333;
          padding: 14px 0; }
        main .event-base-area .info-area .th {
          font-weight: bold;
          width: 110px; }
    main p.note {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 91.46667%;
      line-height: 1.7; }
      main p.note span {
        display: block;
        color: #262626;
        margin-bottom: 3.79009%; }
    main .video-area {
      position: relative;
      height: 0;
      width: 100%;
      padding-top: 53.33333%; }
    main .map-area {
      width: 91.46667%;
      position: relative;
      margin: 0 auto 5.33333%;
      height: 0;
      padding-top: 80%; }
    main iframe {
      display: block;
      margin: 0 auto;
      padding-bottom: 9.6%;
      width: 100%;
      height: 100%;
      top: 0;
      position: absolute; } }@media only screen and (max-width: 768px) and (max-width: 420px) {
      #spnavi nav a {
        font-size: 10px;
        font-size: 4.8vw; }
        #spnavi .navi-banner-area p {
          font-size: 10px;
          font-size: 4.8vw; }
      #breadcrumb li {
        font-size: 6.66667px;
        font-size: 3.2vw; }
    .label {
      font-size: 6.66667px;
      font-size: 3.2vw; }
      .button p {
        font-size: 8.33333px;
        font-size: 4vw; }
      .button span {
        font-size: 8.88889px;
        font-size: 4.26667vw; }
      .event-area h2,
      .report-area h2 {
        font-size: 12.22222px;
        font-size: 5.86667vw; }
          .event-area .event .button p,
          .report-area .event .button p {
            font-size: 6.11111px;
            font-size: 2.93333vw; }
        .event-area .info-area h3,
        .report-area .info-area h3 {
          font-size: 7.77778px;
          font-size: 3.73333vw; }
          .event-area .info-area .date-area p,
          .report-area .info-area .date-area p {
            font-size: 6.66667px;
            font-size: 3.2vw; }
        .event-area .info-area .label,
        .report-area .info-area .label {
          font-size: 6.11111px;
          font-size: 2.93333vw; }
      #banner-area .app-info h2 {
        font-size: 13.33333px;
        font-size: 6.4vw; }
      #banner-area .app-info > p {
        font-size: 7.77778px;
        font-size: 3.73333vw; }
      #pagetop p {
        font-size: 7.77778px;
        font-size: 3.73333vw; }
      #pagetop span {
        font-size: 10px;
        font-size: 4.8vw; }
      #pagetop2 span {
        font-size: 17.77778px;
        font-size: 8.53333vw; }
          footer ul li a {
            font-size: 6.66667px;
            font-size: 3.2vw; }
      footer .copy {
        font-size: 7.77778px;
        font-size: 3.73333vw; }
        footer .copy span {
          font-size: 13.33333px;
          font-size: 6.4vw; }
          main #main-area h1 p {
            font-size: 13.33333px;
            font-size: 6.4vw; }
        main #main-area > p {
          font-size: 7.77778px;
          font-size: 3.73333vw; }
          main .event-head-area .reserve-area p {
            font-size: 8.33333px;
            font-size: 4vw; }
        main .event-head-area h2 {
          font-size: 11.66667px;
          font-size: 5.6vw; }
        main .event-head-area .date-area .label {
          font-size: 6.66667px;
          font-size: 3.2vw; }
        main .event-head-area .date-area p {
          font-size: 7.77778px;
          font-size: 3.73333vw; }
        main .report-area .section-head {
          font-size: 10px;
          font-size: 4.8vw; }
          main .report-area section p {
            font-size: 7.77778px;
            font-size: 3.73333vw; }
          main .event-base-area .info-area .th,
          main .event-base-area .info-area .td {
            font-size: 7.77778px;
            font-size: 3.73333vw; }
        main p.note span {
          font-size: 6.66667px;
          font-size: 3.2vw; } }@media only screen and (max-width: 768px) and (min-width: 421px) {
      #spnavi nav a {
        font-size: 11.25px;
        font-size: 4.8vw; }
        #spnavi .navi-banner-area p {
          font-size: 11.25px;
          font-size: 4.8vw; }
      #breadcrumb li {
        font-size: 7.5px;
        font-size: 3.2vw; }
    .label {
      font-size: 7.5px;
      font-size: 3.2vw; }
      .button p {
        font-size: 9.375px;
        font-size: 4vw; }
      .button span {
        font-size: 10px;
        font-size: 4.26667vw; }
      .event-area h2,
      .report-area h2 {
        font-size: 13.75px;
        font-size: 5.86667vw; }
          .event-area .event .button p,
          .report-area .event .button p {
            font-size: 6.875px;
            font-size: 2.93333vw; }
        .event-area .info-area h3,
        .report-area .info-area h3 {
          font-size: 8.75px;
          font-size: 3.73333vw; }
          .event-area .info-area .date-area p,
          .report-area .info-area .date-area p {
            font-size: 7.5px;
            font-size: 3.2vw; }
        .event-area .info-area .label,
        .report-area .info-area .label {
          font-size: 6.875px;
          font-size: 2.93333vw; }
      #banner-area .app-info h2 {
        font-size: 15px;
        font-size: 6.4vw; }
      #banner-area .app-info > p {
        font-size: 8.75px;
        font-size: 3.73333vw; }
      #pagetop p {
        font-size: 8.75px;
        font-size: 3.73333vw; }
      #pagetop span {
        font-size: 11.25px;
        font-size: 4.8vw; }
      #pagetop2 span {
        font-size: 20px;
        font-size: 8.53333vw; }
          footer ul li a {
            font-size: 7.5px;
            font-size: 3.2vw; }
      footer .copy {
        font-size: 8.75px;
        font-size: 3.73333vw; }
        footer .copy span {
          font-size: 15px;
          font-size: 6.4vw; }
          main #main-area h1 p {
            font-size: 15px;
            font-size: 6.4vw; }
        main #main-area > p {
          font-size: 8.75px;
          font-size: 3.73333vw; }
          main .event-head-area .reserve-area p {
            font-size: 9.375px;
            font-size: 4vw; }
        main .event-head-area h2 {
          font-size: 13.125px;
          font-size: 5.6vw; }
        main .event-head-area .date-area .label {
          font-size: 7.5px;
          font-size: 3.2vw; }
        main .event-head-area .date-area p {
          font-size: 8.75px;
          font-size: 3.73333vw; }
        main .report-area .section-head {
          font-size: 11.25px;
          font-size: 4.8vw; }
          main .report-area section p {
            font-size: 8.75px;
            font-size: 3.73333vw; }
          main .event-base-area .info-area .th,
          main .event-base-area .info-area .td {
            font-size: 8.75px;
            font-size: 3.73333vw; }
        main p.note span {
          font-size: 7.5px;
          font-size: 3.2vw; } }@media only screen and (max-width: 768px) and (min-width: 601px) {
      #spnavi nav a {
        font-size: 15px;
        font-size: 4.8vw; }
        #spnavi .navi-banner-area p {
          font-size: 15px;
          font-size: 4.8vw; }
      #breadcrumb li {
        font-size: 10px;
        font-size: 3.2vw; }
    .label {
      font-size: 10px;
      font-size: 3.2vw; }
      .button p {
        font-size: 12.5px;
        font-size: 4vw; }
      .button span {
        font-size: 13.33333px;
        font-size: 4.26667vw; }
      .event-area h2,
      .report-area h2 {
        font-size: 18.33333px;
        font-size: 5.86667vw; }
          .event-area .event .button p,
          .report-area .event .button p {
            font-size: 9.16667px;
            font-size: 2.93333vw; }
        .event-area .info-area h3,
        .report-area .info-area h3 {
          font-size: 11.66667px;
          font-size: 3.73333vw; }
          .event-area .info-area .date-area p,
          .report-area .info-area .date-area p {
            font-size: 10px;
            font-size: 3.2vw; }
        .event-area .info-area .label,
        .report-area .info-area .label {
          font-size: 9.16667px;
          font-size: 2.93333vw; }
      #banner-area .app-info h2 {
        font-size: 20px;
        font-size: 6.4vw; }
      #banner-area .app-info > p {
        font-size: 11.66667px;
        font-size: 3.73333vw; }
      #pagetop p {
        font-size: 11.66667px;
        font-size: 3.73333vw; }
      #pagetop span {
        font-size: 15px;
        font-size: 4.8vw; }
      #pagetop2 span {
        font-size: 26.66667px;
        font-size: 8.53333vw; }
          footer ul li a {
            font-size: 10px;
            font-size: 3.2vw; }
      footer .copy {
        font-size: 11.66667px;
        font-size: 3.73333vw; }
        footer .copy span {
          font-size: 20px;
          font-size: 6.4vw; }
          main #main-area h1 p {
            font-size: 20px;
            font-size: 6.4vw; }
        main #main-area > p {
          font-size: 11.66667px;
          font-size: 3.73333vw; }
          main .event-head-area .reserve-area p {
            font-size: 12.5px;
            font-size: 4vw; }
        main .event-head-area h2 {
          font-size: 17.5px;
          font-size: 5.6vw; }
        main .event-head-area .date-area .label {
          font-size: 10px;
          font-size: 3.2vw; }
        main .event-head-area .date-area p {
          font-size: 11.66667px;
          font-size: 3.73333vw; }
        main .report-area .section-head {
          font-size: 15px;
          font-size: 4.8vw; }
          main .report-area section p {
            font-size: 11.66667px;
            font-size: 3.73333vw; }
          main .event-base-area .info-area .th,
          main .event-base-area .info-area .td {
            font-size: 11.66667px;
            font-size: 3.73333vw; }
        main p.note span {
          font-size: 10px;
          font-size: 3.2vw; } }@media only screen and (min-width: 769px) {
  /* Style adjustments for viewports 641px and over go here */
  body {
    width: 100%;
    min-width: 1200px;
    background: #FEF5E9; }

  a {
    text-decoration: underline; }
    a:hover {
      text-decoration: none; }

  /*--------------------------------------------------
  * Header
  * --------------------------------------------------*/
  header {
    width: 100%;
    height: 100px;
    background: #FFF; }
    header #navi-button {
      display: none; }
    header #header-inner {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      position: relative; }
    header h1 {
      padding-top: 1.5%;
      width: 28.9%;
      margin: 0; }
      header h1 a {
        display: inline-block;
        line-height: 0; }
        header h1 a img {
          width: 100%; }
    header nav {
      text-align: right;
      position: absolute;
      right: 0;
      top: 16px;
      font-size: 0; }
      header nav a {
        padding: 20px 14px;
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        text-decoration: none;
        margin-right: 12px;
        height: 24px;
        vertical-align: middle;
        font-weight: bold;
        position: relative;
        border-radius: 8px;
        -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        /* easeOutQuint */ }
        header nav a span {
          display: inline-block;
          margin-right: 8px;
          position: relative;
          height: 27px;
          top: 5px; }
        header nav a:last-child {
          margin-right: 0; }
        header nav a .balloon {
          margin-top: -8px; }
        header nav a .arrow {
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          /* easeOutQuint */
          position: absolute;
          width: 14px;
          height: 14px;
          bottom: -7px;
          left: 0;
          right: 0;
          margin: auto; }
    header #nav-about {
      /* メルカリフリマについて: */
      color: #20BE7E; }
      header #nav-about div {
        color: #20BE7E; }
      header #nav-about span {
        background: url("/assets/images/common/icon/icon-bag.png") center center no-repeat;
        background-size: contain;
        width: 27px; }
      header #nav-about:hover {
        background-color: #DAF3E9; }
        header #nav-about:hover .arrow {
          background-color: #DAF3E9; }
    header #nav-event {
      /* イベント情報: */
      color: #F65F5D; }
      header #nav-event div {
        color: #F65F5D; }
      header #nav-event span {
        background: url("/assets/images/common/icon/icon-flag.png") center center no-repeat;
        background-size: contain;
        width: 18px; }
      header #nav-event:hover {
        background-color: #FDDFDF; }
        header #nav-event:hover .arrow {
          background-color: #FDDFDF; }
    header #nav-report {
      /* 過去のイベントレポート一覧: */
      color: #1CB9BE; }
      header #nav-report div {
        color: #1CB9BE; }
      header #nav-report span {
        background: url("/assets/images/common/icon/icon-pencil.png") center center no-repeat;
        background-size: contain;
        width: 18px; }
      header #nav-report:hover {
        background-color: #DCF2F3; }
        header #nav-report:hover .arrow {
          background-color: #DCF2F3; }

  body.event header #nav-event {
    background-color: #FDDFDF; }
    body.event header #nav-event .arrow {
      background-color: #FDDFDF; }

  body.report header #nav-report {
    background-color: #DCF2F3; }
    body.report header #nav-report .arrow {
      background-color: #DCF2F3; }

  body.about header #nav-about {
    background-color: #DAF3E9; }
    body.about header #nav-about .arrow {
      background-color: #DAF3E9; }

  /*--------------------------------------------------
  * Common
  * --------------------------------------------------*/
  #breadcrumb {
    width: 1000px;
    margin: 0 auto; }
    #breadcrumb ul {
      padding: 27px 0;
      margin: 0; }
    #breadcrumb li {
      padding-right: 5px;
      display: inline-block;
      font-size: 12px;
      color: #777; }
      #breadcrumb li a {
        text-decoration: underline; }
      #breadcrumb li:after {
        padding-left: 5px;
        content: '>'; }
      #breadcrumb li:last-child:after {
        display: none;
        content: ''; }

  .label {
    display: inline-block;
    color: #FFF;
    background: #999;
    line-height: 1;
    padding: 5px 6px;
    font-size: 12px;
    text-align: center;
    border-radius: 2px; }

  .sp {
    display: none !important; }

  .slick-dots {
    text-align: center;
    padding: 0;
    font-size: 0;
    margin-top: 20px; }
    .slick-dots li {
      display: inline-block;
      margin: 0 12px;
      height: 16px;
      width: 16px; }
      .slick-dots li button {
        background: #FFF;
        border: #C3C3C3 1px solid;
        outline: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: 100%;
        border-radius: 50%; }
      .slick-dots li.slick-active button {
        border: #20BE7E 1px solid;
        background: #20BE7E; }

  /*--------------------------------------------------
  * Main
  * --------------------------------------------------*/
  main {
    width: 100%;
    margin: 0 auto; }
    main #main-image-area {
      width: 100%;
      background-size: cover; }
    main #contents {
      margin: 0 auto 80px;
      width: 100%;
      max-width: 1000px;
      background: #FFF; }

  .button {
    display: block;
    /* Rectangle 43: */
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    -webkit-transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: background 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    /* easeOutQuint */
    text-align: center;
    position: relative; }
    .button p {
      font-family: HiraKakuProN-W6;
      font-size: 14px;
      display: inline-block;
      padding: 18px 0;
      margin: 0;
      -webkit-font-smoothing: antialiased;
      -webkit-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      /* easeOutQuint */ }
    .button span {
      -webkit-font-smoothing: antialiased;
      position: absolute;
      font-size: 24px;
      right: 15px;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 26px;
      line-height: 1;
      -webkit-transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      /* easeOutQuint */ }
      .button span:before {
        font-family: "icon";
        content: "b"; }
    .button.button-red p,
    .button.button-red span {
      color: #F65F5D; }
    .button.button-blue p,
    .button.button-blue span {
      color: #1CB9BE; }
    .button.button-green p,
    .button.button-green span {
      color: #20BE7E; }
    .button.button-kidsblue p,
    .button.button-kidsblue span {
      color: #009FEC; }
    .button:hover.button-red {
      background: #F65F5D; }
      .button:hover.button-red p,
      .button:hover.button-red span {
        color: #FFF; }
    .button:hover.button-blue {
      background: #1CB9BE; }
      .button:hover.button-blue p,
      .button:hover.button-blue span {
        color: #FFF; }
    .button:hover.button-green {
      background: #20BE7E; }
      .button:hover.button-green p,
      .button:hover.button-green span {
        color: #FFF; }
    .button:hover.button-kidsblue {
      background: #009FEC; }
      .button:hover.button-kidsblue p,
      .button:hover.button-kidsblue span {
        color: #FFF; }

  /*--------------------------------------------------
  * Event / Report
  * --------------------------------------------------*/
  .event-area,
  .report-area {
    width: 100%;
    font-size: 0;
    margin-bottom: 80px;
    position: relative; }
    .event-area h2,
    .report-area h2 {
      color: #F65F5D;
      font-family: HiraKakuProN-W6;
      margin: 0 0 25px;
      font-size: 23px;
      position: relative; }
      .event-area h2 span,
      .report-area h2 span {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        background: url("/assets/images/common/icon/icon-flag.png") center center no-repeat;
        background-size: contain;
        position: relative;
        top: 6px; }
    .event-area .event,
    .report-area .event {
      background: #F3F3F3;
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
              box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
      width: 300px;
      margin: 0 50px;
      padding-bottom: 12px;
      vertical-align: top;
      display: inline-block; }
      .event-area .event:first-child,
      .report-area .event:first-child {
        margin: 0; }
      .event-area .event:last-child,
      .report-area .event:last-child {
        margin: 0; }
      .event-area .event:nth-child(3n - 1),
      .report-area .event:nth-child(3n - 1) {
        margin: 0 50px; }
    .event-area .image-area,
    .report-area .image-area {
      line-height: 0;
      position: relative; }
      .event-area .image-area img,
      .report-area .image-area img {
        width: 100%; }
      .event-area .image-area .kids,
      .report-area .image-area .kids {
        width: 80px;
        height: 80px;
        position: absolute;
        right: 5px;
        bottom: -12px;
        background: url("/assets/images/common/e-kids_icon.png") top left no-repeat;
        background-size: contain; }
    .event-area .info-area,
    .report-area .info-area {
      background: #FFF; }
      .event-area .info-area h3,
      .report-area .info-area h3 {
        font-family: HiraKakuProN-W6;
        width: auto;
        height: 54px;
        vertical-align: top;
        display: block;
        line-height: 1.6;
        margin: 0 auto;
        font-size: 18px;
        padding: 10px 18px; }
      .event-area .info-area .date-area,
      .report-area .info-area .date-area {
        width: 264px;
        margin: 0 auto; }
        .event-area .info-area .date-area p,
        .report-area .info-area .date-area p {
          color: #777;
          font-size: 13px;
          margin: 0;
          padding: 8px 0 12px; }
      .event-area .info-area .label,
      .report-area .info-area .label {
        padding: 5px 6px;
        margin-right: 12px; }
    .event-area .button,
    .report-area .button {
      width: 264px;
      margin: 16px auto 0; }

  .report-area h2 {
    color: #1CB9BE; }
    .report-area h2 span {
      width: 30px;
      height: 30px;
      background: url("/assets/images/common/icon/icon-pencil.png") center center no-repeat;
      background-size: contain;
      position: relative;
      top: 6px; }
  .report-area .report-button {
    width: 360px;
    position: absolute;
    top: -10px;
    right: 0;
    margin-top: 0; }

  .pagination {
    margin: 0 auto;
    text-align: center; }
    .pagination .button {
      display: inline-block;
      width: 40px;
      height: 40px;
      text-align: center;
      margin: 0 5px;
      vertical-align: middle; }
      .pagination .button p {
        padding: 14px 0; }

  /*--------------------------------------------------
  * Banner
  * --------------------------------------------------*/
  #banner-area {
    width: 100%;
    background: #F65F5D url("/assets/images/common/garland.png") top center repeat-x;
    background-size: 189px;
    position: relative;
    z-index: 4;
    min-width: 1000px; }
    #banner-area .banner-inner {
      background: url("/assets/images/common/footer-app-area.png") bottom left no-repeat;
      background-size: contain;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      height: 250px;
      position: relative; }
    #banner-area .app-info {
      position: absolute;
      right: 0;
      top: 60px;
      width: 420px; }
      #banner-area .app-info h2 {
        color: #FFF;
        font-size: 24px;
        margin: 0 0 25px; }
      #banner-area .app-info > p {
        color: #FFF;
        line-height: 1.5;
        font-size: 15px;
        margin: 0 0 28px; }
      #banner-area .app-info .button-area {
        font-size: 0; }
        #banner-area .app-info .button-area a {
          vertical-align: top;
          margin-right: 10px;
          display: inline-block;
          height: 38px; }
          #banner-area .app-info .button-area a img {
            width: 100%; }
        #banner-area .app-info .button-area .button {
          border-radius: 4px;
          width: 128px; }
          #banner-area .app-info .button-area .button p {
            padding: 12px 0;
            margin-left: -4px; }
          #banner-area .app-info .button-area .button span {
            font-size: 20px;
            height: 22px;
            line-height: 1;
            right: 8px; }
      #banner-area .app-info .app-store {
        width: 128px;
        -webkit-transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        /* easeOutQuint */ }
        #banner-area .app-info .app-store:hover {
          opacity: 0.8; }
      #banner-area .app-info .google-play {
        width: 128px;
        -webkit-transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        /* easeOutQuint */ }
        #banner-area .app-info .google-play:hover {
          opacity: 0.8; }
    #banner-area .app-image {
      width: 541px; }

  #pagetop {
    display: none; }

  .pagetop-wrap {
    position: fixed;
    z-index: 6;
    left: 50%;
    width: 0;
    height: 0;
    bottom: 130px; }

  #pagetop2 {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 510px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1) 0ms;
    /* older webkit */
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0ms;
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0ms;
    /* easeOutBack */ }
    #pagetop2 span {
      color: #FFF;
      font-size: 32px;
      width: 32px;
      height: 32px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      position: absolute;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
      #pagetop2 span:before {
        font-family: "icon";
        content: "d"; }
    #pagetop2:hover {
      -ms-transform: scale(1.2, 1.2);
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2); }
    #pagetop2.invisible {
      -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
      transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
      /* easeOutQuint */
      opacity: 0;
      pointer-events: none; }

  /*--------------------------------------------------
  * Footer
  * --------------------------------------------------*/
  footer {
    width: 100%;
    background: #3C3C3C;
    height: 60px;
    position: relative;
    z-index: 5; }
    footer #footer-inner {
      margin: 0 auto;
      width: 100%;
      max-width: 1000px;
      position: relative; }
    footer ul {
      padding: 0;
      font-size: 0;
      padding-top: 24px; }
      footer ul li {
        vertical-align: top;
        line-height: 0;
        height: 13px;
        display: inline-block;
        padding-right: 8px;
        margin-right: 8px;
        border-right: #c3c3c3 1px solid; }
        footer ul li:last-child {
          border-right: none; }
        footer ul li a {
          line-height: 1;
          color: #c3c3c3;
          font-size: 12px;
          text-decoration: none;
          -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          /* easeOutQuint */ }
          footer ul li a:hover {
            color: #DDD; }
    footer .copy {
      position: absolute;
      right: 0;
      top: 24px;
      line-height: 1;
      font-size: 14px;
      color: #c3c3c3;
      display: inline;
      -webkit-font-smoothing: antialiased;
      margin: 0; }
      footer .copy span {
        font-size: 24px;
        position: absolute;
        left: -15px;
        top: -5px;
        -webkit-font-smoothing: antialiased;
        color: #c3c3c3; }
  header {
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); }

  /*--------------------------------------------------
  * main
  * --------------------------------------------------*/
  main {
    /* event head */
    /* report area */
    /* base info */ }
    main #main-area {
      width: 100%;
      height: 300px;
      padding-top: 70px;
      background-image: url("/assets/images/report/main-image.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; }
      main #main-area h1 {
        text-align: center;
        color: #FFF;
        margin: 0 auto 40px;
        position: relative; }
        main #main-area h1 span {
          background: url("/assets/images/common/icon/pencil.svg") top left no-repeat;
          background-size: contain;
          display: inline-block;
          width: 30px;
          height: 28px;
          position: absolute;
          top: 3px;
          margin-right: 16px; }
        main #main-area h1 p {
          font-size: 28px;
          display: inline-block;
          margin: 0;
          color: #FFF;
          padding-left: 40px; }
      main #main-area > p {
        text-align: center;
        color: #FFF;
        font-size: 15px;
        line-height: 1.8; }
    main #contents {
      background: #FFFFFF;
      padding: 60px;
      margin-top: -136px;
      -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
              box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
      width: 880px; }
    main .event-head-area {
      overflow: hidden;
      *zoom: 1;
      background: url("/assets/images/common/dot-separator.png") left bottom repeat-x;
      background-size: contain;
      padding-bottom: 60px; }
      main .event-head-area .event-title {
        float: left;
        width: 500px; }
      main .event-head-area .reserve-area {
        width: 360px;
        float: right;
        background: #F3F3F3;
        text-align: center;
        padding: 15px 0 20px 0;
        font-size: 0; }
        main .event-head-area .reserve-area p {
          text-align: center;
          color: #1CB9BE;
          font-size: 15px;
          font-family: HiraKakuProN-W6;
          line-height: 1; }
      main .event-head-area h2 {
        font-size: 25px;
        margin: 0;
        line-height: 1.4;
        font-family: HiraKakuProN-W6; }
      main .event-head-area .date-area .label {
        font-size: 13px; }
      main .event-head-area .date-area p {
        display: inline-block;
        color: #777;
        margin: 20px 0 0 4px; }
    main .report-area {
      width: 660px;
      padding-top: 30px;
      margin: 0 auto; }
      main .report-area .section-head {
        font-weight: bold;
        font-size: 20px;
        margin: 0 0 15px;
        font-family: HiraKakuProN-W6; }
      main .report-area section {
        margin-bottom: 50px; }
        main .report-area section p {
          font-size: 13px;
          line-height: 1.7;
          margin-bottom: 30px; }
        main .report-area section > img,
        main .report-area section > iframe {
          width: 100%; }
        main .report-area section .slick-area {
          padding: 0; }
    main .reserve-area2 {
      background: #F3F3F3;
      text-align: center;
      padding: 20px 0 25px 0;
      font-size: 0;
      margin-bottom: 55px; }
      main .reserve-area2 a.button {
        display: inline-block;
        width: 480px;
        line-height: 1.5;
        margin: 0 15px; }
    main .event-base-area {
      overflow: hidden;
      *zoom: 1; }
      main .event-base-area .image-area {
        float: left;
        width: 420px; }
        main .event-base-area .image-area img {
          width: 100%; }
      main .event-base-area .info-area {
        float: right;
        display: table;
        border-top: #D7D7D7 1px solid;
        width: 420px; }
        main .event-base-area .info-area .info-set {
          border-bottom: #D7D7D7 1px solid; }
        main .event-base-area .info-area .th,
        main .event-base-area .info-area .td {
          display: table-cell;
          font-size: 13px;
          color: #333;
          padding: 14px 0; }
        main .event-base-area .info-area .th {
          width: 110px; }
    main p.note {
      margin-bottom: 40px; }
      main p.note span {
        display: block;
        font-size: 11px;
        color: #262626;
        margin-bottom: 10px; }
    main .map-area {
      margin-top: 40px; }
    main iframe {
      width: 100%; } }@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  /* Style adjustments for print go here */ }