@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Crimson+Text|Noto+Serif+JP:400,500&display=swap&subset=japanese);
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  100% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  100% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
  }
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: 400;
  line-height: 1;
  vertical-align: baseline;
  background: 0 0
}

body {
  line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

nav ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  text-decoration: none
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input, select {
  vertical-align: middle
}

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

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

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

body {
  background: url(../img/c_bg.gif) #ebebeb repeat;
  color: #1a1a1a;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  position: relative
}

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

@media screen and (min-width:768px) {
  .fv {
    height: 100vh
  }
}

@media screen and (max-width:767px) {
  .fv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    float: right;
    width: 84.375vw
  }
}

@media screen and (max-width:767px) {
  .fv {
    position: relative
  }
}

@media screen and (max-width:767px) {
  .fv::before {
    background: url(../img/c_logo.png) no-repeat;
    background-size: cover;
    content: "";
    height: 8.75vw;
    left: -12.1875vw;
    position: absolute;
    top: 36.086vh;
    width: 8.75vw
  }
}

.fv-left {
  display: block
}

@media screen and (min-width:768px) {
  .fv-left {
    background: url(../img/fv_bg.png) no-repeat top left;
    background-size: 338px;
    position: relative;
    width: 61.8%
  }
}

@media screen and (max-width:767px) {
  .fv-left {
    padding-bottom: 23.4375vw
  }
}

.fv-left__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (min-width:768px) {
  .fv-left__inner {
    padding: 0 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%
  }
}

.fv-left__ttl {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  letter-spacing: .1em
}

@media screen and (min-width:768px) {
  .fv-left__ttl {
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    width: 440px
  }
}

@media screen and (max-width:767px) {
  .fv-left__ttl {
    margin-top: 9.375vw;
    margin-bottom: 4.375vw;
    width: 75.625vw
  }
}

.fv-left__ttl img {
  width: 100%
}

.fv-left__season {
  color: #7c7c7c;
  font-family: "Crimson Text", "Noto Serif JP", serif;
  letter-spacing: .04em;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  transition-timing-function: cubic-bezier(.13, .6, .64, .84)
}

@media screen and (min-width:768px) {
  .fv-left__season {
    font-size: 15px;
    margin-bottom: 40px
  }
}

@media screen and (max-width:767px) {
  .fv-left__season {
    font-size: 3.125vw;
    margin-bottom: 11.09375vw
  }
}

@media screen and (min-width:768px) {
  .fv-left__season .num {
    font-size: 16px
  }
}

@media screen and (max-width:767px) {
  .fv-left__season .num {
    font-size: 3.4375vw
  }
}

.fv-left__logo {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  -webkit-transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  transition-timing-function: cubic-bezier(.13, .6, .64, .84)
}

@media screen and (min-width:768px) {
  .fv-left__logo {
    width: 34px;
    margin: 0 auto 40px
  }
}

@media screen and (max-width:767px) {
  .fv-left__logo {
    display: none
  }
}

.fv-left__logo img {
  width: 100%
}

.fv-left__copy {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
  -webkit-transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  line-height: 1.5;
  letter-spacing: .1em
}

@media screen and (min-width:768px) {
  .fv-left__copy {
    font-size: 22px;
    margin-bottom: 33px
  }
}

@media screen and (min-width:961px) {
  .fv-left__copy {
    line-height: 1
  }
}

@media screen and (max-width:767px) {
  .fv-left__copy {
    font-size: 5.3125vw;
    margin-bottom: 3.59375vw
  }
}

.fv-left__txt {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
  -webkit-transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  line-height: 2;
  letter-spacing: .1em
}

@media screen and (min-width:768px) {
  .fv-left__txt {
    font-size: 13px
  }
}

@media screen and (max-width:767px) {
  .fv-left__txt {
    font-size: 2.8125vw
  }
}

@media screen and (min-width:768px) {
  .fv-left__txt.mb {
    margin-bottom: 17px
  }
}

@media screen and (max-width:767px) {
  .fv-left__txt.mb {
    margin-bottom: 1.875vw
  }
}

.fv-left__btn {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-timing-function: cubic-bezier(.13, .6, .64, .84);
  transition-timing-function: cubic-bezier(.13, .6, .64, .84)
}

@media screen and (min-width:768px) {
  .fv-left__btn {
    margin-top: 63px
  }
}

@media screen and (max-width:767px) {
  .fv-left__btn {
    margin-top: 11.25vw
  }
}

.fv-left__btn_k, .fv-left__btn_t {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1a1a1a;
  border: 1px #dcdddd solid;
  display: block;
  letter-spacing: .1em;
  position: relative;
  text-align: center
}

@media screen and (min-width:768px) {
  .fv-left__btn_k, .fv-left__btn_t {
    font-size: 20px;
    line-height: 60px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 13px 0 0;
    display: block;
    width: 260px
  }
}

@media screen and (min-width:961px) {
  .fv-left__btn_k, .fv-left__btn_t {
    display: inline-block;
    width: 16.6666666667vw
  }
}

@media screen and (min-width:961px) {
  .fv-left__btn_k, .fv-left__btn_t {
    width: 240px
  }
}

@media screen and (max-width:767px) {
  .fv-left__btn_k, .fv-left__btn_t {
    border-width: .3125vw;
    font-size: 4.375vw;
    line-height: 13.4375vw;
    padding-right: 2.8125vw;
    width: 68.125vw
  }
}

.fv-left__btn_k::before, .fv-left__btn_t::before {
  background: url(../img/icon_arrow.png) no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (min-width:768px) {
  .fv-left__btn_k::before, .fv-left__btn_t::before {
    height: 13px;
    right: 20px;
    width: 13px
  }
}

@media screen and (max-width:767px) {
  .fv-left__btn_k::before, .fv-left__btn_t::before {
    height: 2.8125vw;
    right: 5vw;
    width: 2.8125vw
  }
}

@media screen and (min-width:768px) {
  .fv-left__btn_t {
    margin-bottom: 20px
  }
}

@media screen and (min-width:961px) {
  .fv-left__btn_t {
    margin-bottom: 0;
    margin-right: 10px
  }
}

@media screen and (max-width:767px) {
  .fv-left__btn_t {
    margin-bottom: 2.1875vw
  }
}

.fv-right {
  display: block;
  overflow: hidden;
  position: relative
}

@media screen and (min-width:768px) {
  .fv-right {
    height: 100vh;
    width: 38.19%
  }
}

@media screen and (max-width:767px) {
  .fv-right {
    height: calc(100vh - 31.25vw)
  }
}

.fv-right * {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.fv-right__slider {
  position: relative
}

.fv-right__slider .slick-slide li {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  -webkit-transition: 1s cubic-bezier(.18, .62, .19, .81);
  transition: 1s cubic-bezier(.18, .62, .19, .81)
}

.fv-right__slider .slick-active li {
  -webkit-animation: scale 7s linear;
  animation: scale 7s linear;
  -webkit-transform: scale(1.04);
  transform: scale(1.04)
}

@media screen and (min-width:768px) {
  .fv-right__slide {
    background-size: contain
  }
}

@media screen and (min-width:768px) {
  .fv-right__slide01 {
    background: url(../img/fv_slider_1.jpg) no-repeat center;
    background-size: cover
  }
}

@media screen and (max-width:767px) {
  .fv-right__slide01 {
    background: url(../img/fv_slider_1.jpg) no-repeat center;
    background-size: cover
  }
}

@media screen and (min-width:768px) {
  .fv-right__slide02 {
    background: url(../img/fv_slider_2.jpg) no-repeat center;
    background-size: cover
  }
}

@media screen and (max-width:767px) {
  .fv-right__slide02 {
    background: url(../img/fv_slider_2.jpg) no-repeat center;
    background-size: cover
  }
}

@media screen and (min-width:768px) {
  .fv-right__slide03 {
    background: url(../img/fv_slider_3.jpg) no-repeat center;
    background-size: cover
  }
}

@media screen and (max-width:767px) {
  .fv-right__slide03 {
    background: url(../img/fv_slider_3.jpg) no-repeat center;
    background-size: cover
  }
}

.fv.screenReady .fv-left__btn, .fv.screenReady .fv-left__copy, .fv.screenReady .fv-left__logo, .fv.screenReady .fv-left__season, .fv.screenReady .fv-left__ttl, .fv.screenReady .fv-left__txt {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media screen and (max-width:767px) {
  .c {
    clear: both
  }
}

.c-desc {
  -webkit-box-shadow: 0 3px 5px -2px rgba(97, 97, 97, .2);
  box-shadow: 0 3px 5px -2px rgba(97, 97, 97, .2)
}

.c-desc::before {
  content: "";
  display: block;
  width: 100%
}

@media screen and (min-width:768px) {
  .c-desc::before {
    height: 25px
  }
}

@media screen and (max-width:767px) {
  .c-desc::before {
    height: 6.25vw
  }
}

@media screen and (min-width:768px) {
  .c-desc__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    max-width: 1140px;
    padding: 90px 0;
    width: 89.58%
  }
}

@media screen and (max-width:767px) {
  .c-desc__inner {
    padding: 13.4375vw 14.0625vw 13.4375vw 14.84375vw
  }
}

.c-desc__heading {
  letter-spacing: .1em;
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

@media screen and (min-width:768px) {
  .c-desc__heading {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 26px;
    padding-left: 40px
  }
}

@media screen and (min-width:961px) {
  .c-desc__heading {
    font-size: 38px;
    padding-left: 59px
  }
}

@media screen and (max-width:767px) {
  .c-desc__heading {
    font-size: 6.875vw;
    margin-bottom: 7.8125vw
  }
}

.c-desc__heading::before {
  content: "";
  position: absolute
}

@media screen and (min-width:768px) {
  .c-desc__heading::before {
    left: 0;
    height: 28px;
    width: 28px
  }
}

@media screen and (min-width:961px) {
  .c-desc__heading::before {
    height: 38px;
    width: 38px
  }
}

@media screen and (max-width:767px) {
  .c-desc__heading::before {
    height: 6.25vw;
    left: -9.375vw;
    top: .625vw;
    width: 6.25vw
  }
}

.c-desc__txt_lead {
  letter-spacing: .03em;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

@media screen and (min-width:768px) {
  .c-desc__txt_lead {
    font-size: 24px;
    margin-bottom: 22px
  }
}

@media screen and (max-width:767px) {
  .c-desc__txt_lead {
    font-size: 4.375vw;
    margin-bottom: 3.4375vw
  }
}

.c-desc__txt_main {
  line-height: 2;
  letter-spacing: .0196em;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

@media screen and (min-width:768px) {
  .c-desc__txt_main {
    font-size: 13px;
    margin-bottom: 26px
  }
}

@media screen and (max-width:767px) {
  .c-desc__txt_main {
    font-size: 3.125vw;
    margin-bottom: 4.375vw
  }
}

.c-desc__txt_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: .04em;
  line-height: 1.5555555556;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

@media screen and (min-width:768px) {
  .c-desc__txt_sub {
    font-size: 11px
  }
}

@media screen and (max-width:767px) {
  .c-desc__txt_sub {
    font-size: 2.8125vw
  }
}

.c-desc__txt_sub::before {
  content: "";
  display: block;
  position: relative
}

@media screen and (min-width:768px) {
  .c-desc__txt_sub::before {
    height: 1px;
    margin: 7px 13px 3px 0;
    width: 30px
  }
}

@media screen and (max-width:767px) {
  .c-desc__txt_sub::before {
    height: .3125vw;
    margin: 1.71875vw 2.8125vw 0 0;
    width: 12.5vw
  }
}

.c-desc.visible .c-desc__heading, .c-desc.visible .c-desc__txt_lead, .c-desc.visible .c-desc__txt_main, .c-desc.visible .c-desc__txt_sub {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media screen and (min-width:768px) {
  .c-list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    max-width: 1140px;
    width: 89.58%
  }
}

@media screen and (max-width:767px) {
  .c-list__inner {
    margin: auto;
    width: 87.5vw
  }
}

.c-list__item {
  position: relative
}

@media screen and (min-width:768px) {
  .c-list__item {
    width: calc(45% - 30px)
  }
}

@media screen and (min-width:1440px) {
  .c-list__item {
    width: 480px
  }
}

@media screen and (max-width:767px) {
  .c-list__item {
    margin-bottom: 17.1875vw;
    width: 78.125vw
  }
}

.c-list__item_info {
  color: #938585
}

@media screen and (max-width:767px) {
  .c-list__item_info {
    margin-bottom: 4.21875vw;
    font-size: 2.6875vw;
    line-height: 1.5555555556;
    letter-spacing: .038em
  }
}

@media screen and (min-width:768px) {
  .c-list__item_info {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.7857142857
  }
}

.c-list__item_hover {
  position: absolute;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(.15, .37, .07, .58);
  transition-timing-function: cubic-bezier(.15, .37, .07, .58);
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

@media screen and (min-width:768px) {
  .c-list__item_hover {
    bottom: 40px;
    left: 40px;
    width: 90px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_hover {
    bottom: 4.6875vw;
    left: 4.6875vw;
    width: 21.875vw
  }
}

.c-list__item_hover::after {
  -webkit-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
  background: url(../img/c_hover_ring.png) no-repeat;
  background-size: cover;
  content: "";
  opacity: 1;
  position: absolute;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

@media screen and (min-width:768px) {
  .c-list__item_hover::after {
    height: 116px;
    left: 50%;
    top: 50%;
    width: 116px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_hover::after {
    display: none
  }
}

.c-list__item_hover img {
  width: 100%
}

@media screen and (min-width:768px) {
  .c-list__item_hover:hover {
    bottom: 15px;
    left: 15px;
    width: 140px
  }
}

.c-list__item_hover:hover::after {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

@media screen and (min-width:768px) {
  .c-list__item_hover:hover::after {
    opacity: 0
  }
}

.c-list__item_top {
  display: block;
  position: relative
}

@media screen and (min-width:768px) {
  .c-list__item_top {
    margin-bottom: 10px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_top {
    margin-bottom: 2.1875vw
  }
}

.c-list__item_top.fin::before {
  content: "完売御礼";
  letter-spacing: .04em;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  position: absolute;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  z-index: 2
}

@media screen and (min-width:768px) {
  .c-list__item_top.fin::before {
    font-size: 15px;
    left: 43px;
    top: 44px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_top.fin::before {
    bottom: 91.875vw;
    font-size: 2.8125vw;
    left: 7.03125vw
  }
}

.c-list__item_top.fin::after {
  background: rgba(255, 255, 255, .8);
  border: 1px #1a1a1a solid;
  content: "";
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  position: absolute;
  z-index: 1
}

@media screen and (min-width:768px) {
  .c-list__item_top.fin::after {
    height: 92px;
    left: 30px;
    top: 30px;
    width: 40px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_top.fin::after {
    border-width: .3125vw;
    bottom: 89.21875vw;
    height: 16.5625vw;
    left: 4.6875vw;
    width: 6.875vw
  }
}

.c-list__item_top_sub {
  color: #dcc846;
  display: block
}

@media screen and (min-width:768px) {
  .c-list__item_top_sub {
    margin-bottom: 14px
  }
}

.c-list__item_top_sub.premium {
  color: #b39340
}

.c-list__item_name {
  color: #7c7c7c;
  display: block;
  position: relative;
  letter-spacing: .07em;
  opacity: 0
}

@media screen and (min-width:768px) {
  .c-list__item_name {
    font-size: 35px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_name {
    font-size: 6.875vw
  }
}

.c-list__item_name::before {
  color: #b39340;
  content: "";
  display: block;
  position: absolute;
  letter-spacing: .003em;
  opacity: 0;
  -webkit-transition-duration: .9s;
  transition-duration: .9s
}

@media screen and (min-width:768px) {
  .c-list__item_name::before {
    font-size: 13px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_name::before {
    font-size: 2.8125vw
  }
}

.c-list__item_name.on::before {
  opacity: 1!important
}

.c-list__item_img {
  -webkit-box-shadow: 0 0 12px -4px rgba(0, 0, 0, .4);
  box-shadow: 0 0 12px -4px rgba(0, 0, 0, .4);
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.c-list__item_no {
  font-family: "Crimson Text", "Noto Serif JP", serif;
  letter-spacing: .04em
}

@media screen and (min-width:768px) {
  .c-list__item_no {
    display: inline-block;
    font-size: 14px;
    margin-right: 12px;
    vertical-align: middle
  }
}

@media screen and (max-width:767px) {
  .c-list__item_no {
    font-size: 3.125vw;
    margin-right: 2.5vw
  }
}

.c-list__item_cost {
  font-family: "Crimson Text", "Noto Serif JP", serif
}

@media screen and (min-width:768px) {
  .c-list__item_cost {
    font-size: 30px;
    margin-right: 7px;
    margin-left: 4px;
    top: 1px;
    position: relative
  }
}

@media screen and (max-width:767px) {
  .c-list__item_cost {
    font-size: 6.25vw;
    margin-right: 1.25vw;
    margin-left: .78125vw
  }
}

.c-list__item_unit {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic M", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: .01em
}

@media screen and (min-width:768px) {
  .c-list__item_unit {
    font-size: 11px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_unit {
    font-size: 2.8125vw
  }
}

.c-list__item_note {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic M", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: .04em;
  line-height: 1.6363636364
}

@media screen and (min-width:768px) {
  .c-list__item_note {
    font-size: 11px;
    margin-top: 14px
  }
}

@media screen and (max-width:767px) {
  .c-list__item_note {
    font-size: 2.8125vw;
    margin-top: 2.96875vw
  }
}

.c-list__item_link {
  display: inline-block;
  font-weight: 300;
  letter-spacing: .12em;
  line-height: 1.3538461538;
  color: #1a1a1a;
  border-bottom: 1px solid #1a1a1a
}

@media screen and (min-width:768px) {
  .c-list__item_link {
    font-size: 13px;
    margin-top: 16px;
    -webkit-transition: border-bottom .2s;
    transition: border-bottom .2s
  }
  .c-list__item_link:hover {
    border-bottom: 1px solid rgba(26, 26, 26, 0)
  }
}

@media screen and (max-width:767px) {
  .c-list__item_link {
    font-size: 2.8125vw;
    margin-top: 3.28125vw
  }
}

.t-desc {
  background: url(../img/t_lead_bottom.gif) repeat
}

.t-desc::before {
  background: url(../img/t_lead_top.gif) repeat;
  -webkit-box-shadow: 0 2px 4px 0 rgba(180, 180, 195, .8);
  box-shadow: 0 2px 4px 0 rgba(180, 180, 195, .8)
}

@media screen and (min-width:768px) {
  .t-desc__heading {
    width: 29.91%
  }
}

.t-desc__heading::before {
  background: url(../img/t_logo.png) no-repeat;
  background-size: cover
}

.t-desc__txt_sub::before {
  background: #000
}

@media screen and (min-width:768px) {
  .t-list__inner {
    padding: 116px 0 119px
  }
}

@media screen and (max-width:767px) {
  .t-list__inner {
    padding: 18.75vw 0 4.6875vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item {
    margin-bottom: 60px
  }
}

.t-list__item:nth-child(1) .t-list__item_name::before, .t-list__item:nth-child(2) .t-list__item_name::before, .t-list__item:nth-child(3) .t-list__item_name::before, .t-list__item:nth-child(4) .t-list__item_name::before {
  content: "おすすめセレクション";
  color: #58a894
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(1) .t-list__item_name::before, .t-list__item:nth-child(4) .t-list__item_name::before, .t-list__item:nth-child(5) .t-list__item_name::before {
    top: -5.46875vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(1) .t-list__item_name::before, .t-list__item:nth-child(4) .t-list__item_name::before, .t-list__item:nth-child(5) .t-list__item_name::before {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(6) .t-list__item_name::before {
    top: -5.46875vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(2) {
    margin-top: 285px
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(2) {
    margin-left: auto
  }
}

.t-list__item:nth-child(2) .t-list__item_name, .t-list__item:nth-child(2) .t-list__item_top_sub {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(2) .t-list__item_top_sub {
    right: -56px
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(2) .t-list__item_name {
    left: -6.5625vw;
    padding-bottom: .78125vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(2) .t-list__item_name {
    left: -34px
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(2) .t-list__item_name::before {
    left: -4.6875vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(2) .t-list__item_name::before {
    left: -20px;
    top: 4px
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(3) {
    margin-top: -120px
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(3) {
    margin-left: auto
  }
}

.t-list__item:nth-child(3) .t-list__item_name, .t-list__item:nth-child(3) .t-list__item_top_sub {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(3) .t-list__item_top_sub {
    left: -56px
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(3) .t-list__item_name {
    right: -34px
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(3) .t-list__item_name {
    left: -6.5625vw;
    padding-bottom: .78125vw
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(3) .t-list__item_name::before {
    left: -4.6875vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(3) .t-list__item_name::before {
    top: 4px;
    left: 44px
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(4) {
    margin-top: 22.65625vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(4) {
    margin-top: 80px
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(4) .t-list__item_top_sub {
    left: -56px
  }
}

@media screen and (max-width:767px) {
  .t-list__item:nth-child(4) .t-list__item_name::before {
    top: -5.46875vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item:nth-child(4) .t-list__item_name::before {
    top: 4px
  }
}

.t-list__item_2146101 .c-list__item_info, .t-list__item_2146101 .t-list__item_name {
  color: #938585
}

.t-list__item_2176102 .c-list__item_info, .t-list__item_2176102 .t-list__item_name {
  color: #959281
}

.t-list__item_2186103 .t-list__item_name {
  color: #87897d
}

@media screen and (max-width:767px) {
  .t-list__item_2186103 .t-list__item_name {
    letter-spacing: .11em
  }
}

.t-list__item_2300102 .c-list__item_info, .t-list__item_2300102 .t-list__item_name {
  color: #7c7c7c
}

.t-list__item_2300102 {
  position: relative
}

@media screen and (min-width:768px) {
  .t-list__item_2300102 {
    margin-top: 80px!important;
    margin-left: 50px!important;
    margin: 0 auto;
    width: 70.87%
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2300102 .c-list__item_img {
    width: 64.35%
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2300102 .c-list__item_info {
    margin-top: 9.375vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2300102 .c-list__item_info {
    width: 52.22%
  }
}

.t-list__item_2300102::before {
  background-image: url(../img/t_2300102_bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  z-index: -1
}

@media screen and (min-width:768px) {
  .t-list__item_2300102::before {
    background-image: url(../img/t_2300102_bg.jpg);
    height: 77%;
    left: 54.5%;
    top: 113px;
    width: 45.54%
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2300102::before {
    height: 110.3125vw;
    right: -15.625vw;
    top: 15.78125vw;
    width: 46.875vw
  }
}

.t-list__item_2300102 .k-list__item_top {
  position: relative;
  width: 100%
}

@media screen and (max-width:767px) {
  .t-list__item_2300102 .k-list__item_top {
    margin-bottom: 5vw
  }
}

.t-list__item_2300102 .t-list__item_name::before {
  content: "プレミアムセレクション";
  color: #b39340
}

@media screen and (max-width:767px) {
  .t-list__item_2300102 .t-list__item_name::before {
    font-size: 2.8125vw;
    margin-bottom: 2.5vw
  }
}

.t-list__item_2350101 .c-list__item_info, .t-list__item_2350101 .t-list__item_name {
  color: #7c7c7c
}

.t-list__item_2350101 {
  position: relative
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 {
    margin-top: 150px!important;
    margin-right: 50px!important;
    margin: 0 auto;
    width: 70.87%
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .c-list__item_img {
    width: 64.35%
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2350101 .c-list__item_info {
    margin-top: 9.375vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .c-list__item_info {
    width: 52.22%
  }
}

.t-list__item_2350101::before {
  background-image: url(../img/t_2350101_bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  z-index: -1
}

@media screen and (min-width:768px) {
  .t-list__item_2350101::before {
    background-image: url(../img/t_2350101_bg.jpg);
    height: 77%;
    left: 54.5%;
    top: 113px;
    width: 45.54%
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2350101::before {
    height: 110.3125vw;
    right: -15.625vw;
    top: 15.78125vw;
    width: 46.875vw
  }
}

.t-list__item_2350101 .k-list__item_top {
  position: relative;
  width: 100%
}

@media screen and (max-width:767px) {
  .t-list__item_2350101 .k-list__item_top {
    margin-bottom: 5vw
  }
}

.t-list__item_2350101 .t-list__item_name::before {
  content: "プレミアムセレクション";
  color: #b39340
}

@media screen and (max-width:767px) {
  .t-list__item_2350101 .t-list__item_name::before {
    font-size: 2.8125vw;
    margin-bottom: 2.5vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_name, .t-list__item_2350101 .t-list__item_top_sub {
    position: absolute;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_top_sub {
    right: -56px
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2350101 .t-list__item_name {
    padding-bottom: .78125vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_name {
    left: -34px
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_name::before {
    left: -20px;
    top: 4px
  }
}

.t-list__item_2340103 .c-list__item_info, .t-list__item_2340103 .t-list__item_name {
  color: #7c7c7c
}

.t-list__item_2340103 {
  position: relative
}

@media screen and (min-width:768px) {
  .t-list__item_2340103 {
    margin-top: 150px!important;
    margin-right: 50px!important;
    margin: 0 auto;
    width: 70.87%
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2340103 .c-list__item_img {
    width: 64.35%
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2340103 .c-list__item_info {
    margin-top: 9.375vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2340103 .c-list__item_info {
    width: 52.22%
  }
}

.t-list__item_2340103::before {
  background-image: url(../img/t_2340103_bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  z-index: -1
}

@media screen and (min-width:768px) {
  .t-list__item_2340103::before {
    background-image: url(../img/t_2340103_bg.jpg);
    height: 77%;
    left: 54.5%;
    top: 113px;
    width: 45.54%
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2350101::before {
    height: 110.3125vw;
    right: -15.625vw;
    top: 15.78125vw;
    width: 46.875vw
  }
}

.t-list__item_2350101 .k-list__item_top {
  position: relative;
  width: 100%
}

@media screen and (max-width:767px) {
  .t-list__item_2350101 .k-list__item_top {
    margin-bottom: 5vw
  }
}

.t-list__item_2350101 .t-list__item_name::before {
  content: "プレミアムセレクション";
  color: #b39340
}

@media screen and (max-width:767px) {
  .t-list__item_2350101 .t-list__item_name::before {
    font-size: 2.8125vw;
    margin-bottom: 2.5vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_name, .t-list__item_2350101 .t-list__item_top_sub {
    position: absolute;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_top_sub {
    right: -56px
  }
}

@media screen and (max-width:767px) {
  .t-list__item_2350101 .t-list__item_name {
    padding-bottom: .78125vw
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_name {
    left: -34px
  }
}

@media screen and (min-width:768px) {
  .t-list__item_2350101 .t-list__item_name::before {
    left: -20px;
    top: 4px
  }
}

.t-list__item.visible .t-list__item_img {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.t-list__item.visible .t-list__item_hover.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.t-list__item.visible .fin::after, .t-list__item.visible .fin::before {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.k-desc {
  background: url(../img/k_lead_bottom.gif) repeat;
  color: #fff
}

.k-desc::before {
  background: url(../img/k_lead_top.gif) repeat;
  -webkit-box-shadow: 0 2px 4px -1px #1a1a1a;
  box-shadow: 0 2px 4px -1px #1a1a1a
}

@media screen and (min-width:768px) {
  .k-desc__heading {
    width: 19.03%
  }
}

.k-desc__heading::before {
  background: url(../img/k_logo.png) no-repeat;
  background-size: cover
}

.k-desc__txt_sub::before {
  background: #fff
}

@media screen and (min-width:768px) {
  .k-list__inner {
    max-width: 1075px;
    padding: 148px 0 60px
  }
}

@media screen and (max-width:767px) {
  .k-list__inner {
    padding: 17.8125vw 0 10.9375vw
  }
}

@media screen and (max-width:767px) {
  .k-list__item {
    margin-left: auto
  }
}

@media screen and (min-width:768px) {
  .k-list__item {
    margin-bottom: 116px
  }
}

.k-list__item_name {
  color: #7c7c7c
}

.k-list__item:nth-child(1) .c-list__item_name::before, .k-list__item:nth-child(2) .c-list__item_name::before {
  content: "おすすめセレクション";
  color: #dcc846
}

.k-list__item:nth-child(1) .c-list__item_name {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 1em;
  height: 120%
}

@media screen and (max-width:767px) {
  .k-list__item:nth-child(1) .c-list__item_name {
    left: -6.5625vw;
    padding-bottom: .78125vw
  }
}

@media screen and (min-width:768px) {
  .k-list__item:nth-child(1) .c-list__item_name {
    left: -34px;
    width: 1em
  }
}

@media screen and (max-width:767px) {
  .k-list__item:nth-child(1) .c-list__item_name::before {
    left: -4.6875vw
  }
}

@media screen and (min-width:768px) {
  .k-list__item:nth-child(1) .c-list__item_name::before {
    top: 4px;
    right: 44px
  }
}

@media screen and (max-width:767px) {
  .k-list__item:nth-child(2) .c-list__item_name::before {
    top: -5.46875vw
  }
}

@media screen and (min-width:768px) {
  .k-list__item:nth-child(2) .c-list__item_name::before {
    top: -30px
  }
}

@media screen and (min-width:768px) {
  .k-list__item_2196101 {
    padding-left: 20px
  }
}

@media screen and (min-width:1440px) {
  .k-list__item_2196101 {
    padding-left: 0
  }
}

@media screen and (min-width:768px) {
  .k-list__item_2196102 {
    margin-top: 47px
  }
}

.k-list__item_2196102 .c-list__item_name {
  height: 1em
}

.k-list__item.visible .k-list__item_img {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.k-list__item.visible .k-list__item_hover.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.k-list__item.visible .fin::after, .k-list__item.visible .fin::before {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.k-list__item.visible.k-list__item_1996102::after, .k-list__item.visible.k-list__item_1996102::before, .k-list__item.visible.k-list__item_1996103::after, .k-list__item.visible.k-list__item_1996103::before {
  opacity: 1
}

.k-list__item.visible.k-list__item_1993101 .k-list__item_name::before {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.f {
  background: #f4f4f4;
  -webkit-box-shadow: 0 -6px 14px -14px rgba(26, 26, 26, .4);
  box-shadow: 0 -6px 14px -14px rgba(26, 26, 26, .4);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic M", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center
}

@media screen and (min-width:768px) {
  .f__inner {
    margin: auto;
    padding: 88px 0 70px;
    width: 90%
  }
}

@media screen and (max-width:767px) {
  .f__inner {
    padding: 17.1875vw 6.25vw 25vw
  }
}

.f__caution {
  line-height: 1.5555555556
}

@media screen and (min-width:768px) {
  .f__caution {
    font-size: 11px
  }
}

@media screen and (max-width:767px) {
  .f__caution {
    font-size: 2.8125vw
  }
}

@media screen and (min-width:768px) {
  .f__caution01 {
    margin-bottom: 5px
  }
}

@media screen and (max-width:767px) {
  .f__caution01 {
    margin-bottom: 4.6875vw
  }
}

@media screen and (min-width:768px) {
  .f__caution02 {
    margin-bottom: 52px
  }
}

@media screen and (max-width:767px) {
  .f__caution02 {
    margin-bottom: 15.3125vw
  }
}

.f__banner {
  display: block
}

@media screen and (min-width:768px) {
  .f__banner {
    margin-bottom: 51px
  }
}

@media screen and (max-width:767px) {
  .f__banner {
    margin-bottom: 13.75vw
  }
}

.f__banner img {
  width: 100%
}

@media screen and (min-width:768px) {
  .f__banner img {
    max-width: 800px
  }
}

.f__flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:768px) {
  .f__flex {
    margin-bottom: 52px
  }
}

@media screen and (max-width:767px) {
  .f__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 10.9375vw
  }
}

@media screen and (min-width:768px) {
  .f__mainsite {
    margin-right: 87px;
    width: 173px
  }
}

@media screen and (max-width:767px) {
  .f__mainsite {
    width: 40.625vw
  }
}

.f__mainsite a {
  display: block
}

.f__mainsite a img {
  width: 100%
}

.f__share {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .f__share {
    margin-bottom: 13.75vw
  }
}

@media screen and (min-width:768px) {
  .f__share span {
    font-size: 11px
  }
}

@media screen and (max-width:767px) {
  .f__share span {
    font-size: 2.8125vw;
    margin-right: 3.125vw
  }
}

.f__share_link {
  background: #1a1a1a;
  display: inline-block
}

@media screen and (min-width:768px) {
  .f__share_link {
    height: 32px;
    margin: 0 6px;
    width: 32px
  }
}

@media screen and (max-width:767px) {
  .f__share_link {
    height: 10vw;
    margin: 0 2.5vw;
    width: 10vw
  }
}

@media screen and (min-width:768px) {
  .f__share_link_fb img {
    padding-top: 7px;
    width: 9px
  }
}

@media screen and (max-width:767px) {
  .f__share_link_fb img {
    padding-top: 2.03125vw;
    width: 2.8125vw
  }
}

@media screen and (min-width:768px) {
  .f__share_link_twitter img {
    padding-top: 10px;
    width: 15px
  }
}

@media screen and (max-width:767px) {
  .f__share_link_twitter img {
    padding-top: 3.125vw;
    width: 4.6875vw
  }
}

@media screen and (min-width:768px) {
  .f__share_link_line img {
    padding-top: 8px;
    width: 18px
  }
}

@media screen and (max-width:767px) {
  .f__share_link_line img {
    padding-top: 2.5vw;
    width: 5.625vw
  }
}

.f__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none
}

@media screen and (min-width:768px) {
  .f__menu {
    margin-bottom: 30px
  }
}

@media screen and (max-width:767px) {
  .f__menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 7.8125vw;
    margin-bottom: 6.25vw
  }
}

.f__menu li a {
  color: #1a1a1a
}

@media screen and (min-width:768px) {
  .f__menu li a {
    font-size: 11px
  }
}

@media screen and (max-width:767px) {
  .f__menu li a {
    font-size: 2.8125vw;
    line-height: 3
  }
}

.f__menu li:not(:last-child)::after {
  background: #1a1a1a;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 1em;
  width: 1px
}

@media screen and (max-width:767px) {
  .f__menu li:nth-child(2)::after {
    display: none
  }
}

.f__copy {
  color: #7c7c7c;
  font-family: "Crimson Text", "Noto Serif JP", serif
}

@media screen and (min-width:768px) {
  .f__copy {
    font-size: 14px
  }
}

@media screen and (max-width:767px) {
  .f__copy {
    font-size: 2.8125vw
  }
}

@media screen and (min-width:768px) {
  .sp_only {
    display: none
  }
  .tab_only {
    display: none
  }
  .pcL_notonly {
    display: none
  }
}

@media screen and (max-width:767px) {
  .pc_only {
    display: none
  }
  .tab_only {
    display: none
  }
}

.ipad .tab_only {
  display: block
}

.ipad .pcL_notonly {
  display: block
}

.ipad .c-list__item_hover::after {
  display: none
}

.ipad .c-list__item_hover {
  bottom: 15px;
  left: 15px;
  width: 90px
}

.ipad .c-list__item_top:hover .c-list__item_hover {
  width: 90px
}

.ipad .fv-left {
  background-size: 242px;
  width: 50%
}

.ipad .fv-left__inner {
  text-align: left;
  width: auto
}

.ipad .fv-left__ttl {
  background: url(../img/fv_ttl_2row.svg) no-repeat;
  background-size: cover;
  height: 85px;
  margin-right: 0;
  margin-left: 0;
  width: 269px
}

.ipad .fv-left__ttl img {
  visibility: hidden
}

.ipad .fv-left__logo {
  margin: 0 0 40px
}

.ipad .fv-left__copy {
  line-height: 1.5
}

.ipad .fv-left__btn_k, .ipad .fv-left__btn_t {
  display: block;
  margin: 0;
  width: 260px
}

.ipad .fv-left__btn_t {
  margin-bottom: 20px
}

.ipad .fv-right {
  width: 50%
}

.ipad .fv-right__slide {
  background-size: cover
}

.ipad .fv-right__slide01 {
  background: url(../img/fv_slider_1_tab.jpg) no-repeat center;
  background-size: cover
}

.ipad .fv-right__slide02 {
  background: url(../img/fv_slider_2_tab.jpg) no-repeat center;
  background-size: cover
}

.ipad .fv-right__slide03 {
  background: url(../img/fv_slider_3_tab.jpg) no-repeat center;
  background-size: cover
}

.ipad .c-desc__inner {
  padding: 66px 0
}

.ipad .c-desc__heading {
  font-size: 26px;
  padding-left: 40px
}

.ipad .c-desc__heading::before {
  height: 28px;
  width: 28px
}

.ipad .c-desc__txt_lead {
  font-size: 20px
}

.ipad .c-list__item_name {
  font-size: 30px
}

.ipad .t-desc__heading {
  width: 30.37%
}

.ipad .t-list__inner {
  padding: 106px 0
}

.ipad .t-list__item {
  margin-bottom: 36px
}

.ipad .t-list__item:nth-child(2n) {
  margin-top: 70px;
  padding-right: 25px
}

.ipad .k-desc__heading {
  width: 17.87%
}

.ipad .k-list__inner {
  padding: 118px 0 60px
}

.ipad .k-list__item {
  margin-bottom: 106px
}

.ipad .k-list__item_1993101 {
  width: 74%
}

.ipad .k-list__item_1993101::before {
  height: 69.7916666667vw;
  left: 57%;
  top: 60px;
  width: 52.76%
}

.ipad .k-list__item_1993101 .k-list__item_img {
  width: 75%
}

.ipad .k-list__item_1993101 .k-list__item_no {
  display: block
}

.ipad .k-list__item_1993101 .k-list__item_no::after {
  font-size: 11px;
  margin-left: 10px;
  padding: 2px 10px
}

.ipad .k-list__item_1996102 {
  margin-left: 26px
}

.ipad .k-list__item_1996103 {
  margin-top: 10px;
  margin-right: 0
}