@charset "UTF-8";
/*------------------------------

Common

------------------------------*/
html {
  font-size: 62.5%;
  height: 100%; }

body {
  font-family: "游ゴシック体", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000;
  height: 100%; }
  @media all and (min-width: 768px) {
    body {
      font-size: 1.4rem;
      line-height: 1.75; } }
  @media all and (max-width: 767px) {
    body {
      font-size: 1.4rem;
      line-height: 1.75; } }

::-moz-selection {
  background: #000000;
  color: #FFFFFF; }

::selection {
  background: #000000;
  color: #FFFFFF; }

::-moz-selection {
  background: #000000;
  color: #FFFFFF; }

#wrap {
  width: 100%;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

div,
p,
figure,
figcaption {
  margin: 0;
  padding: 0; }

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none; }

img {
  width: 100%;
  height: auto;
  display: block; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*------------------------------

Form

------------------------------*/
input[type="text"],
input[type="email"],
input[type="submit"],
textarea,
button {
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none;
  border: none; }

/*------------------------------

Header

------------------------------*/
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  /* background-color: $color-body-grey; */
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  @media all and (min-width: 1024px) {
    header {
      height: 80px; } }
  @media all and (max-width: 1023px) {
    header {
      width: 100%;
      height: 60px;
      overflow: hidden; } }
  header #header-inner {
    position: relative; }
    @media all and (min-width: 1024px) {
      header #header-inner #h-logo {
        position: absolute;
        top: 0;
        right: 0;
        width: 25%;
        text-align: center;
        overflow: visible; } }
    @media all and (max-width: 1023px) {
      header #header-inner #h-logo {
        margin-top: 18px; } }
    @media all and (min-width: 1024px) {
      header #header-inner #h-logo #km-logo {
        width: 50%;
        height: 56px;
        margin-top: 23px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; } }
    @media all and (max-width: 1023px) {
      header #header-inner #h-logo #km-logo {
        width: 76px;
        height: 24px;
        width: auto; } }
    @media all and (min-width: 1024px) {
      header #header-inner #h-desc {
        font-size: 1.2rem;
        position: absolute;
        top: 40px;
        right: 22%;
        margin-right: -1%;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; } }
    @media all and (min-width: 768px) and (max-width: 1023px) {
      header #header-inner #h-desc {
        font-size: 1rem;
        position: fixed;
        top: 23px;
        left: 5.85652%;
        margin-left: 108px; } }
    @media all and (max-width: 767px) {
      header #header-inner #h-desc {
        font-size: 0.8rem;
        position: fixed;
        top: 25px;
        left: 118px; } }
    header #header-inner nav {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      letter-spacing: 0.1rem; }
      @media all and (min-width: 1024px) {
        header #header-inner nav {
          width: 70%;
          padding-top: 28px; } }
      @media all and (max-width: 1023px) {
        header #header-inner nav {
          margin-top: 40px; } }
      header #header-inner nav ul {
        font-size: 0; }
        @media all and (min-width: 1024px) {
          header #header-inner nav ul li {
            font-size: 1.4rem;
            line-height: 1;
            display: inline-block;
            margin-right: 20px;
            vertical-align: middle; }
            header #header-inner nav ul li a {
              color: #000000;
              -webkit-transition: all .2s ease;
              transition: all .2s ease; }
            header #header-inner nav ul li a:hover {
              color: #BBBBBB; } }
        @media all and (max-width: 1023px) {
          header #header-inner nav ul li {
            text-align: center;
            font-size: 1.8rem;
            margin-bottom: 10px; } }
        @media all and (max-width: 1023px) {
          header #header-inner nav ul li a {
            color: #FFFFFF; } }
        header #header-inner nav ul li img {
          width: 30px;
          height: auto; }
          @media all and (max-width: 1023px) {
            header #header-inner nav ul li img {
              width: 120px;
              margin: 0 auto; } }
    @media all and (min-width: 1024px) {
      header #header-inner #h-search {
        position: absolute;
        top: 24px;
        left: 540px; } }
    @media all and (max-width: 1023px) {
      header #header-inner #h-search {
        /* display: none; */ } }
    header #header-inner #h-search #h-search-inner {
      position: relative;
      z-index: 2; }
      header #header-inner #h-search #h-search-inner input[type="text"] {
        line-height: 1;
        padding: 0 8px 0 0;
        background-color: transparent;
        height: 30px; }
        @media all and (min-width: 1024px) {
          header #header-inner #h-search #h-search-inner input[type="text"] {
            width: 100px;
            border-bottom: 1px solid #000000; } }
        @media all and (max-width: 1023px) {
          header #header-inner #h-search #h-search-inner input[type="text"] {
            width: 100%;
            color: #FFFFFF;
            border-bottom: 1px solid #FFFFFF; } }
      header #header-inner #h-search #h-search-inner .h-search-btn {
        position: absolute;
        top: 8px;
        right: -3px;
        font-size: 1.2rem;
        cursor: pointer;
        background-color: transparent;
        border: none;
        z-index: 1; }
        @media all and (min-width: 1024px) {
          header #header-inner #h-search #h-search-inner .h-search-btn {
            color: #000000; } }
        @media all and (max-width: 1023px) {
          header #header-inner #h-search #h-search-inner .h-search-btn {
            color: #FFFFFF; } }
    header #header-inner #h-search.active {
      /* display: block; */ }
    header #header-inner #h-tag-sns {
      margin-top: 40px; }
      @media all and (min-width: 768px) {
        header #header-inner #h-tag-sns {
          display: none; } }
      header #header-inner #h-tag-sns .sns-list {
        margin-top: 10px; }
        header #header-inner #h-tag-sns .sns-list a {
          color: #000000;
          background-color: #FFFFFF; }
    header #header-inner #nav_btn {
      z-index: 998;
      position: fixed;
      top: 0;
      right: 0;
      width: 50px;
      height: 60px; }
      @media all and (min-width: 1024px) {
        header #header-inner #nav_btn {
          display: none; } }
      header #header-inner #nav_btn .nav_btn_trigger {
        display: block;
        position: relative;
        width: 50px;
        height: 60px;
        padding-left: 10px;
        padding-top: 22px; }
        header #header-inner #nav_btn .nav_btn_trigger div {
          position: relative;
          width: 20px;
          height: 13px; }
          header #header-inner #nav_btn .nav_btn_trigger div span {
            display: block;
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
            position: absolute;
            left: 0;
            width: 20px;
            height: 1px;
            background-color: #000000; }
          header #header-inner #nav_btn .nav_btn_trigger div span:nth-of-type(1) {
            top: 0; }
          header #header-inner #nav_btn .nav_btn_trigger div span:nth-of-type(2) {
            top: 8px; }
          header #header-inner #nav_btn .nav_btn_trigger div span:nth-of-type(3) {
            top: 16px; }
      header #header-inner #nav_btn .nav_btn_trigger.active span {
        background-color: #fff; }
      header #header-inner #nav_btn .nav_btn_trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg); }
      header #header-inner #nav_btn .nav_btn_trigger.active span:nth-of-type(2) {
        display: none; }
      header #header-inner #nav_btn .nav_btn_trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg); }
    header #header-inner #nav_search_btn {
      z-index: 997;
      position: fixed;
      top: 0;
      right: 50px;
      width: 30px;
      height: 60px;
      text-align: center;
      padding-top: 19px; }
      @media all and (min-width: 1024px) {
        header #header-inner #nav_search_btn {
          display: none; } }
    header #header-inner #nav_search_btn.hide {
      display: none; }

header.h-white {
  background-color: #FFFFFF; }

@media all and (min-width: 1024px) {
  #h-desc.d-white {
    top: 29px !important;
    margin-right: -3% !important; } }

#h-desc.white {
  color: #FFFFFF !important; }

header.h-menu-mob {
  height: 100%;
  background-color: #000000; }

header.h-feature nav a {
  color: #FFFFFF !important; }

header.h-feature nav a:hover {
  color: #BBBBBB !important; }

@media all and (min-width: 1024px) {
  header.h-feature #km-logo {
    fill: #FFFFFF; } }

@media all and (min-width: 1024px) {
  header.h-feature #h-desc {
    color: #FFFFFF !important; } }

header.h-feature #h-search input[type="text"] {
  color: #FFFFFF !important;
  border-bottom-color: #FFFFFF !important; }

header.h-feature #h-search .h-search-btn {
  color: #FFFFFF !important; }

#km-logo.small {
  width: 100px !important;
  height: 33px !important; }

#km-logo.white {
  fill: #FFFFFF; }

#h-search-m {
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  @media all and (min-width: 1024px) {
    #h-search-m {
      display: none; } }
  @media all and (max-width: 1023px) {
    #h-search-m {
      position: fixed;
      /* top: 60px; */
      top: 0;
      left: 0;
      width: 100%;
      height: 60px;
      background-color: #FFF;
      z-index: 3;
      opacity: 0; } }
  #h-search-m #h-search-inner-m {
    position: relative;
    z-index: 3; }
    #h-search-m #h-search-inner-m input[type="text"] {
      line-height: 1;
      padding: 0 8px 0 40px;
      height: 60px; }
      @media all and (max-width: 1023px) {
        #h-search-m #h-search-inner-m input[type="text"] {
          width: 100%;
          color: #000000;
          border-top: 1px solid #E5E5E5;
          border-bottom: 1px solid #E5E5E5; } }
    #h-search-m #h-search-inner-m .h-search-btn-m {
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 60px;
      font-size: 1.2rem;
      border: none;
      z-index: 1;
      color: #000000;
      background-color: transparent; }
    #h-search-m #h-search-inner-m .h-search-close-m {
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 60px;
      text-align: center;
      padding-top: 20px; }

#h-search-m.active {
  top: 60px;
  opacity: 1; }

/*------------------------------

Breadcrumb

------------------------------*/
@media all and (min-width: 1024px) {
  #breadcrumb {
    padding-top: 120px; } }

@media all and (min-width: 768px) and (max-width: 1023px) {
  #breadcrumb {
    padding-top: 80px; } }

@media all and (max-width: 767px) {
  #breadcrumb {
    display: none; } }

#breadcrumb #breadcrumb-inner {
  border-top: 1px solid #E5E5E5;
  padding-top: 10px;
  color: #666666; }
  @media all and (min-width: 768px) {
    #breadcrumb #breadcrumb-inner {
      font-size: 12px; } }
  @media all and (max-width: 767px) {
    #breadcrumb #breadcrumb-inner {
      font-size: 10px; } }
  #breadcrumb #breadcrumb-inner a {
    color: #666666;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  #breadcrumb #breadcrumb-inner a:hover {
    color: #BBBBBB; }

#breadcrumb-single {
  padding-top: 10px;
  background-color: #F2F2F2; }
  @media all and (max-width: 767px) {
    #breadcrumb-single {
      display: none; } }
  #breadcrumb-single #breadcrumb-single-inner {
    color: #666666; }
    @media all and (min-width: 768px) {
      #breadcrumb-single #breadcrumb-single-inner {
        font-size: 12px; } }
    @media all and (max-width: 767px) {
      #breadcrumb-single #breadcrumb-single-inner {
        font-size: 10px; } }
    #breadcrumb-single #breadcrumb-single-inner a {
      color: #666666;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    #breadcrumb-single #breadcrumb-single-inner a:hover {
      color: #BBBBBB; }

/*------------------------------

Container

------------------------------*/
@media all and (min-width: 768px) {
  .container {
    width: 100%;
    /*max-width: 1366px;
        margin-left: auto;
        margin-right: auto;*/
    padding-left: 5.85652%;
    padding-right: 5.85652%; } }

@media all and (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px; } }

@media all and (min-width: 768px) {
  .mobile-wide-container {
    width: 100%;
    padding-left: 5.85652%;
    padding-right: 5.85652%; } }

/*------------------------------

Side Title

------------------------------*/
.side-title {
  font-family: BrownPro, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.1rem; }
  @media all and (min-width: 768px) {
    .side-title {
      width: 25%;
      border-top: 1px solid #000000;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  .side-title h2 {
    line-height: 1; }
    @media all and (min-width: 768px) {
      .side-title h2 {
        font-size: 3rem;
        margin-top: 30px; } }
    @media all and (max-width: 767px) {
      .side-title h2 {
        display: inline-block;
        border-top: 1px solid #000000;
        font-size: 2.4rem;
        padding-top: 20px; } }
  .side-title div {
    font-size: 1.2rem;
    line-height: 1; }
    @media all and (min-width: 768px) {
      .side-title div {
        margin-top: 10px; } }
    @media all and (max-width: 767px) {
      .side-title div {
        margin-top: 10px; } }

/*------------------------------

Share

------------------------------*/
@media all and (min-width: 768px) {
  #article-post-side {
    width: 25%; } }

@media all and (max-width: 767px) {
  #article-post-side {
    margin-top: 30px; } }

#article-post-side #article-post-share {
  text-align: center; }
  #article-post-side #article-post-share #article-post-view-count {
    display: inline-block;
    font-family: BrownPro, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    vertical-align: middle;
    margin-right: 20px; }
    @media all and (min-width: 768px) {
      #article-post-side #article-post-share #article-post-view-count #article-post-view-title {
        font-size: 1.6rem; } }
    @media all and (max-width: 767px) {
      #article-post-side #article-post-share #article-post-view-count #article-post-view-title {
        font-size: 1.2rem; } }
    @media all and (min-width: 768px) {
      #article-post-side #article-post-share #article-post-view-count #article-post-view-num {
        font-size: 3.4rem;
        margin-top: 10px; } }
    @media all and (max-width: 767px) {
      #article-post-side #article-post-share #article-post-view-count #article-post-view-num {
        font-size: 3rem;
        margin-top: 5px; } }
  #article-post-side #article-post-share #article-post-share-btn {
    display: inline-block; }

#article-post-side .tag-list {
  margin-top: 60px; }
  @media all and (max-width: 767px) {
    #article-post-side .tag-list {
      display: none; } }

/*------------------------------

Icon

------------------------------*/
.c-new-post {
  color: #833636;
  margin-right: 5px; }

/*------------------------------

Pager

------------------------------*/
#next-link {
  display: none; }

/*------------------------------

Instagram

------------------------------*/
@media all and (min-width: 768px) {
  #instagram-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 100px;
    padding-bottom: 100px; } }

@media all and (max-width: 767px) {
  #instagram-content {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media all and (min-width: 768px) {
  #instagram-content #instagram-feed {
    width: 70%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media all and (max-width: 767px) {
  #instagram-content #instagram-feed {
    margin-top: 40px; } }

#instagram-content #instagram-feed #instagram-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media all and (min-width: 768px) {
    #instagram-content #instagram-feed #instagram-images div {
      width: 30%;
      margin-bottom: 50px;
      margin-bottom: 5%; } }
  @media all and (max-width: 767px) {
    #instagram-content #instagram-feed #instagram-images div {
      width: 48%;
      margin-bottom: 4%; } }
  #instagram-content #instagram-feed #instagram-images div a img {
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  #instagram-content #instagram-feed #instagram-images div a:hover img {
    -webkit-filter: brightness(80%);
            filter: brightness(80%); }
  @media all and (max-width: 767px) {
    #instagram-content #instagram-feed #instagram-images div:nth-child(2n) {
      margin-left: 4%; } }
  @media all and (min-width: 768px) {
    #instagram-content #instagram-feed #instagram-images div:nth-child(3n-1) {
      margin-left: 5%;
      margin-right: 5%; } }
  @media all and (max-width: 767px) {
    #instagram-content #instagram-feed #instagram-images div:nth-last-child(-n + 2) {
      margin-bottom: 20px; } }

@media all and (max-width: 767px) {
  #instagram-content #instagram-feed #instagram-content-more {
    margin-top: 20px; } }

/*------------------------------

Buttons

------------------------------*/
.more-btn {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  line-height: 80px;
  margin-left: auto;
  margin-right: auto;
  font-family: BrownPro, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  text-align: center;
  background-color: #000000;
  color: #FFFFFF;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.more-btn:hover {
  background-color: #BBBBBB; }

.square-btn {
  display: block;
  height: 50px;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-family: BrownPro, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  text-align: center;
  background-color: #000000;
  color: #FFFFFF;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  @media all and (min-width: 768px) {
    .square-btn {
      width: 300px; } }
  @media all and (max-width: 767px) {
    .square-btn {
      width: 100%; } }

.square-btn-jp {
  display: block;
  height: 50px;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  text-align: center;
  background-color: #000000;
  color: #FFFFFF;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  @media all and (min-width: 768px) {
    .square-btn-jp {
      width: 300px; } }
  @media all and (max-width: 767px) {
    .square-btn-jp {
      width: 100%; } }

.square-btn:hover,
.square-btn-jp:hover {
  background-color: #BBBBBB; }

.square-btn-border {
  display: block;
  height: 50px;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  text-align: center;
  border: 1px solid #000000;
  color: #000000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  @media all and (min-width: 768px) {
    .square-btn-border {
      width: 300px; } }
  @media all and (max-width: 767px) {
    .square-btn-border {
      width: 100%; } }

.square-btn-border:hover {
  background-color: #BBBBBB;
  border: 1px solid #BBBBBB;
  color: #FFFFFF; }

.tag-list {
  font-size: 0;
  text-align: center; }
  .tag-list li {
    display: inline-block;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 14px; }
    .tag-list li a {
      display: block;
      font-size: 1.2rem;
      height: 30px;
      color: #000000;
      background-color: #FFFFFF;
      padding: 5px 15px 0 15px;
      border-radius: 5px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .tag-list li a:hover {
      color: #FFFFFF;
      background-color: #BBBBBB; }

.sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .sns-list li {
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px; }
    .sns-list li a {
      display: block;
      width: 30px;
      height: 30px;
      font-size: 1.4rem;
      text-align: center;
      color: #FFFFFF;
      background-color: #000000;
      border-radius: 30px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .sns-list li a i {
        display: inline-block;
        line-height: 1;
        margin-top: 8px; }
      .sns-list li a img {
        margin-top: 9px;
        display: inline-block;
        width: auto;
        height: 12px; }
    .sns-list li a:hover {
      background-color: #BBBBBB; }

/*------------------------------

Footer

------------------------------*/
footer {
  color: #FFFFFF;
  background-color: #000000;
  text-align: center;
  font-family: BrownPro, sans-serif;
  font-weight: normal;
  font-style: normal; }
  @media all and (min-width: 768px) {
    footer {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media all and (max-width: 767px) {
    footer {
      padding-top: 30px;
      padding-bottom: 20px; } }
  footer #footer-inner #f-logo img {
    display: block;
    width: auto;
    height: 25px;
    margin-left: auto;
    margin-right: auto; }
  @media all and (min-width: 768px) {
    footer #footer-inner nav {
      margin-top: 30px; } }
  @media all and (max-width: 767px) {
    footer #footer-inner nav {
      margin-top: 20px; } }
  footer #footer-inner nav ul {
    font-size: 0; }
    footer #footer-inner nav ul li {
      font-size: 1.4rem;
      letter-spacing: 0.1rem; }
      @media all and (min-width: 768px) {
        footer #footer-inner nav ul li {
          line-height: 1;
          margin-left: 15px;
          margin-right: 15px;
          display: inline-block; } }
      @media all and (max-width: 767px) {
        footer #footer-inner nav ul li {
          margin-bottom: 5px; } }
      footer #footer-inner nav ul li a {
        color: #FFFFFF;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      footer #footer-inner nav ul li a:hover {
        color: #BBBBBB; }
  @media all and (min-width: 768px) {
    footer #footer-inner #f-sns {
      margin-top: 40px; } }
  @media all and (max-width: 767px) {
    footer #footer-inner #f-sns {
      border-top: 1px solid #FFFFFF;
      border-bottom: 1px solid #FFFFFF;
      margin-top: 20px;
      padding-top: 20px;
      padding-bottom: 10px; } }
  footer #footer-inner #f-sns div {
    letter-spacing: 0.1rem; }
    @media all and (min-width: 768px) {
      footer #footer-inner #f-sns div {
        display: none; } }
  footer #footer-inner #f-sns .sns-list {
    margin-top: 10px; }
    footer #footer-inner #f-sns .sns-list a {
      color: #000000;
      background-color: #FFFFFF; }
  footer #footer-inner #f-copyright {
    font-size: 1rem;
    letter-spacing: 0.1rem; }
    @media all and (min-width: 768px) {
      footer #footer-inner #f-copyright {
        line-height: 1;
        margin-top: 30px; } }
    @media all and (max-width: 767px) {
      footer #footer-inner #f-copyright {
        margin-top: 20px; } }
    @media all and (min-width: 768px) {
      footer #footer-inner #f-copyright br {
        display: none; } }

/*------------------------------

Latest

------------------------------*/
#c-latest {
  background-color: #F2F2F2; }
  @media all and (min-width: 768px) {
    #c-latest {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-bottom: 100px; } }
  @media all and (max-width: 767px) {
    #c-latest {
      padding-bottom: 40px; } }
  @media all and (min-width: 768px) {
    #c-latest #c-latest-feed {
      width: 70%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
  @media all and (max-width: 767px) {
    #c-latest #c-latest-feed {
      margin-top: 40px; } }
  #c-latest #c-latest-feed #c-latest-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media all and (min-width: 768px) {
      #c-latest #c-latest-feed #c-latest-list .c-latest-post {
        width: 30%;
        margin-bottom: 50px;
        margin-bottom: 5%; } }
    @media all and (max-width: 767px) {
      #c-latest #c-latest-feed #c-latest-list .c-latest-post {
        width: 48%;
        margin-bottom: 20px; } }
    #c-latest #c-latest-feed #c-latest-list .c-latest-post h3 {
      font-weight: bold;
      margin-top: 10px; }
      @media all and (min-width: 768px) {
        #c-latest #c-latest-feed #c-latest-list .c-latest-post h3 {
          font-size: 1.6rem; } }
      @media all and (max-width: 767px) {
        #c-latest #c-latest-feed #c-latest-list .c-latest-post h3 {
          font-size: 1.2rem; } }
    #c-latest #c-latest-feed #c-latest-list .c-latest-post .c-latest-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-top: 5px; }
      #c-latest #c-latest-feed #c-latest-list .c-latest-post .c-latest-post-date .c-latest-post-update {
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        margin-left: 10px; }
        @media all and (max-width: 767px) {
          #c-latest #c-latest-feed #c-latest-list .c-latest-post .c-latest-post-date .c-latest-post-update {
            display: block;
            margin-left: 0; } }
    #c-latest #c-latest-feed #c-latest-list .c-latest-post a {
      position: relative;
      display: block;
      color: #000000; }
    #c-latest #c-latest-feed #c-latest-list .c-latest-post a img {
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    #c-latest #c-latest-feed #c-latest-list .c-latest-post a:hover img {
      -webkit-filter: brightness(80%);
              filter: brightness(80%); }
    @media all and (max-width: 767px) {
      #c-latest #c-latest-feed #c-latest-list .c-latest-post:nth-child(2n) {
        margin-left: 4%; } }
    @media all and (min-width: 768px) {
      #c-latest #c-latest-feed #c-latest-list .c-latest-post:nth-child(2) {
        margin-left: 5%;
        margin-right: 5%; } }
    @media all and (min-width: 768px) {
      #c-latest #c-latest-feed #c-latest-list .c-latest-post:nth-child(4) {
        display: none; } }
  @media all and (max-width: 767px) {
    #c-latest #c-latest-feed #c-latest-more {
      margin-top: 20px; } }

/*------------------------------

History

------------------------------*/
@media all and (min-width: 768px) {
  #c-related {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 100px;
    padding-bottom: 100px; } }

@media all and (max-width: 767px) {
  #c-related {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media all and (min-width: 768px) {
  #c-related #c-related-feed {
    width: 70%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media all and (max-width: 767px) {
  #c-related #c-related-feed {
    margin-top: 40px; } }

#c-related #c-related-feed #c-related-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media all and (min-width: 768px) {
    #c-related #c-related-feed #c-related-list .c-related-post {
      width: 30%;
      margin-bottom: 50px;
      margin-bottom: 5%; } }
  @media all and (max-width: 767px) {
    #c-related #c-related-feed #c-related-list .c-related-post {
      width: 48%;
      margin-bottom: 20px; } }
  #c-related #c-related-feed #c-related-list .c-related-post h3 {
    font-weight: bold;
    margin-top: 10px; }
    @media all and (min-width: 768px) {
      #c-related #c-related-feed #c-related-list .c-related-post h3 {
        font-size: 1.6rem; } }
    @media all and (max-width: 767px) {
      #c-related #c-related-feed #c-related-list .c-related-post h3 {
        font-size: 1.2rem; } }
  #c-related #c-related-feed #c-related-list .c-related-post a {
    position: relative;
    display: block;
    color: #000000; }
  #c-related #c-related-feed #c-related-list .c-related-post a img {
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  #c-related #c-related-feed #c-related-list .c-related-post a:hover img {
    -webkit-filter: brightness(80%);
            filter: brightness(80%); }
  @media all and (max-width: 767px) {
    #c-related #c-related-feed #c-related-list .c-related-post:nth-child(2n) {
      margin-left: 4%; } }
  @media all and (min-width: 768px) {
    #c-related #c-related-feed #c-related-list .c-related-post:nth-child(3n-1) {
      margin-left: 5%;
      margin-right: 5%; } }

@media all and (max-width: 767px) {
  #c-related #c-related-feed #c-related-more {
    margin-top: 20px; } }

/*------------------------------

Popular

------------------------------*/
#c-popular {
  background-color: #F2F2F2; }
  @media all and (min-width: 768px) {
    #c-popular {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-bottom: 100px; } }
  @media all and (max-width: 767px) {
    #c-popular {
      padding-bottom: 40px; } }
  @media all and (min-width: 768px) {
    #c-popular #c-popular-feed {
      width: 70%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
  @media all and (max-width: 767px) {
    #c-popular #c-popular-feed {
      margin-top: 40px; } }
  #c-popular #c-popular-feed #c-popular-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media all and (min-width: 768px) {
      #c-popular #c-popular-feed #c-popular-list .c-popular-post {
        width: 30%;
        margin-bottom: 50px;
        margin-bottom: 5%; } }
    @media all and (max-width: 767px) {
      #c-popular #c-popular-feed #c-popular-list .c-popular-post {
        width: 48%;
        margin-bottom: 20px; } }
    #c-popular #c-popular-feed #c-popular-list .c-popular-post h3 {
      font-weight: bold;
      margin-top: 10px; }
      @media all and (min-width: 768px) {
        #c-popular #c-popular-feed #c-popular-list .c-popular-post h3 {
          font-size: 1.6rem; } }
      @media all and (max-width: 767px) {
        #c-popular #c-popular-feed #c-popular-list .c-popular-post h3 {
          font-size: 1.2rem; } }
    #c-popular #c-popular-feed #c-popular-list .c-popular-post .c-popular-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-top: 5px; }
      #c-popular #c-popular-feed #c-popular-list .c-popular-post .c-popular-post-date .c-popular-post-update {
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        margin-left: 10px; }
        @media all and (max-width: 767px) {
          #c-popular #c-popular-feed #c-popular-list .c-popular-post .c-popular-post-date .c-popular-post-update {
            display: block;
            margin-left: 0; } }
    #c-popular #c-popular-feed #c-popular-list .c-popular-post a {
      position: relative;
      display: block;
      color: #000000; }
    #c-popular #c-popular-feed #c-popular-list .c-popular-post a img {
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    #c-popular #c-popular-feed #c-popular-list .c-popular-post a:hover img {
      -webkit-filter: brightness(80%);
              filter: brightness(80%); }
    @media all and (max-width: 767px) {
      #c-popular #c-popular-feed #c-popular-list .c-popular-post:nth-child(2n) {
        margin-left: 4%; } }
    @media all and (min-width: 768px) {
      #c-popular #c-popular-feed #c-popular-list .c-popular-post:nth-child(2) {
        margin-left: 5%;
        margin-right: 5%; } }
    @media all and (min-width: 768px) {
      #c-popular #c-popular-feed #c-popular-list .c-popular-post:nth-child(4) {
        display: none; } }
  @media all and (max-width: 767px) {
    #c-popular #c-popular-feed #c-popular-more {
      margin-top: 20px; } }

/*------------------------------

View In

------------------------------*/
.vi {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #FFFFFF; }
  .vi img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0 !important;
    -webkit-transition: all .5s ease;
    transition: all .5s ease; }
  .vi img.active {
    opacity: 1 !important; }

/*------------------------------

Cover

------------------------------*/
#cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 4; }

/*------------------------------

EDITER

------------------------------*/
.alignnone {
  margin: 0; }

.aligncenter,
div.aligncenter {
  display: block;
  max-width: 100%;
  margin: 0 auto 0 auto; }

.alignright {
  float: right;
  margin: 0; }

.alignleft {
  float: left;
  margin: 0; }

a img.alignright {
  float: right;
  margin: 0; }

a img.alignnone {
  margin: 0; }

a img.alignleft {
  float: left;
  margin: 0; }

a img.aligncenter {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  width: 100%; }

.wp-caption.alignnone {
  max-width: 100%;
  margin: 0; }

.wp-caption.alignleft {
  max-width: 100%;
  margin: 0; }

.wp-caption.alignright {
  max-width: 100%;
  margin: 0; }

.wp-caption img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-bottom: 5px; }

.wp-caption p.wp-caption-text {
  font-size: 1.2rem;
  color: #666666; }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; }

#feature-post-text, #feature-post-excerpt, #history-post-text, #event-post-text, #event-post-excerpt, #event-post-text {
  font-size: 1.6rem; }
  @media all and (max-width: 767px) {
    #feature-post-text, #feature-post-excerpt, #history-post-text, #event-post-text, #event-post-excerpt, #event-post-text {
      font-size: 1.4rem; } }
  @media all and (min-width: 768px) {
    #feature-post-text h1, #feature-post-excerpt h1, #history-post-text h1, #event-post-text h1, #event-post-excerpt h1, #event-post-text h1 {
      font-size: 2.8rem;
      line-height: 1.4;
      margin-bottom: 40px; } }
  @media all and (max-width: 767px) {
    #feature-post-text h1, #feature-post-excerpt h1, #history-post-text h1, #event-post-text h1, #event-post-excerpt h1, #event-post-text h1 {
      font-size: 1.8rem;
      line-height: 1.5;
      margin-bottom: 20px; } }
  @media all and (min-width: 768px) {
    #feature-post-text h2, #feature-post-excerpt h2, #history-post-text h2, #event-post-text h2, #event-post-excerpt h2, #event-post-text h2 {
      font-size: 2.8rem;
      line-height: 1.4;
      margin-bottom: 40px; } }
  @media all and (max-width: 767px) {
    #feature-post-text h2, #feature-post-excerpt h2, #history-post-text h2, #event-post-text h2, #event-post-excerpt h2, #event-post-text h2 {
      font-size: 1.8rem;
      line-height: 1.5;
      margin-bottom: 20px; } }
  @media all and (min-width: 768px) {
    #feature-post-text h3, #feature-post-excerpt h3, #history-post-text h3, #event-post-text h3, #event-post-excerpt h3, #event-post-text h3 {
      font-size: 2rem;
      line-height: 1.4;
      margin-top: 60px;
      margin-bottom: 40px; } }
  @media all and (max-width: 767px) {
    #feature-post-text h3, #feature-post-excerpt h3, #history-post-text h3, #event-post-text h3, #event-post-excerpt h3, #event-post-text h3 {
      font-size: 1.8rem;
      line-height: 1.5;
      margin-top: 40px;
      margin-bottom: 20px; } }
  #feature-post-text h4, #feature-post-excerpt h4, #history-post-text h4, #event-post-text h4, #event-post-excerpt h4, #event-post-text h4 {
    margin-top: 40px;
    margin-bottom: 20px; }
  #feature-post-text h5, #feature-post-excerpt h5, #history-post-text h5, #event-post-text h5, #event-post-excerpt h5, #event-post-text h5 {
    margin-top: 40px;
    margin-bottom: 20px; }
  #feature-post-text h6, #feature-post-excerpt h6, #history-post-text h6, #event-post-text h6, #event-post-excerpt h6, #event-post-text h6 {
    margin-top: 40px;
    margin-bottom: 20px; }
  @media all and (min-width: 768px) {
    #feature-post-text div, #feature-post-excerpt div, #history-post-text div, #event-post-text div, #event-post-excerpt div, #event-post-text div {
      margin-bottom: 40px; } }
  @media all and (max-width: 767px) {
    #feature-post-text div, #feature-post-excerpt div, #history-post-text div, #event-post-text div, #event-post-excerpt div, #event-post-text div {
      margin-bottom: 20px; } }
  #feature-post-text p a, #feature-post-excerpt p a, #history-post-text p a, #event-post-text p a, #event-post-excerpt p a, #event-post-text p a {
    color: #000000;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  #feature-post-text p a:hover, #feature-post-excerpt p a:hover, #history-post-text p a:hover, #event-post-text p a:hover, #event-post-excerpt p a:hover, #event-post-text p a:hover {
    color: #BBBBBB; }
  #feature-post-text p a, #feature-post-excerpt p a, #history-post-text p a, #event-post-text p a, #event-post-excerpt p a, #event-post-text p a {
    text-decoration: underline; }
  @media all and (min-width: 768px) {
    #feature-post-text p, #feature-post-excerpt p, #history-post-text p, #event-post-text p, #event-post-excerpt p, #event-post-text p {
      margin-bottom: 40px; } }
  @media all and (max-width: 767px) {
    #feature-post-text p, #feature-post-excerpt p, #history-post-text p, #event-post-text p, #event-post-excerpt p, #event-post-text p {
      margin-bottom: 20px; } }
  #feature-post-text p:last-child, #feature-post-excerpt p:last-child, #history-post-text p:last-child, #event-post-text p:last-child, #event-post-excerpt p:last-child, #event-post-text p:last-child {
    margin-bottom: 0; }
  #feature-post-text img, #feature-post-excerpt img, #history-post-text img, #event-post-text img, #event-post-excerpt img, #event-post-text img {
    width: 100%;
    height: auto; }
  @media all and (min-width: 768px) {
    #feature-post-text ul, #feature-post-excerpt ul, #history-post-text ul, #event-post-text ul, #event-post-excerpt ul, #event-post-text ul {
      margin-bottom: 40px; } }
  @media all and (max-width: 767px) {
    #feature-post-text ul, #feature-post-excerpt ul, #history-post-text ul, #event-post-text ul, #event-post-excerpt ul, #event-post-text ul {
      margin-bottom: 20px; } }
  #feature-post-text ul li, #feature-post-excerpt ul li, #history-post-text ul li, #event-post-text ul li, #event-post-excerpt ul li, #event-post-text ul li {
    list-style: inside;
    list-style-type: disc; }
  #feature-post-text ol, #feature-post-excerpt ol, #history-post-text ol, #event-post-text ol, #event-post-excerpt ol, #event-post-text ol {
    margin-bottom: 20px; }
    #feature-post-text ol li, #feature-post-excerpt ol li, #history-post-text ol li, #event-post-text ol li, #event-post-excerpt ol li, #event-post-text ol li {
      list-style-type: decimal; }
  #feature-post-text table, #feature-post-excerpt table, #history-post-text table, #event-post-text table, #event-post-excerpt table, #event-post-text table {
    margin-bottom: 20px; }
    #feature-post-text table a, #feature-post-excerpt table a, #history-post-text table a, #event-post-text table a, #event-post-excerpt table a, #event-post-text table a {
      color: #000000;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    #feature-post-text table a:hover, #feature-post-excerpt table a:hover, #history-post-text table a:hover, #event-post-text table a:hover, #event-post-excerpt table a:hover, #event-post-text table a:hover {
      color: #BBBBBB; }
    #feature-post-text table a, #feature-post-excerpt table a, #history-post-text table a, #event-post-text table a, #event-post-excerpt table a, #event-post-text table a {
      text-decoration: underline; }
  #feature-post-text dl, #feature-post-excerpt dl, #history-post-text dl, #event-post-text dl, #event-post-excerpt dl, #event-post-text dl {
    margin-bottom: 20px; }
    #feature-post-text dl dt, #feature-post-excerpt dl dt, #history-post-text dl dt, #event-post-text dl dt, #event-post-excerpt dl dt, #event-post-text dl dt {
      color: #BBBBBB; }
    #feature-post-text dl dd, #feature-post-excerpt dl dd, #history-post-text dl dd, #event-post-text dl dd, #event-post-excerpt dl dd, #event-post-text dl dd {
      margin-bottom: 20px; }
  #feature-post-text blockquote, #feature-post-excerpt blockquote, #history-post-text blockquote, #event-post-text blockquote, #event-post-excerpt blockquote, #event-post-text blockquote {
    width: 100%;
    margin: 0;
    display: block;
    font-style: italic;
    border: 1px solid #BBBBBB;
    padding: 20px;
    margin-bottom: 20px; }
  #feature-post-text strong, #feature-post-excerpt strong, #history-post-text strong, #event-post-text strong, #event-post-excerpt strong, #event-post-text strong {
    font-weight: bold; }
  #feature-post-text hr, #feature-post-excerpt hr, #history-post-text hr, #event-post-text hr, #event-post-excerpt hr, #event-post-text hr {
    height: 1px;
    background-color: #BBBBBB;
    border: none;
    color: #BBBBBB; }
    @media all and (min-width: 768px) {
      #feature-post-text hr, #feature-post-excerpt hr, #history-post-text hr, #event-post-text hr, #event-post-excerpt hr, #event-post-text hr {
        margin-top: 60px;
        margin-bottom: 60px; } }
    @media all and (max-width: 767px) {
      #feature-post-text hr, #feature-post-excerpt hr, #history-post-text hr, #event-post-text hr, #event-post-excerpt hr, #event-post-text hr {
        margin-top: 40px;
        margin-bottom: 40px; } }

/*------------------------------

Current Menu

------------------------------*/
.current-menu-item a, .current-page-ancestor a {
  color: #BBBBBB !important; }

.current-cat a {
  color: #BBBBBB !important; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.index {
  /*------------------------------

    Feed

    ------------------------------*/
  /*------------------------------

    Event

    ------------------------------*/
  /*------------------------------

    Recommended

    ------------------------------*/
  /*------------------------------

    Ranking

    ------------------------------*/ }
  .index #top-feed {
    background-color: #F2F2F2; }
    @media all and (min-width: 1024px) {
      .index #top-feed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 120px;
        padding-bottom: 100px; } }
    @media all and (min-width: 768px) and (max-width: 1023px) {
      .index #top-feed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 80px;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .index #top-feed {
        padding-top: 80px;
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .index #top-feed #top-feed-content {
        width: 70%; } }
    .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup {
      position: relative; }
      @media all and (max-width: 767px) {
        .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup {
          padding-left: 20px;
          padding-right: 20px; } }
      .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner {
        position: relative;
        background-color: #FFFFFF;
        border: 1px solid #833636; }
        .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a {
          position: relative;
          display: block; }
          .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            color: #000000; }
            @media all and (min-width: 1024px) {
              .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text {
                padding: 0 50px 20px 50px; } }
            @media all and (max-width: 1023px) {
              .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text {
                padding: 0 20px 20px 20px; } }
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-pickup-title {
              font-family: BrownPro, sans-serif;
              font-weight: normal;
              font-style: normal;
              text-align: center;
              letter-spacing: 0.1rem;
              z-index: 2;
              color: #833636; }
              @media all and (min-width: 1024px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-pickup-title {
                  font-size: 1.6rem; } }
              @media all and (min-width: 768px) and (max-width: 1023px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-pickup-title {
                  font-size: 1.2rem; } }
              @media all and (max-width: 767px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-pickup-title {
                  font-size: 1.6rem; } }
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text h3 {
              font-family: BrownPro, sans-serif;
              font-weight: normal;
              font-style: normal;
              text-align: center;
              letter-spacing: 0.1rem;
              line-height: 1; }
              @media all and (min-width: 1024px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text h3 {
                  font-size: 2.4rem;
                  margin-top: 20px; } }
              @media all and (min-width: 768px) and (max-width: 1023px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text h3 {
                  font-size: 2rem;
                  margin-top: 10px; } }
              @media all and (max-width: 767px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text h3 {
                  font-size: 1.8rem;
                  margin-top: 10px; } }
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-picup-desc {
              font-size: 1.2rem; }
              @media all and (min-width: 1024px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-picup-desc {
                  margin-top: 20px; } }
              @media all and (min-width: 768px) and (max-width: 1023px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-picup-desc {
                  margin-top: 10px; } }
              @media all and (max-width: 767px) {
                .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text .top-feed-picup-desc {
                  margin-top: 10px; } }
          .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text.white {
            color: #FFFFFF !important; }
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .top-pickup-cr a .top-feed-pickup-text.white .top-feed-pickup-title {
              color: #FFFFFF !important; }
        .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-slide {
          display: block;
          font-size: 0; }
          .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-slide a {
            outline: none;
            cursor: pointer; }
        .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-dots {
          width: 100%;
          position: absolute;
          left: 0;
          text-align: center; }
          @media all and (min-width: 1024px) {
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-dots {
              bottom: 10px; } }
          @media all and (min-width: 768px) and (max-width: 1023px) {
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-dots {
              bottom: 5px; } }
          @media all and (max-width: 767px) {
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-dots {
              bottom: 10px; } }
          .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-dots li {
            display: inline-block;
            height: 8px;
            width: 8px;
            margin-left: 8px;
            margin-right: 8px;
            cursor: pointer;
            background-color: #E5E5E5;
            border-radius: 8px; }
            .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-dots li button {
              border: 0;
              background: transparent;
              display: none;
              height: 8px;
              width: 8px;
              outline: none;
              line-height: 0px;
              font-size: 0px;
              color: transparent;
              cursor: pointer;
              padding: 0; }
          .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #top-feed-inner .slick-dots li.slick-active {
            background-color: #BBBBBB; }
      .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #cr-next {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -4px;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #cr-next span {
          display: block;
          border-top: 5px solid transparent;
          border-right: 0;
          border-bottom: 5px solid transparent;
          border-left: 8px solid #BBBBBB; }
      .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #cr-prev {
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -4px;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup #cr-prev span {
          display: block;
          border-top: 5px solid transparent;
          border-left: 0;
          border-bottom: 5px solid transparent;
          border-right: 8px solid #BBBBBB; }
    @media all and (min-width: 1024px) {
      .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup:hover #cr-next, .index #top-feed #top-feed-content #top-feed-grid #top-feed-pickup:hover #cr-prev {
        opacity: 1; } }
    @media all and (min-width: 768px) {
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post {
        width: 49%;
        margin-bottom: 20px;
        margin-bottom: 2%; } }
    @media all and (max-width: 767px) {
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post {
        width: 100%;
        margin-bottom: 30px; } }
    .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure {
      position: relative; }
      @media all and (max-width: 767px) {
        .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure .f-image-desctop {
          display: none; } }
      @media all and (min-width: 768px) {
        .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure .f-image-mobile {
          display: none; } }
      @media all and (min-width: 768px) {
        .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          padding: 20px;
          -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out; } }
      @media all and (max-width: 767px) {
        .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption {
          padding-left: 20px;
          padding-right: 20px;
          margin-top: 10px; } }
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption .top-feed-post-cat {
        display: inline-block;
        font-size: 1.1rem;
        line-height: 1;
        letter-spacing: 0.05rem;
        padding-bottom: 2px;
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal; }
        @media all and (min-width: 768px) {
          .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption .top-feed-post-cat {
            border-bottom: 1px solid #FFFFFF; } }
        @media all and (max-width: 767px) {
          .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption .top-feed-post-cat {
            border-bottom: 1px solid #000000; } }
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption .top-feed-post-title {
        margin-top: 10px; }
        @media all and (max-width: 767px) {
          .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption .top-feed-post-title {
            font-size: 1.2rem; } }
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption h3 {
        line-height: 1.4;
        font-weight: bold; }
        @media all and (min-width: 1024px) {
          .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption h3 {
            font-size: 2.4rem; } }
        @media all and (min-width: 768px) and (max-width: 1023px) {
          .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption h3 {
            font-size: 1.8rem; } }
        @media all and (max-width: 767px) {
          .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption h3 {
            font-size: 1.8rem;
            margin-top: 5px; } }
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption .top-feed-post-date {
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        margin-top: 5px; }
        .index #top-feed #top-feed-content #top-feed-grid .top-feed-post figure figcaption .top-feed-post-date .top-feed-post-update {
          font-family: BrownPro, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 1.1rem;
          letter-spacing: 0.1rem;
          margin-left: 10px; }
    @media all and (min-width: 768px) {
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post a {
        color: #FFFFFF; } }
    @media all and (max-width: 767px) {
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post a {
        color: #000000; } }
    @media all and (min-width: 768px) {
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post a:hover figcaption {
        padding-bottom: 40px;
        background-color: rgba(0, 0, 0, 0.8); } }
    @media all and (max-width: 767px) {
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post .top-banner-wrapper {
        padding-left: 20px;
        padding-right: 20px; } }
    .index #top-feed #top-feed-content #top-feed-grid .top-feed-post .top-banner-wrapper a img {
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .index #top-feed #top-feed-content #top-feed-grid .top-feed-post .top-banner-wrapper a:hover img {
      -webkit-filter: brightness(80%);
              filter: brightness(80%); }
    @media all and (max-width: 767px) {
      .index #top-feed #top-feed-content #top-feed-grid .top-feed-post:last-child {
        margin-bottom: 20px; } }
    .index #top-feed #top-feed-content #top-feed-grid .gutter-sizer {
      width: 2%; }
    @media all and (min-width: 768px) {
      .index #top-feed #top-feed-content #top-feed-more {
        margin-top: 40px; } }
    @media all and (min-width: 768px) {
      .index #top-feed #top-feed-side {
        width: 25%;
        padding-top: 40px; } }
    @media all and (max-width: 767px) {
      .index #top-feed #top-feed-side {
        display: none; } }
    .index #top-feed #top-feed-side .sns-list {
      margin-top: 20px; }
  .index #top-event {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .index #top-event {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .index #top-event {
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .index #top-event #top-event-feed {
        width: 70%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
    @media all and (max-width: 767px) {
      .index #top-event #top-event-feed {
        margin-top: 40px; } }
    .index #top-event #top-event-feed #top-event-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media all and (min-width: 768px) {
        .index #top-event #top-event-feed #top-event-list .top-event-post {
          width: 49%;
          margin-bottom: 50px; } }
      @media all and (max-width: 767px) {
        .index #top-event #top-event-feed #top-event-list .top-event-post {
          width: 100%;
          margin-bottom: 40px; } }
      .index #top-event #top-event-feed #top-event-list .top-event-post h3 {
        font-weight: bold;
        margin-top: 10px; }
        @media all and (min-width: 768px) {
          .index #top-event #top-event-feed #top-event-list .top-event-post h3 {
            font-size: 1.6rem; } }
        @media all and (max-width: 767px) {
          .index #top-event #top-event-feed #top-event-list .top-event-post h3 {
            font-size: 1.2rem; } }
      .index #top-event #top-event-feed #top-event-list .top-event-post .top-event-post-date {
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        margin-top: 5px; }
        .index #top-event #top-event-feed #top-event-list .top-event-post .top-event-post-date .top-event-post-update {
          font-family: BrownPro, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 1.1rem;
          letter-spacing: 0.1rem;
          margin-left: 10px; }
      .index #top-event #top-event-feed #top-event-list .top-event-post a {
        position: relative;
        display: block;
        color: #000000; }
      .index #top-event #top-event-feed #top-event-list .top-event-post a img {
        opacity: 1;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .index #top-event #top-event-feed #top-event-list .top-event-post a:hover img {
        -webkit-filter: brightness(80%);
                filter: brightness(80%); }
    .index #top-event #top-event-feed #top-event-more {
      /* @include mq(mobile){
                    margin-top: 20px;
                } */ }
  .index #top-recommended {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .index #top-recommended {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .index #top-recommended {
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .index #top-recommended #top-recommended-feed {
        width: 70%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
    @media all and (max-width: 767px) {
      .index #top-recommended #top-recommended-feed {
        margin-top: 40px; } }
    .index #top-recommended #top-recommended-feed #top-recommended-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media all and (min-width: 768px) {
        .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post {
          width: 49%;
          margin-bottom: 50px; } }
      @media all and (max-width: 767px) {
        .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post {
          width: 100%;
          margin-bottom: 40px; } }
      .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post .top-recommended-post-cat {
        display: inline-block;
        font-size: 1.1rem;
        line-height: 1;
        letter-spacing: 0.05rem;
        padding-bottom: 2px;
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        border-bottom: 1px solid #000000;
        margin-top: 16px; }
      .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post h3 {
        font-weight: bold;
        margin-top: 10px; }
        @media all and (min-width: 768px) {
          .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post h3 {
            font-size: 1.6rem; } }
        @media all and (max-width: 767px) {
          .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post h3 {
            font-size: 1.2rem; } }
      .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post .top-recommended-post-date {
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        margin-top: 5px; }
        .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post .top-recommended-post-date .top-recommended-post-update {
          font-family: BrownPro, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 1.1rem;
          letter-spacing: 0.1rem;
          margin-left: 10px; }
      .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post a {
        position: relative;
        display: block;
        color: #000000; }
      .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post a img {
        opacity: 1;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .index #top-recommended #top-recommended-feed #top-recommended-list .top-recommended-post a:hover img {
        -webkit-filter: brightness(80%);
                filter: brightness(80%); }
    .index #top-recommended #top-recommended-feed #top-recommended-more {
      /* @include mq(mobile){
                    margin-top: 20px;
                } */ }
  .index #top-ranking {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .index #top-ranking {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .index #top-ranking {
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .index #top-ranking #top-ranking-feed {
        width: 70%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
    @media all and (max-width: 767px) {
      .index #top-ranking #top-ranking-feed {
        margin-top: 40px; } }
    .index #top-ranking #top-ranking-feed #top-ranking-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      counter-reset: ranking-mark; }
      .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post:before {
        content: counter(ranking-mark, decimal);
        counter-increment: ranking-mark;
        position: absolute;
        top: -5px;
        left: -5px;
        z-index: 2;
        width: 29px;
        height: 29px;
        background-color: #000000;
        color: #FFFFFF;
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-align: center;
        padding-top: 3px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post:first-child:before {
        background-color: #88774B; }
      .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post:nth-child(2):before {
        background-color: #808080; }
      .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post:nth-child(3):before {
        background-color: #7B5637; }
      .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post {
        position: relative; }
        @media all and (min-width: 768px) {
          .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post {
            width: 49%;
            margin-bottom: 50px; } }
        @media all and (max-width: 767px) {
          .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post {
            width: 100%;
            margin-bottom: 40px; } }
        .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post .top-ranking-post-cat {
          display: inline-block;
          font-size: 1.1rem;
          line-height: 1;
          letter-spacing: 0.05rem;
          padding-bottom: 2px;
          font-family: BrownPro, sans-serif;
          font-weight: normal;
          font-style: normal;
          border-bottom: 1px solid #000000;
          margin-top: 16px; }
        .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post h3 {
          font-weight: bold;
          margin-top: 10px; }
          @media all and (min-width: 768px) {
            .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post h3 {
              font-size: 1.6rem; } }
          @media all and (max-width: 767px) {
            .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post h3 {
              font-size: 1.2rem; } }
        .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post .top-ranking-post-meta {
          font-family: BrownPro, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 1.1rem;
          letter-spacing: 0.1rem;
          margin-top: 5px; }
          .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post .top-ranking-post-meta .top-ranking-post-update {
            font-family: BrownPro, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 1.1rem;
            letter-spacing: 0.1rem;
            margin-left: 10px; }
        .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post a {
          position: relative;
          display: block;
          color: #000000; }
        .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post a img {
          opacity: 1;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
        .index #top-ranking #top-ranking-feed #top-ranking-list .top-ranking-post a:hover img {
          -webkit-filter: brightness(80%);
                  filter: brightness(80%); }
    .index #top-ranking #top-ranking-feed #top-ranking-more {
      /* @include mq(mobile){
                    margin-top: 20px;
                } */ }

.feature {
  /*------------------------------

    List

    ------------------------------*/
  /*------------------------------

    Insta

    ------------------------------*/ }
  @media all and (min-width: 768px) {
    .feature #feature-list {
      margin-top: 20px;
      padding-bottom: 100px; } }
  @media all and (max-width: 767px) {
    .feature #feature-list {
      margin-top: 80px;
      padding-bottom: 40px; } }
  .feature #feature-list h1 {
    font-family: BrownPro, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: block;
    text-align: center;
    letter-spacing: 0.1rem; }
    @media all and (min-width: 768px) {
      .feature #feature-list h1 {
        font-size: 3rem; } }
    @media all and (max-width: 767px) {
      .feature #feature-list h1 {
        font-size: 2.4rem; } }
  .feature #feature-list #hero-jp {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    color: #666666;
    text-align: center;
    margin-top: 10px; }
  .feature #feature-list #feature-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media all and (min-width: 768px) {
      .feature #feature-list #feature-container {
        margin-top: 60px; } }
    @media all and (max-width: 767px) {
      .feature #feature-list #feature-container {
        margin-top: 40px; } }
    @media all and (min-width: 768px) {
      .feature #feature-list #feature-container .feature-post {
        width: 22%;
        margin-right: 4%;
        margin-bottom: 50px; } }
    @media all and (max-width: 767px) {
      .feature #feature-list #feature-container .feature-post {
        width: 48%;
        margin-bottom: 20px; } }
    .feature #feature-list #feature-container .feature-post h3 {
      font-weight: bold;
      margin-top: 10px; }
      @media all and (min-width: 768px) {
        .feature #feature-list #feature-container .feature-post h3 {
          font-size: 1.6rem; } }
      @media all and (max-width: 767px) {
        .feature #feature-list #feature-container .feature-post h3 {
          font-size: 1.2rem; } }
    .feature #feature-list #feature-container .feature-post .feature-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-top: 5px; }
    .feature #feature-list #feature-container .feature-post .feature-post-update {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-left: 10px; }
      @media all and (max-width: 767px) {
        .feature #feature-list #feature-container .feature-post .feature-post-update {
          display: block;
          margin-left: 0; } }
    .feature #feature-list #feature-container .feature-post a {
      position: relative;
      display: block;
      color: #000000; }
    .feature #feature-list #feature-container .feature-post a img {
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .feature #feature-list #feature-container .feature-post a:hover img {
      -webkit-filter: brightness(80%);
              filter: brightness(80%); }
    @media all and (max-width: 767px) {
      .feature #feature-list #feature-container .feature-post:nth-child(2n) {
        margin-left: 4%; } }
    @media all and (min-width: 768px) {
      .feature #feature-list #feature-container .feature-post:nth-child(4n) {
        margin-right: 0; } }
  .feature #feature-list #tags-btn {
    margin-top: 20px; }
    .feature #feature-list #tags-btn a {
      font-size: 1.4rem; }
  .feature #instagram-content {
    background-color: #F2F2F2; }

.feature-post {
  /*------------------------------

    Feature Post

    ------------------------------*/
  /*------------------------------

    Feature Online

    ------------------------------*/ }
  .feature-post #feature-post-header {
    position: relative; }
    @media all and (max-width: 1023px) {
      .feature-post #feature-post-header {
        padding-top: 80px;
        background-color: #F2F2F2; } }
    .feature-post #feature-post-header #feature-image {
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
      @media all and (min-width: 768px) {
        .feature-post #feature-post-header #feature-image {
          height: 680px; } }
      @media all and (max-width: 767px) {
        .feature-post #feature-post-header #feature-image {
          height: 300px; } }
    @media all and (min-width: 768px) {
      .feature-post #feature-post-header #feature-post-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 680px;
        color: #FFFFFF;
        text-align: center; } }
    @media all and (min-width: 768px) and (max-width: 1023px) {
      .feature-post #feature-post-header #feature-post-title {
        padding-top: 80px; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-post-header #feature-post-title {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px; } }
    @media all and (min-width: 768px) {
      .feature-post #feature-post-header #feature-post-title #feature-post-title-inner {
        width: 40%; } }
    .feature-post #feature-post-header #feature-post-title #feature-post-title-inner .feature-post-cat {
      display: inline-block;
      font-size: 1.1rem;
      line-height: 1;
      letter-spacing: 0.05rem;
      padding-bottom: 2px;
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal; }
      @media all and (min-width: 768px) {
        .feature-post #feature-post-header #feature-post-title #feature-post-title-inner .feature-post-cat {
          border-bottom: 1px solid #FFFFFF; } }
      @media all and (max-width: 767px) {
        .feature-post #feature-post-header #feature-post-title #feature-post-title-inner .feature-post-cat {
          border-bottom: 1px solid #000000; } }
    .feature-post #feature-post-header #feature-post-title #feature-post-title-inner .feature-post-title {
      margin-top: 10px; }
      @media all and (max-width: 767px) {
        .feature-post #feature-post-header #feature-post-title #feature-post-title-inner .feature-post-title {
          font-size: 1.2rem; } }
    .feature-post #feature-post-header #feature-post-title #feature-post-title-inner h1 {
      font-weight: bold; }
      @media all and (min-width: 1024px) {
        .feature-post #feature-post-header #feature-post-title #feature-post-title-inner h1 {
          font-size: 2.4rem;
          line-height: 1.4; } }
      @media all and (min-width: 768px) and (max-width: 1023px) {
        .feature-post #feature-post-header #feature-post-title #feature-post-title-inner h1 {
          font-size: 1.8rem;
          line-height: 1.5; } }
      @media all and (max-width: 767px) {
        .feature-post #feature-post-header #feature-post-title #feature-post-title-inner h1 {
          font-size: 1.8rem;
          line-height: 1.5;
          margin-top: 5px; } }
    .feature-post #feature-post-header #feature-post-title #feature-post-title-inner .feature-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-top: 5px; }
    .feature-post #feature-post-header #feature-post-title #feature-post-title-inner .feature-post-update {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-left: 10px; }
  .feature-post #feature-post-container {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .feature-post #feature-post-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 60px;
        padding-bottom: 150px; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-post-container {
        padding-top: 20px;
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .feature-post #feature-post-container #feature-post-content {
        width: 70%; } }
    .feature-post #feature-post-container #feature-post-content #feature-post-excerpt {
      border-bottom: 1px solid #BBBBBB; }
      @media all and (min-width: 768px) {
        .feature-post #feature-post-container #feature-post-content #feature-post-excerpt {
          padding-bottom: 60px;
          margin-bottom: 60px; } }
      @media all and (max-width: 767px) {
        .feature-post #feature-post-container #feature-post-content #feature-post-excerpt {
          padding-bottom: 40px;
          line-height: 1.8; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-post-container #feature-post-content #feature-post-text {
        margin-top: 40px;
        line-height: 1.8; } }
    @media all and (min-width: 768px) {
      .feature-post #feature-post-container #feature-post-content #feature-post-text-tags {
        width: 100%;
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-post-container #feature-post-content #feature-post-text-tags {
        margin-top: 40px; } }
    @media all and (min-width: 768px) {
      .feature-post #feature-post-container #feature-post-content #feature-post-online-btn {
        margin-top: 60px; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-post-container #feature-post-content #feature-post-online-btn {
        margin-top: 20px; } }
    .feature-post #feature-post-container #feature-post-content #feature-post-note {
      font-size: 1.1rem; }
      @media all and (min-width: 768px) {
        .feature-post #feature-post-container #feature-post-content #feature-post-note {
          margin-top: 60px; } }
      @media all and (max-width: 767px) {
        .feature-post #feature-post-container #feature-post-content #feature-post-note {
          margin-top: 20px; } }
    @media all and (min-width: 768px) {
      .feature-post #feature-post-container #feature-post-side {
        width: 25%; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-post-container #feature-post-side {
        margin-top: 20px; } }
    .feature-post #feature-post-container #feature-post-side #feature-post-share {
      text-align: center; }
      .feature-post #feature-post-container #feature-post-side #feature-post-share #feature-post-share-count {
        display: inline-block;
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        vertical-align: middle;
        margin-right: 20px; }
        @media all and (min-width: 768px) {
          .feature-post #feature-post-container #feature-post-side #feature-post-share #feature-post-share-count #feature-post-share-title {
            font-size: 1.6rem; } }
        @media all and (max-width: 767px) {
          .feature-post #feature-post-container #feature-post-side #feature-post-share #feature-post-share-count #feature-post-share-title {
            font-size: 1.2rem; } }
        @media all and (min-width: 768px) {
          .feature-post #feature-post-container #feature-post-side #feature-post-share #feature-post-share-count #feature-post-share-num {
            font-size: 3.4rem;
            margin-top: 10px; } }
        @media all and (max-width: 767px) {
          .feature-post #feature-post-container #feature-post-side #feature-post-share #feature-post-share-count #feature-post-share-num {
            font-size: 3rem;
            margin-top: 5px; } }
      .feature-post #feature-post-container #feature-post-side #feature-post-share #feature-post-share-btn {
        display: inline-block; }
    .feature-post #feature-post-container #feature-post-side .tag-list {
      margin-top: 100px; }
      @media all and (max-width: 767px) {
        .feature-post #feature-post-container #feature-post-side .tag-list {
          display: none; } }
    .feature-post #feature-post-container #feature-post-side .sns-list {
      margin-top: 20px; }
  .feature-post #feature-online {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .feature-post #feature-online {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 100px;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-online {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .feature-post #feature-online #feature-online-feed {
        width: 70%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-online #feature-online-feed {
        margin-top: 40px; } }
    .feature-post #feature-online #feature-online-feed #feature-online-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media all and (min-width: 768px) {
        .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post {
          width: 30%;
          margin-bottom: 50px;
          margin-bottom: 5%; } }
      @media all and (max-width: 767px) {
        .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post {
          width: 48%;
          margin-bottom: 20px; } }
      .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post a {
        color: #000000; }
      .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post a img {
        opacity: 1;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post a:hover img {
        -webkit-filter: brightness(80%);
                filter: brightness(80%); }
      @media all and (min-width: 768px) {
        .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post {
          width: 30%;
          margin-bottom: 50px;
          margin-bottom: 5%; } }
      @media all and (max-width: 767px) {
        .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post {
          width: 48%;
          margin-bottom: 4%;
          font-size: 1.2rem; } }
      .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post .feature-online-brand {
        margin-top: 10px; }
      @media all and (max-width: 767px) {
        .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post:nth-child(2n) {
          margin-left: 4%; } }
      @media all and (min-width: 768px) {
        .feature-post #feature-online #feature-online-feed #feature-online-list .feature-online-post:nth-child(3n-1) {
          margin-left: 5%;
          margin-right: 5%; } }
    @media all and (max-width: 767px) {
      .feature-post #feature-online #feature-online-feed #feature-online-more {
        margin-top: 20px; } }

.history {
  /*------------------------------

    List

    ------------------------------*/
  /*------------------------------

    Insta

    ------------------------------*/ }
  .history #history-nav {
    font-family: BrownPro, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #BBBBBB;
    text-align: center;
    margin-top: 40px;
    text-transform: uppercase; }
    .history #history-nav a {
      color: #000000;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .history #history-nav a:hover {
      color: #BBBBBB; }
    @media all and (min-width: 768px) {
      .history #history-nav {
        font-size: 1.6rem;
        margin-bottom: 40px; } }
    @media all and (max-width: 767px) {
      .history #history-nav {
        font-size: 1.4rem;
        margin-bottom: 20px; } }
    .history #history-nav li {
      display: inline-block;
      margin-right: 20px;
      padding-right: 20px;
      line-height: 1;
      border-right: 1px solid #BBBBBB; }
    .history #history-nav li:last-child {
      margin-right: 0;
      padding-right: 0;
      border: none; }
  .history #history-sort-list {
    text-align: center; }
    @media all and (min-width: 768px) {
      .history #history-sort-list {
        width: 50%;
        margin: 0 auto; } }
    @media all and (max-width: 767px) {
      .history #history-sort-list {
        padding: 0 20px; } }
    .history #history-sort-list ul li {
      display: inline;
      margin: 3px;
      font-size: 1.2rem; }
      .history #history-sort-list ul li a {
        color: #666666;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .history #history-sort-list ul li a:hover {
        color: #BBBBBB; }
  .history #history-cat-name {
    text-align: center; }
    @media all and (min-width: 768px) {
      .history #history-cat-name {
        font-size: 4rem; } }
    @media all and (max-width: 767px) {
      .history #history-cat-name {
        font-size: 3rem; } }
  @media all and (min-width: 768px) {
    .history #history-list {
      margin-top: 20px;
      padding-bottom: 100px; } }
  @media all and (max-width: 767px) {
    .history #history-list {
      margin-top: 80px;
      padding-bottom: 40px; } }
  .history #history-list h1 {
    font-family: BrownPro, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: block;
    text-align: center;
    letter-spacing: 0.1rem; }
    @media all and (min-width: 768px) {
      .history #history-list h1 {
        font-size: 3rem; } }
    @media all and (max-width: 767px) {
      .history #history-list h1 {
        font-size: 2.4rem; } }
  .history #history-list #hero-jp {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    color: #666666;
    text-align: center;
    margin-top: 10px; }
  @media all and (min-width: 768px) {
    .history #history-list #history-new-container {
      margin-top: 60px; } }
  @media all and (max-width: 767px) {
    .history #history-list #history-new-container {
      margin-top: 40px; } }
  .history #history-list #history-new-container #history-new-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 1px solid #BBBBBB; }
    @media all and (min-width: 768px) {
      .history #history-list #history-new-container #history-new-inner {
        padding-bottom: 20px; } }
    @media all and (max-width: 767px) {
      .history #history-list #history-new-container #history-new-inner {
        padding-bottom: 10px; } }
  .history #history-list #history-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media all and (min-width: 768px) {
      .history #history-list #history-container {
        margin-top: 80px; } }
    @media all and (max-width: 767px) {
      .history #history-list #history-container {
        margin-top: 40px; } }
  @media all and (min-width: 768px) {
    .history #history-list .history-post {
      width: 22%;
      margin-right: 4%;
      margin-bottom: 50px; } }
  @media all and (max-width: 767px) {
    .history #history-list .history-post {
      width: 48%;
      margin-bottom: 20px; } }
  .history #history-list .history-post h3 {
    font-weight: bold;
    margin-top: 10px; }
    @media all and (min-width: 768px) {
      .history #history-list .history-post h3 {
        font-size: 1.6rem; } }
    @media all and (max-width: 767px) {
      .history #history-list .history-post h3 {
        font-size: 1.2rem; } }
  .history #history-list .history-post a {
    display: block;
    position: relative;
    color: #000000; }
    .history #history-list .history-post a .c-new-post-history {
      position: absolute;
      top: -7px;
      left: -7px;
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      width: 37px;
      height: 37px;
      font-size: 1.1rem;
      letter-spacing: 0.05rem;
      text-align: center;
      padding-top: 10px;
      background-color: #FFF724; }
    .history #history-list .history-post a .history-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem; }
    .history #history-list .history-post a .history-post-update {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-left: 10px; }
      @media all and (max-width: 767px) {
        .history #history-list .history-post a .history-post-update {
          display: block;
          margin-left: 0; } }
  .history #history-list .history-post a img {
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .history #history-list .history-post a:hover img {
    -webkit-filter: brightness(80%);
            filter: brightness(80%); }
  @media all and (max-width: 767px) {
    .history #history-list .history-post:nth-child(2n) {
      margin-left: 4%; } }
  @media all and (min-width: 768px) {
    .history #history-list .history-post:nth-child(4n) {
      margin-right: 0; } }
  .history #history-list #history-btn {
    margin-top: 20px; }
    .history #history-list #history-btn a {
      font-size: 1.4rem; }
  .history #instagram-content {
    background-color: #F2F2F2; }

.history-post {
  /*------------------------------

    Breadcrumb

    ------------------------------*/
  /*------------------------------

    History Post

    ------------------------------*/
  /*------------------------------

    History Other

    ------------------------------*/
  /*------------------------------

    History Related

    ------------------------------*/ }
  .history-post #breadcrumb {
    background-color: #F2F2F2; }
  .history-post #history-post-wrapper {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .history-post #history-post-wrapper {
        padding-top: 20px;
        padding-bottom: 150px; } }
    @media all and (max-width: 767px) {
      .history-post #history-post-wrapper {
        padding-top: 80px; } }
    .history-post #history-post-wrapper h1 {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      display: block;
      text-align: center;
      letter-spacing: 0.1rem; }
      @media all and (min-width: 768px) {
        .history-post #history-post-wrapper h1 {
          font-size: 3rem; } }
      @media all and (max-width: 767px) {
        .history-post #history-post-wrapper h1 {
          font-size: 2.4rem; } }
    .history-post #history-post-wrapper #hero-jp {
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: 0.1rem;
      color: #666666;
      text-align: center;
      margin-top: 10px; }
    .history-post #history-post-wrapper .history-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      text-align: center;
      margin-top: 20px; }
    .history-post #history-post-wrapper .history-post-update {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-left: 10px; }
    @media all and (min-width: 768px) {
      .history-post #history-post-wrapper #history-post-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 60px; } }
    @media all and (max-width: 767px) {
      .history-post #history-post-wrapper #history-post-container {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .history-post #history-post-wrapper #history-post-container #history-post-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 70%; } }
    .history-post #history-post-wrapper #history-post-container #history-post-content #history-title {
      width: 15%;
      margin-right: 10%;
      border-top: 1px solid #000000;
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.6rem;
      letter-spacing: 0.1rem;
      padding-top: 5px; }
      @media all and (max-width: 767px) {
        .history-post #history-post-wrapper #history-post-container #history-post-content #history-title {
          display: none; } }
    @media all and (min-width: 768px) {
      .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section {
        width: 75%; } }
    @media all and (min-width: 768px) {
      .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-image {
        margin-bottom: 40px; } }
    @media all and (max-width: 767px) {
      .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-image {
        margin-bottom: 20px; } }
    .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-text {
      line-height: 1.8; }
    @media all and (min-width: 768px) {
      .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-online-btn {
        margin-top: 50px; } }
    @media all and (max-width: 767px) {
      .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-online-btn {
        margin-top: 30px; } }
    .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-note {
      font-size: 1.1rem; }
      @media all and (min-width: 768px) {
        .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-note {
          margin-top: 60px; } }
      @media all and (max-width: 767px) {
        .history-post #history-post-wrapper #history-post-container #history-post-content #history-post-section #history-post-note {
          margin-top: 20px; } }
  .history-post #history-other {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .history-post #history-other {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 60px; } }
    @media all and (max-width: 767px) {
      .history-post #history-other {
        padding-bottom: 20px; } }
    @media all and (min-width: 768px) {
      .history-post #history-other #history-other-feed {
        width: 70%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
    @media all and (max-width: 767px) {
      .history-post #history-other #history-other-feed {
        margin-top: 40px; } }
    .history-post #history-other #history-other-feed #history-other-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media all and (min-width: 768px) {
        .history-post #history-other #history-other-feed #history-other-list .history-other-post {
          width: 30%; } }
      @media all and (max-width: 767px) {
        .history-post #history-other #history-other-feed #history-other-list .history-other-post {
          width: 48%;
          margin-bottom: 20px; } }
      .history-post #history-other #history-other-feed #history-other-list .history-other-post h3 {
        font-weight: bold;
        margin-top: 10px; }
        @media all and (min-width: 768px) {
          .history-post #history-other #history-other-feed #history-other-list .history-other-post h3 {
            font-size: 1.6rem; } }
        @media all and (max-width: 767px) {
          .history-post #history-other #history-other-feed #history-other-list .history-other-post h3 {
            font-size: 1.2rem; } }
      .history-post #history-other #history-other-feed #history-other-list .history-other-post a {
        color: #000000; }
      .history-post #history-other #history-other-feed #history-other-list .history-other-post a img {
        opacity: 1;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .history-post #history-other #history-other-feed #history-other-list .history-other-post a:hover img {
        -webkit-filter: brightness(80%);
                filter: brightness(80%); }
      @media all and (max-width: 767px) {
        .history-post #history-other #history-other-feed #history-other-list .history-other-post:nth-child(2n) {
          margin-left: 4%; } }
      @media all and (min-width: 768px) {
        .history-post #history-other #history-other-feed #history-other-list .history-other-post:nth-child(2) {
          margin-left: 5%;
          margin-right: 5%; } }
      @media all and (min-width: 768px) {
        .history-post #history-other #history-other-feed #history-other-list .history-other-post:nth-child(4) {
          display: none; } }
  @media all and (min-width: 768px) {
    .history-post #history-related {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media all and (max-width: 767px) {
    .history-post #history-related {
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media all and (min-width: 768px) {
    .history-post #history-related #history-related-feed {
      width: 70%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
  @media all and (max-width: 767px) {
    .history-post #history-related #history-related-feed {
      margin-top: 40px; } }
  .history-post #history-related #history-related-feed #history-related-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media all and (min-width: 768px) {
      .history-post #history-related #history-related-feed #history-related-list .history-related-post {
        width: 30%;
        margin-bottom: 50px;
        margin-bottom: 5%; } }
    @media all and (max-width: 767px) {
      .history-post #history-related #history-related-feed #history-related-list .history-related-post {
        width: 48%;
        margin-bottom: 20px; } }
    .history-post #history-related #history-related-feed #history-related-list .history-related-post h3 {
      font-weight: bold;
      margin-top: 10px; }
      @media all and (min-width: 768px) {
        .history-post #history-related #history-related-feed #history-related-list .history-related-post h3 {
          font-size: 1.6rem; } }
      @media all and (max-width: 767px) {
        .history-post #history-related #history-related-feed #history-related-list .history-related-post h3 {
          font-size: 1.2rem; } }
    .history-post #history-related #history-related-feed #history-related-list .history-related-post .history-related-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-top: 5px; }
      .history-post #history-related #history-related-feed #history-related-list .history-related-post .history-related-post-date .history-related-post-update {
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
        margin-left: 10px; }
    .history-post #history-related #history-related-feed #history-related-list .history-related-post a {
      color: #000000; }
    .history-post #history-related #history-related-feed #history-related-list .history-related-post a img {
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .history-post #history-related #history-related-feed #history-related-list .history-related-post a:hover img {
      -webkit-filter: brightness(80%);
              filter: brightness(80%); }
    @media all and (max-width: 767px) {
      .history-post #history-related #history-related-feed #history-related-list .history-related-post:nth-child(2n) {
        margin-left: 4%; } }
    @media all and (min-width: 768px) {
      .history-post #history-related #history-related-feed #history-related-list .history-related-post:nth-child(2) {
        margin-left: 5%;
        margin-right: 5%; } }
    @media all and (min-width: 768px) {
      .history-post #history-related #history-related-feed #history-related-list .history-related-post:nth-child(4) {
        display: none; } }
  @media all and (max-width: 767px) {
    .history-post #history-related #history-related-feed #history-related-more {
      margin-top: 20px; } }

.event {
  /*------------------------------

    List

    ------------------------------*/
  /*------------------------------

    Insta

    ------------------------------*/ }
  @media all and (min-width: 768px) {
    .event #event-list {
      margin-top: 20px;
      padding-bottom: 100px; } }
  @media all and (max-width: 767px) {
    .event #event-list {
      margin-top: 80px;
      padding-bottom: 40px; } }
  .event #event-list h1 {
    font-family: BrownPro, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: block;
    text-align: center;
    letter-spacing: 0.1rem; }
    @media all and (min-width: 768px) {
      .event #event-list h1 {
        font-size: 3rem; } }
    @media all and (max-width: 767px) {
      .event #event-list h1 {
        font-size: 2.4rem; } }
  .event #event-list #hero-jp {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    color: #666666;
    text-align: center;
    margin-top: 10px; }
  .event #event-list #event-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media all and (min-width: 768px) {
      .event #event-list #event-container {
        margin-top: 60px; } }
    @media all and (max-width: 767px) {
      .event #event-list #event-container {
        margin-top: 40px; } }
    @media all and (min-width: 768px) {
      .event #event-list #event-container .event-post {
        width: 22%;
        margin-right: 4%;
        margin-bottom: 50px; } }
    @media all and (max-width: 767px) {
      .event #event-list #event-container .event-post {
        width: 48%;
        margin-bottom: 20px; } }
    .event #event-list #event-container .event-post h3 {
      font-weight: bold;
      margin-top: 10px; }
      @media all and (min-width: 768px) {
        .event #event-list #event-container .event-post h3 {
          font-size: 1.6rem; } }
      @media all and (max-width: 767px) {
        .event #event-list #event-container .event-post h3 {
          font-size: 1.2rem; } }
    .event #event-list #event-container .event-post .event-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-top: 5px; }
    .event #event-list #event-container .event-post .event-post-update {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-left: 10px; }
      @media all and (max-width: 767px) {
        .event #event-list #event-container .event-post .event-post-update {
          display: block;
          margin-left: 0; } }
    .event #event-list #event-container .event-post a {
      position: relative;
      display: block;
      color: #000000; }
    .event #event-list #event-container .event-post a img {
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .event #event-list #event-container .event-post a:hover img {
      -webkit-filter: brightness(80%);
              filter: brightness(80%); }
    @media all and (max-width: 767px) {
      .event #event-list #event-container .event-post:nth-child(2n) {
        margin-left: 4%; } }
    @media all and (min-width: 768px) {
      .event #event-list #event-container .event-post:nth-child(4n) {
        margin-right: 0; } }
  .event #instagram-content {
    background-color: #F2F2F2; }

.event-post {
  /*------------------------------

    Event Post

    ------------------------------*/ }
  .event-post #event-post-header {
    position: relative; }
    @media all and (max-width: 1023px) {
      .event-post #event-post-header {
        padding-top: 80px;
        background-color: #F2F2F2; } }
    .event-post #event-post-header #event-image {
      width: 100%; }
      .event-post #event-post-header #event-image video {
        display: block;
        width: 100%;
        height: auto; }
  .event-post #event-post-container {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .event-post #event-post-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 60px;
        padding-bottom: 150px; } }
    @media all and (max-width: 767px) {
      .event-post #event-post-container {
        padding-top: 20px;
        padding-bottom: 40px; } }
    @media all and (min-width: 768px) {
      .event-post #event-post-container #event-post-content {
        width: 70%; } }
    @media all and (min-width: 768px) {
      .event-post #event-post-container #event-post-content #event-post-title {
        margin-bottom: 40px; } }
    @media all and (max-width: 767px) {
      .event-post #event-post-container #event-post-content #event-post-title {
        margin-bottom: 30px; } }
    .event-post #event-post-container #event-post-content #event-post-title #event-post-title-inner h1 {
      font-weight: bold; }
      @media all and (min-width: 1024px) {
        .event-post #event-post-container #event-post-content #event-post-title #event-post-title-inner h1 {
          font-size: 2.4rem;
          line-height: 1.4; } }
      @media all and (min-width: 768px) and (max-width: 1023px) {
        .event-post #event-post-container #event-post-content #event-post-title #event-post-title-inner h1 {
          font-size: 1.8rem;
          line-height: 1.5; } }
      @media all and (max-width: 767px) {
        .event-post #event-post-container #event-post-content #event-post-title #event-post-title-inner h1 {
          font-size: 1.8rem;
          line-height: 1.5;
          margin-top: 5px; } }
    .event-post #event-post-container #event-post-content #event-post-title #event-post-title-inner .event-post-date {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-top: 5px; }
    .event-post #event-post-container #event-post-content #event-post-title #event-post-title-inner .event-post-update {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.1rem;
      letter-spacing: 0.1rem;
      margin-left: 10px; }
    .event-post #event-post-container #event-post-content #event-post-excerpt {
      border-bottom: 1px solid #BBBBBB; }
      @media all and (min-width: 768px) {
        .event-post #event-post-container #event-post-content #event-post-excerpt {
          padding-bottom: 60px;
          margin-bottom: 60px; } }
      @media all and (max-width: 767px) {
        .event-post #event-post-container #event-post-content #event-post-excerpt {
          padding-bottom: 40px;
          line-height: 1.8; } }
    @media all and (max-width: 767px) {
      .event-post #event-post-container #event-post-content #event-post-text {
        margin-top: 40px;
        line-height: 1.8; } }
    @media all and (min-width: 768px) {
      .event-post #event-post-container #event-post-content #event-post-text-tags {
        width: 100%;
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto; } }
    @media all and (max-width: 767px) {
      .event-post #event-post-container #event-post-content #event-post-text-tags {
        margin-top: 40px; } }
    @media all and (min-width: 768px) {
      .event-post #event-post-container #event-post-content #event-post-online-btn {
        margin-top: 60px; } }
    @media all and (max-width: 767px) {
      .event-post #event-post-container #event-post-content #event-post-online-btn {
        margin-top: 20px; } }
    .event-post #event-post-container #event-post-content #event-post-note {
      font-size: 1.1rem; }
      @media all and (min-width: 768px) {
        .event-post #event-post-container #event-post-content #event-post-note {
          margin-top: 60px; } }
      @media all and (max-width: 767px) {
        .event-post #event-post-container #event-post-content #event-post-note {
          margin-top: 20px; } }
    @media all and (min-width: 768px) {
      .event-post #event-post-container #event-post-side {
        width: 25%; } }
    @media all and (max-width: 767px) {
      .event-post #event-post-container #event-post-side {
        margin-top: 20px; } }
    .event-post #event-post-container #event-post-side #event-post-share {
      text-align: center; }
      .event-post #event-post-container #event-post-side #event-post-share #event-post-share-count {
        display: inline-block;
        font-family: BrownPro, sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        vertical-align: middle;
        margin-right: 20px; }
        @media all and (min-width: 768px) {
          .event-post #event-post-container #event-post-side #event-post-share #event-post-share-count #event-post-share-title {
            font-size: 1.6rem; } }
        @media all and (max-width: 767px) {
          .event-post #event-post-container #event-post-side #event-post-share #event-post-share-count #event-post-share-title {
            font-size: 1.2rem; } }
        @media all and (min-width: 768px) {
          .event-post #event-post-container #event-post-side #event-post-share #event-post-share-count #event-post-share-num {
            font-size: 3.4rem;
            margin-top: 10px; } }
        @media all and (max-width: 767px) {
          .event-post #event-post-container #event-post-side #event-post-share #event-post-share-count #event-post-share-num {
            font-size: 3rem;
            margin-top: 5px; } }
      .event-post #event-post-container #event-post-side #event-post-share #event-post-share-btn {
        display: inline-block; }
    .event-post #event-post-container #event-post-side .tag-list {
      margin-top: 100px; }
      @media all and (max-width: 767px) {
        .event-post #event-post-container #event-post-side .tag-list {
          display: none; } }
    .event-post #event-post-container #event-post-side .sns-list {
      margin-top: 20px; }

.onlinestore {
  /*------------------------------

    Breadcrumb

    ------------------------------*/
  /*------------------------------

    List

    ------------------------------*/ }
  .onlinestore #breadcrumb {
    background-color: #F2F2F2; }
  .onlinestore #onlinestore-list {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .onlinestore #onlinestore-list {
        padding-top: 20px;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .onlinestore #onlinestore-list {
        padding-top: 80px;
        padding-bottom: 40px; } }
    .onlinestore #onlinestore-list h1 {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      display: block;
      text-align: center;
      letter-spacing: 0.1rem; }
      @media all and (min-width: 768px) {
        .onlinestore #onlinestore-list h1 {
          font-size: 3rem; } }
      @media all and (max-width: 767px) {
        .onlinestore #onlinestore-list h1 {
          font-size: 2.4rem; } }
    .onlinestore #onlinestore-list #hero-jp {
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: 0.1rem;
      color: #666666;
      text-align: center;
      margin-top: 10px; }
    .onlinestore #onlinestore-list #onlinestore-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media all and (min-width: 768px) {
        .onlinestore #onlinestore-list #onlinestore-container {
          margin-top: 60px; } }
      @media all and (max-width: 767px) {
        .onlinestore #onlinestore-list #onlinestore-container {
          margin-top: 40px; } }
      @media all and (min-width: 768px) {
        .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post {
          width: 22%;
          margin-right: 4%;
          margin-bottom: 50px; } }
      @media all and (max-width: 767px) {
        .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post {
          width: 48%;
          margin-bottom: 20px;
          font-size: 1.2rem; } }
      .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post h3 {
        margin-top: 10px; }
      .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post a {
        color: #000000; }
      .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post a img {
        opacity: 1;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post a:hover img {
        -webkit-filter: brightness(80%);
                filter: brightness(80%); }
      @media all and (max-width: 767px) {
        .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post:nth-child(2n) {
          margin-left: 4%; } }
      @media all and (min-width: 768px) {
        .onlinestore #onlinestore-list #onlinestore-container .onlinestore-post:nth-child(4n) {
          margin-right: 0; } }
    .onlinestore #onlinestore-list #onlinestore-btn {
      margin-top: 20px; }
      .onlinestore #onlinestore-list #onlinestore-btn a {
        font-size: 1.4rem; }

.about {
  /*------------------------------

    Breadcrumb

    ------------------------------*/
  /*------------------------------

    List

    ------------------------------*/ }
  .about #breadcrumb {
    background-color: #F2F2F2; }
  .about #about-wrapper {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .about #about-wrapper {
        padding-top: 20px;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .about #about-wrapper {
        padding-top: 80px;
        padding-bottom: 40px; } }
    .about #about-wrapper h1 {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      display: block;
      text-align: center;
      letter-spacing: 0.1rem; }
      @media all and (min-width: 768px) {
        .about #about-wrapper h1 {
          font-size: 3rem; } }
      @media all and (max-width: 767px) {
        .about #about-wrapper h1 {
          font-size: 2.4rem; } }
    .about #about-wrapper #hero-jp {
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: 0.1rem;
      color: #666666;
      text-align: center;
      margin-top: 10px; }
    @media all and (min-width: 768px) {
      .about #about-wrapper #about-container {
        margin-top: 100px; } }
    @media all and (max-width: 767px) {
      .about #about-wrapper #about-container {
        margin-top: 40px; } }
    @media all and (min-width: 768px) {
      .about #about-wrapper #about-container #about-concept {
        font-size: 2.4rem;
        margin-left: 18%; } }
    @media all and (max-width: 767px) {
      .about #about-wrapper #about-container #about-concept {
        font-size: 1.8rem;
        margin-top: 40px; } }
    @media all and (min-width: 768px) {
      .about #about-wrapper #about-container .about-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 80px; } }
    @media all and (max-width: 767px) {
      .about #about-wrapper #about-container .about-section {
        margin-top: 40px;
        text-align: center; } }
    .about #about-wrapper #about-container .about-section h2 {
      border-top: 1px solid #000000;
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.6rem;
      letter-spacing: 0.1rem;
      padding-top: 5px; }
      @media all and (min-width: 768px) {
        .about #about-wrapper #about-container .about-section h2 {
          width: 11%;
          margin-right: 7%; } }
      @media all and (max-width: 767px) {
        .about #about-wrapper #about-container .about-section h2 {
          display: inline-block; } }
    @media all and (min-width: 768px) {
      .about #about-wrapper #about-container .about-section div {
        width: 82%; } }
    @media all and (max-width: 767px) {
      .about #about-wrapper #about-container .about-section div {
        margin-top: 20px;
        text-align: left; } }
    .about #about-wrapper #about-container .about-section div p {
      margin-bottom: 20px;
      line-height: 1.8; }

.tags {
  /*------------------------------

      Breadcrumb

      ------------------------------*/
  /*------------------------------

    List

    ------------------------------*/ }
  .tags #breadcrumb {
    background-color: #F2F2F2; }
  .tags #tags-wrapper {
    background-color: #F2F2F2; }
    @media all and (min-width: 768px) {
      .tags #tags-wrapper {
        padding-top: 20px;
        padding-bottom: 100px; } }
    @media all and (max-width: 767px) {
      .tags #tags-wrapper {
        padding-top: 80px;
        padding-bottom: 40px; } }
    .tags #tags-wrapper h1 {
      font-family: BrownPro, sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      display: block;
      text-align: center;
      letter-spacing: 0.1rem; }
      @media all and (min-width: 768px) {
        .tags #tags-wrapper h1 {
          font-size: 3rem; } }
      @media all and (max-width: 767px) {
        .tags #tags-wrapper h1 {
          font-size: 2.4rem; } }
    .tags #tags-wrapper #hero-jp {
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: 0.1rem;
      color: #666666;
      text-align: center;
      margin-top: 10px; }
    .tags #tags-wrapper #tags-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media all and (min-width: 768px) {
        .tags #tags-wrapper #tags-container {
          margin-top: 60px; } }
      @media all and (max-width: 767px) {
        .tags #tags-wrapper #tags-container {
          margin-top: 40px; } }
      .tags #tags-wrapper #tags-container .tag-list {
        text-align: left; }
        .tags #tags-wrapper #tags-container .tag-list li {
          margin-right: 14px;
          margin-left: 0; }

@media all and (min-width: 768px) {
  .not-found {
    padding-top: 20px;
    padding-bottom: 100px; } }

@media all and (max-width: 767px) {
  .not-found {
    padding-top: 80px;
    padding-bottom: 40px; } }

.not-found #nf {
  text-align: center; }
  .not-found #nf a {
    color: #000000;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .not-found #nf a:hover {
    color: #BBBBBB; }
  @media all and (min-width: 768px) {
    .not-found #nf {
      padding-top: 100px;
      padding-bottom: 400px; } }
  @media all and (max-width: 767px) {
    .not-found #nf {
      padding-top: 40px;
      padding-bottom: 200px; } }