@charset "UTF-8";
/*
  Theme Name: 1LDK
  Theme URI: 
  Author: Wab Design INC
  Author URI: 
  Description: Description
  Version: 1.0.0
  License:
  License URI:
  Text Domain: 1LDK
*/
/*
  Stylesheet Header ...
*/
/*--------------------
>>> TABLE OF CONTENTS:
----------------------
0.0 Vendor
1.0 Reset
2.0 Vars
3.0 Frame
4.0 Parts
5.0 Pages
6.0 Popup
--------------------*/
/*----- 0.0 Vendor -----*/
/*----- 1.0 Reset -----*/
*,
* h1,
* h2,
* h3,
* h4,
* h5,
* h6,
* p,
* address,
* ul,
* ol,
* li,
* form,
* dl,
* dt,
* dd,
* div,
* table,
* tr,
* th,
* td,
* figure {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

* img,
* figure,
* iframe,
* object {
  border: none;
  height: auto;
  vertical-align: top;
  max-width: 100%; }

* a {
  display: inline-block; }

* ul, ol, li {
  list-style-type: none; }

/*----- 2.0 Library & Vars -----*/
/* ==========================================================================
   Vars
   ========================================================================== */
/* dev path */
/* set fonts */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf") format("opentype"); }

/* font weight */
/* set colors */
/* win size */
/* ==========================================================================
   Mixin
   ========================================================================== */
@-webkit-keyframes blog-sign {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes blog-sign {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*----- 3.0 Header & Footer -----*/
/* ==========================================================================
   frame
   ========================================================================== */
html, body {
  width: 100%; }

body {
  font-family: "Montserrat", serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #000;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-font-smoothing: antialiased; }
  body.ready {
    opacity: 1; }
  body.cur_prev a {
    cursor: url("/wp-site/wp-content/themes/oneldk/img/cur_prev.cur"), auto !important; }
  body.cur_next a {
    cursor: url("/wp-site/wp-content/themes/oneldk/img/cur_next.cur"), auto !important; }
  body.cur_hide {
    cursor: none !important; }

@media screen and (max-width: 768px) {
  #wrapper {
    overflow-x: hidden; } }

article {
  position: relative; }
  @media screen and (min-width: 769px) {
    article {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) {
    article {
      padding-top: 60px; } }
  article.top {
    padding-top: 0; }

/* ==========================================================================
   Header
   ========================================================================== */
body.fixed {
  overflow: hidden; }

body.topAct header.global .bar {
  background: none; }

body.topAct header.global .logo_link path, body.topAct header.global .logo_link polygon {
  fill: #fff; }

body.topAct header.global .tgl_btn span {
  background-color: #fff; }

body.topAct header.global .gl_online .gl_online_link {
  color: #fff; }
  body.topAct header.global .gl_online .gl_online_link::after {
    background: #fff; }

body.topAct.fixed header.global .logo_link path, body.topAct.fixed header.global .logo_link polygon {
  fill: #000; }

body.topAct.fixed header.global .tgl_btn span {
  background-color: #000; }

body.topAct.fixed header.global .gl_online .gl_online_link {
  color: #000; }
  body.topAct.fixed header.global .gl_online .gl_online_link::after {
    background: #000; }

header.global {
  width: 100vw;
  position: relative;
  z-index: 999;
  /* fixed bar */
  /* logo */
  /* Hamburger */
  /* online */
  /* expansion menu */ }
  header.global > * {
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  header.global .bar {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    width: 100%;
    z-index: 999; }
    @media screen and (min-width: 769px) {
      header.global .bar {
        padding: 41px 0 30px; } }
    @media screen and (max-width: 768px) {
      header.global .bar {
        padding: 20px 0; } }
    header.global .bar .logo {
      position: absolute;
      left: 50%; }
      @media screen and (min-width: 769px) {
        header.global .bar .logo {
          margin-left: -48px; } }
      @media screen and (max-width: 768px) {
        header.global .bar .logo {
          margin-top: 2px;
          margin-left: -32px; } }
  header.global .logo_link svg {
    display: inline-block;
    padding: 1px; }
    @media screen and (min-width: 769px) {
      header.global .logo_link svg {
        width: 96px;
        height: 28px; } }
    @media screen and (max-width: 768px) {
      header.global .logo_link svg {
        width: 64px;
        height: 20px; } }
  header.global .logo_link path, header.global .logo_link polygon {
    fill: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  header.global .tgl {
    position: relative; }
    @media screen and (min-width: 769px) {
      header.global .tgl {
        margin-top: -2px;
        margin-left: 32px; } }
    @media screen and (max-width: 768px) {
      header.global .tgl {
        margin-left: 20px; } }
  header.global .tgl_btn,
  header.global .tgl_btn span {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  header.global .tgl_btn {
    position: relative; }
    @media screen and (min-width: 769px) {
      header.global .tgl_btn {
        width: 40px;
        height: 28px; } }
    @media screen and (max-width: 768px) {
      header.global .tgl_btn {
        width: 28px;
        height: 20px; } }
    header.global .tgl_btn span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (min-width: 769px) {
        header.global .tgl_btn span:nth-of-type(1) {
          top: 6px; }
        header.global .tgl_btn span:nth-of-type(2) {
          top: 14px; }
        header.global .tgl_btn span:nth-of-type(3) {
          top: 22px; } }
      @media screen and (max-width: 768px) {
        header.global .tgl_btn span:nth-of-type(1) {
          top: 3px; }
        header.global .tgl_btn span:nth-of-type(2) {
          top: 8px; }
        header.global .tgl_btn span:nth-of-type(3) {
          top: 13px; } }
    @media screen and (min-width: 769px) {
      header.global .tgl_btn:hover span:nth-of-type(1) {
        top: 4px; }
      header.global .tgl_btn:hover span:nth-of-type(2) {
        top: 14px; }
      header.global .tgl_btn:hover span:nth-of-type(3) {
        top: 24px; } }
    @media screen and (min-width: 769px) {
      header.global .tgl_btn.active span:nth-of-type(1), header.global .tgl_btn.active span:nth-of-type(3) {
        top: 15px; } }
    @media screen and (max-width: 768px) {
      header.global .tgl_btn.active span:nth-of-type(1), header.global .tgl_btn.active span:nth-of-type(3) {
        top: 9px;
        width: 24px; } }
    header.global .tgl_btn.active span:nth-of-type(1) {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    header.global .tgl_btn.active span:nth-of-type(2) {
      opacity: 0;
      width: 0; }
    header.global .tgl_btn.active span:nth-of-type(3) {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  @media screen and (min-width: 769px) {
    header.global .gl_online {
      margin-right: 32px; } }
  @media screen and (max-width: 768px) {
    header.global .gl_online {
      margin-right: 16px; } }
  header.global .gl_online_link {
    position: relative;
    font-weight: 700; }
    @media screen and (min-width: 769px) {
      header.global .gl_online_link {
        padding: 1px 0 4px;
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      header.global .gl_online_link {
        padding: 2px 0px 3px 0;
        font-size: 11px; } }
    header.global .gl_online_link::after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background: #000;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    header.global .gl_online_link:hover {
      opacity: 0.7; }
  header.global .menu.active {
    opacity: 1; }
    header.global .menu.active .menu_inner.active {
      opacity: 1; }
  header.global .menu {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    height: 100vh;
    opacity: 0;
    overflow-y: scroll;
    background: #fff;
    -webkit-transition: all .6s;
    transition: all .6s; }
    @media screen and (min-width: 769px) {
      header.global .menu {
        padding-top: 100px; } }
    header.global .menu_inner {
      width: 100vw;
      height: auto;
      min-height: 100vh;
      opacity: 0;
      -webkit-transition: all .4s;
      transition: all .4s; }
      @media screen and (min-width: 769px) {
        header.global .menu_inner {
          _height: 1px;
          _overflow: visible;
          zoom: 1;
          overflow: scroll;
          padding-top: 40px; }
          header.global .menu_inner::after {
            content: ".";
            display: block;
            height: 0px;
            clear: both;
            visibility: hidden;
            font-size: 0;
            line-height: 0; } }
      @media screen and (max-width: 768px) {
        header.global .menu_inner {
          padding-top: 108px; } }
    header.global .menu_wrap {
      -webkit-transition: all .6s;
      transition: all .6s; }
      @media screen and (min-width: 769px) {
        header.global .menu_wrap:first-child {
          position: fixed;
          margin-left: 92px;
          float: left;
          top: 130px;
          width: 38%; } }
      @media screen and (min-width: 769px) {
        header.global .menu_wrap:last-child {
          float: right;
          padding-right: 12px;
          width: calc(50% + 44px); } }
      @media screen and (max-width: 768px) {
        header.global .menu_wrap:last-child {
          padding-bottom: 40px; } }
      @media screen and (min-width: 769px) {
        header.global .menu_wrap > .inner {
          -webkit-display: flex;
          -moz-display: flex;
          -ms-display: flex;
          -o-display: flex;
          display: -webkit-box;
          display: flex;
          -moz-align-items: stretch;
          -ms-align-items: stretch;
          -o-align-items: stretch;
          -webkit-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; } }
    @media screen and (max-width: 768px) {
      header.global .menu_list {
        text-align: center; } }
    @media screen and (min-width: 769px) {
      header.global .menu_list.type01 li, header.global .menu_list.type02 li {
        margin: 13px 0; }
        header.global .menu_list.type01 li:first-child, header.global .menu_list.type02 li:first-child {
          margin-top: 0; } }
    header.global .menu_list.type01 a, header.global .menu_list.type02 a {
      padding: 4px 0;
      font-weight: 700;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      header.global .menu_list.type01 a:hover, header.global .menu_list.type02 a:hover {
        opacity: 0.4; }
    header.global .menu_list.type01 {
      font-size: 18px; }
      @media screen and (min-width: 769px) {
        header.global .menu_list.type01 {
          padding-bottom: 45px; } }
      @media screen and (max-width: 768px) {
        header.global .menu_list.type01 {
          padding-bottom: 25px; }
          header.global .menu_list.type01 li {
            margin: 13px 0; } }
    header.global .menu_list.type02 {
      font-size: 16px; }
      @media screen and (max-width: 768px) {
        header.global .menu_list.type02 {
          padding-bottom: 36px; }
          header.global .menu_list.type02 li {
            margin: 11px 0; } }
    @media screen and (max-width: 768px) {
      header.global .menu_list.type03 li:last-child {
        padding-bottom: 4px; } }
    header.global .menu_list.type03 a {
      position: relative;
      display: block;
      font-weight: 400;
      color: #969696; }
      @media screen and (min-width: 769px) {
        header.global .menu_list.type03 a {
          padding: 16px 0; } }
      @media screen and (max-width: 768px) {
        header.global .menu_list.type03 a {
          padding: 13px 0 12px; } }
      @media screen and (min-width: 769px) {
        header.global .menu_list.type03 a::before, header.global .menu_list.type03 a::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          height: 1px;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
        header.global .menu_list.type03 a::before {
          width: 100%;
          background: #dcdcdc; }
        header.global .menu_list.type03 a::after {
          width: 0%;
          background: #000; }
        header.global .menu_list.type03 a:hover {
          color: #000; }
          header.global .menu_list.type03 a:hover::after {
            width: 100%; } }
    @media screen and (min-width: 769px) {
      header.global .menu_set {
        padding-right: 20px;
        padding-bottom: 28px;
        width: 50%; } }
    @media screen and (max-width: 768px) {
      header.global .menu_set {
        padding: 0 20px; } }
    header.global .menu_set dt {
      padding: 20px 0;
      font-size: 14px;
      font-weight: 700; }
      @media screen and (min-width: 769px) {
        header.global .menu_set dt {
          border-bottom: 1px solid #dcdcdc; } }
      @media screen and (max-width: 768px) {
        header.global .menu_set dt {
          position: relative;
          text-align: center;
          cursor: pointer;
          border-top: 1px solid #dcdcdc; } }
    @media screen and (max-width: 768px) {
      header.global .menu_set:last-child dd {
        border-bottom: 1px solid #dcdcdc; } }

/* ==========================================================================
   Footer
   ========================================================================== */
footer.global {
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    footer.global .pagetop {
      padding: 20px 0;
      text-align: center; } }
  footer.global .pagetop_link {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media screen and (min-width: 769px) {
      footer.global .pagetop_link {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 132px;
        bottom: 0px; } }
    @media screen and (max-width: 768px) {
      footer.global .pagetop_link {
        position: relative;
        top: 6px;
        width: 24px;
        height: 24px; } }
  footer.global .menu_set dt {
    font-weight: 700;
    text-align: center; }
    @media screen and (min-width: 769px) {
      footer.global .menu_set dt {
        margin: 52px 0 16px;
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      footer.global .menu_set dt {
        margin: 24px 0 12px;
        font-size: 13px; } }
  footer.global .menu_list.type04, footer.global .menu_list.type05 {
    text-align: center; }
    footer.global .menu_list.type04 li, footer.global .menu_list.type05 li {
      display: inline-block; }
      footer.global .menu_list.type04 li a, footer.global .menu_list.type05 li a {
        padding: 4px 0;
        font-weight: 400;
        color: #969696; }
        footer.global .menu_list.type04 li a:hover, footer.global .menu_list.type05 li a:hover {
          color: #000; }
  footer.global .menu_list.type04 li {
    line-height: 2.4; }
    footer.global .menu_list.type04 li::after {
      content: '/';
      display: inline-block;
      margin-left: 4px;
      margin-right: -1px;
      color: #969696;
      font-weight: 400; }
    footer.global .menu_list.type04 li:last-child::after {
      display: none; }
  footer.global .menu_list.type05 li {
    margin: 0 12px; }
  @media screen and (min-width: 769px) {
    footer.global .menu_corp {
      margin: 80px 0 12px; } }
  @media screen and (max-width: 768px) {
    footer.global .menu_corp {
      margin: 48px 0 12px; } }

.copyright {
  border-top: 1px solid #dcdcdc; }
  .copyright p {
    text-align: center;
    font-size: 10px;
    font-weight: 400; }
    .copyright p a {
      color: #969696; }
      .copyright p a:hover {
        color: #000; }
  @media screen and (min-width: 769px) {
    .copyright {
      padding: 24px 0; } }
  @media screen and (max-width: 768px) {
    .copyright {
      padding: 24px 0; } }

/*----- 4.0 Parts Components -----*/
/* ==========================================================================
   pages: common part
   ========================================================================== */
/* show control */
@media screen and (min-width: 769px) {
  .pcShow {
    display: block !important; }
  .spShow {
    display: none !important; }
  .pcShowIb {
    display: inline-block !important; }
  .spShowIb {
    display: none !important; }
  .pcFlex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .spFlex {
    display: none !important; } }

@media screen and (max-width: 768px) {
  .pcShow {
    display: none !important; }
  .spShow {
    display: block !important; }
  .pcShowIb {
    display: none !important; }
  .spShowIb {
    display: inline-block !important; }
  .pcFlex {
    display: none !important; }
  .spFlex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

/* link */
a {
  text-decoration: none;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #000; }

.pages a:hover {
  opacity: 0.7; }

/* title */
.page_title,
h2.title {
  text-align: center;
  font-weight: 700; }
  @media screen and (min-width: 769px) {
    .page_title,
    h2.title {
      font-size: 21px; } }
  @media screen and (max-width: 768px) {
    .page_title,
    h2.title {
      font-size: 18px; } }

@media screen and (min-width: 769px) {
  .pages .page_title {
    margin: 120px 0 52px; } }

@media screen and (max-width: 768px) {
  .pages .page_title {
    margin: 54px 0 30px; } }

/* colmun */
.column > * a {
  display: block; }

@media screen and (min-width: 769px) {
  .column {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }

@media screen and (min-width: 769px) {
  .column.column2 > * {
    width: 47%;
    max-width: 432px;
    margin-bottom: 90px; } }

@media screen and (max-width: 768px) {
  .column.column2 > * {
    margin-bottom: 60px; } }

@media screen and (min-width: 769px) {
  .column.column3 {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .column.column3 > * {
      width: 33%;
      max-width: 276px;
      margin-right: 6.8%;
      margin-bottom: 44px; }
      .column.column3 > *:nth-child(3n) {
        margin-right: 0; } }

@media screen and (max-width: 768px) {
  .column.column3 > * {
    margin-bottom: 24px; } }

@media screen and (max-width: 768px) {
  .sp_column2 {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .sp_column2 > * {
      width: 45%;
      max-width: 156px;
      margin-bottom: 32px; } }

/* sp toggle menu */
@media screen and (max-width: 768px) {
  .sp_tgl_list .child_hd::after {
    content: '';
    display: block;
    position: absolute;
    right: 14px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    top: 22px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .sp_tgl_list .child_bd {
    display: block;
    height: 0;
    overflow: hidden; }
  .sp_tgl_list.active .child_hd::after {
    top: 26px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .sp_tgl_list.active .child_bd {
    height: auto; } }

/* swipe nav */
@media screen and (max-width: 768px) {
  .sp_swipe {
    padding: 0 20px;
    border-bottom: 1px solid #dcdcdc; } }

.page_nav {
  text-align: center;
  /* swiper */ }
  @media screen and (min-width: 769px) {
    .page_nav.swiper-wrapper {
      display: block; } }
  .page_nav_child {
    display: inline-block; }
    @media screen and (min-width: 769px) {
      .page_nav_child {
        margin: 0 12px 32px; } }
  .page_nav_link {
    position: relative;
    font-weight: 700;
    color: #969696; }
    @media screen and (min-width: 769px) {
      .page_nav_link {
        padding-left: 16px;
        font-size: 13px; }
        .page_nav_link::before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 6px;
          height: 6px;
          -webkit-transform: rotate(-135deg);
                  transform: rotate(-135deg);
          border-top: 1px solid #969696;
          border-left: 1px solid #969696; }
        .page_nav_link:hover {
          color: #000;
          opacity: 1; }
          .page_nav_link:hover::before {
            opacity: 1;
            border-top: 1px solid #000;
            border-left: 1px solid #000; } }
    @media screen and (max-width: 768px) {
      .page_nav_link {
        padding: 22px 0;
        bottom: -1px;
        border-bottom: 2px solid transparent; }
        .page_nav_link.active {
          color: #000;
          border-bottom: 2px solid #000; } }
  .page_nav .swiper-slide {
    width: auto !important; }

/* pagenation */
.pagenation {
  text-align: center;
  font-size: 13px; }
  @media screen and (min-width: 769px) {
    .pagenation {
      margin-bottom: 140px; } }
  @media screen and (max-width: 768px) {
    .pagenation {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 60px;
      padding: 0 18%; } }
  .pagenation .current {
    margin: 0 4px;
    padding: 4px;
    display: inline-block; }
  .pagenation a {
    margin: 0 4px;
    padding: 4px;
    display: inline-block; }
    @media screen and (min-width: 769px) {
      .pagenation a {
        color: #969696; } }
    .pagenation a.pn-prev, .pagenation a.pn-next {
      position: relative;
      opacity: 0;
      pointer-events: none; }
      .pagenation a.pn-prev.active, .pagenation a.pn-next.active {
        opacity: 1;
        pointer-events: auto; }
      .pagenation a.pn-prev::after, .pagenation a.pn-next::after {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-top: 1px solid #000;
        border-left: 1px solid #000; }
        @media screen and (min-width: 769px) {
          .pagenation a.pn-prev::after, .pagenation a.pn-next::after {
            top: 1px;
            border-color: #969696; } }
        @media screen and (max-width: 768px) {
          .pagenation a.pn-prev::after, .pagenation a.pn-next::after {
            top: 7px; } }
    .pagenation a.pn-prev {
      padding-left: 12px; }
      .pagenation a.pn-prev::after {
        left: 0;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .pagenation a.pn-next {
      padding-right: 12px; }
      .pagenation a.pn-next::after {
        right: 0;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }

/* ==========================================================================
   parts: bxslider pager
   ========================================================================== */
.bx-wrapper .bx-pager {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  text-align: center;
  bottom: auto;
  overflow: hidden;
  z-index: 55; }
  @media screen and (min-width: 769px) {
    .bx-wrapper .bx-pager {
      bottom: 152px; } }
  @media screen and (max-width: 768px) {
    .bx-wrapper .bx-pager {
      top: 342px; } }

.bx-wrapper .bx-pager.bx-default-pager a {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  height: 2px;
  background: rgba(255, 255, 255, 0.35); }
  @media screen and (min-width: 769px) {
    .bx-wrapper .bx-pager.bx-default-pager a {
      width: 32px; } }
  @media screen and (max-width: 768px) {
    .bx-wrapper .bx-pager.bx-default-pager a {
      width: 22px; } }
  .bx-wrapper .bx-pager.bx-default-pager a::after {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: white;
    -webkit-transition: width 3.5s;
    transition: width 3.5s; }
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgba(255, 255, 255, 0.35); }
    .bx-wrapper .bx-pager.bx-default-pager a.active::after {
      opacity: 1;
      width: 100%; }

/*----- 5.0 Pages Components -----*/
/* ==========================================================================
   pages: Index
   ========================================================================== */
.noCursor {
  cursor: none !important; }

/* main-image */
.main-image {
  position: relative; }
  .main-image .slide {
    position: relative; }
    .main-image .slide_child {
      width: 100%; }
      .main-image .slide_child a {
        display: block; }
    .main-image .slide_img {
      width: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      background-color: #888; }
      @media screen and (min-width: 769px) {
        .main-image .slide_img {
          height: 680px;
          height: calc(100vh - 172px); } }
      @media screen and (max-width: 768px) {
        .main-image .slide_img {
          height: 370px; } }
    .main-image .slide_copy {
      text-align: center;
      font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W6", sans-serif;
      font-weight: 700;
      line-height: 1.75; }
      @media screen and (min-width: 769px) {
        .main-image .slide_copy {
          max-width: 936px;
          margin: 36px auto 24px;
          font-size: 24px; } }
      @media screen and (max-width: 768px) {
        .main-image .slide_copy {
          margin: 24px auto 16px;
          padding: 0 20px;
          font-size: 20px; } }
    .main-image .slide_cate {
      text-align: center;
      font-size: 10px; }
    @media screen and (max-width: 768px) {
      .main-image .slide .slide_copy,
      .main-image .slide .slide_cate {
        opacity: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .main-image .slide .current .slide_copy,
      .main-image .slide .current .slide_cate {
        opacity: 1; } }
    .main-image .slide .prev,
    .main-image .slide .next {
      position: absolute;
      top: 60%;
      width: 44px;
      height: 44px;
      text-indent: -9999em;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        .main-image .slide .prev,
        .main-image .slide .next {
          display: none; } }
    .main-image .slide .prev {
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg);
      left: 36px; }
    .main-image .slide .next {
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      right: 36px; }
    .main-image .slide .tip {
      position: absolute;
      left: 0;
      width: 100%;
      text-align: center; }
      @media screen and (min-width: 769px) {
        .main-image .slide .tip {
          bottom: 208px; } }
      @media screen and (max-width: 768px) {
        .main-image .slide .tip {
          top: 342px; } }
      .main-image .slide .tip_child {
        position: relative;
        display: inline-block;
        margin: 0 2px;
        height: 2px;
        background: rgba(255, 255, 255, 0.35); }
        @media screen and (min-width: 769px) {
          .main-image .slide .tip_child {
            width: 32px; } }
        @media screen and (max-width: 768px) {
          .main-image .slide .tip_child {
            width: 22px; } }
        .main-image .slide .tip_child::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 0;
          height: 100%;
          background: white; }
        .main-image .slide .tip_child.active::after {
          width: 100%; }

/* sns-juicer */
@media screen and (min-width: 769px) {
  .sns-juicer {
    margin-top: 200px; } }

@media screen and (max-width: 768px) {
  .sns-juicer {
    margin-top: 80px; } }

.sns-juicer .j-stacker-wrapper {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 769px) {
    .sns-juicer .j-stacker-wrapper {
      margin: 64px auto 0 !important;
      width: 100%;
      max-width: 1280px;
      height: 112vw;
      max-height: 1430px; } }
  @media screen and (max-width: 768px) {
    .sns-juicer .j-stacker-wrapper {
      margin: 48px auto 0;
      padding: 0 0; } }
  @media screen and (max-width: 768px) {
    .sns-juicer .j-stacker-wrapper .j-stacker {
      display: block; }
      .sns-juicer .j-stacker-wrapper .j-stacker .j-stack {
        width: 100% !important; }
        .sns-juicer .j-stacker-wrapper .j-stacker .j-stack:last-child {
          display: none; } }

.sns-juicer_inner {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 769px) {
    .sns-juicer_inner {
      margin-bottom: 220px; } }

.sns-juicer .juicer-feed {
  overflow-x: visible;
  overflow-y: visible; }
  @media screen and (max-width: 768px) {
    .sns-juicer .juicer-feed {
      padding: 0 20px; } }

.sns-juicer_list .feed-item, .sns-juicer .j-stacker .feed-item {
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .sns-juicer_list .feed-item a.j-image, .sns-juicer .j-stacker .feed-item a.j-image {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .sns-juicer_list .feed-item a.j-image:hover, .sns-juicer .j-stacker .feed-item a.j-image:hover {
      opacity: 0.5; }
    .sns-juicer_list .feed-item a.j-image::after, .sns-juicer .j-stacker .feed-item a.j-image::after {
      opacity: 0; }
  .sns-juicer_list .feed-item .j-text, .sns-juicer .j-stacker .feed-item .j-text {
    opacity: 1;
    padding: 0;
    visibility: visible;
    overflow: visible;
    background: none;
    color: #000; }
    .sns-juicer_list .feed-item .j-text .j-message, .sns-juicer .j-stacker .feed-item .j-text .j-message {
      display: none; }
    .sns-juicer_list .feed-item .j-text .j-meta, .sns-juicer .j-stacker .feed-item .j-text .j-meta {
      display: none; }
    .sns-juicer_list .feed-item .j-text .j-poster, .sns-juicer .j-stacker .feed-item .j-text .j-poster {
      opacity: 1;
      visibility: visible;
      padding: 0;
      height: 100%;
      overflow: visible; }
      .sns-juicer_list .feed-item .j-text .j-poster img, .sns-juicer .j-stacker .feed-item .j-text .j-poster img {
        display: none; }
  @media screen and (min-width: 769px) {
    .sns-juicer_list .feed-item, .sns-juicer .j-stacker .feed-item {
      position: absolute;
      opacity: 0 !important; }
      .sns-juicer_list .feed-item .j-text .j-poster a, .sns-juicer .j-stacker .feed-item .j-text .j-poster a {
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .sns-juicer_list .feed-item .j-text .j-poster a:hover, .sns-juicer .j-stacker .feed-item .j-text .j-poster a:hover {
          opacity: 1; }
      .sns-juicer_list .feed-item .j-text .j-poster h3, .sns-juicer_list .feed-item .j-text .j-poster time, .sns-juicer .j-stacker .feed-item .j-text .j-poster h3, .sns-juicer .j-stacker .feed-item .j-text .j-poster time {
        position: absolute;
        -webkit-writing-mode: tb-rl;
            -ms-writing-mode: tb-rl;
                writing-mode: tb-rl;
        /* IE独自仕様 */
        writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        color: #000; }
      .sns-juicer_list .feed-item .j-text .j-poster h3, .sns-juicer .j-stacker .feed-item .j-text .j-poster h3 {
        top: 0;
        right: -24px;
        font-size: 16px;
        font-weight: 700;
        /* overlay */
        float: none;
        overflow: visible;
        man-width: 100%; }
      .sns-juicer_list .feed-item .j-text .j-poster time, .sns-juicer .j-stacker .feed-item .j-text .j-poster time {
        bottom: 0;
        right: -16px;
        font-size: 9px; }
      .sns-juicer_list .feed-item.juicer1, .sns-juicer .j-stacker .feed-item.juicer1 {
        top: 0;
        left: 8.1%;
        width: 21.8% !important; }
      .sns-juicer_list .feed-item.juicer2, .sns-juicer .j-stacker .feed-item.juicer2 {
        top: 3.4%;
        left: 37.8%;
        width: 28.1% !important; }
      .sns-juicer_list .feed-item.juicer3, .sns-juicer .j-stacker .feed-item.juicer3 {
        top: 0.9%;
        right: 4.6%;
        width: 21.8% !important; }
      .sns-juicer_list .feed-item.juicer4, .sns-juicer .j-stacker .feed-item.juicer4 {
        top: 28.9%;
        left: 10.6%;
        width: 16.4% !important; }
      .sns-juicer_list .feed-item.juicer5, .sns-juicer .j-stacker .feed-item.juicer5 {
        top: 43.0%;
        left: 33.7%;
        width: 21.8% !important; }
      .sns-juicer_list .feed-item.juicer6, .sns-juicer .j-stacker .feed-item.juicer6 {
        top: 41.7%;
        right: 7.3%;
        width: 23.1% !important; }
      .sns-juicer_list .feed-item.juicer7, .sns-juicer .j-stacker .feed-item.juicer7 {
        bottom: 26.8%;
        left: 2.5%;
        width: 21.8% !important; }
      .sns-juicer_list .feed-item.juicer8, .sns-juicer .j-stacker .feed-item.juicer8 {
        bottom: 1.3%;
        left: 13.4%;
        width: 16.4% !important; }
      .sns-juicer_list .feed-item.juicer9, .sns-juicer .j-stacker .feed-item.juicer9 {
        bottom: 4.6%;
        left: 40.1%;
        width: 28.1% !important; }
      .sns-juicer_list .feed-item.juicer10, .sns-juicer .j-stacker .feed-item.juicer10 {
        bottom: 0%;
        right: 4.6%;
        width: 21.8% !important; } }
  @media screen and (max-width: 768px) {
    .sns-juicer_list .feed-item, .sns-juicer .j-stacker .feed-item {
      margin-top: 28px;
      display: none; }
      .sns-juicer_list .feed-item:first-child, .sns-juicer .j-stacker .feed-item:first-child {
        margin-top: 0; }
      .sns-juicer_list .feed-item.juicer1, .sns-juicer_list .feed-item.juicer2, .sns-juicer_list .feed-item.juicer3, .sns-juicer_list .feed-item.juicer4, .sns-juicer_list .feed-item.juicer5, .sns-juicer .j-stacker .feed-item.juicer1, .sns-juicer .j-stacker .feed-item.juicer2, .sns-juicer .j-stacker .feed-item.juicer3, .sns-juicer .j-stacker .feed-item.juicer4, .sns-juicer .j-stacker .feed-item.juicer5 {
        display: block; }
      .sns-juicer_list .feed-item .j-text, .sns-juicer .j-stacker .feed-item .j-text {
        position: relative; }
        .sns-juicer_list .feed-item .j-text .j-poster, .sns-juicer .j-stacker .feed-item .j-text .j-poster {
          position: relative; }
          .sns-juicer_list .feed-item .j-text .j-poster a, .sns-juicer .j-stacker .feed-item .j-text .j-poster a {
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: flex;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            -o-justify-content: space-between;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .sns-juicer_list .feed-item .j-text .j-poster a h3, .sns-juicer_list .feed-item .j-text .j-poster a time, .sns-juicer .j-stacker .feed-item .j-text .j-poster a h3, .sns-juicer .j-stacker .feed-item .j-text .j-poster a time {
              color: #000; }
            .sns-juicer_list .feed-item .j-text .j-poster a h3, .sns-juicer .j-stacker .feed-item .j-text .j-poster a h3 {
              font-size: 13px; }
            .sns-juicer_list .feed-item .j-text .j-poster a time, .sns-juicer .j-stacker .feed-item .j-text .j-poster a time {
              font-size: 8px; } }
  .sns-juicer_list .feed-item.show, .sns-juicer .j-stacker .feed-item.show {
    opacity: 1 !important; }

.sns-juicer .juicer-feed .j-instagram {
  background: none; }

/* blog */
@media screen and (min-width: 769px) {
  .blog {
    margin: 100px auto 0;
    max-width: 936px; } }

@media screen and (max-width: 768px) {
  .blog {
    margin-top: 80px; } }

@media screen and (min-width: 769px) {
  .blog_list {
    margin-top: 64px; } }

@media screen and (max-width: 768px) {
  .blog_list {
    margin-top: 44px;
    border-bottom: 1px solid #dcdcdc; } }

@media screen and (min-width: 769px) {
  .blog_list li {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (max-width: 768px) {
  .blog_list li {
    border-top: 1px solid #dcdcdc; } }

@media screen and (min-width: 769px) {
  .blog_list li .shop_link,
  .blog_list li .article_link {
    padding-top: 22px;
    padding-bottom: 22px;
    border-top: 1px solid #dcdcdc; } }

@media screen and (min-width: 769px) {
  .blog_list li:last-child .shop_link,
  .blog_list li:last-child .article_link {
    border-bottom: 1px solid #dcdcdc; } }

.blog_list li .shop_link span.name {
  font-weight: 700; }

@media screen and (min-width: 769px) {
  .blog_list li .shop_link {
    margin-right: 12px;
    width: 236px;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .blog_list li .shop_link span.sign {
      width: 17%; }
    .blog_list li .shop_link span.name {
      width: 83%; } }

@media screen and (max-width: 768px) {
  .blog_list li .shop_link {
    position: relative;
    padding: 20px 0;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex; }
    .blog_list li .shop_link span.sign {
      width: 14%; }
    .blog_list li .shop_link span.name {
      width: 86%;
      padding-right: 10%; } }

.blog_list li .shop_link span {
  display: block; }
  .blog_list li .shop_link span.sign {
    text-align: center; }
    .blog_list li .shop_link span.sign.active {
      margin-top: 3px;
      margin-bottom: -3px;
      color: #ea3d0f;
      -webkit-animation: blog-sign 2s infinite;
      animation: blog-sign 2s infinite; }

.blog_list li .article_link {
  position: relative; }
  .blog_list li .article_link span {
    display: block;
    font-weight: 400;
    color: #969696; }
    .blog_list li .article_link span.tit {
      font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif; }
    .blog_list li .article_link span.date {
      font-size: 10px; }
  @media screen and (min-width: 769px) {
    .blog_list li .article_link {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: calc(100% - 248px); }
      .blog_list li .article_link > span, .blog_list li .article_link::after {
        -webkit-transition: all 0.6s;
        transition: all 0.6s; }
      .blog_list li .article_link span.tit {
        width: calc(100% - 130px); }
      .blog_list li .article_link span.date {
        padding-right: 8px;
        width: 110px;
        text-align: right; }
      .blog_list li .article_link::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 1px;
        width: 0%;
        background: #000;
        z-index: 10; }
      .blog_list li .article_link:hover span {
        color: #000; }
      .blog_list li .article_link:hover::after {
        width: 100%; } }
  @media screen and (max-width: 768px) {
    .blog_list li .article_link {
      padding: 0 10% 0 14%; } }

@media screen and (max-width: 768px) {
  .blog_list li.active .article_link {
    padding: 0 10% 20px 14%; }
    .blog_list li.active .article_link .tit {
      line-height: 1.83; }
    .blog_list li.active .article_link .date {
      margin-top: 12px; } }

/* onlineshop */
@media screen and (min-width: 769px) {
  .onlineshop {
    margin-top: 100px; } }

@media screen and (max-width: 768px) {
  .onlineshop {
    margin-top: 80px; } }

.onlineshop .bgtitle {
  position: relative;
  background-size: cover; }
  @media screen and (min-width: 769px) {
    .onlineshop .bgtitle {
      height: 440px; } }
  @media screen and (max-width: 768px) {
    .onlineshop .bgtitle {
      height: 140px; } }
  .onlineshop .bgtitle span {
    position: absolute;
    margin-top: -0.5em;
    left: 0;
    top: 50%;
    color: #fff;
    display: block;
    width: 100%;
    height: 1em;
    text-align: center;
    font-weight: 700; }

@media screen and (max-width: 768px) {
  .onlineshop .shopitem {
    overflow: hidden;
    margin-top: 40px; }
    .onlineshop .shopitem .bx-viewport {
      height: auto !important; }
    .onlineshop .shopitem .bx-wrapper .bx-controls-direction a.bx-prev,
    .onlineshop .shopitem .bx-wrapper .bx-controls-direction a.bx-next {
      display: none; }
    .onlineshop .shopitem .bx-pager {
      display: none; } }

@media screen and (min-width: 769px) {
  .onlineshop .shopitem_list {
    margin: 112px auto 28px;
    width: 936px; } }

@media screen and (max-width: 768px) {
  .onlineshop .shopitem_list {
    left: calc(50vw - 409px); } }

.onlineshop .shopitem_list li {
  max-width: 264px; }
  @media screen and (min-width: 769px) {
    .onlineshop .shopitem_list li {
      margin-bottom: 128px; } }
  @media screen and (max-width: 768px) {
    .onlineshop .shopitem_list li {
      margin-bottom: 20px;
      width: 264px !important; } }

.onlineshop .shopitem_list a:hover figure .mask {
  opacity: 1; }

.onlineshop .shopitem_list a:hover p {
  opacity: 0.7; }

.onlineshop .shopitem_list figure {
  position: relative;
  max-width: 180px;
  margin: 0 auto; }
  .onlineshop .shopitem_list figure img {
    width: 100%; }
  .onlineshop .shopitem_list figure .mask {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .onlineshop .shopitem_list figure .mask span {
      font-size: 16px;
      font-weight: 700;
      padding: 0 0 2px;
      color: #000;
      border-bottom: 2px solid #000; }

.onlineshop .shopitem_list p {
  text-align: center; }
  .onlineshop .shopitem_list p.name {
    margin: 36px 0 8px;
    font-weight: 700;
    line-height: 1.85; }

/* ==========================================================================
   pages: Shop Pages
   ========================================================================== */
@media screen and (min-width: 769px) {
  .pages.shop .page_title {
    margin: 120px 0 84px; } }

@media screen and (min-width: 769px) {
  .pages.shop .concept .page_title {
    margin-bottom: 52px; } }

@media screen and (min-width: 769px) {
  .pages.shop .img, .pages.shop .item, .pages.shop .column2, .pages.shop .block-list {
    margin-top: 40px; } }

@media screen and (min-width: 769px) {
  .shop_list.column2 {
    max-width: 936px;
    padding: 0;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

@media screen and (max-width: 768px) {
  .shop_list_child {
    display: none; } }

@media screen and (max-width: 768px) {
  .shop_list_child.active {
    display: block; } }

.shop_list_child .photo {
  position: relative; }

.shop_list_child .shop_info {
  position: relative; }
  .shop_list_child .shop_info p {
    margin-bottom: 16px;
    font-size: 12px; }
  .shop_list_child .shop_info .name {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 14px; }
  .shop_list_child .shop_info .address {
    margin-bottom: 8px;
    line-height: 28px; }
  .shop_list_child .shop_info .sns {
    margin-bottom: 0;
    padding-top: 8px; }
    .shop_list_child .shop_info .sns_link {
      position: relative;
      padding-right: 8px;
      display: inline-block;
      color: #969696; }
      .shop_list_child .shop_info .sns_link:hover {
        color: #000; }
      .shop_list_child .shop_info .sns_link::after {
        content: '/';
        display: block;
        position: absolute;
        right: 0;
        top: 0; }
      .shop_list_child .shop_info .sns_link:last-child::after {
        display: none; }
  .shop_list_child .shop_info .map {
    padding: 0 0 4px;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #000; }

.shop_list .bx-wrapper {
  margin-bottom: 28px;
  padding-bottom: 16px; }
  .shop_list .bx-wrapper .bx-pager {
    text-align: right;
    bottom: 0;
    top: auto; }
    .shop_list .bx-wrapper .bx-pager.bx-default-pager a {
      margin: 0 0 0 4px;
      background: #bfbfbf;
      text-indent: 9999px;
      height: 1px; }
      @media screen and (min-width: 769px) {
        .shop_list .bx-wrapper .bx-pager.bx-default-pager a {
          width: 24px; } }
      @media screen and (max-width: 768px) {
        .shop_list .bx-wrapper .bx-pager.bx-default-pager a {
          width: 16px; } }
      .shop_list .bx-wrapper .bx-pager.bx-default-pager a.active::after {
        background: #000; }

.concept {
  border-top: 1px solid #dcdcdc; }
  @media screen and (min-width: 769px) {
    .concept {
      margin: 0 auto;
      padding: 0 0 50px;
      max-width: 936px; } }
  @media screen and (max-width: 768px) {
    .concept {
      margin: 0 20px;
      padding: 58px 0 22px; } }
  .concept .page_title {
    margin: 0; }
  .concept .line {
    display: block;
    width: 12px;
    height: 1px;
    overflow: hidden;
    background: #000; }
    @media screen and (min-width: 769px) {
      .concept .line {
        margin: 48px auto; } }
    @media screen and (max-width: 768px) {
      .concept .line {
        margin: 40px auto; } }
  .concept_mes {
    margin: 0 0 38px; }
  .concept_title {
    text-align: center;
    font-weight: 400; }
    @media screen and (min-width: 769px) {
      .concept_title {
        margin-bottom: 18px;
        font-size: 15px; } }
    @media screen and (max-width: 768px) {
      .concept_title {
        margin-bottom: 20px;
        font-size: 13px; } }
  .concept_txt {
    font-weight: 400; }
    @media screen and (min-width: 769px) {
      .concept_txt {
        text-align: center;
        font-size: 13px;
        line-height: 32px; } }
    @media screen and (max-width: 768px) {
      .concept_txt {
        text-align: left;
        font-size: 12px;
        line-height: 26px; } }
    .concept_txt.jp {
      font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif;
      font-weight: 400; }

/* ==========================================================================
   pages: Brand List
   ========================================================================== */
@media screen and (min-width: 769px) {
  .pages.brand .page_title {
    margin: 132px 0 60px; } }

@media screen and (min-width: 769px) {
  .pages.brand .sp_swipe {
    margin: 0 auto 64px;
    max-width: 936px;
    border-bottom: 1px solid #dcdcdc; } }

@media screen and (max-width: 768px) {
  .pages.brand .sp_swipe {
    margin-bottom: 28px; } }

@media screen and (min-width: 769px) {
  .pages.brand .page_nav_child {
    margin: 0 14px; } }

@media screen and (min-width: 769px) {
  .pages.brand .page_nav_link {
    padding: 24px 0;
    bottom: -1px;
    border-bottom: 2px solid transparent; }
    .pages.brand .page_nav_link.active {
      color: #000;
      border-bottom: 2px solid #000; }
    .pages.brand .page_nav_link::before {
      display: none; } }

@media screen and (min-width: 769px) {
  .brand_list {
    margin: 0 auto 88px;
    max-width: 936px; } }

@media screen and (max-width: 768px) {
  .brand_list {
    margin-bottom: 36px;
    padding: 0 20px; } }

.brand_list_child {
  display: none; }
  .brand_list_child a:hover {
    opacity: 1; }
  .brand_list_child.active {
    display: block; }
    .brand_list_child.active a:hover {
      opacity: 0.7; }
  @media screen and (min-width: 769px) {
    .brand_list_child {
      width: 29% !important;
      max-width: 264px !important; } }
  @media screen and (max-width: 768px) {
    .brand_list_child {
      margin-bottom: 28px !important; } }
  .brand_list_child .brand_logo {
    border: 1px solid #dcdcdc;
    text-align: center;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (min-width: 769px) {
      .brand_list_child .brand_logo {
        height: 29vw;
        max-height: 250px; } }
    @media screen and (max-width: 768px) {
      .brand_list_child .brand_logo {
        height: 45vw;
        max-height: 156px; } }
  .brand_list_child .name {
    text-align: center;
    font-size: 12px; }
    @media screen and (min-width: 769px) {
      .brand_list_child .name {
        margin-top: 22px; } }
    @media screen and (max-width: 768px) {
      .brand_list_child .name {
        margin-top: 20px; } }

@media screen and (min-width: 769px) {
  .brand_list.column.column3 {
    position: relative;
    left: 36px;
    max-width: calc(936px + 72px); }
    .brand_list.column.column3 > * {
      margin-right: 72px; }
      .brand_list.column.column3 > *:nth-child(3n) {
        margin-right: 72px; } }

/* ==========================================================================
   pages: Look Book
   ========================================================================== */
@media screen and (min-width: 769px) {
  .pages.lookbook .page_title {
    margin: 120px 0 80px; } }

.lookbook_list {
  position: relative; }
  @media screen and (min-width: 769px) {
    .lookbook_list {
      margin: 0 auto 152px;
      max-width: 936px;
      padding-top: 38px; } }
  @media screen and (max-width: 768px) {
    .lookbook_list {
      padding: 14px 20px 0; } }
  .lookbook_list_child {
    position: relative;
    overflow: hidden;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .lookbook_list_child {
        width: 396px;
        position: relative; }
        .lookbook_list_child.child01 {
          margin: 116px 0 0; }
        .lookbook_list_child.child02 {
          margin: -132px 0 0 auto; }
        .lookbook_list_child.child03 {
          margin: 124px auto 0;
          left: -72px; }
        .lookbook_list_child.child04 {
          margin: 106px 0 0 auto; }
        .lookbook_list_child.child05 {
          margin: -132px 0 0; }
        .lookbook_list_child.child06 {
          margin: 124px auto 0;
          left: 72px; }
        .lookbook_list_child:first-child {
          margin-top: 0; } }
    @media screen and (max-width: 768px) {
      .lookbook_list_child {
        margin-bottom: 56px; } }
    .lookbook_list_child .name {
      font-size: 12px; }
      @media screen and (min-width: 769px) {
        .lookbook_list_child .name {
          margin-top: 36px; } }
      @media screen and (max-width: 768px) {
        .lookbook_list_child .name {
          margin-top: 28px; } }

/* ==========================================================================
   pages: Feature 
   ========================================================================== */
@media screen and (min-width: 769px) {
  .pages.feature .page_title {
    margin: 120px 0 88px; } }

.feature_list {
  position: relative;
  display: grid; }
  @media screen and (min-width: 769px) {
    .feature_list {
      margin: -8px auto 140px;
      max-width: 936px;
      grid-gap: 54px;
      grid-template-columns: 1fr 1fr 1fr;
      /* IE */
      display: -ms-grid;
      -ms-grid-columns: 1fr 1fr 1fr; } }
  @media screen and (max-width: 768px) {
    .feature_list {
      margin-bottom: 66px;
      padding: 14px 20px 0;
      grid-gap: 20px;
      grid-template-columns: 1fr 1fr; } }
  .feature_list_child {
    position: relative;
    overflow: hidden;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .feature_list_child {
        margin-bottom: -4px;
        margin: 0 54px 54px\0; } }
    @media screen and (max-width: 768px) {
      .feature_list_child {
        padding-bottom: 8px; } }
    .feature_list_child .name {
      font-size: 12px;
      font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W6", sans-serif;
      font-weight: 700; }
      @media screen and (min-width: 769px) {
        .feature_list_child .name {
          margin: 20px 0 10px;
          line-height: 28px; } }
      @media screen and (max-width: 768px) {
        .feature_list_child .name {
          margin: 16px 0 14px;
          line-height: 20px; } }
    .feature_list_child .date {
      font-size: 10px;
      font-weight: 400; }
    .feature_list_child:first-child {
      grid-column: 1 / 3;
      grid-row: 1 / 3; }
      @media screen and (min-width: 769px) {
        .feature_list_child:first-child {
          /* IE */
          -ms-grid-column: 1 / 3;
          -ms-grid-row: 1 / 3; } }
      @media screen and (min-width: 769px) {
        .feature_list_child:first-child .name {
          margin: 48px 0 22px;
          font-size: 23px;
          line-height: 40px; } }
      @media screen and (max-width: 768px) {
        .feature_list_child:first-child .name {
          margin: 26px 0 14px; } }

/* ==========================================================================
   pages: Contact Pages
   ========================================================================== */
@media screen and (min-width: 769px) {
  .pages.contact .page_title {
    margin-bottom: 56px; } }

@media screen and (max-width: 768px) {
  .pages.contact .page_title {
    margin-bottom: 44px; } }

@media screen and (min-width: 769px) {
  .pages.contact .intro {
    margin-bottom: 52px; } }

@media screen and (max-width: 768px) {
  .pages.contact .intro {
    margin-bottom: 36px; } }

@media screen and (max-width: 768px) {
  .pages.contact .intro .text {
    text-align: left; } }

/* ==========================================================================
   pages: Form Table
   ========================================================================== */
.mw_wp_form {
  font-size: 12px;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif; }
  @media screen and (min-width: 769px) {
    .mw_wp_form {
      margin: 0 auto 140px;
      max-width: 560px; } }
  @media screen and (max-width: 768px) {
    .mw_wp_form {
      margin-bottom: 60px;
      padding: 0 20px; } }
  .mw_wp_form .vertical-item + .vertical-item {
    margin-top: 18px; }
  .mw_wp_form .mwform-radio-field {
    display: block; }
    .mw_wp_form .mwform-radio-field .mwform-radio-field-text {
      padding-left: 8px; }
  @media screen and (max-width: 768px) {
    .mw_wp_form .mwform-radio-field:first-child {
      padding-top: 10px; } }
  .mw_wp_form input[type="text"],
  .mw_wp_form input[type="email"],
  .mw_wp_form textarea {
    margin: 1px;
    padding: 10px 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 12px;
    border: 1px solid #dcdcdc;
    background: #f9f9f9;
    line-height: 28px; }
    .mw_wp_form input[type="text"]:focus,
    .mw_wp_form input[type="email"]:focus,
    .mw_wp_form textarea:focus {
      margin: 0px;
      border: 2px solid #000;
      background: #ffffff;
      outline: none; }
  .mw_wp_form .contact_btn,
  .mw_wp_form input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: block;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 0;
    border-radius: 0;
    border: 1px solid #000;
    font-size: 12px;
    text-align: center;
    background: #fff;
    cursor: pointer; }
    .mw_wp_form .contact_btn:hover,
    .mw_wp_form input[type="submit"]:hover {
      background: #000;
      color: #fff; }
    @media screen and (min-width: 769px) {
      .mw_wp_form .contact_btn,
      .mw_wp_form input[type="submit"] {
        margin-top: 52px; } }

.tbl_form dl {
  text-align-last: auto;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (min-width: 769px) {
    .tbl_form dl {
      margin-bottom: 36px;
      width: 100%; }
      .tbl_form dl:first-child dt {
        -webkit-align-self: flex-start;
        -ms-align-self: flex-start;
        -o-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; } }
  @media screen and (max-width: 768px) {
    .tbl_form dl {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; } }
  @media screen and (min-width: 769px) {
    .tbl_form dl dt {
      width: 160px; } }
  @media screen and (max-width: 768px) {
    .tbl_form dl dt {
      margin-bottom: 20px;
      width: 100%; } }
  @media screen and (min-width: 769px) {
    .tbl_form dl dd {
      width: calc(100% - 160px); } }
  @media screen and (max-width: 768px) {
    .tbl_form dl dd {
      margin-bottom: 32px;
      width: 100%; } }

.tbl_form .note {
  font-size: 10px;
  line-height: 20px; }
  @media screen and (min-width: 769px) {
    .tbl_form .note {
      margin: -20px 0 32px 160px; } }
  @media screen and (max-width: 768px) {
    .tbl_form .note {
      margin: -20px 0 32px; } }

.tbl_form .error {
  margin-top: 12px;
  color: #ea3d0f; }

/* ==========================================================================
   pages: Static Pages
   ========================================================================== */
/* intro */
.intro {
  text-align: center; }
  @media screen and (min-width: 769px) {
    .intro {
      padding: 0 30px; } }
  @media screen and (max-width: 768px) {
    .intro {
      padding: 0 20px; } }
  .intro .category {
    font-weight: 700; }
    @media screen and (min-width: 769px) {
      .intro .category {
        margin-top: 128px;
        font-size: 21px; } }
    @media screen and (max-width: 768px) {
      .intro .category {
        margin-top: 52px;
        font-size: 18px; } }
  .intro .title {
    font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W6", sans-serif;
    font-weight: 700;
    line-height: 1.6; }
    @media screen and (min-width: 769px) {
      .intro .title {
        margin-top: 52px;
        font-size: 25px; } }
    @media screen and (max-width: 768px) {
      .intro .title {
        margin-top: 32px;
        font-size: 19px; } }
  .intro .text {
    font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif;
    line-height: 2.3; }
    @media screen and (min-width: 769px) {
      .intro .text {
        margin-top: 36px; } }
    @media screen and (max-width: 768px) {
      .intro .text {
        margin-top: 24px; } }
  .intro .date {
    font-size: 10px; }
    @media screen and (min-width: 769px) {
      .intro .date {
        margin-top: 44px; } }
    @media screen and (max-width: 768px) {
      .intro .date {
        margin-top: 32px; } }

/* parts margin */
@media screen and (min-width: 769px) {
  .img, .item, .column2, .block-list {
    margin-top: 64px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding-left: 30px;
    padding-right: 30px; } }

@media screen and (max-width: 768px) {
  .img, .item, .column2, .block-list {
    margin-top: 24px; } }

.img .title, .item .title, .column2 .title, .block-list .title {
  line-height: 2;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W6", sans-serif;
  font-weight: 700; }
  @media screen and (min-width: 769px) {
    .img .title, .item .title, .column2 .title, .block-list .title {
      font-size: 17px; } }
  @media screen and (max-width: 768px) {
    .img .title, .item .title, .column2 .title, .block-list .title {
      font-size: 14px; } }

.img .text, .item .text, .column2 .text, .block-list .text {
  line-height: 2.3;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif; }

.img .caption, .item .caption, .column2 .caption, .block-list .caption {
  font-size: 10px;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif; }
  .img .caption a, .item .caption a, .column2 .caption a, .block-list .caption a {
    text-decoration: underline; }
    .img .caption a:hover, .item .caption a:hover, .column2 .caption a:hover, .block-list .caption a:hover {
      opacity: 0.7; }

/* img */
.img {
  /* Variation */ }
  .img figure {
    text-align: center; }
    @media screen and (min-width: 769px) {
      .img figure {
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (max-width: 768px) {
      .img figure {
        padding: 0 20px; } }
    .img figure img {
      width: 100%; }
  @media screen and (min-width: 769px) {
    .img .caption,
    .img .title,
    .img .text {
      max-width: 840px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .img .caption,
    .img .title,
    .img .text {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 769px) {
    .img .caption {
      padding-top: 8px; } }
  @media screen and (max-width: 768px) {
    .img .caption {
      padding-top: 4px; } }
  .img .caption a {
    text-decoration: underline; }
  .img .caption,
  .img .title {
    text-align: center; }
    @media screen and (min-width: 769px) {
      .img .caption,
      .img .title {
        margin-top: 42px; } }
    @media screen and (max-width: 768px) {
      .img .caption,
      .img .title {
        margin-top: 32px; } }
  @media screen and (min-width: 769px) {
    .img .text {
      margin-top: 32px; } }
  @media screen and (max-width: 768px) {
    .img .text {
      margin-top: 24px; } }
  .img_wide figure {
    margin-left: auto;
    margin-right: auto;
    max-width: 1216px; }
    @media screen and (max-width: 768px) {
      .img_wide figure {
        padding: 0 0; } }
  @media screen and (min-width: 769px) {
    .img_land figure {
      max-width: 840px; } }
  @media screen and (min-width: 769px) {
    .img_port figure {
      max-width: 560px; } }
  @media screen and (max-width: 768px) {
    .img_port figure {
      padding: 0 76px; } }

/* item */
@media screen and (min-width: 769px) {
  .item .item-list {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 840px;
    margin-top: -8px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 24px; } }

@media screen and (max-width: 768px) {
  .item .item-list {
    left: calc(50vw - 409px); } }

@media screen and (min-width: 769px) {
  .item .item-list li {
    width: 17%;
    max-width: 136px; } }

@media screen and (max-width: 768px) {
  .item .item-list li {
    margin-bottom: 60px;
    width: 264px !important;
    text-align: center; }
    .item .item-list li a {
      display: block; }
    .item .item-list li figure {
      position: relative;
      max-width: 180px;
      margin: 0 auto; }
    .item .item-list li img {
      width: 100%; } }

.item .item-list .name,
.item .item-list .price {
  text-align: center;
  font-size: 10px; }

.item .item-list .name {
  line-height: 1.8; }
  @media screen and (min-width: 769px) {
    .item .item-list .name {
      margin-top: 32px;
      font-weight: 700; } }
  @media screen and (max-width: 768px) {
    .item .item-list .name {
      margin-top: 36px;
      font-size: 12px; } }

.item .item-list .price {
  margin-top: 12px; }

/* column2 */
@media screen and (min-width: 769px) {
  .column2 {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (max-width: 768px) {
  .column2 {
    padding: 0 20px; } }

@media screen and (min-width: 769px) {
  .column2 .img-block {
    width: 54.5%;
    max-width: 456px; } }

.column2 .img-block .caption {
  margin-top: 32px;
  text-align: center; }

@media screen and (min-width: 769px) {
  .column2 .text-block {
    margin-top: -40px;
    width: 35%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; } }

@media screen and (max-width: 768px) {
  .column2 .text-block {
    margin-top: 32px;
    padding: 0 20px; } }

@media screen and (max-width: 768px) {
  .column2 .text-block .title {
    text-align: center; } }

.column2 .text-block .text {
  margin-top: 20px; }

@media screen and (max-width: 768px) {
  .column2.img_port {
    padding: 0; } }

@media screen and (min-width: 769px) {
  .column2.img-left .text-block {
    padding-right: 30px; } }

.column2.img-right {
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse; }
  @media screen and (min-width: 769px) {
    .column2.img-right .text-block {
      padding-left: 30px; } }

/* block-list */
.block-list {
  border-top: 1px solid #dcdcdc; }
  @media screen and (min-width: 769px) {
    .block-list {
      max-width: 840px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }
  @media screen and (max-width: 768px) {
    .block-list {
      margin-left: 20px;
      margin-right: 20px; } }
  .block-list .child {
    border-bottom: 1px solid #dcdcdc; }
    @media screen and (min-width: 769px) {
      .block-list .child {
        padding: 40px 0;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: flex; } }
    @media screen and (max-width: 768px) {
      .block-list .child {
        padding: 24px 0; } }
  @media screen and (min-width: 769px) {
    .block-list .img-block {
      margin-right: 44px;
      max-width: 218px;
      width: 26%; } }
  @media screen and (max-width: 768px) {
    .block-list .img-block {
      text-align: center;
      float: left;
      width: 120px;
      margin: 0 20px 24px 0; } }
  .block-list .img-block figure {
    display: inline-block;
    border: 1px solid #dcdcdc; }
  @media screen and (min-width: 769px) {
    .block-list .text-block {
      width: calc(100% - 26% - 44px); } }
  .block-list .text-block .title {
    font-size: 13px; }
    @media screen and (min-width: 769px) {
      .block-list .text-block .title {
        margin-top: -0.5em; } }
  .block-list .text-block .sub {
    margin-top: 4px;
    font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif; }
  .block-list .text-block .text {
    margin-top: 12px;
    font-size: 11px; }
  @media screen and (min-width: 769px) {
    .block-list .text-block .caption {
      margin-top: 12px; } }
  @media screen and (max-width: 768px) {
    .block-list .text-block .caption {
      margin-top: 16px; } }

.share {
  margin-top: 48px; }
  @media screen and (min-width: 769px) {
    .share {
      max-width: 840px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 768px) {
    .share {
      margin-left: 20px;
      margin-right: 20px; } }
  @media screen and (min-width: 769px) {
    .share dl {
      text-align: center;
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .share dl dt {
    font-weight: 700; }
    @media screen and (min-width: 769px) {
      .share dl dt {
        font-size: 18px;
        margin-right: 28px; } }
    @media screen and (max-width: 768px) {
      .share dl dt {
        font-size: 16px;
        text-align: center; } }
  .share dl dd {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .share dl dd > * {
      margin: 0 8px; }
    @media screen and (max-width: 768px) {
      .share dl dd {
        margin-top: 20px; } }

/* others */
@media screen and (min-width: 769px) {
  .others {
    margin-top: 180px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 768px) {
  .others {
    margin-top: 80px;
    margin-left: 20px;
    margin-right: 20px; } }

@media screen and (min-width: 769px) {
  .features {
    margin-top: 70px; } }

@media screen and (max-width: 768px) {
  .features {
    margin-top: 40px; } }

.features_list .main,
.features_list .sub {
  text-align: center; }

.features_list .main {
  line-height: 1.8;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W6", sans-serif;
  font-weight: 700; }
  @media screen and (min-width: 769px) {
    .features_list .main {
      margin-top: 20px; } }
  @media screen and (max-width: 768px) {
    .features_list .main {
      margin-top: 14px; } }

.features_list .sub {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 10px; }
  @media screen and (min-width: 769px) {
    .features_list .sub {
      margin-top: 12px; } }
  @media screen and (max-width: 768px) {
    .features_list .sub {
      margin-top: 12px; } }

/* ==========================================================================
   pages: Blog
   ========================================================================== */
@media screen and (min-width: 769px) {
  .pages.blog_tmp {
    margin: 0 auto;
    width: 640px; } }

@media screen and (max-width: 768px) {
  .pages.blog_tmp {
    padding: 0 20px; } }

.blog_title {
  margin-bottom: 0; }
  .blog_title a {
    display: block;
    text-indent: -9999em;
    background-position: center bottom;
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px) {
      .blog_title a {
        height: 248px; } }
    @media screen and (max-width: 768px) {
      .blog_title a {
        margin-top: 60px;
        height: 90px;
        background-size: auto 50px !important;
        background-position: center 24px !important; } }

.blog_info {
  text-align: center;
  font-size: 10px;
  color: #969696; }
  @media screen and (min-width: 769px) {
    .blog_info {
      margin-top: 0px;
      margin-bottom: 52px; } }
  @media screen and (max-width: 768px) {
    .blog_info {
      margin-bottom: 40px; } }
  .blog_info a {
    color: #969696; }
    .blog_info a:hover {
      color: #000;
      opacity: 1; }

.blog_category_nav {
  position: relative;
  display: block;
  padding: 20px 0;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer; }
  @media screen and (min-width: 769px) {
    .blog_category_nav {
      color: #969696; } }
  @media screen and (max-width: 768px) {
    .blog_category_nav {
      color: #000; } }
  .blog_category_nav:hover {
    color: #000;
    opacity: 1; }
  .blog_category_nav::after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000; }
    @media screen and (min-width: 769px) {
      .blog_category_nav::after {
        top: 22px;
        right: calc(50% - 8em);
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); } }
    @media screen and (max-width: 768px) {
      .blog_category_nav::after {
        top: 24px;
        left: calc(50% - 4.5em);
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); } }
  @media screen and (min-width: 769px) {
    .blog_category_nav.active::after {
      top: 26px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); } }

.blog_category_list {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .blog_category_list.active {
    height: auto;
    opacity: 1; }
  @media screen and (max-width: 768px) {
    .blog_category_list {
      background: none; }
      .blog_category_list.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        padding: 60px 20px 60px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fff;
        overflow-y: scroll; }
      .blog_category_list .clsbtn {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 28px;
        height: 30px; }
        .blog_category_list .clsbtn span {
          position: absolute;
          left: 0;
          top: 15px;
          width: 100%;
          height: 1px;
          background-color: #000;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .blog_category_list .clsbtn span:nth-of-type(1) {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .blog_category_list .clsbtn span:nth-of-type(2) {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); } }
  .blog_category_list dl {
    width: 100%; }
    .blog_category_list dl dt {
      font-weight: bold; }
      @media screen and (min-width: 769px) {
        .blog_category_list dl dt {
          padding: 32px 0 20px;
          font-size: 14px; } }
      @media screen and (max-width: 768px) {
        .blog_category_list dl dt {
          padding: 32px 0 24px;
          font-size: 13px; } }
    .blog_category_list dl ul, .blog_category_list dl dd {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      .blog_category_list dl ul li, .blog_category_list dl ul .link, .blog_category_list dl dd li, .blog_category_list dl dd .link {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-right: 20px;
        color: #969696;
        line-height: 2; }
        .blog_category_list dl ul li a, .blog_category_list dl ul .link a, .blog_category_list dl dd li a, .blog_category_list dl dd .link a {
          color: #969696; }
        .blog_category_list dl ul li a:hover, .blog_category_list dl ul li:hover, .blog_category_list dl ul .link a:hover, .blog_category_list dl ul .link:hover, .blog_category_list dl dd li a:hover, .blog_category_list dl dd li:hover, .blog_category_list dl dd .link a:hover, .blog_category_list dl dd .link:hover {
          color: #000;
          opacity: 1; }
        .blog_category_list dl ul li a.current, .blog_category_list dl ul li.current, .blog_category_list dl ul .link a.current, .blog_category_list dl ul .link.current, .blog_category_list dl dd li a.current, .blog_category_list dl dd li.current, .blog_category_list dl dd .link a.current, .blog_category_list dl dd .link.current {
          color: #000; }
        @media screen and (min-width: 769px) {
          .blog_category_list dl ul li, .blog_category_list dl ul .link, .blog_category_list dl dd li, .blog_category_list dl dd .link {
            margin-bottom: 4px;
            width: 25%;
            font-size: 11px; } }
        @media screen and (max-width: 768px) {
          .blog_category_list dl ul li, .blog_category_list dl ul .link, .blog_category_list dl dd li, .blog_category_list dl dd .link {
            margin-bottom: 10px;
            width: 50%;
            font-size: 10px; } }
    @media screen and (min-width: 769px) {
      .blog_category_list dl:last-child {
        padding-bottom: 24px;
        border-bottom: 1px solid #dcdcdc; } }

.blog_arg {
  text-align: center; }
  @media screen and (min-width: 769px) {
    .blog_arg {
      margin: 80px 0 64px;
      font-size: 16px; } }
  @media screen and (max-width: 768px) {
    .blog_arg {
      margin: 60px 0 52px;
      font-size: 15px; } }
  .blog_arg_theme {
    margin-left: 4px;
    font-weight: bold; }

.blog_article_title {
  padding: 0 0 20px;
  font-size: 17px;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W6", sans-serif;
  border-bottom: 1px solid #666; }
  .blog_article_title a {
    font-weight: 700;
    line-height: 1.8; }
  @media screen and (min-width: 769px) {
    .blog_article_title {
      margin-top: 72px; } }
  @media screen and (max-width: 768px) {
    .blog_article_title {
      margin-top: 52px; } }

.blog_article_content {
  padding-top: 20px; }
  .blog_article_content p {
    margin: 48px 0 0;
    line-height: 2.3;
    font-size: 12px;
    font-family: "Montserrat", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", sans-serif; }
  .blog_article_content img {
    max-width: 100%;
    height: auto; }
  .blog_article_content a {
    font-weight: bold;
    text-decoration: underline; }

.blog_article_aside .share {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 28px;
  border-bottom: 1px solid #666; }
  @media screen and (min-width: 769px) {
    .blog_article_aside .share {
      margin-top: 148px; } }
  @media screen and (max-width: 768px) {
    .blog_article_aside .share {
      margin-right: 0;
      margin-left: 0; } }
  .blog_article_aside .share .share_btn {
    margin-right: 12px; }

.blog_article_aside .blog_info {
  text-align: left; }
  @media screen and (min-width: 769px) {
    .blog_article_aside .blog_info {
      margin-bottom: 140px; } }
  @media screen and (max-width: 768px) {
    .blog_article_aside .blog_info {
      margin-bottom: 60px; } }
  .blog_article_aside .blog_info p {
    display: inline-block;
    margin-right: 32px;
    color: #000; }
    .blog_article_aside .blog_info p a {
      text-decoration: underline; }

/* blog color & logo */
.site_blog .blog_title a {
  background-image: url(./img/blog/logo_1ldk.svg);
  background-size: 242px auto;
  background-position: center 128px; }

.site_blog .blog_article_title {
  border-color: #666 !important; }

.site_blog-a .blog_title a {
  background-image: url(./img/blog/logo_apartments.svg);
  background-size: 264px auto;
  background-position: center 128px; }

.site_blog-a .blog_article_title {
  border-color: #3d553a !important; }

.site_blog-depot .blog_title a {
  background-image: url(./img/blog/logo_depot.svg);
  background-size: 254px auto;
  background-position: center 158px; }
  @media screen and (max-width: 768px) {
    .site_blog-depot .blog_title a {
      background-size: auto 26px !important; } }

.site_blog-depot .blog_article_title {
  border-color: #fedd00 !important; }

.site_blog-aoyama .blog_title a {
  background-image: url(./img/blog/logo_aoyama.svg);
  background-size: 530px auto;
  background-position: center 160px; }
  @media screen and (max-width: 768px) {
    .site_blog-aoyama .blog_title a {
      background-size: auto 26px !important; } }

.site_blog-aoyama .blog_article_title {
  border-color: #003366 !important; }

.site_blog-paris .blog_title a {
  background-image: url(./img/blog/logo_paris.svg);
  background-size: 370px auto;
  background-position: center 150px; }

.site_blog-paris .blog_article_title {
  border-color: #ec422b !important; }

.site_blog-annex .blog_title a {
  background-image: url(./img/blog/logo_annex.svg);
  background-size: 230px auto;
  background-position: center 160px; }
  @media screen and (max-width: 768px) {
    .site_blog-annex .blog_title a {
      background-size: auto 26px !important; } }

.site_blog-annex .blog_article_title {
  border-color: #63480F !important; }

.site_blog-terrace .blog_title a {
  background-image: url(./img/blog/logo_terrace.svg);
  background-size: 276px auto;
  background-position: center 156px; }
  @media screen and (max-width: 768px) {
    .site_blog-terrace .blog_title a {
      background-size: auto 26px !important; } }

.site_blog-terrace .blog_article_title {
  border-color: #739f3d !important; }

.site_blog-taste .blog_title a {
  background-image: url(./img/blog/logo_tasteandsense.svg);
  background-size: 264px auto;
  background-position: center 128px; }

.site_blog-taste .blog_article_title {
  border-color: #000 !important; }

/*----- 6.0 Popup pages -----*/
/* ==========================================================================
   Popup Global Reserve
   ========================================================================== */
.popup {
  top: 0;
  left: 0; }