/*background image*/
/*flex*/
/*hover base anim*/
/*custom anim*/
/*liner anim*/
/*content data-text*/
/* text indent letter spaxing*/
/*serif font*/
/*san_serif font*/
/*google font*/
/*shadow*/
/**/
@keyframes bgdraw {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(1) translateX(100%); } }

.fixed_header_bnr {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 101;
  background-color: #222222;
  /*.img{
				height: 66px;
				line-height: 0;
				display: flex;
				align-items: center;
				justify-content: center;
			}*/
  /*.fixed_header_bnr_close_btn{
			position: absolute;
			right: 1em;
			top: 50%;
			width: 24px;
			height: 24px;
			border-radius: 50%;
			margin-top: -13px;
			//background-color: #000;
			border: solid 1px #fff;
			transform: rotate(45deg);
			cursor: pointer;
			&::before,
			&::after{
				content: "";
				position: absolute;
				right: 15px;
				top: 50%;
				left: 50%;
				width: 60%;
				height: 2px;
				background-color: #fff;
				margin-top: -1px;
				margin-left: -30%;
			}
			&::after{
				transform: rotate(-90deg);
			}
		}*/ }
  .fixed_header_bnr a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    height: 60px;
    margin: 0 40px; }
  .fixed_header_bnr .header_bnr_txt {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .fixed_header_bnr .header_bnr_txt .logo {
      width: 128px;
      height: auto;
      margin-right: 18px; }
    .fixed_header_bnr .header_bnr_txt .txt {
      color: #fff;
      line-height: 1;
      font-size: 30px;
      letter-spacing: .108em; }
  .fixed_header_bnr .btn {
    position: absolute;
    right: 0;
    padding: 6px 12px;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .fixed_header_bnr .btn .txt {
      font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
      font-weight: bold;
      line-height: 1; }
    .fixed_header_bnr .btn .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      margin-left: 1em;
      background-color: #fa6a18; }
      .fixed_header_bnr .btn .icon img {
        width: 11px;
        height: auto; }
  @media screen and (max-width: 1300px) {
    .fixed_header_bnr a {
      justify-content: space-between; }
    .fixed_header_bnr .header_bnr_txt .logo {
      width: 77px; }
    .fixed_header_bnr .header_bnr_txt .txt {
      font-size: 17px; }
    .fixed_header_bnr .btn {
      padding: 5px 10px; }
      .fixed_header_bnr .btn .txt {
        font-size: 11px; }
      .fixed_header_bnr .btn .icon {
        width: 17px;
        height: 17px;
        margin-left: .5em; }
        .fixed_header_bnr .btn .icon img {
          width: 8px; } }
  @media screen and (max-width: 768px) {
    .fixed_header_bnr a {
      justify-content: center;
      height: 40px; }
    .fixed_header_bnr .header_bnr_txt .logo {
      width: 68px; }
    .fixed_header_bnr .header_bnr_txt .txt {
      font-size: 13px; }
    .fixed_header_bnr .btn {
      display: none; } }

/**/
.fixed_right_bnr {
  position: fixed;
  right: 32px;
  bottom: 32px;
  width: calc(100% - 64px);
  max-width: 419px;
  z-index: 100;
  transition: .3s; }
  .fixed_right_bnr img {
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.2)); }
  .fixed_right_bnr .fixed_right_bnr_close_btn {
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 1px #d6d6d6;
    transform: rotate(45deg);
    cursor: pointer;
    transform-origin: center; }
    .fixed_right_bnr .fixed_right_bnr_close_btn::before,
    .fixed_right_bnr .fixed_right_bnr_close_btn::after {
      content: "";
      position: absolute;
      right: 15px;
      top: 50%;
      left: 50%;
      width: 50%;
      height: 2px;
      background-color: #111;
      margin-top: -1px;
      margin-left: -25%; }
    .fixed_right_bnr .fixed_right_bnr_close_btn::after {
      transform: rotate(-90deg); }
  @media screen and (max-width: 1200px) {
    .fixed_right_bnr {
      max-width: 350px; } }
  @media screen and (max-width: 768px) {
    .fixed_right_bnr {
      max-width: 389px;
      right: -100%; }
      .fixed_right_bnr.open {
        right: 32px; } }

/**/
.normal_sale_bnr {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 100; }
  .normal_sale_bnr .bnr_in {
    position: relative;
    width: 90%;
    max-width: 800px;
    margin-bottom: 32px;
    margin-right: 32px;
    box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.4); }
    .normal_sale_bnr .bnr_in .bnr_link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1.375em 1.25em;
      background-color: #fff; }
      .normal_sale_bnr .bnr_in .bnr_link .left {
        font-size: 2em;
        color: #fa6a18;
        writing-mode: vertical-rl;
        text-orientation: sideways;
        letter-spacing: .02em; }
      .normal_sale_bnr .bnr_in .bnr_link .mid {
        flex: 1;
        font-size: 1.6125em;
        text-align: center;
        margin: 0 1.25em;
        letter-spacing: .04em; }
        .normal_sale_bnr .bnr_in .bnr_link .mid .md {
          border-bottom: solid 1px #000;
          margin-bottom: .375em;
          padding-bottom: .25em; }
        .normal_sale_bnr .bnr_in .bnr_link .mid .sub {
          display: flex;
          align-items: center;
          justify-content: center; }
          .normal_sale_bnr .bnr_in .bnr_link .mid .sub span {
            font-size: 1.25em;
            margin-left: .125em; }
      .normal_sale_bnr .bnr_in .bnr_link .btn {
        padding: 6px 12px;
        border-radius: 8px;
        background-color: #fa6a18;
        align-self: flex-end;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: .3s; }
        .normal_sale_bnr .bnr_in .bnr_link .btn .txt {
          font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
          font-weight: bold;
          line-height: 1;
          color: #fff; }
        .normal_sale_bnr .bnr_in .bnr_link .btn .icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 22px;
          height: 22px;
          border-radius: 50%;
          margin-left: 1em;
          background-color: #fff; }
          .normal_sale_bnr .bnr_in .bnr_link .btn .icon img {
            width: 11px;
            height: auto;
            filter: brightness(0) invert(0); }
      .normal_sale_bnr .bnr_in .bnr_link:hover {
        opacity: 1; }
        .normal_sale_bnr .bnr_in .bnr_link:hover .btn {
          background-color: #000; }
    .normal_sale_bnr .bnr_in .fixed_right_bnr_close_btn2 {
      position: absolute;
      right: -16px;
      top: -16px;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-color: #222;
      border: solid 1px #fff;
      transform: rotate(45deg);
      cursor: pointer;
      transform-origin: center; }
      .normal_sale_bnr .bnr_in .fixed_right_bnr_close_btn2::before,
      .normal_sale_bnr .bnr_in .fixed_right_bnr_close_btn2::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 2px;
        background-color: #fff;
        margin-top: -1px;
        margin-left: -25%; }
      .normal_sale_bnr .bnr_in .fixed_right_bnr_close_btn2::after {
        transform: rotate(-90deg); }
    @media screen and (max-width: 768px) {
      .normal_sale_bnr .bnr_in {
        margin-right: 5%;
        margin-bottom: 1.25em; }
        .normal_sale_bnr .bnr_in .bnr_link {
          display: block;
          padding: 1em 1em; }
          .normal_sale_bnr .bnr_in .bnr_link .left {
            writing-mode: horizontal-tb;
            text-align: center;
            margin-bottom: .5em;
            font-size: 1.375em; }
          .normal_sale_bnr .bnr_in .bnr_link .mid {
            margin: 0px 0px 0.75em;
            font-size: 1.375em; }
          .normal_sale_bnr .bnr_in .bnr_link .btn {
            max-width: max-content;
            margin: 0 auto; } }

.normal_sale_bnr2 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  padding: 1.125em 0;
  background-color: rgba(0, 0, 0, 0.5); }
  .normal_sale_bnr2 .bnr_in {
    position: relative;
    width: 90%;
    max-width: 730px;
    box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.3); }
    .normal_sale_bnr2 .bnr_in .bnr_link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1.375em 1.25em;
      background-color: #fff; }
      .normal_sale_bnr2 .bnr_in .bnr_link .left {
        font-size: 1.9125em;
        color: #fa6a18;
        writing-mode: vertical-rl;
        text-orientation: sideways;
        letter-spacing: .02em; }
      .normal_sale_bnr2 .bnr_in .bnr_link .mid {
        flex: 1;
        font-size: 1.5em;
        text-align: center;
        margin: 0 1.25em;
        letter-spacing: .05em; }
        .normal_sale_bnr2 .bnr_in .bnr_link .mid .md {
          border-bottom: solid 1px #000;
          margin-bottom: .4125em;
          padding-bottom: .375em; }
        .normal_sale_bnr2 .bnr_in .bnr_link .mid .sub {
          display: flex;
          align-items: center;
          justify-content: center; }
          .normal_sale_bnr2 .bnr_in .bnr_link .mid .sub span {
            font-size: 1.25em;
            margin-left: .125em; }
      .normal_sale_bnr2 .bnr_in .bnr_link .btn {
        padding: 6px 12px;
        border-radius: 8px;
        background-color: #fa6a18;
        align-self: flex-end;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: .3s; }
        .normal_sale_bnr2 .bnr_in .bnr_link .btn .txt {
          font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
          font-weight: bold;
          line-height: 1;
          color: #fff; }
        .normal_sale_bnr2 .bnr_in .bnr_link .btn .icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 22px;
          height: 22px;
          border-radius: 50%;
          margin-left: 1em;
          background-color: #fff; }
          .normal_sale_bnr2 .bnr_in .bnr_link .btn .icon img {
            width: 11px;
            height: auto;
            filter: brightness(0) invert(0); }
      .normal_sale_bnr2 .bnr_in .bnr_link:hover {
        opacity: 1; }
        .normal_sale_bnr2 .bnr_in .bnr_link:hover .btn {
          background-color: #000; }
    .normal_sale_bnr2 .bnr_in .fixed_right_bnr_close_btn2 {
      position: absolute;
      right: -16px;
      top: -16px;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-color: #222;
      border: solid 1px #fff;
      transform: rotate(45deg);
      cursor: pointer;
      transform-origin: center; }
      .normal_sale_bnr2 .bnr_in .fixed_right_bnr_close_btn2::before,
      .normal_sale_bnr2 .bnr_in .fixed_right_bnr_close_btn2::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 2px;
        background-color: #fff;
        margin-top: -1px;
        margin-left: -25%; }
      .normal_sale_bnr2 .bnr_in .fixed_right_bnr_close_btn2::after {
        transform: rotate(-90deg); }
    @media screen and (max-width: 768px) {
      .normal_sale_bnr2 .bnr_in .bnr_link {
        display: block;
        padding: 1em 1em; }
        .normal_sale_bnr2 .bnr_in .bnr_link .left {
          writing-mode: horizontal-tb;
          text-align: center;
          margin-bottom: .5em;
          font-size: 1.375em; }
        .normal_sale_bnr2 .bnr_in .bnr_link .mid {
          margin: 0px 0px 0.75em;
          font-size: 1.375em; }
        .normal_sale_bnr2 .bnr_in .bnr_link .btn {
          max-width: max-content;
          margin: 0 auto; } }

.normal_sale_bnr3 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  padding: 1.125em 0;
  background-color: rgba(0, 0, 0, 0.5); }
  .normal_sale_bnr3 .bnr_in {
    position: relative;
    width: 90%;
    max-width: 1044px;
    box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.3); }
    .normal_sale_bnr3 .bnr_in a {
      line-height: 0; }
      .normal_sale_bnr3 .bnr_in a .pc {
        max-width: 1044px; }
      .normal_sale_bnr3 .bnr_in a .sp {
        display: none; }
    .normal_sale_bnr3 .bnr_in .fixed_right_bnr_close_btn2 {
      position: absolute;
      right: -16px;
      top: -16px;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-color: #222;
      border: solid 1px #fff;
      transform: rotate(45deg);
      cursor: pointer;
      transform-origin: center; }
      .normal_sale_bnr3 .bnr_in .fixed_right_bnr_close_btn2::before,
      .normal_sale_bnr3 .bnr_in .fixed_right_bnr_close_btn2::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 2px;
        background-color: #fff;
        margin-top: -1px;
        margin-left: -25%; }
      .normal_sale_bnr3 .bnr_in .fixed_right_bnr_close_btn2::after {
        transform: rotate(-90deg); }
    @media screen and (max-width: 768px) {
      .normal_sale_bnr3 .bnr_in a .pc {
        display: none; }
      .normal_sale_bnr3 .bnr_in a .sp {
        display: block; }
      .normal_sale_bnr3 .bnr_in .bnr_link {
        display: block; }
        .normal_sale_bnr3 .bnr_in .bnr_link .left {
          writing-mode: horizontal-tb;
          text-align: center;
          margin-bottom: .5em;
          font-size: 1.375em; }
        .normal_sale_bnr3 .bnr_in .bnr_link .mid {
          margin: 0px 0px 0.75em;
          font-size: 1.375em; }
        .normal_sale_bnr3 .bnr_in .bnr_link .btn {
          max-width: max-content;
          margin: 0 auto; } }

/**/
.main_v2 .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; }
  .main_v2 .link a {
    display: block;
    max-width: calc(100% - 64px);
    max-height: 50vh;
    line-height: 0; }
    .main_v2 .link a img {
      max-height: 55vh; }
  @media screen and (max-width: 1200px) {
    .main_v2 .link a {
      max-width: 300px; } }
  @media screen and (max-width: 1024px) {
    .main_v2 .link a {
      max-width: calc(100% - 64px); } }
  @media screen and (max-width: 768px) {
    .main_v2 .link a img {
      max-width: 100%; } }
  @media screen and (max-width: 767px) {
    .main_v2 .link a img {
      max-width: 60vw; } }

.main_news {
  z-index: 11; }

/**/
.header.bnr_on {
  top: 60px; }
  @media screen and (max-width: 768px) {
    .header.bnr_on {
      top: 40px; } }
