@charset "UTF-8";
.e_font-size, body, .shop-box .shop-text {
  font-size: 1.6rem; }
  @media screen and (max-width: 499px) {
    .e_font-size, body, .shop-box .shop-text {
      font-size: 1.4rem; } }

.e_mb50-25, .shop-box {
  margin-bottom: 50px; }
  @media screen and (max-width: 499px) {
    .e_mb50-25, .shop-box {
      margin-bottom: 25px; } }

.e_mb60-30, .campaign-special-wrapper {
  margin-bottom: 60px; }
  @media screen and (max-width: 499px) {
    .e_mb60-30, .campaign-special-wrapper {
      margin-bottom: 30px; } }

.e_mb80-40 {
  margin-bottom: 80px; }
  @media screen and (max-width: 499px) {
    .e_mb80-40 {
      margin-bottom: 40px; } }

.e_mb100-50, .shop, .campaign {
  margin-bottom: 100px; }
  @media screen and (max-width: 499px) {
    .e_mb100-50, .shop, .campaign {
      margin-bottom: 50px; } }

.e_pb50-25, .info-threec, .line-up {
  padding-bottom: 50px; }
  @media screen and (max-width: 499px) {
    .e_pb50-25, .info-threec, .line-up {
      padding-bottom: 25px; } }

.e_pt80-45, .keyvisual {
  padding-top: 80px; }
  @media screen and (max-width: 499px) {
    .e_pt80-45, .keyvisual {
      padding-top: 40px; } }

.e_pt90-45, .line-up {
  padding-top: 90px; }
  @media screen and (max-width: 499px) {
    .e_pt90-45, .line-up {
      padding-top: 45px; } }

.color_yellow {
  background-color: #FFC72C; }

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

body {
  text-align: center;
  font-family: 'Hiragino Kaku Gothic Pro',
 'ヒラギノ角ゴ Pro W3',
 'メイリオ',
 Meiryo,
 'ＭＳ Ｐゴシック',
 sans-serif;
  line-height: 1.75; }

*,
*::before,
*::after {
  box-sizing: border-box; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  text-decoration: none;
  color: #000; }

li {
  list-style-type: none; }

/* --------------------------------
 * common
 * -------------------------------- */
@media screen and (min-width: 980px) {
  .fadein {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s; } }

.header-banner {
  width: 100%;
  height: 74px;
  background: url("../image/header-banner.png") center no-repeat;
  background-color: #FFC72C;
  background-size: contain;
  position: fixed;
  top: -74px;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }
  @media screen and (min-width: 500px) {
    .header-banner {
      display: none; } }
  .header-banner a {
    display: block;
    width: 100%;
    height: 100%; }

@media screen and (max-width: 499px) {
  #special,
  #fair,
  #line-up,
  #merit {
    margin-top: -74px;
    padding-top: 74px; } }

.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0;
  animation-duration: .5s;
  top: 0; }

@keyframes slideDown {
  0% {
    top: -74px; }
  100% {
    top: 0; } }

.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0;
  animation-duration: .5s;
  top: -74px; }

@keyframes slideUp {
  0% {
    top: 0; }
  100% {
    top: -74px; } }

.contents-wrapper, .contents-wrapper-merit {
  width: 960px;
  max-width: 100%;
  margin: 0 auto; }

@media screen and (max-width: 979px) {
  .contents-wrapper-mobile {
    padding: 0 15px; } }

.e_headding, .headding_shop, .headding_line-up {
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: inline-block;
  width: 100%; }
  .e_headding img, .headding_shop img, .headding_line-up img {
    vertical-align: middle; }

.headding_shop {
  font-weight: bold;
  font-size: 2.5rem;
  padding: 22px 10px;
  margin-bottom: 35px;
  line-height: 1.5; }
  @media screen and (max-width: 979px) {
    .headding_shop {
      font-size: 2rem; } }
  @media screen and (max-width: 499px) {
    .headding_shop {
      font-size: 1.6rem; } }

.headding_line-up {
  font-weight: normal;
  font-size: 2rem;
  padding: 10px;
  margin-bottom: 40px;
  line-height: 1.2; }

.bg-000 {
  background: #000;
  color: #fff; }

.e_arrow, .arrow-w, .arrow-b {
  margin: 0 auto;
  display: block;
  width: 38px;
  height: 38px;
  position: relative; }
  @media screen and (max-width: 499px) {
    .e_arrow, .arrow-w, .arrow-b {
      width: 30px;
      height: 30px; } }
  .e_arrow::before, .arrow-w::before, .arrow-b::before {
    content: '';
    width: 38px;
    height: 38px;
    display: block;
    border: solid 1px;
    transform: rotate(135deg);
    position: absolute;
    top: -38px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    @media screen and (max-width: 499px) {
      .e_arrow::before, .arrow-w::before, .arrow-b::before {
        width: 30px;
        height: 30px;
        top: -15px; } }

.arrow-w::before {
  border-color: #fff #fff transparent transparent; }

.arrow-b::before {
  border-color: #000 #000 transparent transparent; }

ul.watch-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  font-size: 0;
  margin: 0 auto;
  margin-bottom: 90px; }
  @media screen and (max-width: 499px) {
    ul.watch-list {
      margin-bottom: 50px;
      display: block; } }

ul.watch-list li {
  margin: 30px 17px;
  position: relative; }
  ul.watch-list li img {
    width: 100%; }

.watch-link {
  display: block;
  margin: 2px auto 0; }

.link-button-wrapper {
  padding-bottom: 30px;
  margin-top: -4px; }
  @media screen and (max-width: 979px) {
    .link-button-wrapper {
      margin: 20px 15px 0; } }

.e_link-button, .link-button-fair, .link-button-contact, .link-button-threec, .link-button-other, .link-button-merit {
  background: #000;
  color: #fff;
  display: inline-block;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding: 5px 65px;
  max-width: 100%;
  margin: 0 15px; }
  @media screen and (max-width: 979px) {
    .e_link-button, .link-button-fair, .link-button-contact, .link-button-threec, .link-button-other, .link-button-merit {
      margin: 0;
      max-width: 90%; } }
  @media screen and (max-width: 767px) {
    .e_link-button, .link-button-fair, .link-button-contact, .link-button-threec, .link-button-other, .link-button-merit {
      font-size: 1.5rem;
      padding: 13px 5px; } }
  .e_link-button::after, .link-button-fair::after, .link-button-contact::after, .link-button-threec::after, .link-button-other::after, .link-button-merit::after {
    content: '';
    background: url("../image/icon_click-w.png") no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    right: 13px;
    background-size: contain;
    width: 52px;
    height: 15px; }
    @media screen and (max-width: 767px) {
      .e_link-button::after, .link-button-fair::after, .link-button-contact::after, .link-button-threec::after, .link-button-other::after, .link-button-merit::after {
        content: none; } }

.link-button-fair, .link-button-contact {
  background: #767676;
  /* Old browsers */
  background: -moz-linear-gradient(top, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#363636', GradientType=0);
  /* IE6-9 */
  width: 640px; }
  @media screen and (max-width: 979px) {
    .link-button-fair, .link-button-contact {
      width: 100%; } }

.link-button-threec {
  background: #767676;
  /* Old browsers */
  background: -moz-linear-gradient(top, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#363636', GradientType=0);
  /* IE6-9 */
  width: 480px; }

.link-button-other {
  background: #767676;
  /* Old browsers */
  background: -moz-linear-gradient(top, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #767676 1%, #767676 35%, #767676 35%, #363636 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#363636', GradientType=0);
  /* IE6-9 */
  margin-bottom: 50px;
  width: 530px; }
  .link-button-other::after {
    content: none; }

.link-button-contact {
  margin-bottom: 60px; }

.link-button-merit-wrapper {
  padding: 0 10px; }
  @media screen and (max-width: 499px) {
    .link-button-merit-wrapper {
      padding: 0; } }

.link-button-merit {
  background-color: #FFC72C;
  color: #000;
  width: 900px;
  margin-bottom: 30px; }
  @media screen and (max-width: 979px) {
    .link-button-merit {
      margin-bottom: 20px; } }
  .link-button-merit::after {
    background: url("../image/icon_click-b.png") no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    right: 13px;
    background-size: contain;
    width: 52px;
    height: 15px; }

.price-notes {
  padding-bottom: 30px;
  font-size: 1.2rem;
  line-height: 2; }
  @media screen and (max-width: 767px) {
    .price-notes {
      text-align: left; } }

.lg-br {
  display: none; }
  @media screen and (min-width: 980px) {
    .lg-br {
      display: inline-block; } }

.md-br {
  display: none; }
  @media screen and (max-width: 767px) {
    .md-br {
      display: inline-block; } }

.sm-br {
  display: none; }
  @media screen and (max-width: 499px) {
    .sm-br {
      display: inline-block; } }

/* --------------------------------
 * keyvisual
 * -------------------------------- */
.keyvisual {
  padding-bottom: 55px; }
  @media screen and (max-width: 979px) {
    .keyvisual {
      padding-left: 15px;
      padding-right: 15px; } }

.keyvisual img {
  width: 832px;
  max-width: 100%;
  margin: 0 auto; }

.arrow-wrapper-keyvisual {
  padding-bottom: 50px; }
  @media screen and (max-width: 499px) {
    .arrow-wrapper-keyvisual {
      padding-bottom: 30px; } }

/* --------------------------------
 * shop
 * -------------------------------- */
@media screen and (max-width: 979px) {
  .shop {
    margin-top: 0; } }

.shop-box {
  width: 100%;
  display: flex; }
  @media screen and (max-width: 979px) {
    .shop-box {
      flex-direction: column;
      justify-content: center; } }
  .shop-box .shop-text {
    text-align: left;
    width: 33%;
    font-size: 1.4rem; }
    @media screen and (max-width: 979px) {
      .shop-box .shop-text {
        width: 100%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 499px) {
      .shop-box .shop-text {
        font-size: 1.4rem; } }
  .shop-box .shop-image {
    display: flex;
    align-items: flex-start;
    width: 67%;
    min-height: 0%; }
    @media screen and (max-width: 979px) {
      .shop-box .shop-image {
        width: 100%; } }
    .shop-box .shop-image li img {
      padding-left: 20px; }
    @media screen and (max-width: 979px) {
      .shop-box .shop-image li:first-child img {
        padding: 0 10px 0 0; } }
    @media screen and (max-width: 979px) {
      .shop-box .shop-image li:last-child img {
        padding: 0 0 0 10px; } }
    .shop-box .shop-image p {
      margin-top: .6rem; }

.info-threec img {
  max-width: 100%;
  margin-top: 10px; }

.info-threec p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .info-threec p {
      font-size: 1.6rem; } }
  .info-threec p span {
    font-size: 2.5rem; }
    @media screen and (max-width: 499px) {
      .info-threec p span {
        font-size: 2rem; } }

.logo-threec-niigata-w {
  width: 256px; }

.logo-threec-bp-w {
  width: 285px; }

.info-threec-box {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 499px) {
    .info-threec-box {
      flex-direction: column; } }

ul.info-threec-box li {
  padding: 1rem 3rem 2rem; }
  @media screen and (max-width: 499px) {
    ul.info-threec-box li {
      padding: 1rem 5rem 2rem; } }

.arrow-wrapper-shop {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .arrow-wrapper-shop {
      margin-top: 30px; } }

/* --------------------------------
 * Campaign
 * -------------------------------- */
.arrow-wrapper-campaign {
  margin-top: 50px;
  margin-bottom: 30px; }

/* --------------------------------
 * SNS
 * -------------------------------- */
.txt_sns, .txt_parking {
  font-weight: bold;
  font-size: 1.8rem;
  padding: 6px 12px;
  display: inline-block;
  line-height: 1.3; }
  @media screen and (max-width: 499px) {
    .txt_sns, .txt_parking {
      font-size: 1.4rem; } }

.link_sns, .link_parking {
  border-radius: 10px;
  margin-right: 20px;
  color: #000; }
  @media screen and (max-width: 979px) {
    .link_sns, .link_parking {
      margin: 0 0 15px; } }
  .link_sns::after, .link_parking::after {
    content: '';
    background: url("../image/icon_arrow.png") no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 17px;
    height: 16px;
    position: relative;
    top: 2px; }

.sns-box {
  display: flex;
  justify-content: center;
  margin-top: 17px; }
  @media screen and (max-width: 979px) {
    .sns-box {
      flex-direction: column;
      align-items: center; } }

ul.sns-icon {
  display: flex;
  justify-content: space-around;
  width: 240px; }
  ul.sns-icon li {
    width: 55px; }

/* --------------------------------
 * Line up
 * -------------------------------- */
@media screen and (max-width: 979px) {
  .model-wrapper {
    padding: 0 15px; } }

.model-title-box {
  display: flex;
  padding: 0 50px; }
  @media screen and (max-width: 979px) {
    .model-title-box {
      padding: 0;
      flex-direction: column;
      align-items: center; } }
  @media screen and (max-width: 499px) {
    .model-title-box {
      display: block; } }

.header_model-chronomat img {
  width: 365px; }

.header_model-navitimer img {
  width: 308px; }

.header_model-avenger img {
  width: 268px; }

.header_model-premier img {
  width: 252px; }

.header_model-superocean img {
  width: 395px; }

.header_model-forlady img {
  width: 272px; }

.txt_model {
  text-align: left;
  margin-left: 40px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6; }
  @media screen and (max-width: 979px) {
    .txt_model {
      margin: 15px 0 0;
      font-size: 1.6rem;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .txt_model {
      margin: 15px 0 0;
      font-size: 1.4rem;
      text-align: left; } }

.watch-link-button {
  width: 45px;
  height: 45px;
  background-color: #FFC72C;
  color: #000;
  display: flex;
  line-height: 1.3;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 33px;
  bottom: 15px;
  font-size: 1.5rem; }
  @media screen and (max-width: 499px) {
    .watch-link-button {
      right: 12%;
      bottom: 2.6%;
      font-size: 1.4rem; } }
  @media screen and (max-width: 350px) {
    .watch-link-button {
      bottom: 2.0%; } }

/* --------------------------------
 * Merit
 * -------------------------------- */
.contents-wrapper-merit {
  width: 962px; }

.arrow-wrapper-merit {
  margin-top: 40px;
  margin-bottom: 50px; }

.merit-wrapper {
  border: solid 1px #000; }

.link-button-threec-wrappper {
  margin: 50px 0 60px; }

/* --------------------------------
 * Info
 * -------------------------------- */
.info-shop-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .info-shop-box {
      flex-direction: column;
      margin-bottom: 0; } }
  .info-shop-box p {
    margin-bottom: .5rem; }

@media screen and (min-width: 768px) {
  .hide-pc {
    display: none; } }

.info-shop-box img {
  width: 100%;
  padding: 0 2.5rem; }

.ggmap {
  margin: 20px .5rem 50px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.info-p-wrapper img {
  width: 759px; }

.info-p-wrapper {
  margin-bottom: 45px; }

.info-p-box-wrapper {
  margin: 0 auto 40px; }

.info-p-box {
  display: inline-flex;
  align-items: center;
  width: 640px;
  max-width: 100%;
  margin-bottom: 2rem; }
  @media screen and (max-width: 979px) {
    .info-p-box {
      flex-direction: column; } }

.info-p-box-wrapper dl:last-child {
  margin-bottom: 0; }

.info-p-box dt {
  font-weight: bold;
  padding-right: 1.5rem;
  font-size: 1.6rem;
  width: 18%;
  text-align: left; }
  @media screen and (max-width: 979px) {
    .info-p-box dt {
      width: 100%; } }

.info-p-box dd {
  text-align: left;
  justify-content: center;
  padding-left: 1.5rem;
  border-left: 1px solid #000; }
  @media screen and (max-width: 979px) {
    .info-p-box dd {
      padding-left: 0;
      border-left: none;
      width: 100%; } }

.parking_sp {
  position: relative; }
  @media screen and (min-width: 980px) {
    .parking_sp {
      display: none; } }

.parking_sp a {
  position: absolute;
  top: -19%;
  left: 39%; }

.info-card-wrapper {
  margin-bottom: 60px; }

/* --------------------------------
 * Footer
 * -------------------------------- */
.maker-box {
  display: flex;
  width: 700px;
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 100px; }
  @media screen and (max-width: 767px) {
    .maker-box {
      flex-direction: column; } }

ul.maker-box li {
  width: 50%; }

.logo_breitling {
  width: 302px;
  max-width: 100%; }

.logo_threec-niigata-b {
  width: 288px;
  max-width: 100%;
  margin-bottom: 3rem; }
  @media screen and (max-width: 767px) {
    .logo_threec-niigata-b {
      margin-top: 30px; } }

.logo_threec-bp-b {
  width: 285px;
  max-width: 100%; }

/*# sourceMappingURL=style.css.map */