@charset "UTF-8";
/* ====================================== */
/* global */
/* iOSでのデフォルトスタイルをリセット */
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,600");
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,600");
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px; }

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none; }

/* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/****************************

break-point

*****************************/
/****************************

unit-setting

*****************************/
html {
  font-size: calc(90vw / 80); }
  @media screen and (max-width: 600px) {
    html {
      font-size: calc(100vw / 26); } }
  @media screen and (min-width: 601px) and (max-width: 960px) {
    html {
      font-size: calc(90vw / 60); } }
  @media screen and (min-width: 961px) and (max-width: 1100px) {
    html {
      font-size: calc(90vw / 70); } }
  @media screen and (min-width: 1101px) and (max-width: 1400px) {
    html {
      font-size: calc(90vw / 80); } }
  @media screen and (min-width: 1401px) {
    html {
      font-size: 15px; } }

/****************************

color-setting

*****************************/
/****************************

font-setting

*****************************/
/****************************

break-point

*****************************/
/****************************

unit-setting

*****************************/
html {
  font-size: calc(90vw / 80); }
  @media screen and (max-width: 600px) {
    html {
      font-size: calc(100vw / 26); } }
  @media screen and (min-width: 601px) and (max-width: 960px) {
    html {
      font-size: calc(90vw / 60); } }
  @media screen and (min-width: 961px) and (max-width: 1100px) {
    html {
      font-size: calc(90vw / 70); } }
  @media screen and (min-width: 1101px) and (max-width: 1400px) {
    html {
      font-size: calc(90vw / 80); } }
  @media screen and (min-width: 1401px) {
    html {
      font-size: 15px; } }

/****************************

color-setting

*****************************/
/****************************

font-setting

*****************************/
html {
  background-color: #1b1b1b; }

html, body {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  line-height: 1em;
  font-family: "Noto Serif Japanese", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  font-weight: 100; }

a {
  color: #fff; }

.container {
  overflow: hidden; }
  .container.shop {
    width: calc(100% - 300px);
    padding: 0 0 0 300px;
    min-height: 100vh; }
    @media screen and (max-width: 600px) {
      .container.shop {
        width: 100%;
        padding: 0; } }

br.sp {
  display: none; }
  @media screen and (max-width: 600px) {
    br.sp {
      display: inline; } }

@media screen and (max-width: 600px) {
  br.pc {
    display: none; } }

/* ====================================== */
/* pages */
body[data-pageType="indivisual"] .indivisual-visual__wrapper {
  width: 100vw;
  height: 40vh;
  background-color: #1b1b1b;
  overflow: hidden; }

body[data-pageType="indivisual"] .indivisual-visual__inner {
  width: 100vw;
  height: 50vh;
  background-size: cover; }
  @media screen and (max-width: 600px) {
    body[data-pageType="indivisual"] .indivisual-visual__inner {
      height: 100vh; } }
  body[data-pageType="indivisual"] .indivisual-visual__inner.topics {
    background: transparent url(../images/image-visual/imagevisual_topics.jpg) no-repeat center;
    background-size: cover; }
  body[data-pageType="indivisual"] .indivisual-visual__inner.shop {
    background: transparent url(../images/image-visual/imagevisual_shop.jpg) no-repeat center;
    background-size: cover; }
  body[data-pageType="indivisual"] .indivisual-visual__inner.tips {
    background: transparent url(../images/image-visual/imagevisual_tips.jpg) no-repeat center;
    background-size: cover; }
  body[data-pageType="indivisual"] .indivisual-visual__inner.news {
    background: transparent url(../images/image-visual/imagevisual_news.jpg) no-repeat center;
    background-size: cover; }

body[data-pageType="indivisual"] .contents__wrapper .contents {
  padding: 0 0 20rem; }
  body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="tea-tips"] {
    padding: 0 0 150px; }
    @media screen and (max-width: 600px) {
      body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="tea-tips"] {
        padding: 0 0 50px; } }
    body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="tea-tips"] .bg {
      top: 0; }
  body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="tea-news"] {
    padding: 0 0 20rem; }
    body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="tea-news"] .bg {
      top: 0; }
  body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="shop"] {
    padding: 0; }
    @media screen and (max-width: 600px) {
      body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="shop"] {
        padding: 0 0 40px; } }
    body[data-pageType="indivisual"] .contents__wrapper .contents[data-attribute="shop"] .contents__title {
      position: relative;
      top: -2.4rem; }

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

  image group

  **********************/
  /********************

  image colum

  **********************/ }
  .about-image__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 40rem;
    width: 80vw;
    max-width: 1280px;
    margin: 4.5rem auto; }
    @media screen and (max-width: 600px) {
      .about-image__group {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 45rem;
        margin: 4.5rem auto 2rem; } }
    @media screen and (max-width: 600px) {
      .about-image__group--solo {
        height: 16rem; } }
    .about-image__group[data-row="1"] {
      height: 320px; }
      @media screen and (max-width: 600px) {
        .about-image__group[data-row="1"] {
          height: 450px; } }
    .about-image__group[data-row="2"] {
      height: 640px; }
  .about-image__col {
    width: 60%;
    height: 50%;
    padding: .5rem;
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      .about-image__col {
        padding: .5rem 0; } }
    .about-image__col--w6 {
      width: 60%; }
      @media screen and (max-width: 600px) {
        .about-image__col--w6 {
          width: 100%; } }
    .about-image__col--w4 {
      width: 40%; }
      @media screen and (max-width: 600px) {
        .about-image__col--w4 {
          width: 100%; } }
    .about-image__col--w5 {
      width: 50%; }
      @media screen and (max-width: 600px) {
        .about-image__col--w5 {
          width: 100%; } }
    .about-image__col--w10 {
      width: 100%; }
      @media screen and (max-width: 600px) {
        .about-image__col--w10 {
          width: 100%; } }
    .about-image__col--h5 {
      height: 50%; }
      @media screen and (max-width: 600px) {
        .about-image__col--h5 {
          height: 33%; } }
    .about-image__col--h5--row4 {
      height: 50%; }
      @media screen and (max-width: 600px) {
        .about-image__col--h5--row4 {
          height: 25%; } }
    .about-image__col--h10 {
      height: 100%; }
      @media screen and (max-width: 600px) {
        .about-image__col--h10 {
          height: 50%; } }
    @media screen and (max-width: 600px) {
      .about-image__col--solo {
        height: 100%; } }
  .about-image__col__in {
    background-color: #b87f08;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
    .about-image__col__in--tlc-01 {
      background: url("../images/about/tlc/01.png");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-02 {
      background: url("../images/about/tlc/02.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-03 {
      background: url("../images/about/tlc/03.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-04 {
      background: url("../images/about/tlc/04.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-05 {
      background: url("../images/about/tlc/05.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-06 {
      background: url("../images/about/tlc/06.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-07 {
      background: url("../images/about/tlc/07.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-08 {
      background: url("../images/about/tlc/08.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-09 {
      background: url("../images/about/tlc/09.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-10 {
      background: url("../images/about/tlc/10.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-teapot {
      background: url("../images/about/tlc/teapot.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--tlc-tealeaf {
      background: url("../images/about/tlc/tealeaf.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--yh-01 {
      background: url("../images/about/yh/01.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--yh-02 {
      background: url("../images/about/yh/02.jpg");
      background-size: cover;
      background-position: center; }
    .about-image__col__in--yh-03 {
      background: url("../images/about/yh/03.jpg");
      background-size: cover;
      background-position: center; }

.about-prof {
  width: 60rem;
  margin: 0 auto 6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end; }
  @media screen and (max-width: 600px) {
    .about-prof {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  .about-prof__sentence {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 40px;
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      .about-prof__sentence {
        width: 100%;
        padding: 0;
        margin: 2rem 0 0; } }
  .about-prof__title {
    font-size: 1.2rem;
    margin: 0 0 2rem; }
    @media screen and (max-width: 600px) {
      .about-prof__title {
        width: 100%;
        text-align: center;
        font-size: 1.4rem; } }
  .about-prof__txt {
    line-height: 1.8;
    font-size: .9rem;
    letter-spacing: .1em; }
  .about-prof__img {
    width: 30%;
    height: 240px;
    background-color: antiquewhite; }
    @media screen and (max-width: 600px) {
      .about-prof__img {
        width: 70%; } }
    .about-prof__img.sugeno {
      background: url("../images/about/sugeno-prof.jpg");
      background-size: contain;
      background-position: center; }
    .about-prof__img.kaneka {
      background: url("../images/about/kaneka-prof.jpg");
      background-size: contain;
      background-position: center; }

.about-visual__wrapper {
  width: 100vw;
  height: 50vh;
  background-color: #1b1b1b;
  overflow: hidden; }

.about-visual__inner {
  width: 100vw;
  height: 50vh; }
  .about-visual__inner.nt {
    background: transparent url(../images/about/about_newtitle.jpg) no-repeat center;
    background-size: cover; }
  .about-visual__inner.tlg {
    background: transparent url(../images/about/about_tlg.jpg) no-repeat center;
    background-size: cover; }
  .about-visual__inner.tlc {
    background: transparent url(../images/about/about_tlc.jpg) no-repeat center;
    background-size: cover; }
  .about-visual__inner.tlp {
    background: transparent url(../images/about/about_tlp.jpg) no-repeat center;
    background-size: cover; }
    @media screen and (max-width: 600px) {
      .about-visual__inner.tlp {
        background-size: 220vw; } }
  .about-visual__inner.nine {
    background: transparent url(../images/about/about_nine.jpg) no-repeat center;
    background-size: cover; }
  .about-visual__inner.yh {
    background: transparent url(../images/about/about_yh.jpg) no-repeat center;
    background-size: cover; }

.about__group {
  margin: 10rem 0; }
  @media screen and (max-width: 600px) {
    .about__group {
      padding: 0 1.5rem;
      margin: 5rem 0; } }

.about__copy {
  text-align: center;
  font-size: 22px;
  margin: 6rem 0 50px;
  letter-spacing: .15em;
  line-height: 2; }
  @media screen and (max-width: 600px) {
    .about__copy {
      font-size: 1.4rem; } }
  .about__copy--sub {
    font-size: 17px;
    margin: 0 0 40px; }

.about__title {
  text-align: center;
  font-size: 25px;
  margin: 140px 0 80px;
  letter-spacing: .15em;
  line-height: 2; }
  @media screen and (max-width: 600px) {
    .about__title {
      font-size: 16px;
      margin: 80px 0 50px; } }

.about__sentence {
  text-align: center;
  letter-spacing: .15em;
  line-height: 2.3;
  margin: 30px 0 80px;
  font-size: 14px; }
  @media screen and (max-width: 600px) {
    .about__sentence {
      text-align: left; } }

.about__note {
  font-size: .8rem; }

body[data-pageType="about"] .contents__wrapper .contents {
  background-color: #22282d;
  padding: 0;
  margin: 0 0 -40px;
  /***********************************************

      prof

      ***********************************************/
  /***********************************************

      title

      ***********************************************/ }
  body[data-pageType="about"] .contents__wrapper .contents.tlg {
    background-color: #252d11; }
    body[data-pageType="about"] .contents__wrapper .contents.tlg[data-attribute="topics"] {
      padding: 0 0 15rem; }
  body[data-pageType="about"] .contents__wrapper .contents.tlc {
    background-color: #0c3248; }
    body[data-pageType="about"] .contents__wrapper .contents.tlc[data-attribute="topics"] {
      padding: 0 0 15rem; }
  body[data-pageType="about"] .contents__wrapper .contents.nine {
    background-color: #051e2b; }
    body[data-pageType="about"] .contents__wrapper .contents.nine[data-attribute="topics"] {
      padding: 0 0 15rem; }
  body[data-pageType="about"] .contents__wrapper .contents.yh {
    background-color: #544703; }
    body[data-pageType="about"] .contents__wrapper .contents.yh[data-attribute="topics"] {
      padding: 0 0 15rem; }
  body[data-pageType="about"] .contents__wrapper .contents .about__prof__sentence {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 40px;
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      body[data-pageType="about"] .contents__wrapper .contents .about__prof__sentence {
        width: 100%;
        padding: 0;
        margin: 2rem 0 0; } }
  body[data-pageType="about"] .contents__wrapper .contents .about__prof__title {
    font-size: 1.2rem;
    margin: 0 0 2rem; }
    @media screen and (max-width: 600px) {
      body[data-pageType="about"] .contents__wrapper .contents .about__prof__title {
        width: 100%;
        text-align: center;
        font-size: 1.4rem; } }
  body[data-pageType="about"] .contents__wrapper .contents .about__prof__txt {
    line-height: 1.8;
    font-size: .9rem;
    letter-spacing: .1em; }
  body[data-pageType="about"] .contents__wrapper .contents .about__prof {
    width: 60rem;
    margin: 0 auto 6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end; }
    @media screen and (max-width: 600px) {
      body[data-pageType="about"] .contents__wrapper .contents .about__prof {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
  body[data-pageType="about"] .contents__wrapper .contents .about__prof__img {
    width: 30%;
    height: 240px;
    background-color: antiquewhite; }
    @media screen and (max-width: 600px) {
      body[data-pageType="about"] .contents__wrapper .contents .about__prof__img {
        width: 70%; } }
    body[data-pageType="about"] .contents__wrapper .contents .about__prof__img.sugeno {
      background: url("../images/about/sugeno-prof.jpg");
      background-size: contain;
      background-position: center; }
    body[data-pageType="about"] .contents__wrapper .contents .about__prof__img.kaneka {
      background: url("../images/about/kaneka-prof.jpg");
      background-size: contain;
      background-position: center; }
  body[data-pageType="about"] .contents__wrapper .contents .sentence__title {
    position: relative;
    top: -2.4rem; }
    body[data-pageType="about"] .contents__wrapper .contents .sentence__title--ja {
      font-family: "Noto Serif Japanese", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
      font-size: 40px;
      top: 50px;
      letter-spacing: 0.3em; }
      @media screen and (max-width: 600px) {
        body[data-pageType="about"] .contents__wrapper .contents .sentence__title--ja {
          font-size: 24px;
          top: 30px; } }
  body[data-pageType="about"] .contents__wrapper .contents .sentence__container {
    padding: 0 0 10rem; }
    body[data-pageType="about"] .contents__wrapper .contents .sentence__container .explain-image {
      width: 80vw;
      height: 400px;
      background-color: #b87f08;
      margin: 0 auto; }
      @media screen and (max-width: 600px) {
        body[data-pageType="about"] .contents__wrapper .contents .sentence__container .explain-image {
          width: 100vw;
          height: 300px; } }
  body[data-pageType="about"] .contents__wrapper .contents .wave {
    position: fixed;
    width: 105vw;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    opacity: .03; }
    @media screen and (max-width: 600px) {
      body[data-pageType="about"] .contents__wrapper .contents .wave {
        width: 210vw;
        opacity: .08; } }

.member__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 960px;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .member__container {
      width: 100%; } }

.member__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 60px; }
  @media screen and (max-width: 600px) {
    .member__box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0 0 80px; } }

.member__thumb {
  width: 360px;
  height: 260px;
  background-color: beige;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 600px) {
    .member__thumb {
      width: 100%;
      height: 200px; } }
  .member__thumb.kitagawa {
    background-image: url(../images/about/kitagawa_prof.jpg); }
  .member__thumb.miura {
    background-image: url(../images/about/miura_prof.jpg); }

.member__name {
  font-size: 18px;
  letter-spacing: 0.1em;
  margin: 0 0 30px; }

.member__text-box {
  width: calc(100% - 360px);
  padding: 0 0 0 40px;
  box-sizing: border-box;
  font-size: 14px; }
  @media screen and (max-width: 600px) {
    .member__text-box {
      width: 100%;
      padding: 40px 0 0; } }

.member__profiel {
  line-height: 2; }
  .member__profiel a:hover {
    color: #b87f08; }

.news-article__contents {
  text-align: left;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: .15em;
  line-height: 2;
  color: #272727;
  font-size: 1rem; }
  .news-article__contents-title {
    font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: .12em;
    font-size: 2rem;
    color: #b87f08;
    line-height: 1em;
    margin: 6rem 0 3rem;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .news-article__contents-title {
        margin: 4rem 0 2rem; } }
  .news-article__contents__sentence {
    max-width: 630px;
    margin: 0 auto 7rem; }
    .news-article__contents__sentence h2 {
      font-size: 1.5rem;
      line-height: 1.8;
      font-weight: 600;
      margin: 0 0 2rem; }
    .news-article__contents__sentence img {
      width: 100%;
      height: auto;
      position: relative;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
      @media screen and (max-width: 600px) {
        .news-article__contents__sentence img {
          width: 100%; } }
    .news-article__contents__sentence h1 {
      border-bottom: 2px solid #b87f08;
      padding: 10px 20px;
      margin: 0 0 20px;
      box-sizing: border-box;
      font-weight: 600;
      font-size: 24px; }
    .news-article__contents__sentence h2 {
      border-left: 4px solid #b87f08;
      padding: 10px 20px;
      box-sizing: border-box;
      font-weight: 600;
      color: #b87f08;
      font-size: 22px; }
    .news-article__contents__sentence h3 {
      border-left: 4px solid #aaaaaa;
      padding: 10px 20px;
      box-sizing: border-box;
      font-weight: 600;
      font-size: 20px; }
    .news-article__contents__sentence blockquote {
      position: relative;
      padding: 3rem;
      border-right: 2px solid #bfbfbf;
      border-left: 2px solid #bfbfbf;
      color: #636363;
      line-height: 2.5;
      margin: 3rem 0; }
    .news-article__contents__sentence blockquote:before {
      content: '';
      display: block;
      position: absolute;
      top: -2rem;
      left: 0;
      width: 2rem;
      height: 2rem;
      background-image: url(../images/common/blockquote-top.png);
      background-repeat: no-repeat;
      background-position: center; }
    .news-article__contents__sentence blockquote:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -2rem;
      right: 0;
      width: 2rem;
      height: 2rem;
      background-image: url(../images/common/blockquote-bottom.png);
      background-repeat: no-repeat;
      background-position: center; }
    .news-article__contents__sentence strong {
      font-weight: 600; }
    .news-article__contents__sentence em {
      font-style: italic; }
    .news-article__contents__sentence img {
      width: 100%;
      height: auto;
      position: relative;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    @media screen and (max-width: 600px) {
      .news-article__contents__sentence img {
        width: 100%; } }
    .news-article__contents__sentence .vertical {
      width: 30rem; }
    .news-article__contents__sentence .alignnone {
      max-width: 55rem;
      width: 100% !important;
      height: auto;
      position: relative;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      margin: 3rem 0; }
    .news-article__contents__sentence .alignnone .wp-caption-text {
      font-style: italic;
      color: #858585;
      text-align: center; }
    @media screen and (max-width: 600px) {
      .news-article__contents__sentence .alignnone {
        width: 115%;
        margin: 2.5rem 0; } }
    .news-article__contents__sentence a {
      color: #b87f08;
      text-decoration: underline; }
    .news-article__contents__sentence .vertical {
      width: 30rem; }
    .news-article__contents__sentence .alignnone {
      max-width: 55rem;
      width: 100% !important;
      height: auto;
      position: relative;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      margin: 3rem 0; }
      .news-article__contents__sentence .alignnone .wp-caption-text {
        font-style: italic;
        color: #858585;
        text-align: center; }
      @media screen and (max-width: 600px) {
        .news-article__contents__sentence .alignnone {
          width: 115%;
          margin: 2.5rem 0; } }
    .news-article__contents__sentence a {
      color: #b87f08;
      text-decoration: underline; }
  .news-article__contents__image {
    position: relative;
    width: 100%;
    height: 25rem;
    background-color: #b87f08;
    margin: 5rem 0; }
    @media screen and (max-width: 600px) {
      .news-article__contents__image {
        width: 100vw;
        left: -6vw;
        height: 18rem; } }

.news-article__credit-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1em;
  max-width: 630px;
  margin: 0 auto 2rem; }
  @media screen and (max-width: 600px) {
    .news-article__credit-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin: 0 0 1rem; } }
  .news-article__credit-list__item {
    font-size: .8rem;
    letter-spacing: .1em;
    margin: 0 1.5rem 0 0; }
    @media screen and (max-width: 600px) {
      .news-article__credit-list__item {
        margin: 0 0 1rem; } }
    .news-article__credit-list__item__name {
      display: inline-block;
      margin: 0 0 0 1rem;
      color: #1b1b1b;
      text-decoration: underline; }

.news-article__editor {
  margin: 0 0 5rem; }

.news-article__editor__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 600px) {
    .news-article__editor__box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .news-article__editor__box__image {
    display: block;
    width: 8rem;
    height: 8rem;
    background-color: #b87f08;
    margin: 1rem;
    border-radius: 50%;
    overflow: hidden; }
    .news-article__editor__box__image .avatar {
      width: 100%;
      height: auto; }
  .news-article__editor__box__contents {
    text-align: left;
    width: 32rem;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #1b1b1b;
    letter-spacing: .115em;
    margin: 0 0 0 1rem; }
    @media screen and (max-width: 600px) {
      .news-article__editor__box__contents {
        width: auto;
        margin: 1rem 0 0; } }
    .news-article__editor__box__contents__author-name {
      font-size: 1.3rem;
      letter-spacing: .115em;
      margin: 0 0 1rem; }
      @media screen and (max-width: 600px) {
        .news-article__editor__box__contents__author-name {
          line-height: 1em;
          text-align: center; } }
      .news-article__editor__box__contents__author-name .sp_br {
        display: none; }
        @media screen and (max-width: 600px) {
          .news-article__editor__box__contents__author-name .sp_br {
            display: inline; } }
      .news-article__editor__box__contents__author-name .alphabet {
        font-size: .8rem;
        color: #858585; }
    .news-article__editor__box__contents__author-profile {
      letter-spacing: .115em;
      font-size: .8rem;
      line-height: 2em; }
      .news-article__editor__box__contents__author-profile a {
        color: #b87f08;
        text-decoration: underline; }

.news-article__next-arrow {
  position: absolute;
  right: 0;
  bottom: -8rem;
  z-index: 9; }
  @media screen and (max-width: 600px) {
    .news-article__next-arrow {
      right: 5vw; } }
  .news-article__next-arrow__bar {
    display: block;
    float: right;
    width: 1px;
    height: 5rem;
    background-color: #b87f08; }
  .news-article__next-arrow__text {
    font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 2.5rem;
    letter-spacing: .115em;
    color: #b87f08;
    display: block;
    margin: 1.5rem 0 1rem;
    line-height: 1em; }
  .news-article__next-arrow__arrow {
    display: block;
    float: right;
    width: 1px;
    height: 5rem;
    background-color: #b87f08; }

.news-article__next {
  position: fixed;
  bottom: 0;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  height: 40vh;
  padding: 6rem 0;
  box-sizing: border-box;
  clear: both;
  background-color: #000;
  text-align: center; }
  .news-article__next__linkarea {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99; }
  .news-article__next__date {
    opacity: 0;
    font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1rem;
    margin: 0 0 2rem;
    letter-spacing: .115em;
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    transform: translate(0, 15px);
    transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1) 1s; }
  .news-article__next__title {
    width: 60vw;
    opacity: 0;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: .115em;
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    transform: translate(0, 15px);
    transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1) 1.2s;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .news-article__next__title {
        width: 90vw;
        font-size: 1rem; } }
  .news-article__next__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: -9; }
  .news-article__next.is-show .news-article__next__date {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  .news-article__next.is-show .news-article__next__title {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.news-article__related {
  margin: 0 0 8rem; }
  .news-article__related__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 600px) {
      .news-article__related__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        width: 100%; } }
    .news-article__related__box__item {
      width: 31%;
      margin: 0 .5rem 2rem;
      cursor: pointer; }
      @media screen and (max-width: 600px) {
        .news-article__related__box__item {
          width: 100%;
          margin: 0 0 3rem; } }
      .news-article__related__box__item__image__mask {
        overflow: hidden; }
      .news-article__related__box__item__image {
        width: 100%;
        height: 15rem;
        background-color: antiquewhite; }
      .news-article__related__box__item__contents {
        position: relative;
        padding: 2rem 1.5rem 1.5rem;
        box-sizing: border-box;
        width: 90%;
        margin: -4rem auto 0;
        background-color: #fff;
        overflow: hidden; }
        .news-article__related__box__item__contents__store-name {
          font-size: 1rem;
          line-height: 1.8;
          text-align: center;
          margin: 0 0 .5rem;
          color: #b87f08; }
        .news-article__related__box__item__contents__title {
          font-size: .9rem;
          line-height: 1.8;
          text-align: justify;
          margin: 0 0 1.5rem; }
        .news-article__related__box__item__contents__sentence {
          text-align: left;
          font-size: .8rem;
          letter-spacing: .115em;
          line-height: 1.7em;
          margin: 0 0 1rem; }
        .news-article__related__box__item__contents__tag-list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          float: left; }
          .news-article__related__box__item__contents__tag-list__item {
            font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-size: .8rem;
            line-height: 1em;
            margin: 0 1rem 0 0; }
        .news-article__related__box__item__contents__date {
          font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          float: right;
          color: #1b1b1b;
          font-size: .8rem;
          line-height: 1em; }
        .news-article__related__box__item__contents__hover__border {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0%;
          height: 2px;
          background-color: #b87f08; }

.news-article__share-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 50rem;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .news-article__share-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .news-article__share-list-item.sp {
    display: none; }
  @media screen and (max-width: 600px) {
    .news-article__share-list-item.sp {
      display: inherit; } }

.news-article__share-btn {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 16rem;
  padding: 16px 0;
  margin: 0;
  font-weight: bold;
  background-color: transparent;
  transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .news-article__share-btn {
      width: 100%;
      margin: 0 auto 1.5rem;
      box-sizing: border-box; } }
  .news-article__share-btn.facebook:after {
    background-image: url(../images/common/sns/f_gold.svg); }
  .news-article__share-btn.twitter:after {
    background-image: url(../images/common/sns/t_gold.svg); }
  .news-article__share-btn.line:after {
    background-image: url(../images/common/sns/l_gold.svg); }
  .news-article__share-btn.hatebu:after {
    background-image: url(../images/common/sns/h_gold.svg); }
  .news-article__share-btn:hover {
    color: #fff;
    background-color: #b87f08; }
    .news-article__share-btn:hover.facebook:after {
      background-image: url(../images/common/sns/f.svg); }
    .news-article__share-btn:hover.twitter:after {
      background-image: url(../images/common/sns/t.svg); }
    .news-article__share-btn:hover.line:after {
      background-image: url(../images/common/sns/l.svg); }
    .news-article__share-btn:hover.hatebu:after {
      background-image: url(../images/common/sns/h.svg); }

.news-article__image--mask {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 9; }
  @media screen and (max-width: 600px) {
    .news-article__image--mask {
      height: 60vh; } }

.news-article__image-wrapper {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  background-attachment: fixed; }
  @media screen and (max-width: 600px) {
    .news-article__image-wrapper {
      height: 70vh; } }

.news-article__contents-wrapper {
  position: relative;
  margin: 0 0 40vh;
  z-index: 9; }

.news-article__bg {
  position: absolute;
  top: 20rem;
  z-index: -9;
  width: 100%;
  height: calc(100% - 20rem);
  background-color: #1b1b1b; }

.news-article__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75rem;
  color: #1b1b1b;
  margin: -20rem auto 0;
  z-index: 0; }
  @media screen and (max-width: 600px) {
    .news-article__wrapper {
      width: 100%;
      margin: 0 auto; } }

.news-article__colum {
  width: 10rem;
  background-color: #fff;
  margin: 10rem 0 0;
  padding: 1px 0 0;
  z-index: 1; }
  .news-article__colum__triangle {
    display: block;
    width: 10rem;
    height: 10rem;
    background-color: #fff;
    margin: -10rem 0 0;
    background: url(../images/news/triangle.svg) no-repeat center;
    background-size: 20rem 10rem;
    background-position: 0; }
    .news-article__colum__triangle.right {
      background-position: -10rem; }
  .news-article__colum__bar {
    display: block;
    width: 22rem;
    height: 1px;
    background-color: #b87f08;
    margin: -5rem 0 0 -6rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top; }
    .news-article__colum__bar.right {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .news-article__colum.right {
    float: right;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
    @media screen and (max-width: 600px) {
      .news-article__colum.right {
        display: none; } }
  .news-article__colum.left {
    float: left;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
    @media screen and (max-width: 600px) {
      .news-article__colum.left {
        display: none; } }

.news-article__container {
  position: relative;
  width: 55rem;
  float: left;
  background-color: #fff;
  padding: 5rem 0 0;
  text-align: center;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }
  @media screen and (max-width: 600px) {
    .news-article__container {
      width: 100%;
      padding: 4rem 6vw 0;
      box-sizing: border-box; } }

.news-article__date {
  font-size: .8rem;
  letter-spacing: .115em;
  color: #1b1b1b; }

.news-article__title {
  font-size: 1.4rem;
  letter-spacing: .115em;
  line-height: 1.8;
  margin: 1.8rem 0 2rem; }
  @media screen and (max-width: 600px) {
    .news-article__title {
      font-size: 1.2rem;
      margin: 1rem 0 2rem;
      text-align: justify; } }

.news-article__tag-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1em;
  font-size: .8rem;
  letter-spacing: .115em;
  color: #b87f08;
  margin: 0 0 4rem; }
  .news-article__tag-list__item {
    margin: 0 1.4rem 0 0; }
    .news-article__tag-list__item:last-child {
      margin: 0; }
  .news-article__tag-list a {
    color: #b87f08; }
  @media screen and (max-width: 600px) {
    .news-article__tag-list {
      margin: 0 0 3rem; } }

.tips-s__colum {
  width: 50%; }
  @media screen and (max-width: 600px) {
    .tips-s__colum {
      width: 100%; } }
  .tips-s__colum.right {
    height: 100vh;
    padding: 4rem;
    position: relative;
    box-sizing: border-box;
    border-left: 3px solid #b87f08; }
    @media screen and (max-width: 600px) {
      .tips-s__colum.right {
        width: 90vw;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0 4rem;
        border: none; } }
  @media screen and (max-width: 600px) {
    .tips-s__colum.left {
      height: 50vh; } }

.tips-s__nav {
  position: absolute;
  bottom: 2rem;
  letter-spacing: .115em;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  color: #fff;
  line-height: 1em;
  z-index: 9; }
  @media screen and (max-width: 600px) {
    .tips-s__nav {
      position: fixed;
      z-index: 9;
      color: #e7745b; } }
  .tips-s__nav.next {
    right: 2rem; }
  .tips-s__nav.prev {
    left: 2rem; }

.tips-s__shade {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4rem;
  z-index: 1; }
  .tips-s__shade.upper {
    top: 4rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))); }
    @media screen and (max-width: 600px) {
      .tips-s__shade.upper {
        display: none; } }
  .tips-s__shade.under {
    bottom: 4rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); }
    @media screen and (max-width: 600px) {
      .tips-s__shade.under {
        position: fixed;
        height: 8rem;
        bottom: 0;
        left: 0; } }

/*--------------------
tips no-ajax
--------------------*/
#tips-single[data-state="no-ajax"] {
  overflow-x: hidden; }
  #tips-single[data-state="no-ajax"] #pjax-contents {
    position: relative;
    z-index: 99; }
    #tips-single[data-state="no-ajax"] #pjax-contents .close_btn {
      display: none; }
  #tips-single[data-state="no-ajax"] .othertips {
    padding: 7rem 0 10rem;
    background-color: #2c3944; }

/*--------------------
tips ajax
--------------------*/
.Tips-single {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: -9;
  color: #1b1b1b; }
  @media screen and (max-width: 600px) {
    .Tips-single {
      height: auto;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }

.tips-s__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .tips-s__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto; } }

.tips-s__num {
  font-size: 2rem;
  text-align: center;
  line-height: 3em;
  position: absolute;
  top: 5rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  color: #fff;
  font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  z-index: 9; }
  .tips-s__num span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    letter-spacing: .2em;
    text-indent: .2em; }
  @media screen and (max-width: 600px) {
    .tips-s__num {
      top: 45vh;
      width: 5rem;
      height: 5rem;
      line-height: 2.5em; } }

.tips-s__seek-bar {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 3px;
  height: 100vh; }
  @media screen and (max-width: 600px) {
    .tips-s__seek-bar {
      display: none; } }

.tips-s__title {
  font-family: "Noto Serif Japanese", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  font-size: 1.6rem;
  line-height: 1.8em;
  letter-spacing: .13em;
  font-weight: bold;
  clear: both;
  margin: 4rem 0 3rem;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .tips-s__title {
      margin: 4rem 0 2rem; } }

.tips-s__inner {
  height: 100%;
  box-sizing: border-box;
  max-width: 50rem;
  margin: 0 auto; }

.tips-s__sentence {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: .135em;
  line-height: 2.4em;
  font-weight: bold;
  padding: 0 0 5rem; }
  @media screen and (max-width: 600px) {
    .tips-s__sentence {
      overflow-wrap: break-word; } }
  .tips-s__sentence img {
    max-width: 100%;
    height: auto; }

/*--------------------
topics no-ajax
--------------------*/
#topics-single[data-state="no-ajax"] {
  overflow-x: hidden; }
  #topics-single[data-state="no-ajax"] #pjax-contents {
    position: relative;
    z-index: 99; }
    @media screen and (max-width: 600px) {
      #topics-single[data-state="no-ajax"] #pjax-contents {
        padding: 2.4rem 0 0; } }
    #topics-single[data-state="no-ajax"] #pjax-contents .close_btn {
      display: none; }
  #topics-single[data-state="no-ajax"] .othertopics {
    padding: 7rem 0 10rem; }
    #topics-single[data-state="no-ajax"] .othertopics .contents__title {
      font-size: 3.5rem;
      margin: -.5em 0 2.4rem; }

/*--------------------
topics ajax
--------------------*/
.Topics-single {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: -9;
  color: #1b1b1b; }
  @media screen and (max-width: 600px) {
    .Topics-single {
      height: auto;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }

.topics-s__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90vw;
  max-width: 1400px;
  height: 100vh;
  margin: 0 auto;
  padding: 2rem 0;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .topics-s__wrap {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.topics-s__inner {
  height: 100%;
  box-sizing: border-box;
  overflow: scroll; }
  @media screen and (max-width: 600px) {
    .topics-s__inner {
      padding: 0; } }

.topics-s__shade {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4rem;
  z-index: 1; }
  .topics-s__shade.upper {
    top: 2rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))); }
    @media screen and (max-width: 600px) {
      .topics-s__shade.upper {
        display: none; } }
  .topics-s__shade.under {
    bottom: 2rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); }
    @media screen and (max-width: 600px) {
      .topics-s__shade.under {
        position: fixed;
        height: 8rem;
        bottom: 0;
        left: 0; } }

.topics-s__colum {
  width: 50%; }
  @media screen and (max-width: 600px) {
    .topics-s__colum {
      width: 100%; } }
  .topics-s__colum.left {
    padding: 2rem 3rem 2rem 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
    @media screen and (max-width: 600px) {
      .topics-s__colum.left {
        padding: 0;
        margin: 0 0 2rem; } }
  .topics-s__colum.right {
    padding: 2rem 0 2rem 3rem;
    border-left: 1px solid #b87f08;
    position: relative;
    height: 80vh; }
    @media screen and (max-width: 600px) {
      .topics-s__colum.right {
        height: auto;
        border: none;
        padding: 0; } }

.topics-s__date {
  float: right;
  line-height: 1em;
  font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.topics-s__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  float: left;
  font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.topics-s__tag {
  margin: 0 1rem 0 0;
  padding: 0 0 .4rem;
  line-height: 1em;
  border-bottom: 1px solid #b87f08; }
  .topics-s__tag a {
    color: #1b1b1b; }

.topics-s__title {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8em;
  letter-spacing: .115em;
  font-weight: bold;
  clear: both;
  margin: 2.4rem 0 2rem; }
  @media screen and (max-width: 600px) {
    .topics-s__title {
      margin: 3rem 0 2rem;
      font-size: 1.2rem; } }

.topics-s__sentence {
  color: #1b1b1b;
  padding: 3rem 0 5rem;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: .135em;
  line-height: 2.4em; }
  .topics-s__sentence a {
    color: #b87f08;
    text-decoration: underline;
    letter-spacing: 0; }
  @media screen and (max-width: 600px) {
    .topics-s__sentence {
      width: 100%;
      overflow-wrap: break-word;
      padding: 0 0 7rem; } }

/*--------------------
topics slide image
--------------------*/
.topics-s__image {
  position: absolute;
  width: 100%;
  height: 32rem;
  float: left;
  /*--------------------
  topics slide nav
  --------------------*/ }
  @media screen and (max-width: 600px) {
    .topics-s__image {
      height: 16rem; } }
  .topics-s__image__wrap {
    position: relative;
    width: 100%;
    height: 32rem;
    max-height: 60vh;
    overflow: hidden; }
    @media screen and (max-width: 600px) {
      .topics-s__image__wrap {
        height: 16rem; } }
  .topics-s__image__imageContainer {
    overflow: hidden; }
  .topics-s__image__navContainer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 3rem;
    z-index: 99; }
    @media screen and (max-width: 600px) {
      .topics-s__image__navContainer {
        left: inherit;
        right: 0; } }
  .topics-s__image__nav {
    position: relative;
    width: 50%;
    height: 100%;
    background-color: #b87f08;
    float: left;
    box-sizing: border-box;
    cursor: pointer; }
    .topics-s__image__nav__arrow {
      position: absolute;
      width: 15%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      top: 50%; }

/* ====================================== */
/* blocks */
.item-banner__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #b87f08;
  padding: 15px;
  box-sizing: border-box;
  font-family: "Noto Serif Japanese", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif; }
  @media screen and (max-width: 600px) {
    .item-banner__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 20px; } }

.item-banner__image-area {
  position: relative;
  width: 240px;
  height: 240px;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 600px) {
    .item-banner__image-area {
      margin: 0 0 40px; } }

.item-banner__info-area {
  padding: 0 0 0 30px; }
  @media screen and (max-width: 600px) {
    .item-banner__info-area {
      padding: 0;
      width: 100%; } }

.item-banner__tags {
  display: block;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
  margin: 0 0 10px; }

.item-banner__title {
  font-size: 22px;
  margin: 0 0 10px;
  color: #000;
  line-height: 1.8; }

.item-banner__price {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  margin: 0 0 10px; }

.item-banner__cart-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.item-banner__quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .item-banner__quantity .label {
    display: block;
    color: rgba(0, 0, 0, 0.65);
    margin: 0 20px 0px 0;
    font-size: 14px; }
  .item-banner__quantity input {
    padding: 10px;
    width: 48px;
    font-size: 12px; }
  .item-banner__quantity .arrow-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .item-banner__quantity .arrow {
    padding: 0px 14px; }

.item-banner__cart-button {
  color: #fff;
  background-color: #b87f08;
  padding: 10px;
  width: 180px;
  margin: 0 0 0 20px;
  font-size: 14px;
  font-weight: 600; }

.contact__form__submit, .shop-mail__submit {
  width: 12rem;
  font-size: 1em;
  color: #fff;
  border-style: none;
  color: #b87f08;
  margin: 0 0 0 1rem;
  padding: 12px 0;
  text-align: center;
  border: 1px solid #b87f08;
  border-radius: 12rem;
  -webkit-appearance: none;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .contact__form__submit, .shop-mail__submit {
      width: 85%;
      margin: 2rem 0 0; } }
  .hover.contact__form__submit:hover, .hover.shop-mail__submit:hover {
    color: #1b1b1b;
    background-color: #b87f08; }

.news-article__share-btn, .about__snsBtn {
  color: #b87f08;
  font-size: .8rem;
  letter-spacing: .115em;
  display: block;
  position: relative;
  text-align: center;
  border: 1px solid;
  border-radius: 12rem; }

.news-article__share-btn:after, .about__snsBtn:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/btn/plus.svg);
  background-position: center;
  right: 26px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.close_btn {
  display: block;
  position: absolute;
  right: 2rem;
  top: 3rem;
  width: 2rem;
  height: 2rem;
  z-index: 9;
  transition: -webkit-transform 0.4s cubic-bezier(0.1, 0.77, 0.48, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0.77, 0.48, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .close_btn {
      position: fixed;
      bottom: 1.5rem;
      top: initial;
      z-index: 9;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
  .close_btn.hover:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .close_btn .bar {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #b87f08; }
    .close_btn .bar:nth-child(1) {
      -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center; }
    .close_btn .bar:nth-child(2) {
      -webkit-transform: translate(0, -50%) rotate(-45deg);
      -ms-transform: translate(0, -50%) rotate(-45deg);
      transform: translate(0, -50%) rotate(-45deg);
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center; }

.more-btn {
  color: #b87f08;
  margin: 4rem auto 0;
  display: block;
  position: relative;
  width: 20rem;
  padding: 6px 0;
  text-align: center;
  border: 1px solid #b87f08;
  border-radius: 12rem;
  line-height: 2.4em;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  background-color: transparent;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .more-btn {
      width: 85%; } }
  .more-btn:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/btn/plus.svg);
    background-position: center;
    right: 26px;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(0deg);
    -ms-transform: translate(0, -50%) rotate(0deg);
    transform: translate(0, -50%) rotate(0deg);
    transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1); }
  .more-btn.hover:hover {
    color: #1b1b1b;
    background-color: #b87f08; }
    .more-btn.hover:hover:after {
      -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
      transform: translate(0, -50%) rotate(180deg);
      background-image: url(../images/common/btn/plus_bk.svg); }

.btn_fadeout {
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1); }
  .btn_fadeout.hover:hover {
    opacity: .4; }

.about__snsList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 600px) {
    .about__snsList {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }

.about__snsItem {
  margin: 0 1rem; }
  @media screen and (max-width: 600px) {
    .about__snsItem {
      margin: 0;
      width: 80%; } }

.about__snsBtn {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 16rem;
  padding: 16px 0;
  margin: 0;
  font-weight: bold;
  background-color: transparent;
  transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .about__snsBtn {
      width: 100%;
      margin: 0 auto 1.5rem;
      box-sizing: border-box; } }
  .about__snsBtn.facebook:after {
    background-image: url(../images/common/sns/f_gold.svg); }
  .about__snsBtn.twitter:after {
    background-image: url(../images/common/sns/t_gold.svg); }
  .about__snsBtn.line:after {
    background-image: url(../images/common/sns/l_gold.svg); }
  .about__snsBtn.hatebu:after {
    background-image: url(../images/common/sns/h_gold.svg); }
  .about__snsBtn:hover {
    color: #fff;
    background-color: #b87f08; }
    .about__snsBtn:hover.facebook:after {
      background-image: url(../images/common/sns/f.svg); }
    .about__snsBtn:hover.twitter:after {
      background-image: url(../images/common/sns/t.svg); }
    .about__snsBtn:hover.line:after {
      background-image: url(../images/common/sns/l.svg); }
    .about__snsBtn:hover.hatebu:after {
      background-image: url(../images/common/sns/h.svg); }

.commingsoon {
  text-align: center;
  font-size: 3rem;
  color: #b87f08; }

footer .inner {
  width: 90vw;
  max-width: 1400px;
  padding: 1.5rem 0;
  margin: 0 auto;
  z-index: 99; }
  footer .inner .copyright {
    font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3c3c3c;
    letter-spacing: .3em; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  padding: 1.4rem;
  box-sizing: border-box;
  text-align: center;
  z-index: 9999;
  transition: top 0.4s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    header {
      background-color: #1b1b1b; } }
  header.is-hide {
    top: -60px; }
  header .header__logo {
    width: 100px;
    display: inline-block; }
    header .header__logo .logomark {
      fill: #fff; }

.link {
  color: #1b1b1b; }

.wp-pagenavi {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #b87f08;
  font-size: 1rem;
  margin: 5rem 0 0; }
  .wp-pagenavi .pages {
    display: none; }
  .wp-pagenavi .page {
    color: #b87f08;
    margin: 0 .5rem;
    border: 1px solid #b87f08;
    padding: .5rem;
    transition: all 0.4s cubic-bezier(0.1, 0.77, 0.48, 1); }
    .wp-pagenavi .page:hover {
      color: #1b1b1b;
      background-color: #b87f08; }
  .wp-pagenavi .current {
    margin: 0 .5rem;
    border: 1px solid #b87f08;
    color: #1b1b1b;
    background-color: #b87f08;
    padding: .5rem; }
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    color: #b87f08; }
  .wp-pagenavi .last,
  .wp-pagenavi .first,
  .wp-pagenavi .extend,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    display: none; }

.pjax-wrapper {
  visibility: hidden;
  z-index: 999;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #fff;
  -webkit-transform: translate(-100vw, 0);
  -ms-transform: translate(-100vw, 0);
  transform: translate(-100vw, 0);
  transition: visibility 0.4s cubic-bezier(0.1, 0.77, 0.48, 1) 1s, -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1);
  transition: transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1), visibility 0.4s cubic-bezier(0.1, 0.77, 0.48, 1) 1s;
  transition: transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1), visibility 0.4s cubic-bezier(0.1, 0.77, 0.48, 1) 1s, -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1); }
  .pjax-wrapper:after {
    content: "";
    visibility: hidden;
    display: block;
    z-index: 9999;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: #b87f08;
    -webkit-transform: translate(-100vw, 0);
    -ms-transform: translate(-100vw, 0);
    transform: translate(-100vw, 0);
    transition: -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1); }
  .pjax-wrapper:before {
    content: "";
    visibility: hidden;
    display: block;
    z-index: 9999;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: #ad8d4a;
    -webkit-transform: translate(-100vw, 0);
    -ms-transform: translate(-100vw, 0);
    transform: translate(-100vw, 0);
    transition: -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s;
    transition: transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s;
    transition: transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s; }
  .pjax-wrapper.show {
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: visibility 0.4s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 0.3s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: transform 0.3s cubic-bezier(0.1, 0.77, 0.48, 1), visibility 0.4s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: transform 0.3s cubic-bezier(0.1, 0.77, 0.48, 1), visibility 0.4s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 0.3s cubic-bezier(0.1, 0.77, 0.48, 1); }
    .pjax-wrapper.show:after {
      visibility: visible;
      -webkit-transform: translate(100vw, 0);
      -ms-transform: translate(100vw, 0);
      transform: translate(100vw, 0); }
    .pjax-wrapper.show:before {
      visibility: visible;
      -webkit-transform: translate(100vw, 0);
      -ms-transform: translate(100vw, 0);
      transform: translate(100vw, 0); }
  .pjax-wrapper .pjax-inner {
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); }
    .pjax-wrapper .pjax-inner.show {
      opacity: 1;
      transition: all 1s cubic-bezier(0.17, 0.67, 0.83, 0.67); }

/**********************
* 目次プラグイン用 CSS
*/
#toc_container {
  padding: 2rem;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin: 0 0 3rem; }

.toc_title {
  margin: 0 0 1.2rem; }

.contact__form__input {
  background-color: transparent;
  border: none;
  width: 89%;
  box-sizing: border-box;
  color: #b87f08;
  padding: .5rem .5rem 1rem;
  font-size: 1rem;
  letter-spacing: .1em;
  border-radius: 0;
  -webkit-appearance: none; }
  @media screen and (max-width: 600px) {
    .contact__form__input {
      width: 100%;
      padding: 1.2rem 0 1rem;
      font-size: 1.3rem; } }

.contact__form {
  font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .contact__form-wrap {
    border-bottom: 1px solid #b87f08;
    margin: 0 0 2rem; }
  .contact__form__input.textarea {
    padding: 0rem .5rem 1rem; }
  .contact__form__input:focus {
    outline: none; }
  .contact__form__label {
    display: inline-block;
    width: 10%; }
    @media screen and (max-width: 600px) {
      .contact__form__label {
        width: 50%;
        font-size: 1.2rem; } }
    .contact__form__label.vertical-top {
      vertical-align: top; }
  .contact__form__submit {
    float: right;
    background-color: #d0ccc5;
    border: 1px solid !important; }
    @media screen and (max-width: 600px) {
      .contact__form__submit {
        float: none;
        display: block;
        margin: 2rem auto 0;
        width: 100%;
        border-radius: 20px !important; } }
    .contact__form__submit:hover {
      color: #d0ccc5;
      background-color: #b87f08; }

.contact__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 2em;
  margin: 0 0 2rem;
  letter-spacing: .115em; }
  .contact__list.sns {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .contact__list__label {
    -webkit-flex-basis: 5rem;
    -ms-flex-preferred-size: 5rem;
    flex-basis: 5rem;
    line-height: 1em; }
  .contact__list__item {
    line-height: 1em; }
    .contact__list__item.adress {
      line-height: 2em;
      margin: -0.5em 0 0; }
    .contact__list__item.icon {
      width: 1rem;
      height: 1rem;
      margin: 0 1rem 0 0; }

.contact {
  width: 100%; }
  .contact__title {
    font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    color: #b87f08;
    font-size: 4.5rem;
    font-weight: lighter;
    letter-spacing: .08em;
    line-height: 1em;
    margin: 0 0 -.4em; }
    @media screen and (max-width: 600px) {
      .contact__title {
        font-size: 3.5rem; } }
  .contact-container {
    width: 100%;
    background-color: #d0ccc5;
    padding: 8rem 0; }
    @media screen and (max-width: 600px) {
      .contact-container {
        padding: 5rem 0; } }
  .contact-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 90vw;
    margin: 0 auto;
    max-width: 1200px; }
    @media screen and (max-width: 600px) {
      .contact-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .contact__colum {
    width: 50%; }
    @media screen and (max-width: 600px) {
      .contact__colum {
        width: 100%; } }
    .contact__colum.right {
      color: #3c3c3c;
      padding: 2rem 0 2rem 4rem; }
      @media screen and (max-width: 600px) {
        .contact__colum.right {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1;
          padding: 0 0 4rem;
          border-bottom: 1px solid #9e9e9e; } }
    .contact__colum.left {
      color: #b87f08;
      border-right: 1px solid #9e9e9e;
      padding: 2rem 4rem 2rem 0; }
      @media screen and (max-width: 600px) {
        .contact__colum.left {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2;
          padding: 4rem 0 0;
          border-right: none; } }
  .contact__text {
    line-height: 2em;
    margin: 0 0 4rem;
    letter-spacing: .115em; }

/****
*
* contactform 7
*
*****/
.screen-reader-response[role="alert"] {
  padding: 2rem;
  text-align: center;
  margin: 0 0 2rem;
  border: 1px solid #b87f08; }

.wpcf7-response-output.wpcf7-mail-sent-ok {
  display: none; }

.group__item {
  position: relative;
  width: 30vw;
  padding: 0 4rem;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .group__item {
      width: 100%;
      padding: 2rem 2rem;
      box-sizing: border-box; } }
  .group__item__img {
    position: relative;
    width: 250px;
    height: 150px;
    display: inline-block; }
    .group__item__img img {
      width: 70%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .group__item__img img.tlg {
        width: 70%; }
      .group__item__img img.tlc {
        width: 100%; }
      .group__item__img img.yh {
        width: 55%; }
  .group__item__label {
    line-height: 1;
    letter-spacing: .115em;
    font-size: 16px;
    margin: 0 0 15px; }
  .group__item.border:after {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    top: 25%;
    background-color: #5a4313; }
    @media screen and (max-width: 600px) {
      .group__item.border:after {
        width: 50%;
        height: 1px;
        top: initial;
        bottom: 0;
        right: 25%; } }

.group__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  margin: 3rem auto 0; }
  @media screen and (max-width: 600px) {
    .group__list {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.group__container {
  position: relative;
  background-color: #1b1b1b;
  padding: 0 0 4rem; }
  @media screen and (max-width: 600px) {
    .group__container {
      padding: 0 1.5rem 6rem; } }
  .group__container--top {
    background-color: #22282d; }

.group__title {
  font-size: 3.5rem;
  top: -.5em;
  position: relative; }

.group__sentence {
  text-align: center;
  letter-spacing: .15em;
  line-height: 2.4em;
  margin: 3rem 0 4rem; }
  @media screen and (max-width: 600px) {
    .group__sentence {
      margin: 3rem 0 0;
      text-align: left; } }

.c-info-concept__title {
  font-size: 26px;
  color: #fff;
  margin: 0 0 25px;
  letter-spacing: 0.1em;
  line-height: 1.8; }
  @media screen and (max-width: 600px) {
    .c-info-concept__title {
      font-size: 22px; } }

.c-info-concept__text {
  font-size: 17px;
  line-height: 2.2;
  color: #fff; }
  @media screen and (max-width: 600px) {
    .c-info-concept__text {
      font-size: 15px; } }

.c-info-infoblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  margin: 60px 0 0;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .c-info-infoblock.contact {
    margin: 60px 0 0; }
  .c-info-infoblock__title {
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.2em;
    margin: 0 0 40px; }
  .c-info-infoblock__label {
    font-size: 16px;
    margin: 0 0 15px; }
  .c-info-infoblock__company {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .c-info-infoblock__company svg {
      width: 53px;
      height: 53px;
      margin: 0 12px 0 0; }
    .c-info-infoblock__company img {
      margin: 0 18px 0 0; }
    .c-info-infoblock__company span {
      font-size: 18px; }
  .c-info-infoblock__mail {
    display: block;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.1em; }

.c-info-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 2em;
  margin: 0 0 2rem;
  letter-spacing: .115em; }
  .c-info-list__title {
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.2em;
    margin: 0 0 30px; }
  .c-info-list__explain {
    color: #fff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.1em; }
  .c-info-list.sns {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .c-info-list__label {
    -webkit-flex-basis: 5rem;
    -ms-flex-preferred-size: 5rem;
    flex-basis: 5rem;
    line-height: 1em; }
  .c-info-list__item {
    line-height: 1em; }
    .c-info-list__item.adress {
      line-height: 2em;
      margin: -0.5em 0 0; }
    .c-info-list__item.icon {
      width: 1rem;
      height: 1rem;
      margin: 0 1rem 0 0; }

.c-info-sns__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 600px) {
    .c-info-sns__list {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.c-info-sns__item {
  margin: 0 20px; }
  @media screen and (max-width: 600px) {
    .c-info-sns__item {
      margin: 0 0 20px; } }

.c-info-sns__btn {
  color: #fff;
  font-size: .8rem;
  letter-spacing: .115em;
  display: block;
  position: relative;
  text-align: center;
  border: 1px solid;
  border-radius: 12rem;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 200px;
  padding: 16px 0;
  margin: 0;
  opacity: 1;
  font-weight: bold;
  background-color: transparent;
  transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .c-info-sns__btn {
      width: 100%;
      margin: 0 0 15px; } }
  .c-info-sns__btn:hover {
    opacity: 0.65; }
  .c-info-sns__btn:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-position: center;
    left: 18px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .c-info-sns__btn.facebook:after {
    background-image: url(../images/common/sns/f.svg); }
  .c-info-sns__btn.insta:after {
    background-image: url(../images/common/sns/i.svg); }

.c-info {
  width: 100%; }
  .c-info__logo {
    width: 100%;
    text-align: center;
    margin: 0 0 50px; }
    .c-info__logo img {
      width: 200px; }
  .c-info-container {
    position: relative;
    width: 100%;
    background-color: #000;
    padding: 80px 0;
    background-image: url(../images/news/main_thum_1.jpg);
    background-position: bottom;
    background-size: cover;
    z-index: 0; }
    @media screen and (max-width: 600px) {
      .c-info-container {
        padding: 5rem 0; } }
    .c-info-container:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.85);
      z-index: -9; }
  .c-info-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 90vw;
    margin: 0 auto;
    max-width: 1200px; }
    @media screen and (max-width: 600px) {
      .c-info-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .c-info__colum {
    width: 50%; }
    @media screen and (max-width: 600px) {
      .c-info__colum {
        width: 100%; } }
    .c-info__colum.right {
      color: #3c3c3c;
      padding: 2rem 0 4rem 4rem; }
      @media screen and (max-width: 600px) {
        .c-info__colum.right {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1;
          padding: 0 0 4rem;
          border-bottom: 1px solid #9e9e9e; } }
    .c-info__colum.left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #b87f08;
      border-right: 1px solid #444;
      padding: 2rem 4rem 2rem 0; }
      @media screen and (max-width: 600px) {
        .c-info__colum.left {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2;
          padding: 4rem 0 0;
          border-right: none; } }
  .c-info__text {
    line-height: 2em;
    margin: 0 0 4rem;
    letter-spacing: .115em; }

/****
*
* contactform 7
*
*****/
.screen-reader-response[role="alert"] {
  padding: 2rem;
  text-align: center;
  margin: 0 0 2rem;
  border: 1px solid #b87f08; }

.wpcf7-response-output.wpcf7-mail-sent-ok {
  display: none; }

.load-wrapper {
  visibility: visible;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #1b1b1b;
  z-index: 999999;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: opacity 0.2s cubic-bezier(0.1, 0.77, 0.48, 1), visibility 0.2s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 1s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s;
  transition: opacity 0.2s cubic-bezier(0.1, 0.77, 0.48, 1), visibility 0.2s cubic-bezier(0.1, 0.77, 0.48, 1), transform 1s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s;
  transition: opacity 0.2s cubic-bezier(0.1, 0.77, 0.48, 1), visibility 0.2s cubic-bezier(0.1, 0.77, 0.48, 1), transform 1s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.1, 0.77, 0.48, 1) 0.2s; }
  .load-wrapper.is-hide {
    visibility: hidden;
    opacity: 0; }
  .load-wrapper:before {
    content: "";
    visibility: hidden;
    display: block;
    z-index: 9999;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: #252525;
    transition: -webkit-transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.2s;
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.2s;
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.2s, -webkit-transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.2s; }
  .load-wrapper:after {
    content: "";
    visibility: hidden;
    display: block;
    z-index: 9999;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: #212121;
    transition: -webkit-transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.4s;
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.4s;
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.4s, -webkit-transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.4s; }
  .load-wrapper.show {
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: visibility 0.1s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), visibility 0.1s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), visibility 0.1s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); }
    .load-wrapper.show:after {
      visibility: visible;
      -webkit-transform: translate(100vw, 0);
      -ms-transform: translate(100vw, 0);
      transform: translate(100vw, 0); }
    .load-wrapper.show:before {
      visibility: visible;
      -webkit-transform: translate(100vw, 0);
      -ms-transform: translate(100vw, 0);
      transform: translate(100vw, 0); }

.loading-logo__logo {
  opacity: 0;
  width: 18rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity .8s ease-in-out .5s;
  z-index: 9999999; }
  .loading-logo__logo.is-show {
    visibility: visible;
    opacity: 1;
    top: 46%; }

.loading-logo__maincopy {
  display: block;
  width: 100%;
  text-align: center;
  font-size: .8rem;
  font-weight: bold;
  opacity: 0;
  position: fixed;
  top: 57%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity .8s ease-in-out .5s;
  line-height: 2;
  z-index: 9999999; }
  @media screen and (max-width: 600px) {
    .loading-logo__maincopy {
      top: 60%; } }
  .loading-logo__maincopy.is-show {
    visibility: visible;
    opacity: 1;
    top: 50%; }
    @media screen and (max-width: 600px) {
      .loading-logo__maincopy.is-show {
        top: 60%; } }

.share__btn {
  position: relative;
  width: 14px;
  height: 14px;
  display: block;
  padding: 5px 8px;
  border: 1px solid #b87f08;
  border-radius: 20%;
  background-color: inherit; }
  @media screen and (max-width: 600px) {
    .share__btn {
      width: 2rem;
      height: 2rem; } }
  .share__btn:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-position: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat; }
  .share__btn.f_btn:after {
    background-image: url(../images/common/sns/f_gold.svg); }
  .share__btn.t_btn:after {
    background-image: url(../images/common/sns/t_gold.svg); }
  .share__btn.h_btn:after {
    background-image: url(../images/common/sns/h_gold.svg); }
  .share__btn.hover:hover {
    background-color: #b87f08; }
    .share__btn.hover:hover.f_btn:after {
      background-image: url(../images/common/sns/f.svg); }
    .share__btn.hover:hover.t_btn:after {
      background-image: url(../images/common/sns/t.svg); }
    .share__btn.hover:hover.h_btn:after {
      background-image: url(../images/common/sns/h.svg); }

.share__item {
  float: left;
  margin: 0 .5rem 0 0; }
  @media screen and (max-width: 600px) {
    .share__item {
      margin: 0 1rem 0 0; } }
  .share__item:last-child {
    margin: 0; }

.share__list {
  margin: 0 0 1.5rem;
  overflow: hidden; }
  .share__list.tips {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 6rem; }

.menu-bar {
  position: absolute;
  top: 0;
  right: -45px;
  width: 45px;
  height: 100vh;
  transition: right 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89); }
  @media screen and (max-width: 600px) {
    .menu-bar {
      right: -60px;
      width: 62px;
      height: 52px; } }
  .menu-bar.is-hide {
    right: 0; }
  .menu-bar__label {
    opacity: 1;
    position: absolute;
    bottom: -20px;
    font-size: 0.5rem;
    letter-spacing: 0.1rem;
    color: #b87f08;
    font-weight: bold;
    transition: opacity 0.5s cubic-bezier(0.69, -0.66, 0.15, 0.89) 1s; }
    @media screen and (max-width: 600px) {
      .menu-bar__label {
        bottom: -16px; } }
    .menu-bar__label.is-open {
      opacity: 0;
      transition: opacity 0.5s cubic-bezier(0.69, -0.66, 0.15, 0.89); }
  .menu-bar__btn {
    position: relative;
    top: 50%;
    width: 30px;
    height: 26px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0 auto;
    box-sizing: border-box;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .menu-bar__btn {
        width: 30px; } }
    .menu-bar__btn.hover:hover .menu-bar__btn__line:nth-child(2) {
      transition: all 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89);
      width: 80%;
      left: 50%; }
    .menu-bar__btn__line {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 3px;
      background-color: #b87f08;
      margin: 0 auto;
      transition: all 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89), opacity 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89), -webkit-transform 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89) 0.6s;
      transition: all 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89), transform 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89) 0.6s, opacity 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89);
      transition: all 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89), transform 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89) 0.6s, opacity 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89), -webkit-transform 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89) 0.6s; }
      @media screen and (max-width: 600px) {
        .menu-bar__btn__line {
          height: 2px; } }
      .menu-bar__btn__line:nth-child(2) {
        transition: all 0.6s cubic-bezier(0.69, -0.66, 0.15, 0.89);
        opacity: 1;
        top: 13px;
        width: 50%;
        margin: 0; }
        @media screen and (max-width: 600px) {
          .menu-bar__btn__line:nth-child(2) {
            width: 70%;
            top: 10px; } }
      .menu-bar__btn__line:nth-child(3) {
        top: 25px;
        width: 100%; }
        @media screen and (max-width: 600px) {
          .menu-bar__btn__line:nth-child(3) {
            top: 20px; } }
    .menu-bar__btn.is-open .menu-bar__btn__line:nth-child(1) {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 13px; }
    .menu-bar__btn.is-open .menu-bar__btn__line:nth-child(2) {
      opacity: 0;
      left: 100%; }
    .menu-bar__btn.is-open .menu-bar__btn__line:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 13px; }

.menu-column {
  opacity: 1;
  transition: all 0.7s cubic-bezier(0.1, 0.77, 0.48, 1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .menu-column.org {
    margin: 0 0 1.5rem; }
    .menu-column.org.is-show {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      transition-delay: 1.5s; }
  .menu-column.sns.is-show {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-delay: 1.65s; }
  .menu-column__title {
    font-size: 15px;
    color: #b87f08;
    letter-spacing: .115em;
    padding: 28px 20px 0; }

.nav {
  padding: 12px 0; }
  .nav[data-category="brand"] {
    padding: 20px; }
  .nav[data-category="brand"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .nav__list {
    -webkit-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    opacity: 0;
    transition: all 0.7s cubic-bezier(0.1, 0.77, 0.48, 1); }
    .nav__list.is-show {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
      .nav__list.is-show:nth-child(1) {
        transition-delay: 0.75s; }
      .nav__list.is-show:nth-child(2) {
        transition-delay: 0.9s; }
      .nav__list.is-show:nth-child(3) {
        transition-delay: 1.05s; }
      .nav__list.is-show:nth-child(4) {
        transition-delay: 1.2s; }
      .nav__list.is-show:nth-child(5) {
        transition-delay: 1.35s; }
      .nav__list.is-show:nth-child(6) {
        transition-delay: 1.5s; }
      .nav__list.is-show:nth-child(7) {
        transition-delay: 1.65s; }
  .nav__brand-list {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .nav__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.55);
    transition: all 0.35s cubic-bezier(0.74, 0.01, 0.99, 0.33);
    padding: 16px 20px;
    font-size: 15px; }
    @media screen and (max-width: 600px) {
      .nav__item {
        color: white; } }
    .nav__item:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0%;
      height: 1px;
      background-color: #b87f08;
      transition: all .35s 0.2s; }
    .nav__item.hover:hover {
      color: #fff; }
      .nav__item.hover:hover.hover:after {
        width: 100%; }
  .nav__cat-image {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 20px 0 0;
    background-color: #b87f08;
    background-size: cover;
    background-position: center; }

.org-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .org-list__item {
    width: 100%;
    height: 2.4rem;
    margin: 0 2rem 1rem 0; }
    .org-list__item a {
      position: relative;
      display: block;
      opacity: .5;
      text-align: center;
      transition: all 0.3s cubic-bezier(0.74, 0.01, 0.99, 0.33); }
      @media screen and (max-width: 600px) {
        .org-list__item a {
          opacity: .7; } }
      .org-list__item a.hover:hover {
        opacity: 1; }
      .org-list__item a img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .org-list__item a img.tlg {
          width: 80%; }
          @media screen and (max-width: 600px) {
            .org-list__item a img.tlg {
              width: 100%; } }
        .org-list__item a img.tlc {
          width: 80%; }
          @media screen and (max-width: 600px) {
            .org-list__item a img.tlc {
              width: 100%; } }
        .org-list__item a img.yh {
          width: 65%; }
          @media screen and (max-width: 600px) {
            .org-list__item a img.yh {
              width: 80%; } }

.primary-menu {
  position: relative;
  display: block;
  color: #b87f08;
  padding: 26px 0 26px 20px;
  background-color: #212121;
  font-size: 18px;
  border-left: 5px solid #b87f08;
  letter-spacing: 0.1em;
  transition: all 0.35s;
  cursor: pointer;
  z-index: 0; }
  .primary-menu span {
    font-size: 14px;
    margin: 0 0 0 10px; }
  @media screen and (min-width: 600px) {
    .primary-menu:hover:before {
      right: 15px; }
    .primary-menu:hover:after {
      width: 100%; } }
  .primary-menu:before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    background-image: url(../images/common/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.35s; }
  .primary-menu:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #252525;
    transition: all 0.15s;
    z-index: -9; }

.side-menu {
  height: 100vh;
  width: 300px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  color: #858585;
  font-size: 1.2rem;
  letter-spacing: .2em;
  background-color: #1b1b1b;
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
  transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1) 0.6s; }
  @media screen and (max-width: 600px) {
    .side-menu {
      width: 85vw;
      -webkit-transform: translate3d(-85vw, 0, 0);
      transform: translate3d(-85vw, 0, 0);
      transition: -webkit-transform 0.6s cubic-bezier(0.1, 0.77, 0.48, 1) 0.6s;
      transition: transform 0.6s cubic-bezier(0.1, 0.77, 0.48, 1) 0.6s;
      transition: transform 0.6s cubic-bezier(0.1, 0.77, 0.48, 1) 0.6s, -webkit-transform 0.6s cubic-bezier(0.1, 0.77, 0.48, 1) 0.6s; } }
  .side-menu[data-attribute="first-view"] {
    transition: all 0.8s cubic-bezier(0.1, 0.77, 0.48, 1);
    position: absolute;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .side-menu[data-attribute="first-view"].is-hide {
      -webkit-transform: translate(-90vw, 0);
      -ms-transform: translate(-90vw, 0);
      transform: translate(-90vw, 0); }
  .side-menu[data-attribute="shop"] {
    position: fixed;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: none; }
  .side-menu.is-show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1); }
  .side-menu .logo {
    position: absolute;
    width: calc(100% - 1px);
    display: block;
    position: absolute;
    top: 0;
    box-sizing: border-box;
    padding: 30px 20px 60px;
    transition: all 0.6s cubic-bezier(0.1, 0.77, 0.48, 1);
    background: linear-gradient(#1b1b1b, #1b1b1b, #1b1b1b, rgba(27, 27, 27, 0));
    z-index: 9; }
    .side-menu .logo img {
      width: 140px; }
    @media screen and (max-width: 600px) {
      .side-menu .logo {
        width: calc(100% - 2px);
        display: block;
        position: absolute;
        top: 0;
        box-sizing: border-box;
        padding: 30px 90px 40px;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        background: linear-gradient(#1b1b1b, #1b1b1b, #1b1b1b, rgba(27, 27, 27, 0)); } }
  .side-menu .side-menu__inner {
    height: 100vh;
    padding: 120px 0 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .side-menu .side-menu__inner[data-attribute="shop"] {
      height: 100%;
      padding: 120px 0; }
  .side-menu .seek-bar {
    display: block;
    width: 1px;
    height: 100vh;
    opacity: .5;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #b87f08; }
    .side-menu .seek-bar.first-view {
      width: 1px;
      opacity: 1;
      height: 0vh; }

.bk-layer {
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.74, 0.01, 0.99, 0.33) 0.6s; }
  .bk-layer.is-show {
    visibility: visible;
    opacity: 0.7;
    transition: all 0.6s cubic-bezier(0.74, 0.01, 0.99, 0.33); }

.sns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px; }
  .sns-list__item {
    width: 18px;
    height: 18px;
    margin: 0 1.8rem 0 0; }
    .sns-list__item a {
      display: block;
      opacity: .2;
      transition: all 0.3s cubic-bezier(0.74, 0.01, 0.99, 0.33); }
      .sns-list__item a.hover:hover {
        opacity: 1; }

.news-box {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  color: #1b1b1b;
  -webkit-transform: translate(-50%, -30%);
  -ms-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
  z-index: 999;
  overflow: hidden;
  padding: 2.5rem 2rem 2rem;
  text-align: center;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .news-box {
      padding: 2rem 1.5rem 1.5rem; } }
  .news-box--middle {
    width: 30rem; }
    @media screen and (max-width: 600px) {
      .news-box--middle {
        top: 50%;
        width: 90vw; } }
  .news-box--large {
    width: 40rem;
    padding: 3.5rem 3rem 3rem; }
    @media screen and (max-width: 600px) {
      .news-box--large {
        top: 50%;
        width: 90vw;
        padding: 2rem 1.5rem 1.5rem; } }
  .news-box__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1.5rem; }
    @media screen and (max-width: 600px) {
      .news-box__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0; } }
  .news-box__colum {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 600px) {
      .news-box__colum {
        width: 100%; } }
  .news-box__title {
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: .15em;
    font-weight: 600;
    text-align: justify;
    margin: 0 0 .5rem; }
    .news-box__title--store-name {
      font-size: 1.3rem;
      text-align: center;
      color: #b87f08;
      margin: 0 0 1rem; }
      @media screen and (max-width: 600px) {
        .news-box__title--store-name {
          font-size: 1.2rem; } }
  .news-box__tag-list {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .news-box__tag-item {
    line-height: 1em;
    text-align: left;
    margin: 0 1rem 0 0; }
    .news-box__tag-item a {
      font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-size: .8rem;
      color: #b87f08;
      letter-spacing: .115em; }

.news-image__container {
  position: absolute;
  width: 100%;
  height: 100%; }

.news-image__image {
  position: absolute;
  overflow: hidden; }
  .news-image__image img {
    width: 100%;
    opacity: 0;
    transition: opacity 1.6s cubic-bezier(0.1, 0.77, 0.48, 1) 2s; }
  .news-image__image--border {
    top: 50%;
    left: 45%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24rem;
    height: 24rem;
    border: 0 solid #b87f08;
    box-sizing: border-box;
    transition: border 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2s; }
    @media screen and (max-width: 600px) {
      .news-image__image--border {
        top: 50%;
        left: 51%;
        width: 20rem;
        height: 20rem;
        border: 4px solid #7e9556; } }
    .news-image__image--border.is-show {
      border: 5px solid #7e9556; }
  .news-image__image:nth-child(1) {
    width: 80%;
    right: 0rem;
    z-index: 9; }
    .news-image__image:nth-child(1).horizon {
      width: 80%; }
      @media screen and (max-width: 600px) {
        .news-image__image:nth-child(1).horizon {
          width: 90%; } }
    .news-image__image:nth-child(1).vertical {
      width: 65%; }
      @media screen and (max-width: 600px) {
        .news-image__image:nth-child(1).vertical {
          width: 65%; } }
    .news-image__image:nth-child(1).square {
      width: 75%; }
      @media screen and (max-width: 600px) {
        .news-image__image:nth-child(1).square {
          width: 70%; } }
  .news-image__image:nth-child(2) {
    width: 50%;
    left: 0rem;
    bottom: 0rem;
    z-index: 0; }
    .news-image__image:nth-child(2).horizon {
      width: 55%; }
      @media screen and (max-width: 600px) {
        .news-image__image:nth-child(2).horizon {
          width: 60%; } }
    .news-image__image:nth-child(2).vertical {
      width: 40%; }
      @media screen and (max-width: 600px) {
        .news-image__image:nth-child(2).vertical {
          width: 45%; } }
    .news-image__image:nth-child(2).square {
      width: 50%; }
      @media screen and (max-width: 600px) {
        .news-image__image:nth-child(2).square {
          width: 55%; } }
    .news-image__image:nth-child(2).border {
      top: 50%;
      left: 45%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 24rem;
      height: 24rem;
      box-sizing: border-box; }
  .news-image__image.l:nth-child(1) {
    width: 60rem;
    right: 0;
    top: 0;
    z-index: 99; }
    .news-image__image.l:nth-child(1).horizontal {
      width: 52rem; }
      @media screen and (max-width: 600px) {
        .news-image__image.l:nth-child(1).horizontal {
          width: 100%; } }
    .news-image__image.l:nth-child(1).vertical {
      width: 40rem; }
      @media screen and (max-width: 600px) {
        .news-image__image.l:nth-child(1).vertical {
          width: 70%; } }
    .news-image__image.l:nth-child(1).square {
      width: 50rem; }
      @media screen and (max-width: 600px) {
        .news-image__image.l:nth-child(1).square {
          width: 85%; } }
  .news-image__image.l:nth-child(2) {
    width: 42rem;
    left: 0;
    bottom: 0;
    z-index: 9; }
    .news-image__image.l:nth-child(2).horizontal {
      width: 35rem; }
      @media screen and (max-width: 600px) {
        .news-image__image.l:nth-child(2).horizontal {
          width: 80%; } }
    .news-image__image.l:nth-child(2).vertical {
      width: 25rem; }
      @media screen and (max-width: 600px) {
        .news-image__image.l:nth-child(2).vertical {
          width: 70%; } }
    .news-image__image.l:nth-child(2).square {
      width: 30rem; }
      @media screen and (max-width: 600px) {
        .news-image__image.l:nth-child(2).square {
          width: 75%; } }
  .news-image__image.l:nth-child(3) {
    bottom: 0;
    width: 26rem;
    height: 10rem;
    left: 2rem; }
  .news-image__image.l.border {
    top: 50%;
    width: 80%;
    height: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 3px solid #b87f08;
    box-sizing: border-box;
    z-index: 0; }
  .news-image__image--visual:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -4px;
    top: 0;
    background-color: #384641;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: all 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 1.5s; }
  .news-image__image--visual:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -4px;
    top: 0;
    background-color: #23332d;
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: all 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 1s; }
  .news-image__image--visual.is-show img {
    opacity: 1; }
  .news-image__image--visual.is-show:after {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .news-image__image--visual.is-show:before {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

.news-card-container {
  width: 90vw;
  max-width: 1400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 600px) {
    .news-card-container {
      width: 100vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.news-card {
  width: 45%;
  height: 38rem;
  position: relative; }
  @media screen and (max-width: 600px) {
    .news-card {
      width: 100%;
      height: 30rem; } }
  .news-card[data-size="large"] {
    width: 100%;
    height: 40rem;
    margin: 0 0 15rem; }
    @media screen and (max-width: 600px) {
      .news-card[data-size="large"] {
        height: 30rem;
        margin: 0 0 7rem; } }
  .news-card[data-size="middle"]:nth-child(even) {
    margin: 0; }
    @media screen and (max-width: 600px) {
      .news-card[data-size="middle"]:nth-child(even) {
        margin: 0 0 7rem; } }
  .news-card[data-size="middle"]:nth-child(odd) {
    margin: 15rem 0 0; }
    @media screen and (max-width: 600px) {
      .news-card[data-size="middle"]:nth-child(odd) {
        margin: 0 0 7rem; } }
  .news-card__read-more {
    line-height: 1em;
    color: #b87f08;
    float: right;
    font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: .7rem;
    letter-spacing: .115em;
    padding: 6px 0 0; }

.news-link-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.hover__border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #b87f08; }

.place_tag__title {
  font-size: 1.5rem;
  text-align: center;
  margin: 0 0 3.2rem;
  line-height: 1;
  color: #b87f08; }
  .place_tag__title::after {
    display: block;
    content: '';
    width: 1.5rem;
    height: 1px;
    background-color: #b87f08;
    margin: 2rem auto; }

.place_tag__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 600px) {
    .place_tag__list {
      width: 100%; } }

.place_tag__item {
  font-size: 1.2rem;
  margin: 0 1.2rem 2rem; }
  @media screen and (max-width: 600px) {
    .place_tag__item {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; } }
  .place_tag__item a {
    color: #fff;
    letter-spacing: .1em;
    transition: color 0.5s cubic-bezier(0.69, -0.66, 0.15, 0.89); }
    .place_tag__item a:hover {
      color: #b87f08; }

/**************************************
* カラーミーのカートボタンのCSSをリセット
****************************************/
@media screen and (max-width: 600px) {
  .cartjs_box {
    border: none !important; }
  .cartjs_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 !important; } }

form[name="product_form"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }
  form[name="product_form"] table {
    border-top: 0 solid #ccc !important;
    border-right: 0 solid #ccc !important;
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important; }
    @media screen and (max-width: 600px) {
      form[name="product_form"] table {
        width: 10px !important; } }

.cartjs_sales_price {
  display: none; }

.cartjs_product_num th {
  display: none;
  border-left: 0 solid #ccc !important;
  border-bottom: 0 solid #ccc !important; }

.cartjs_product_num td {
  padding: 0;
  border-left: 0 solid #ccc !important;
  border-bottom: 0 solid #ccc !important; }
  .cartjs_product_num td input {
    padding: 10px;
    width: 48px;
    font-size: 12px; }
    @media screen and (max-width: 600px) {
      .cartjs_product_num td input {
        font-size: 14px;
        width: 38px !important;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 0; } }

.cartjs_cart_in {
  margin: 0 !important; }
  .cartjs_cart_in input {
    color: #fff;
    background-color: #b87f08;
    padding: 10px;
    width: 180px;
    margin: 0 0 0 20px;
    font-size: 14px;
    font-weight: 600; }
    @media screen and (max-width: 600px) {
      .cartjs_cart_in input {
        width: 140px;
        margin: 0; } }

.cartjs_buy {
  margin: 0 !important; }
  .cartjs_buy input {
    color: #fff !important;
    background-color: #b87f08 !important;
    padding: 10px !important;
    width: 180px !important;
    margin: 0 0 0 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background-image: none !important;
    text-shadow: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important; }
    @media screen and (max-width: 600px) {
      .cartjs_buy input {
        width: 140px !important;
        margin: 0 !important; } }

.item-info__container {
  font-family: "Noto Serif Japanese", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  padding: 30px; }
  @media screen and (max-width: 600px) {
    .item-info__container {
      padding: 40px 20px; } }

.item-info__tags {
  display: block;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.4);
  margin: 0 0 15px; }
  @media screen and (max-width: 600px) {
    .item-info__tags {
      font-size: 13px;
      letter-spacing: 0.1em;
      margin: 0 0 5px; } }

.item-info__title {
  font-size: 22px;
  margin: 0 0 10px;
  color: #000;
  line-height: 2; }

.item-info__excerpt {
  font-size: 14px;
  margin: 0 0 30px;
  color: #000;
  letter-spacing: 0.2em;
  line-height: 1.7; }
  @media screen and (max-width: 600px) {
    .item-info__excerpt {
      font-size: 13px;
      margin: 0 0 20px; } }

.item-info__price {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
  margin: 0 0 30px; }
  @media screen and (max-width: 600px) {
    .item-info__price {
      font-size: 15px;
      margin: 0 0 10px; } }

.item-info__cart-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 600px) {
    .item-info__cart-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.item-info__quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .item-info__quantity .label {
    display: block;
    color: rgba(0, 0, 0, 0.65);
    margin: 0 20px 0px 0;
    font-size: 14px; }
  .item-info__quantity input {
    padding: 10px;
    font-size: 12px; }
    @media screen and (max-width: 600px) {
      .item-info__quantity input {
        width: 140px;
        margin: 0; } }
  .item-info__quantity .arrow-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .item-info__quantity .arrow {
    padding: 0px 14px; }

.item-info__cart-button {
  color: #fff;
  background-color: #b87f08;
  padding: 10px;
  width: 180px;
  margin: 0 0 0 20px;
  font-size: 14px;
  font-weight: 600; }
  @media screen and (max-width: 600px) {
    .item-info__cart-button {
      width: 100%;
      margin: 30px 0 0; } }

.item-info__explain-container {
  margin: 40px 0 0; }
  .item-info__explain-container .label {
    display: block;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid #000;
    padding: 0 0 10px;
    margin: 0 0 10px; }
  .item-info__explain-container .explain {
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 1.8; }
    @media screen and (max-width: 600px) {
      .item-info__explain-container .explain {
        font-size: 14px; } }

.popular-item__wrap {
  padding: 80px 0; }
  @media screen and (max-width: 600px) {
    .popular-item__wrap {
      padding: 80px 0 0; } }

.popular-item__title {
  font-size: 40px;
  color: #b87f08;
  text-align: center;
  margin: 0 0 40px; }
  @media screen and (max-width: 600px) {
    .popular-item__title {
      font-size: 32px; } }

.shop-detail-head__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #222a20;
  box-sizing: border-box;
  padding: 60px 30px 30px; }
  @media screen and (max-width: 600px) {
    .shop-detail-head__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 60px 15px 30px; } }

.shop-detail-head__visual-column {
  width: 50%;
  padding: 0 30px 0 0;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .shop-detail-head__visual-column {
      width: 100%;
      padding: 0;
      margin: 0 0 20px; } }

.shop-detail-head__info-column {
  width: 50%;
  background-color: #fff;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .shop-detail-head__info-column {
      width: 100%; } }

.shop-detail-visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #b87f08;
  z-index: 0; }
  .shop-detail-visual.current {
    z-index: 9; }
  .shop-detail-visual.next {
    z-index: 99; }

@-webkit-keyframes fadeOut {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    z-index: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 9; } }

@keyframes fadeOut {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    z-index: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 9; } }
  .shop-detail-visual__inner {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../images/news/thum_6.jpg");
    background-position: center;
    background-size: cover; }
    .shop-detail-visual__inner--01 {
      background-image: url("../images/news/thum_6.jpg"); }
    .shop-detail-visual__inner--02 {
      background-image: url("../images/news/thum_2.jpg"); }
    .shop-detail-visual__inner--03 {
      background-image: url("../images/news/thum_3.jpg"); }
  .shop-detail-visual__wrap {
    position: relative;
    padding: 0 0 100%;
    overflow: hidden;
    z-index: 0; }
  .shop-detail-visual__ui {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .shop-detail-visual__thumb-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 0; }
  .shop-detail-visual__thumb-item {
    width: 50px;
    height: 50px;
    background-color: #b87f08;
    margin: 0 10px 0 0;
    border: 0 solid #b87f08;
    box-sizing: border-box; }
    .shop-detail-visual__thumb-item.current {
      border-width: 1px; }
  .shop-detail-visual__thumb-item-in {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../images/news/thum_6.jpg");
    background-position: center;
    background-size: cover; }
  .shop-detail-visual__controller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .shop-detail-visual__arrow {
    display: block;
    padding: 20px; }

.shop-detail__contents-wrapper {
  background-color: #f5f5f5; }

.shop-detail__contents-container {
  background-color: #fff;
  width: 820px;
  padding: 40px 40px 120px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .shop-detail__contents-container {
      width: 100%;
      padding: 30px 15px 100px; } }

.shop-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 31.33%;
  margin: 0 0 2rem;
  cursor: pointer; }
  @media screen and (max-width: 600px) {
    .shop-item {
      width: 49.5%; } }
  .shop-item[data-column="4"] {
    width: 24.83%; }
    @media screen and (max-width: 600px) {
      .shop-item[data-column="4"] {
        width: 49.5%; } }
  .shop-item--large {
    width: 100%; }
  .shop-item__visual-container {
    position: relative;
    width: 100%;
    padding: 0 0 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: -9; }
    @media screen and (max-width: 600px) {
      .shop-item__visual-container {
        padding: 0 0 80%; } }
    .shop-item__visual-container--large {
      padding: 0 0 50%; }
      @media screen and (max-width: 600px) {
        .shop-item__visual-container--large {
          padding: 0 0 60%; } }
  .shop-item__visual {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .shop-item__explain-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    margin: -2rem auto 0;
    padding: 2.2rem 1rem 1rem;
    background-color: #fff;
    color: #000;
    box-shadow: 6px 0px 26px 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      .shop-item__explain-container {
        width: 100%;
        padding: 1.5rem 0.5rem 0.7rem;
        margin: -1rem auto 0; } }
    .shop-item__explain-container--large {
      width: 450px;
      margin: -8rem 0 0 calc( 100% - 470px); }
      @media screen and (max-width: 600px) {
        .shop-item__explain-container--large {
          width: 90%;
          margin: -1rem auto 0; } }
  .shop-item__title {
    text-align: center;
    padding: 0 0 1rem;
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.7; }
    @media screen and (max-width: 600px) {
      .shop-item__title {
        font-size: 13px;
        padding: 0 0 10px; } }
  .shop-item__brand {
    text-align: center;
    padding: 0 0 1.2rem;
    font-size: 12px;
    color: #242424;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 600px) {
      .shop-item__brand {
        font-size: 12px; } }
  .shop-item__price {
    text-align: center;
    padding: 0 0 1rem;
    font-size: 13px;
    color: #515151;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 600px) {
      .shop-item__price {
        font-size: 11px; } }
  .shop-item__explain {
    padding: 0 0.5rem 1.5rem;
    line-height: 1.8;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 600px) {
      .shop-item__explain {
        font-size: 13px; } }

.shop-mail__form {
  text-align: center; }
  @media screen and (max-width: 600px) {
    .shop-mail__form {
      box-sizing: border-box; } }

.shop-mail__input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #b87f08;
  font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 28rem;
  color: #b87f08;
  padding: .5rem .5rem .7rem;
  font-size: 1.8rem;
  letter-spacing: .1em;
  text-align: center;
  border-radius: 0; }
  @media screen and (max-width: 600px) {
    .shop-mail__input {
      width: 85%;
      box-sizing: border-box;
      font-size: 1.4rem; } }
  .shop-mail__input::-webkit-input-placeholder {
    /* Chrome, Opera */
    color: #b87f08; }
  .shop-mail__input:-moz-placeholder {
    /* Firefox 19+ */
    color: #b87f08; }
  .shop-mail__input:-ms-input-placeholder {
    /* IE 10+ */
    color: #b87f08; }
  .shop-mail__input:focus {
    outline: none; }

.shop-mail__submit {
  background-color: transparent; }

.shop-page__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.shop__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 90vw;
  max-width: 1400px;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .shop__wrap {
      width: 100%; } }
  .shop__wrap[data-page="shop"] {
    width: 90%; }
    @media screen and (max-width: 600px) {
      .shop__wrap[data-page="shop"] {
        width: 100%; } }
  .shop__wrap:after {
    content: '';
    display: block;
    width: 31.33%; }
    @media screen and (max-width: 600px) {
      .shop__wrap:after {
        width: 49.5%; } }
  .shop__wrap[data-column="3"]:after {
    width: 31.33%; }
    @media screen and (max-width: 600px) {
      .shop__wrap[data-column="3"]:after {
        width: 49.5%; } }
  .shop__wrap[data-column="4"]:before {
    content: '';
    display: block;
    width: 24.83%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
    @media screen and (max-width: 600px) {
      .shop__wrap[data-column="4"]:before {
        width: 49.5%; } }
  .shop__wrap[data-column="4"]:after {
    width: 24.83%; }
    @media screen and (max-width: 600px) {
      .shop__wrap[data-column="4"]:after {
        width: 49.5%; } }

.tips-circle-text {
  margin: 1rem 0 0 0;
  z-index: 999;
  position: relative;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  padding: 0 10px;
  transition: opacity 2s cubic-bezier(0.1, 0.77, 0.48, 1) 0.7s, -webkit-transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 0.7s;
  transition: opacity 2s cubic-bezier(0.1, 0.77, 0.48, 1) 0.7s, transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 0.7s;
  transition: opacity 2s cubic-bezier(0.1, 0.77, 0.48, 1) 0.7s, transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 0.7s, -webkit-transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 0.7s; }
  @media screen and (max-width: 600px) {
    .tips-circle-text {
      margin: 1.5rem 0 0 0; } }
  .tips-circle-text--middle {
    margin: 2.5rem 0 0 0;
    padding: 0 10px; }
    @media screen and (max-width: 600px) {
      .tips-circle-text--middle {
        margin: 1.5rem 0 0 0; } }
  .tips-circle-text__title {
    font-size: 15px;
    letter-spacing: 0.4rem;
    line-height: 1.5;
    font-weight: 600;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    @media screen and (max-width: 600px) {
      .tips-circle-text__title {
        font-size: 15px;
        line-height: 1.4em; } }
    .tips-circle-text__title--midle {
      font-size: 14px; }
      @media screen and (max-width: 600px) {
        .tips-circle-text__title--midle {
          font-size: 12px; } }

.circle {
  background-color: #b87f08;
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.circle__after {
  content: "";
  display: block;
  position: absolute;
  width: 70%;
  height: 70%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #e7745b;
  border-radius: 50%;
  z-index: -1;
  transition: -webkit-transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 2.2s;
  transition: transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 2.2s;
  transition: transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 2.2s, -webkit-transform 1.2s cubic-bezier(0.1, 0.77, 0.48, 1) 2.2s; }

.circle {
  position: absolute; }
  .circle__wrap {
    width: 100%;
    border-radius: 50%;
    padding: 0 60px 0;
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      .circle__wrap--middle {
        height: auto;
        padding: 0 15px 0; } }
  .circle__after {
    width: 70%;
    height: 70%; }
    @media screen and (max-width: 600px) {
      .circle__after {
        width: 80vw;
        height: 80vw;
        top: 40%;
        left: 45%; } }
    .circle__after--middle {
      width: 60%;
      height: 60%; }
      @media screen and (max-width: 600px) {
        .circle__after--middle {
          width: 36vw;
          height: 36vw;
          top: 46%; } }
  .circle__inner {
    position: relative;
    width: 100%;
    padding: 0 0 100%; }

.tips-circle {
  text-align: center;
  z-index: 0; }
  .tips-circle[data-size="large"] {
    width: 45vw;
    padding: 10px;
    max-width: 700px;
    box-sizing: border-box;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }
    @media screen and (max-width: 600px) {
      .tips-circle[data-size="large"] {
        width: 100%;
        height: auto;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 0 40px; } }
    .tips-circle[data-size="large"].is-show .circle__wrap .circle__after {
      -webkit-transform: translate(-45%, -45%);
      -ms-transform: translate(-45%, -45%);
      transform: translate(-45%, -45%); }
      @media screen and (max-width: 600px) {
        .tips-circle[data-size="large"].is-show .circle__wrap .circle__after {
          -webkit-transform: translate(-35%, -40%);
          -ms-transform: translate(-35%, -40%);
          transform: translate(-35%, -40%); } }
    .tips-circle[data-size="large"].is-show .tips-circle-text {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .tips-circle[data-size="middle"] {
    width: 22.5vw;
    max-width: 350px;
    box-sizing: border-box;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0 0 40px; }
    @media screen and (max-width: 600px) {
      .tips-circle[data-size="middle"] {
        width: 100vw;
        height: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
    .tips-circle[data-size="middle"].is-show .circle__wrap .circle__after {
      -webkit-transform: translate(-45%, -45%);
      -ms-transform: translate(-45%, -45%);
      transform: translate(-45%, -45%); }
      @media screen and (max-width: 600px) {
        .tips-circle[data-size="middle"].is-show .circle__wrap .circle__after {
          -webkit-transform: translate(-35%, -65%);
          -ms-transform: translate(-35%, -65%);
          transform: translate(-35%, -65%); } }
    .tips-circle[data-size="middle"].is-show .tips-circle-text {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .tips-circle__link {
    display: block; }

.tips-container {
  width: 90vw;
  max-width: 1400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 600px) {
    .tips-container {
      width: 100vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .tips-container .tips-circle-wrapper-middle {
    width: 45vw;
    max-width: 700px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 0;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }
    @media screen and (max-width: 600px) {
      .tips-container .tips-circle-wrapper-middle {
        width: 100vw;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
    .tips-container .tips-circle-wrapper-middle[data-position="under"] {
      width: 90vw;
      max-width: 1400px;
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      @media screen and (max-width: 600px) {
        .tips-container .tips-circle-wrapper-middle[data-position="under"] {
          width: 100vw;
          -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
          -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0; } }
      .tips-container .tips-circle-wrapper-middle[data-position="under"] .tips-circle {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
        @media screen and (max-width: 600px) {
          .tips-container .tips-circle-wrapper-middle[data-position="under"] .tips-circle {
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }
    .tips-container .tips-circle-wrapper-middle[data-position="other"] {
      width: 100%;
      margin: 2rem 0 0;
      max-width: none;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
      .tips-container .tips-circle-wrapper-middle[data-position="other"] .tips-circle {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto; }
        @media screen and (max-width: 600px) {
          .tips-container .tips-circle-wrapper-middle[data-position="other"] .tips-circle {
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }

.contents-visual {
  top: -50%;
  width: 100%;
  height: 100vh;
  min-height: 500px;
  background-color: #b87f08;
  background-size: cover; }
  @media screen and (max-width: 600px) {
    .contents-visual {
      height: 80vh;
      min-height: initial;
      min-height: auto; } }
  .contents-visual--topics {
    background: transparent url(../images/image-visual/imagevisual_topics.jpg) no-repeat center;
    background-size: cover; }
  .contents-visual__mask {
    overflow: hidden;
    height: 70vh;
    width: 90vw;
    margin: 0 auto; }
    @media screen and (max-width: 600px) {
      .contents-visual__mask {
        height: 40vh;
        width: 100vw; } }

.render_area {
  overflow: hidden; }

[data-attribute="intro"] {
  background-color: #22282d; }

.contents {
  padding: 0 0 15rem;
  position: relative; }
  .contents__title {
    font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    color: #b87f08;
    font-size: 4.5rem;
    font-weight: lighter;
    letter-spacing: .08em;
    line-height: 1em;
    padding: 50px 0 0; }
    .contents__title--ja {
      font-family: "Noto Serif Japanese", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
      font-size: 38px;
      letter-spacing: 0.2em; }
      @media screen and (max-width: 600px) {
        .contents__title--ja {
          font-size: 24px; } }
    .contents__title--sub {
      display: block;
      font-size: 22px;
      margin: 10px 0 0;
      line-height: 1; }
    .contents__title .move__string {
      display: inline-block; }
    @media screen and (max-width: 600px) {
      .contents__title {
        font-size: 3.5rem; } }
    .contents__title .slug {
      font-size: 2.2rem; }
  .contents__sentence {
    text-align: center;
    letter-spacing: .15em;
    line-height: 2.4em;
    margin: 40px 0 60px; }
    @media screen and (max-width: 600px) {
      .contents__sentence {
        margin: 30px 0 20px;
        font-size: .9rem; } }
  .bg {
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    position: absolute;
    top: 20rem;
    z-index: -9; }
    @media screen and (max-width: 600px) {
      .bg {
        top: 6rem; } }
  .contents[data-attribute="topics"][data-position="about"] {
    margin: 0;
    padding: 0 0 10rem; }
  .contents[data-attribute="tea-news"] .bg {
    background-color: #1f2724; }
  .contents[data-attribute="tea-news"] .contents-visual {
    background: transparent url(../images/image-visual/imagevisual_news.jpg) no-repeat center;
    background-size: cover; }
  .contents[data-attribute="tea-tips"] .bg {
    background-color: #2c3944; }
  .contents[data-attribute="tea-tips"] .contents-visual {
    background: transparent url(../images/image-visual/imagevisual_tips.jpg) no-repeat center;
    background-size: cover; }
  .contents[data-attribute="shop"] .bg {
    background-color: #3a1b09; }
  .contents[data-attribute="shop"] .contents-visual {
    background: transparent url(../images/image-visual/imagevisual_shop.jpg) no-repeat center;
    background-size: cover; }

.first-view {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .first-view {
      overflow: visible;
      height: 70vh; } }
  .first-view .first-view__logo--sp {
    display: none;
    position: absolute;
    top: 2rem;
    left: 50%;
    z-index: 99;
    width: 8rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (max-width: 600px) {
      .first-view .first-view__logo--sp {
        display: block; } }

.intro-link__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90vw;
  max-width: 1400px;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .intro-link__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.intro-link__area {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 32.333%;
  height: 240px;
  background-color: #999;
  cursor: pointer;
  z-index: 0;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .intro-link__area {
      width: 100%;
      height: 190px;
      margin: 0 0 15px;
      border: 1px solid #585858; } }
  .intro-link__area:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    transition: all 0.7s; }
    @media screen and (max-width: 600px) {
      .intro-link__area:before {
        background-color: rgba(0, 0, 0, 0.85); } }
  .intro-link__area:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #b87f08;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 1s; }
  .intro-link__area--finding:after {
    background-image: url("../images/mv-finding.jpg"); }
  .intro-link__area--shopping:after {
    background-image: url("../images/mv-shopping.jpg"); }
  .intro-link__area--experience:after {
    background-image: url("../images/mv-experience.jpg"); }
  .intro-link__area:hover:before {
    background-color: rgba(0, 0, 0, 0.85); }
  .intro-link__area:hover:after {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

.intro-link__title {
  margin: 1.5em 0 12px;
  font-size: 18px; }
  @media screen and (max-width: 600px) {
    .intro-link__title {
      color: #b87f08;
      margin: 1.5em 0 12px; } }
  .intro-link__title .large-char {
    font-size: 26px;
    letter-spacing: 0.3em;
    margin: 0 0 0 0.3em; }

.intro-link__sub-title {
  font-size: 12px;
  letter-spacing: 0.2em; }
  @media screen and (max-width: 600px) {
    .intro-link__sub-title {
      color: #b87f08; } }

.intro-link__explain {
  font-size: 14px;
  line-height: 2;
  padding: 20px 5px; }
  @media screen and (max-width: 600px) {
    .intro-link__explain {
      font-size: 13px; } }

.intro {
  position: relative;
  width: 100vw;
  padding: 10rem 0 8rem;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .intro {
      padding: 15rem 1rem;
      box-sizing: border-box; } }
  .intro__nt-logo {
    width: 180px;
    margin: 0 0 4rem; }
  .intro__title {
    text-align: center;
    font-size: 20px;
    margin: 2rem 0 3rem;
    letter-spacing: .15em;
    line-height: 2; }
  .intro__sentence {
    text-align: center;
    font-size: 14px;
    letter-spacing: .18em;
    line-height: 2.8;
    margin: 0 0 3rem; }
    @media screen and (max-width: 600px) {
      .intro__sentence {
        font-size: .9rem;
        margin: 2rem 0;
        padding: 0 1rem; } }
  .intro__line {
    position: absolute;
    width: 105vw;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    opacity: .02;
    z-index: -9; }
    @media screen and (max-width: 600px) {
      .intro__line {
        width: 210vw;
        opacity: .08; } }

.link__wrapper {
  visibility: hidden;
  position: absolute;
  right: 3rem;
  bottom: 3rem;
  width: 30rem;
  z-index: 99; }
  @media screen and (max-width: 600px) {
    .link__wrapper {
      width: 90vw;
      right: initial;
      left: 50%;
      bottom: -6rem;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
  .link__wrapper.current {
    visibility: visible; }

.link__mask {
  width: 0;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.1, 0.77, 0.48, 1); }
  .link__mask.is-show {
    width: 100%;
    transition: all 1s cubic-bezier(0.1, 0.77, 0.48, 1) 1s; }

.link__container {
  width: 30rem;
  padding: 2rem 2.4rem 3.5rem;
  box-sizing: border-box;
  background-color: #fff;
  color: #000; }
  @media screen and (max-width: 600px) {
    .link__container {
      width: 90vw;
      padding: 1rem 1rem 3.5rem; } }

.link__tag__list {
  margin: 0 0 1.8rem;
  line-height: 1em;
  overflow: hidden; }

.link__tag__item {
  color: #000;
  border-bottom: 1px solid #b87f08;
  padding: 0 .4rem .3rem;
  margin: 0 1rem 0 0;
  font-size: .5rem;
  float: left;
  letter-spacing: .115em; }

.link__title {
  font-size: 1.1rem;
  line-height: 1.8;
  margin: 0 2rem;
  color: #000;
  text-align: center;
  clear: both;
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  transform: translate(0, 15px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .link__title {
      letter-spacing: .115rem;
      font-size: 1rem; } }
  .link__title.is-show {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: opacity 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2.5s, -webkit-transform 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2.5s;
    transition: opacity 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2.5s, transform 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2.5s;
    transition: opacity 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2.5s, transform 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2.5s, -webkit-transform 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2.5s; }
  .link__title.hover {
    color: #b87f08;
    transition: color 0.5s cubic-bezier(0.1, 0.77, 0.48, 1); }

.link__border {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #000;
  margin: .8rem auto 0;
  transition: all 0.5s cubic-bezier(0.1, 0.77, 0.48, 1); }
  @media screen and (max-width: 600px) {
    .link__border {
      margin: .4rem auto 0; } }
  .link__border.is-show {
    width: 80%;
    transition: width 0.5s cubic-bezier(0.1, 0.77, 0.48, 1) 2s; }
  .link__border.hover {
    background-color: #b87f08;
    transition: background-color 0.5s cubic-bezier(0.1, 0.77, 0.48, 1); }

.link__readmore__btn {
  color: #b87f08;
  font-family: "Noto Serif Japanese", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
  letter-spacing: .08em;
  font-size: .8rem;
  font-weight: bold;
  opacity: 0;
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  transform: translate(0, 15px);
  transition: all 0.5s cubic-bezier(0.1, 0.77, 0.48, 1); }
  .link__readmore__btn.is-show {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: opacity 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2.8s, -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2.8s;
    transition: opacity 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2.8s, transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2.8s;
    transition: opacity 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2.8s, transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2.8s, -webkit-transform 0.8s cubic-bezier(0.1, 0.77, 0.48, 1) 2.8s; }

.main-visual__wrapper {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden; }
  .main-visual__wrapper .main-visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    transition: opacity 3.5s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 10s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: opacity 3.5s cubic-bezier(0.1, 0.77, 0.48, 1), transform 10s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: opacity 3.5s cubic-bezier(0.1, 0.77, 0.48, 1), transform 10s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 10s cubic-bezier(0.1, 0.77, 0.48, 1); }
    .main-visual__wrapper .main-visual.current {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      z-index: 9;
      opacity: 1; }
    .main-visual__wrapper .main-visual:first-child {
      background: #000 url(../images/first-view/mv_01.jpg) no-repeat center;
      background-size: cover; }
    .main-visual__wrapper .main-visual:nth-child(2) {
      background: #000 url(../images/first-view/mv_02.jpg) no-repeat center;
      background-size: cover; }
    .main-visual__wrapper .main-visual:nth-child(3) {
      background: #000 url(../images/first-view/mv_03.png) no-repeat center;
      background-size: cover; }
    .main-visual__wrapper .main-visual.is-show {
      transition: -webkit-transform 10s cubic-bezier(0.1, 0.77, 0.48, 1) 2s;
      transition: transform 10s cubic-bezier(0.1, 0.77, 0.48, 1) 2s;
      transition: transform 10s cubic-bezier(0.1, 0.77, 0.48, 1) 2s, -webkit-transform 10s cubic-bezier(0.1, 0.77, 0.48, 1) 2s;
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  .main-visual__wrapper.is-shrink {
    transition: -webkit-transform 1s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: transform 1s cubic-bezier(0.1, 0.77, 0.48, 1);
    transition: transform 1s cubic-bezier(0.1, 0.77, 0.48, 1), -webkit-transform 1s cubic-bezier(0.1, 0.77, 0.48, 1);
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }

.topics-bar {
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #b87f08;
  opacity: .3; }
  @media screen and (max-width: 600px) {
    .topics-bar {
      display: none; } }
  .topics-bar.first {
    left: calc(100% / 4); }
  .topics-bar.second {
    left: calc(100% / 4 * 2); }
  .topics-bar.third {
    left: calc(100% / 4 * 3); }

.topics-card-container {
  position: relative;
  width: 90vw;
  max-width: 1400px;
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .topics-card-container {
      width: 100vw; } }

.topics-card-sentence {
  font-size: 14px;
  line-height: 2em;
  letter-spacing: .2em;
  margin: 0 0 2rem;
  color: #e4e4e4;
  /*==================================

  hover時に出てくるテキスト start

  ==================================*/
  /*==================================

  hover時に出てくるテキスト end

  ==================================*/ }
  @media screen and (max-width: 600px) {
    .topics-card-sentence {
      font-size: 14px; } }
  .topics-card-sentence:before {
    content: "";
    display: block;
    width: .5rem;
    height: 1px;
    margin: 1rem 0;
    background-color: #fff; }
  .topics-card-sentence.large {
    font-size: 14px;
    line-height: 2em;
    letter-spacing: .3em;
    margin: 0 0 2rem;
    color: #e4e4e4; }
    @media screen and (max-width: 600px) {
      .topics-card-sentence.large {
        color: #fff; } }
  .topics-card-sentence__wrap {
    position: relative; }
  .topics-card-sentence__mask {
    position: absolute;
    top: 1rem;
    -webkit-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    transform: translate(0, 1px);
    overflow: hidden;
    width: 0;
    display: inline-block; }
  .topics-card-sentence__hover {
    width: calc(90vw / 4);
    max-width: calc(320px + 2rem);
    font-size: 14px;
    line-height: 2em;
    letter-spacing: .2em;
    color: #fff;
    padding: 0 2rem 0 0;
    box-sizing: border-box; }
  .topics-card-sentence__hover.large {
    width: calc(90vw / 2);
    max-width: calc(670px + 2rem); }

.topics-card-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 600px) {
    .topics-card-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .topics-card-wrapper-middle {
    -webkit-flex-basis: calc(100% / 4 * 2);
    -ms-flex-preferred-size: calc(100% / 4 * 2);
    flex-basis: calc(100% / 4 * 2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 600px) {
      .topics-card-wrapper-middle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
    .topics-card-wrapper-middle.colum_4 {
      position: relative;
      width: 90vw;
      margin: 0 auto;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
      @media screen and (max-width: 600px) {
        .topics-card-wrapper-middle.colum_4 {
          width: 100vw; } }
      .topics-card-wrapper-middle.colum_4 .topics-card {
        -webkit-flex-basis: calc(100% / 4 - 2rem);
        -ms-flex-preferred-size: calc(100% / 4 - 2rem);
        flex-basis: calc(100% / 4 - 2rem); }
        @media screen and (max-width: 600px) {
          .topics-card-wrapper-middle.colum_4 .topics-card {
            margin: 0 0 4rem; } }
      .topics-card-wrapper-middle.colum_4 .bar-topics {
        height: 100%; }

.topics-card[data-size="large"] {
  -webkit-flex-basis: calc(100% / 4 * 2 - 2rem);
  -ms-flex-preferred-size: calc(100% / 4 * 2 - 2rem);
  flex-basis: calc(100% / 4 * 2 - 2rem);
  margin: 0 1rem 3rem;
  z-index: 9;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.topics-card__wrap {
  position: relative;
  -webkit-flex-basis: calc(100% / 2);
  -ms-flex-preferred-size: calc(100% / 2);
  flex-basis: calc(100% / 2);
  padding: 0 15px 40px;
  box-sizing: border-box;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  @media screen and (max-width: 600px) {
    .topics-card__wrap {
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }
  .topics-card__wrap[data-column="4"] {
    -webkit-flex-basis: calc(100% / 4);
    -ms-flex-preferred-size: calc(100% / 4);
    flex-basis: calc(100% / 4); }

.topics-card__thum {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .topics-card__thum__mask {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 12rem; }
    .topics-card__thum__mask.large {
      width: 100%;
      height: 38rem; }
      @media screen and (max-width: 600px) {
        .topics-card__thum__mask.large {
          height: 20rem; } }
    .topics-card__thum__mask.horizontal {
      height: 12rem; }
    .topics-card__thum__mask.square {
      height: 16rem; }
    .topics-card__thum__mask.vertical {
      height: 20rem; }

.topics-card__title {
  font-size: 1rem;
  line-height: 1.8em;
  letter-spacing: .2em;
  margin: 1rem 0;
  color: #fff;
  font-weight: bold; }
  .topics-card__title.large {
    font-size: 1.4rem;
    line-height: 1.8em;
    letter-spacing: .2em;
    margin: 2rem 0 1rem;
    color: #fff; }
    @media screen and (max-width: 600px) {
      .topics-card__title.large {
        font-size: 1.2rem; } }

.topics-card__date {
  font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #858585;
  float: right;
  font-size: 15px;
  line-height: 1.8em; }

.topics-tag-list {
  font-family: "Crimson Text", Arial, Verdana, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #858585;
  float: left;
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8em; }
  .topics-tag-list__tag {
    margin: 0 1rem 0 0;
    color: #858585; }
    .topics-tag-list__tag a {
      color: #858585;
      text-decoration: none;
      display: inline-block;
      position: relative;
      transition: color 0.8s cubic-bezier(0.1, 0.77, 0.48, 1); }
      .topics-tag-list__tag a:after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #b87f08;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }

@-webkit-keyframes borderAnime {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes borderAnime {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
      .topics-tag-list__tag a:hover {
        color: #fff; }
        .topics-tag-list__tag a:hover:after {
          -webkit-animation: borderAnime .4s ease;
          animation: borderAnime .4s ease;
          -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards; }