@charset "UTF-8";
@import url(normalize.min.css);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Road+Rage&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap");
html {
  font-size: 62.5%;
  position: relative;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  line-height: 1.75;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  background: #212121;
  color: #cfcfcf;
  position: relative;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a:link {
  color: #cfcfcf;
  text-decoration: none;
}

a {
  color: #fff;
  text-decoration: none;
  transition: opacity 1s ease-out;
}

a:hover {
  text-decoration: none;
  opacity: 0.8;
}

a:visited {
  color: #cfcfcf;
  text-decoration: none;
}

a.link {
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
a.link:hover {
  border-bottom: 1px solid #fff;
}

.active {
  opacity: 0.8;
}

* {
  outline: none;
}

.clr_black {
  color: #000;
}

.clr_white {
  color: #fff;
}

.overflow-y_hide {
  overflow-y: hidden;
}

.scrollbar_none::-webkit-scrollbar {
  display: none;
  overflow-y: auto;
  -ms-overflow-style: none;
  width: 0px;
}

.blink {
  -webkit-animation: blink 1.5s ease infinite;
  animation: blink 1.5s ease infinite;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
strong,
.strong {
  font-weight: bold;
}

p,
ul,
ol,
dl {
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}

img {
  max-width: 100%;
  height: auto;
  width/***/: auto;
  margin: 0 auto;
  padding: 0;
  vertical-align: bottom;
}

p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
.wrap:last-child {
  margin-bottom: 0;
}

.uppercase {
  text-transform: uppercase;
}

.border1w {
  border: 1px solid #fff;
}

.border_line_top {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.border_line > div {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0;
}

.border-none {
  border-style: none;
}

.border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.box30 > div a figure {
  padding: 50px 15px;
  display: block;
}

.box40 > div a figure {
  padding: 40px 15px;
  display: block;
}

.box50 > div a figure {
  padding: 50px 15px;
  display: block;
}

.box_center {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

.img_left {
  text-align: center;
}

.img_center {
  text-align: center;
}

.img_right {
  text-align: center;
}

.txt_center {
  text-align: center;
  margin: 0 auto;
}

.txt_left {
  text-align: left;
}

.txt_right {
  text-align: right;
}

.flt_left,
.flt_left li {
  float: left;
}

.flt_right {
  float: right;
}

.no_padding {
  padding: 0;
}

* {
  box-sizing: border-box;
}

.word_break {
  word-break: keep-all;
}

.m0 {
  margin: 0 !important;
}

.pd1 {
  padding: 1px !important;
}

.pd2 {
  padding: 2px !important;
}

.pd3 {
  padding: 3px !important;
}

.pd4 {
  padding: 4px !important;
}

.sp_show {
  display: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .display_content {
    text-align: left !important;
  }
  .display_content br {
    display: contents;
  }
}

br.sp_none {
  display: block;
}

.pc_show {
  display: block;
}

@media screen and (max-width: 767px) {
  .sp_show {
    display: block;
  }
  br.sp_none {
    display: inline !important;
  }
  .pc_show {
    display: none !important;
  }
}
.sp_only {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp_only {
    display: block !important;
  }
}
.pc_only {
  display: block;
}

@media screen and (max-width: 767px) {
  .pc_only {
    display: none !important;
  }
}
/* 点滅 */
.blinking {
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.hidden {
  display: hidden;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.no_fixed {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
}

.block {
  display: block;
}

.visib_none {
  visibility: none !important;
}

.endpoint {
  background: #999;
  display: inline-block;
  color: #000;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 50px;
  letter-spacing: -2px;
  margin-left: 5px;
}

#pgTop {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 300;
}

.v_top {
  display: inline-block;
  vertical-align: top;
  float: none;
}

.v_bottom {
  display: inline-block;
  vertical-align: bottom;
  float: none;
}

.v_middle {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.breadcrumb {
  font-size: 1.2rem;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  padding: 15px;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li:after {
  content: " > ";
}
.breadcrumb li:last-child {
  color: #fff;
}
.breadcrumb li:last-child:after {
  content: "";
  color: #fff;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}

.scrollbar_none {
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
}

.scrollbar_none::-webkit-scrollbar {
  display: none;
}

.positon_absolute {
  position: absolute;
  z-index: 1;
}

.positon_relative {
  position: relative;
}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}
.row-eq-height.center {
  justify-content: center;
  /* 子要素をflexboxにより中央に配置する */
  align-items: center;
  /* 子要素をflexboxにより中央に配置する */
}

.opacity_none {
  opacity: 0;
}

.height70 {
  height: 70vh !important;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .height70 {
    height: auto !important;
  }
}

.height75 {
  height: 75vh !important;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .height75 {
    height: auto !important;
  }
}

.height80 {
  height: 80vh !important;
  width: 100%;
}

.height100 {
  height: 100vh !important;
  width: 100%;
}

.height320 {
  height: 320px;
}

.ls1 {
  letter-spacing: -1px;
}

.parallax {
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
}

.pageUp {
  text-align: center;
  padding: 30px 0;
}
.pageUp .fa {
  padding: 1em 0 0;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.display_block {
  display: block;
}
.display_block_a a {
  display: block;
}

/* font size bootstrap currnet */
.display-5 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-7 {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.2;
}

.modal_content {
  padding: 50px 0;
  width: 100%;
}

.flex_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex_center2 {
  display: flex;
  align-items: center;
}

/* font-size */
.font-size32 {
  font-size: 3.2rem !important;
}

.font-size30 {
  font-size: 3rem !important;
}

.font-size28 {
  font-size: 2.8rem !important;
}

.font-size26 {
  font-size: 2.6rem !important;
}

.font-size24 {
  font-size: 2.4rem !important;
}

.font-size22 {
  font-size: 2.2rem !important;
}

.font-size20 {
  font-size: 2rem !important;
}

.font-size18 {
  font-size: 1.8rem !important;
}

.font-size16 {
  font-size: 1.6rem !important;
}

.font-size15 {
  font-size: 1.5rem !important;
}

.font-size14 {
  font-size: 1.4rem !important;
}

.font-size13 {
  font-size: 1.3rem !important;
}

.font-size12 {
  font-size: 1.2rem !important;
}

.font-size11 {
  font-size: 1.1rem !important;
}

.font-size10 {
  font-size: 1rem !important;
}

/* font-weight */
.font-weight_100 {
  font-weight: 100 !important;
}

.font-weight_300 {
  font-weight: 300 !important;
}

.font-weight_350 {
  font-weight: 350 !important;
}

.font-weight_400 {
  font-weight: 400 !important;
}

.font-weight_500 {
  font-weight: 500 !important;
}

.font-weight_600 {
  font-weight: 600 !important;
}

.font-weight_700 {
  font-weight: 700 !important;
}

.font-weight_900 {
  font-weight: 900 !important;
}

.bh-sl-container .bh-sl-loc-list ul {
  display: block;
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
}

.text_shadow {
  text-shadow: 1px 1px 1px #000;
}

.tooltip {
  position: absolute;
  z-index: 999999;
}

.update_number {
  float: right;
  font-size: 1.2rem;
  padding: 4px 0;
  color: #dbdbdb;
}

.icn_illust img {
  border-radius: 4px;
  margin: 2.6px 2px !important;
}

embed,
iframe,
object,
video {
  max-width: 100%;
  vertical-align: middle;
  text-align: center;
}

.row_reverse {
  flex-direction: row-reverse;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

.alignright {
  float: right;
  margin: 0 15px 15px 15px;
}

.alignleft {
  float: left;
  margin: 0 15px 15px 15px;
}

a.text_link {
  padding-bottom: 6px;
  position: relative;
}
a.text_link:before {
  content: "";
  width: 0;
  transition: all 0.3s ease;
  border-bottom: 1px solid #999;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}
a.text_link:hover:before {
  width: 100%;
  border-bottom: 1px solid #999;
  height: 100%;
  z-index: -1;
}

a.text_link:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.border-radius_10 {
  border-radius: 10px;
}

.original_series_display_none {
  display: none;
}

.editor a {
  text-decoration: underline;
}
.editor a:hover {
  text-decoration: none;
}
.editor a:not(img) {
  border-bottom: none;
}
.editor .title {
  font-size: 2rem;
  margin-bottom: 1em;
  font-weight: 600;
}
.editor .subtitle {
  font-weight: 600;
}
.editor .wrap {
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.editor .wrap ol {
  margin: 0 0 1em 2em;
}

@media screen and (max-width: 767px) {
  .gallery-columns-4 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 50%;
  }
}
.main_visual_image {
  width: 100%;
  height: 70%;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.main_visual_images {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.flex5050 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width: 480px) {
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
    width: 50% !important;
  }
}
.logo_anniversary {
  height: 65px;
  width: auto;
  margin: 12px 5px 0 0;
  float: left;
}

.fb3d-thumbnail-lightbox-mode,
.fb3d-thumbnail-mode {
  display: block !important;
}

.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#wpfront-scroll-top-container {
  z-index: 10 !important;
}

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}

.require {
  color: red;
}

.wpcf7-form.init div {
  margin-bottom: 1rem;
}
.wpcf7-form.init div input {
  margin: 5px 0;
  width: auto;
}
.wpcf7-form.init div input[name=your-kana],
.wpcf7-form.init div input[name=your-name],
.wpcf7-form.init div input[name=your-tel] {
  width: 280px !important;
}
.wpcf7-form.init div input[name=post-number] {
  width: 150px !important;
}
.wpcf7-form.init div input[name=address] {
  width: 90% !important;
}
.wpcf7-form.init div input[name=your-email] {
  width: 80% !important;
}

/* コメント箇所のスタイル調整 */
.comment-form input[type=text] {
  width: 100% !important;
}

.logo_edwardsplatinum {
  width: 100px;
  margin-top: 5px;
  margin-bottom: 14px;
}

span[data-name=menu-sex] {
  background-color: #fff !important;
  border-radius: 5px;
  margin: 3px 0 !important;
  padding: 10px;
  display: inline-block;
}
span[data-name=menu-sex] select {
  border: none;
}

gsc-selected-option {
  color: #333;
}

.gsc-orderby-label {
  display: none;
}

.gsc-orderby-label,
.gsc-result-info,
.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
  color: #ccc !important;
}

.gsc-control-cse .gsc-option-menu-container {
  width: 140px;
}

.mfp-gallery .mfp-image-holder .mfp-figure .mfp-img {
  background-color: black !important;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  right: 0 !important;
}

/* overlay */
.overlay_black {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  padding: 3% 2%;
  overflow: hidden;
  display: block;
}

.overlay_black_dark09 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.overlay_black_dark08 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.overlay_black_dark {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.overlay_black_dark07 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.overlay_black_dark06 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.overlay_black_dark05 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.overlay_black_dark04 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.overlay_black_dark03 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.overlay_black_dark02 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.overlay_black_dark01 {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.overlay_white_dark {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}

.overlay_white_medium {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
}

.overlay_white_light {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
}

.overlay_white_xlight {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
}

.overlay_bgr_header {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.overlay_black_dark04.height_auto {
  height: auto;
}

.overlay_bgr_image {
  height: 100%;
  width: 100%;
  background: url(/assets_2018/images/common/overlay.png) center center repeat rgba(0, 0, 0, 0.5);
}

.overlay_bgr_texture {
  height: 100%;
  width: 100%;
  background: url(/assets_2018/images/common/bgr_img03.png) center center repeat rgba(0, 0, 0, 0.5);
}

.overlay_bgr {
  height: 100%;
  width: 100%;
  background: url(/assets_2018/images/common/bgr.jpg) center center repeat rgba(0, 0, 0, 0.5);
  background-size: cover;
}

.clr {
  /* brand color */
}
.clr_red {
  color: red !important;
}
.clr_d_red {
  color: #990000 !important;
}
.clr_white {
  color: white !important;
}
.clr_black {
  color: black !important;
}
.clr_gray {
  color: #999 !important;
}
.clr_gold {
  color: #d6c677 !important;
}
.clr_esp {
  color: #2d4485 !important;
}
.clr_collaboration {
  color: #93442a !important;
}
.clr_edwards {
  color: #df5411 !important;
}
.clr_ltd {
  color: #a5a195 !important;
}
.clr_artists {
  color: #b61b24 !important;
}
.clr_signatures {
  color: #b61b24 !important;
}
.clr_e-2 {
  color: #a4a194 !important;
}
.clr_grassroots {
  color: #00984b !important;
}
.clr_accessories {
  color: #54348b !important;
}
.clr_navigator {
  color: #bf9a0b !important;
}
.clr_parts {
  color: #000 !important;
}
.clr_accesories {
  color: #000 !important;
}

.bgr {
  /* brand color */
}
.bgr_white {
  background: #fff !important;
}
.bgr_gold {
  background: #d6c677 !important;
}
.bgr_black {
  background: black !important;
}
.bgr_esp {
  background: #2d4485 !important;
}
.bgr_collaboration {
  background: #93442a !important;
}
.bgr_edwards {
  background: #df5411 !important;
}
.bgr_ltd {
  background: #a5a195 !important;
}
.bgr_artists {
  background: #b61b24 !important;
}
.bgr_signatures {
  background: #b61b24 !important;
}
.bgr_e-2 {
  background: #a4a194 !important;
}
.bgr_grassroots {
  background: #00984b !important;
}
.bgr_accessories {
  background: #54348b !important;
}
.bgr_navigator {
  background: #bf9a0b !important;
}
.bgr_parts {
  background: #000 !important;
}
.bgr_accesories {
  background: #000 !important;
}

.main {
  padding-top: 85px;
}

.block {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .block {
    display: flex;
    flex-direction: column;
    margin-top: -50px;
  }
  .block.flex_d_row {
    flex-direction: row;
    margin-top: 0;
  }
}
.block_main {
  width: 80%;
}
@media screen and (max-width: 960px) {
  .block_main {
    width: 100%;
    margin: auto;
  }
}
.block_side {
  width: 20%;
}
@media screen and (max-width: 960px) {
  .block_side {
    width: 100%;
    margin: auto;
  }
}

/*=============================
containeres
=============================*/
.container {
  max-width: 1500px;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container_fluid {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  box-sizing: border-box;
}

.container_small {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
  padding: 0 15px;
  width: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container_xsmall {
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
  padding: 0 15px;
  width: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container_xxsmall {
  margin-right: auto;
  margin-left: auto;
  max-width: 960px;
  padding: 0 15px;
  width: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*=============================
section
=============================*/
.section {
  overflow: hidden;
  *zoom: 1;
  padding: 0;
  /* margin-bottom: 50px ; */
  display: block;
}
.section_title {
  margin-bottom: 2rem;
  font-size: 2.4rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: center;
}
.section_title span {
  display: block;
  font-size: 1.8rem;
  font-weight: 300;
}
.section_title.clr_gold {
  color: #d6c677;
}
@media screen and (max-width: 1024px) {
  .section_title_sp_left {
    text-align: left;
  }
}
.section blockquote {
  position: relative;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 10px;
}
.section blockquote:before {
  position: absolute;
  color: #666;
  font-family: "FontAwesome";
  content: "\f10d";
  line-height: 1;
  text-align: center;
  top: -20px;
  left: -10px;
  padding: 10px;
  font-size: 20px;
}
.section blockquote:after {
  position: absolute;
  right: -10px;
  bottom: -20px;
  padding: 10px;
  color: #666;
  font-family: "FontAwesome";
  content: "\f10e";
  line-height: 1;
  text-align: center;
  font-size: 20px;
}
.section blockquote cite {
  display: block;
  padding-right: 30px;
  font-size: 12px;
  text-align: right;
  color: #808080;
}

.heading_title {
  text-align: center;
  margin-botton: 3rem;
  line-height: 1.5;
  font-weight: 500;
}

/*=============================
 content
 =============================*/
.content {
  line-height: 1.5;
  font-size: 1.6rem;
  /* margin-bottom: 50px; */
  display: block;
  /*=============================
  title
  =============================*/
}
.content_header {
  padding: 1em 0 2em;
}
.content_header_title {
  font-size: 2.2rem;
  font-weight: 700;
}
.content_header_title_en {
  font-size: 13px;
  font-weight: 400;
}
.content_box50 {
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .content_box50 {
    padding: 15px;
  }
}
.content_title {
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.2;
  margin: 0 auto 0 auto;
  padding-top: 60px;
  color: white;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .content_title_sp_left {
    text-align: left;
  }
}
.content_title span {
  font-size: 1.4rem;
  font-weight: 300;
  display: block;
  margin: 20px auto;
}
.content_title_custommade {
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.2;
  margin: 0 auto;
  padding-top: 60px;
  color: #d6c677;
  text-align: center;
}
.content_title_custommade::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url(/common/images/custommade/icn_title.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .content_title_custommade_sp_left {
    text-align: left;
  }
}
.content_title_custommade span {
  font-size: 1.4rem;
  font-weight: 300;
  display: block;
  margin: 20px auto;
}
.content_small {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  line-height: 2;
}
.content_text {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .content_text_sp_left {
    text-align: left;
  }
}
.content_text_area .wrap {
  padding: 35px 0;
  margin: 0;
}
.content_text_area .wrap .row > div {
  padding: 15px;
}
.content_text_area .wrap:first-child {
  padding-top: 0;
}
.content_text_area .wrap:nth-child(2n) {
  background: rgba(255, 255, 255, 0.1);
}
.content_text_area figure {
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.content_text_area figure img {
  margin: auto;
}
.content_text_area figure figcaption {
  font-size: 1.2rem;
  line-height: 1.1;
  padding: 10px;
}
.content_text_area figure figcaption .fa {
  margin: 10px;
}
.content .x_title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}
@media screen and (max-width: 767px) {
  .content .x_title {
    font-size: 30px;
  }
}

/*=============================
 colunn
 =============================*/
div.col_2 {
  width: 100%;
  display: flex;
}

div.col_2 img {
  text-align: center;
  margin: auto;
}

div.col_2 img + .caption {
  line-height: 1;
  font-size: 13px;
  letter-spacing: -1px;
  display: block;
  margin-top: 10px;
}

div.col_2 > .col {
  text-align: center;
  margin: 0 auto;
  width: auto !important;
  padding: 0;
}

div.col_2 > .col:nth-child(odd) .box {
  padding-right: 10px;
  text-align: left;
}

div.col_2 > .col:nth-child(even) .box {
  padding-left: 10px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  div.col_2 {
    flex-direction: column;
    width: 100%;
  }
  div.col_2 > .col {
    display: block;
    width: 100%;
    flex-basis: auto !important;
  }
  div.col_2 > .col:nth-child(odd) {
    margin-bottom: 20px;
  }
  div.col_2 > .col:nth-child(odd) .box {
    padding-right: 0;
  }
  div.col_2 > .col:nth-child(even) .box {
    padding-left: 0;
  }
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important;
  }
}
div.col_3 {
  width: 100%;
  display: table;
}

div.col_3 .col {
  width: 33.333333333%;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  margin: auto;
  padding: 0;
}

div.col_3 .col .box {
  padding: 0 10px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  div.col_3 {
    display: block;
  }
  div.col_3 .col {
    width: auto;
    display: block;
    margin-bottom: 20px;
  }
  div.col_3 .col:last-child {
    margin-bottom: 0;
  }
  div.col_3 .col .box {
    padding: 0;
    text-align: left;
  }
}
/*col_4
=============================*/
div.col_4 {
  width: 100%;
  display: table;
}

div.col_4 .col {
  width: 25%;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  margin: auto;
  padding: 0;
}

div.col_4 .col:nth-child(odd) .box {
  padding: 0 10px;
  text-align: left;
}

div.col_4 .col:nth-child(even) .box {
  padding: 0 10px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  div.col_4 {
    display: block;
    font-size: 0;
  }
  div.col_4 .col {
    width: 50%;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 14px;
  }
  div.col_4 .col:last-child {
    margin-bottom: 0;
  }
  div.col_4 .col .box {
    padding: 0;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  div.col_4 {
    display: block;
  }
  div.col_4 .col {
    width: auto;
    display: block;
    margin-bottom: 20px;
  }
  div.col_4 .col:last-child {
    margin-bottom: 0;
  }
  div.col_4 .col .box {
    padding: 0;
    text-align: left;
  }
}
.ac_body {
  padding: 1rem 0;
  border-bottom: 1px solid #333;
}

.ac_content {
  padding: 1rem 0;
}

/*=============================
header
=============================*/
body.isFixed {
  position: fixed;
  left: 0;
}

#header {
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px;
  position: fixed;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
  line-height: 1;
}
@media screen and (max-width: 999px) {
  #header {
    height: 85px;
  }
}
@media only screen and (max-width: 999px) {
  #header nav.navigation {
    width: 100%;
    clear: both;
    float: none;
    overflow-y: none;
  }
  #header nav.navigation.navFixed {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    z-index: 999999999;
  }
}

#header > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 999px) {
  #header > .container {
    margin: 0;
    padding: 0;
    background-color: #000;
    display: block;
  }
}

#header:after {
  content: "";
  clear: both;
  display: block;
}

.heading {
  float: right;
  display: block;
  width: 100%;
  padding: 10px 0 3px;
}

.heading ul.icons {
  margin: 0;
  float: right;
}
.heading ul.icons li {
  list-style: none;
  font-size: 1.3rem;
  float: left;
  line-height: 1;
}
.heading ul.icons li a {
  padding: 0 5px;
  margin-left: 5px;
  display: block;
}
.heading ul.icons li a:focus {
  outline: none;
}
.heading ul.icons li a:hover {
  color: white;
  background: none;
}

.logo {
  float: left;
  padding: 15px 0 5px 0;
  margin: 0;
  line-height: 1;
}

.logo img {
  width: auto;
  height: 60px;
}

.logo a {
  font-size: 1.3rem;
  display: block;
  padding: 0;
}

nav.navigation {
  float: right;
}
nav.navigation .mt20 {
  margin-top: 20px;
}

nav.navigation > ul {
  float: left;
  position: relative;
  margin-top: 0;
  margin-bottom: 10px;
}

nav.navigation > div.nav_close_btn {
  display: none;
}
@media screen and (max-width: 999px) {
  nav.navigation > div.nav_close_btn {
    display: block !important;
    margin: 0.5rem auto;
    text-align: center;
    cursor: pointer;
    margin-bottom: 200px;
  }
}

nav.navigation li {
  list-style: none;
  float: left;
  font-size: 1.3rem;
}

nav.navigation li span {
  display: block;
  font-size: 1rem;
  line-height: 2;
}

/*Dropdown*/
nav.navigation .dropdown {
  position: relative;
  z-index: 2;
}

nav.navigation li a {
  float: left;
  padding: 10px 10px 10px 10px;
  color: #cfcfcf;
  text-align: center;
  font-size: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1080px) {
  nav.navigation li a {
    padding: 10px 5px 10px 5px;
  }
}

nav.navigation .nav_list li a:hover {
  /*     background: $black_tp01; */
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background: url(/assets_2018/images/common/icn_white_up.png) center 100% no-repeat;
}

nav.navigation .nav_list > ul > li:last-child a {
  position: relative;
}
nav.navigation .nav_list > ul > li:last-child a::after {
  position: absolute;
  top: 10px;
  right: -5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f35d";
  margin-left: 5px;
}
@media screen and (max-width: 999px) {
  nav.navigation .nav_list > ul > li:last-child a::after {
    top: 15px;
    right: 10px;
  }
}

nav.navigation li ul {
  display: none;
}

nav.navigation li:hover ul {
  display: inline;
}

nav.navigation li li {
  float: none;
}

nav.navigation .dropdown ul {
  position: absolute;
  left: 0;
  top: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.9);
  padding: 20px 15px;
}

nav.navigation .dropdown li {
  white-space: nowrap;
}
nav.navigation .dropdown li img {
  display: block;
}

nav.navigation .dropdown li a {
  padding: 15px 15px;
  font-size: 1.3rem;
  display: block;
  /*  min-width: 200px; */
  /*    color: $white_tp08; */
}
nav.navigation .dropdown li a:hover {
  color: white;
}
@media screen and (max-width: 999px) {
  nav.navigation .dropdown li a {
    padding: 15px 15px;
  }
}

nav.navigation .mega-dropdown {
  width: 100%;
  position: absolute;
  /*   top: 80px; */
  left: 0;
  margin-top: 54px;
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  padding: 0;
  z-index: 99999;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  nav.navigation .mega-dropdown {
    margin-top: 0;
  }
}

nav.navigation .mega-dropdown li a {
  padding: 20px;
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  /*  min-width: 200px; */
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}

.mega-cols {
  font-size: 0;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
}

.mega-column {
  font-size: 1.2rem;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.mega-column img {
  display: block;
}
@media screen and (max-width: 999px) {
  .mega-column {
    width: 33.3%;
  }
}

.mega-col_quarter {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
}

.row_flex {
  display: flex;
  /* 子要素をflexboxで揃える */
  flex-direction: row;
  /* 子要素をflexboxにより縦方向に揃える */
  align-items: center;
  /*flex-start flex-end  stretch 子要素をflexboxにより中央に配置する */
  justify-content: top;
  flex-wrap: wrap;
  overflow: hidden;
}

.row_flex > div {
  width: 25%;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.row_flex > div:nth-of-type(n + 5) {
  width: 16.666666667%;
}
@media screen and (max-width: 1200px) {
  .row_flex > div {
    width: 50%;
    display: flex;
    flex-direction: row;
  }
  .row_flex > div:nth-of-type(n + 5) {
    width: 33.333333333%;
  }
}
@media screen and (max-width: 767px) {
  .row_flex > div {
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .row_flex > div:nth-of-type(n + 5) {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .row_flex > div {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .row_flex > div:nth-of-type(n + 5) {
    width: 100%;
  }
}

nav.navigation li li a {
  float: none;
  /*   color: #333; */
  display: block;
  padding: 8px 10px;
  /* border-radius: 3px; */
  font-size: 1.3rem;
  border-bottom: none;
}

#menu-icon {
  position: absolute;
  right: 0;
  top: 10%;
  margin-top: -20px;
  margin-right: 15px;
  display: none;
}

#menu-icon span {
  border: 1px solid #fff;
  width: 24px;
  margin-bottom: 6px;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.1s;
}

/* @media only screen and (max-width: 1170px) {
nav.navigation >ul>li >a{padding:35px 15px}
} */
.nav_list {
  margin-bottom: 20px;
}

@media only screen and (max-width: 999px) {
  .logo {
    float: left;
    padding: 15px 0 5px 10px;
  }
  .logo img {
    width: auto;
    /* height: 40px; */
  }
  .logo a {
    font-size: 1.3rem;
    display: block;
    padding: 0;
  }
  nav.navigation {
    display: none;
    width: 100%;
  }
  #menu-icon {
    display: inline;
    top: 40px;
    cursor: pointer;
    position: fixed;
    z-index: 9999999999999;
  }
  #menu-icon.active .first {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 10px;
  }
  #menu-icon.active .second {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    top: -9px;
  }
  #menu-icon.active .third {
    display: none;
  }
  .nav_list {
    clear: both;
    margin-bottom: 0;
  }
  .nav_list a:focus {
    outline: 0;
  }
  .heading input {
    width: 100%;
  }
  nav.navigation {
    padding: 0;
  }
  nav.navigation ul {
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    /* border-bottom: 1px solid $white_dark_base; */
  }
  nav.navigation li {
    float: none;
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
  }
  nav.navigation li span {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1;
    padding: 5px 0;
    margin-left: 1rem;
  }
  nav.navigation ul li a {
    float: none;
    text-aligin: center;
    display: block;
    border-radius: 0;
  }
  #header nav.navigation ul div,
  #header nav.navigation ul ul {
    display: block;
    position: static;
    background: none;
    border: none;
    padding: 0;
  }
  nav.navigation ul li > a.sp_decoration {
    background: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500;
    font-size: 1.6rem;
    color: #000 !important;
    margin: 10px auto;
    line-height: 1;
    padding: 1em 1em;
  }
  nav.navigation ul li > a.sp_decoration:hover {
    background: rgba(255, 255, 255, 0.4) !important;
    border-bottom: none !important;
    color: #fff !important;
  }
  #header nav.navigation a {
    color: #cfcfcf;
    padding: 6px;
    text-align: center;
  }
  #header nav.navigation a:hover {
    color: white;
  }
  .mega-col {
    width: 100%;
  }
  .nav_list > ul > li {
    border-bottom: 1px solid #444;
  }
  .nav_list img {
    display: block;
  }
  .heading {
    float: none;
    display: block;
    width: 100%;
    padding: 0.5em 0;
    margin: auto;
    border-bottom: 1px solid #444;
  }
  .heading ul.icons {
    width: 100%;
    margin: 0 auto;
    float: none;
    display: inline-block;
    text-align: center;
  }
  .heading ul.icons li {
    list-style: none;
    font-size: 1.3rem;
    float: none;
    display: inline-block;
    /* line-height:2.8; */
    margin-right: 1rem;
    text-align: center;
  }
  .heading ul.icons li:nth-of-type(1) {
    width: 100%;
  }
}
@media only screen and (max-width: 999px) and (min-width: 999px) {
  .heading ul.icons li:nth-of-type(1) {
    width: auto;
  }
}
@media only screen and (max-width: 999px) {
  .heading ul.icons li a {
    padding: 6px;
  }
  .heading ul.icons li a span {
    display: inline;
  }
  .heading ul.icons li a:hover {
    background: none;
  }
}
.nav_list ul li a.icn_new {
  position: relative;
}
.nav_list ul li a.icn_new:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "new";
  color: red;
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -1px;
  z-index: 3;
  transform: rotate(-5deg);
}
@media screen and (min-width: 768px) {
  .nav_list ul li a.icn_new:before {
    position: absolute;
    top: 10%;
    right: 10%;
    content: "new";
    color: red;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -1px;
    z-index: 3;
    transform: rotate(-5deg);
  }
}

.header__new-badge {
  position: absolute;
  top: 6px;
  left: -4px;
  color: #dc2626;
  font-size: 10px;
  font-weight: bold;
  transform: rotate(-12deg);
  line-height: 1;
  white-space: nowrap;
}

/*=============================
footer
=============================*/
.bottom_navi {
  display: none;
  background: #000;
  box-shadow: 0 -2px 3px #333;
}
@media screen and (max-width: 991px) {
  .bottom_navi {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    transition: 0.3s;
  }
  .bottom_navi ul {
    margin: 0 auto;
    padding: 4px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
  }
  .bottom_navi ul > li {
    padding: 0;
    width: 25%;
    margin: 0 auto;
    text-align: center;
    background: #000;
    position: relative;
    height: 46px;
  }
  .bottom_navi ul > li a:hover {
    transition: 0.2s;
    color: #d79f45;
  }
  .bottom_navi ul > li figure {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    border-right: 1px solid #333;
  }
  .bottom_navi ul > li figure > img {
    margin: auto;
    width: 30px;
  }
  .bottom_navi ul > li figure > img:hover {
    transition: all 0.2s;
  }
  .bottom_navi ul > li figure figcaption {
    position: absolute;
    bottom: -1px;
    text-align: center;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 9px;
    transform-origin: 0 0;
    letter-spacing: -1px;
    white-space: nowrap;
    width: 100%;
    line-height: 1;
  }
  .bottom_navi ul > li:last-child figure {
    border-right: none;
  }
}

.footer {
  clear: both;
  background: #111;
  padding: 0;
  color: white;
}
@media screen and (max-width: 911px) {
  .footer {
    padding-bottom: 30px;
  }
}

.footer .container {
  padding: 10px 10px 40px 10px;
}
.footer .container .wrap {
  text-align: left;
  font-size: 1.3rem;
}
.footer .container .wrap.row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: top;
  padding: 0;
}
.footer .container .wrap.row .col {
  width: 18%;
  padding: 15px;
  /*  &:nth-child(odd) {
  background:#333;
  } */
}
.footer .container .wrap.row .col:last-child {
  width: 28%;
}
.footer .container .wrap.row .col .footer_accordion {
  margin: 0;
  padding: 0;
}
.footer .container .wrap.row .col .parent {
  line-height: 1.3;
  font-size: 1.3rem;
  padding: 5px 0;
  color: #cfcfcf;
  font-weight: 400;
  list-style: none;
  margin: 0;
  cursor: pointer !important;
}
.footer .container .wrap.row .col .parent:hover {
  color: white;
}
.footer .container .wrap.row .col .parent ul {
  margin: 0 0 0 10px;
  padding: 10px 0 0 0;
}
.footer .container .wrap.row .col .parent ul li {
  list-style: none;
  font-weight: 300;
  line-height: 1.2;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.footer .container .wrap.row .col .parent ul li small {
  font-size: 1rem;
  line-height: 1.2;
}
.footer .container .wrap.row .col .dealer_press {
  padding: 15px 0;
  text-align: right;
  list-style: none;
}
.footer .container .wrap.row .col .dealer_press a {
  background: #f9f9f9;
  padding: 5px 15px;
  color: #111;
  border-radius: 50px;
  white-space: nowrap;
}
.footer .container .wrap.row .col .dealer_press a :hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .footer .container .wrap {
    text-align: left;
    display: block;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 1.4rem;
    width: 100%;
  }
  .footer .container .wrap.row {
    display: block;
    width: auto;
  }
  .footer .container .wrap.row .col {
    display: block;
    vertical-align: top;
    width: auto;
    padding: 0;
    margin: 0;
  }
  .footer .container .wrap.row .col:last-child {
    width: auto;
  }
  .footer .container .wrap.row .col .parent {
    line-height: 1.2;
    border-bottom: 1px solid #666;
    padding: 10px 0;
    font-weight: normal;
    cursor: pointer !important;
  }
  .footer .container .wrap.row .col .parent:hover {
    opacity: 0.8;
  }
  .footer .container .wrap.row .col .parent ul {
    margin-left: 0;
  }
  .footer .container .wrap.row .col .parent ul li {
    margin-left: 10px;
  }
  .footer .container .wrap.row .col a {
    color: white;
  }
}
.warning {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #cfcfcf;
}

.copyright {
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: #cfcfcf;
}

@media screen and (max-width: 767px) {
  .copyright {
    text-align: center;
  }
}
.mg0 {
  margin: 0px !important;
}

.mg5 {
  margin: 5px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg15 {
  margin: 15px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg25 {
  margin: 25px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg35 {
  margin: 35px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg45 {
  margin: 45px !important;
}

.mg50 {
  margin: 50px !important;
}

.mg55 {
  margin: 55px !important;
}

.mg60 {
  margin: 60px !important;
}

.mg65 {
  margin: 65px !important;
}

.mg70 {
  margin: 70px !important;
}

.mg75 {
  margin: 75px !important;
}

.mg80 {
  margin: 80px !important;
}

.mg85 {
  margin: 85px !important;
}

.mg90 {
  margin: 90px !important;
}

.mg95 {
  margin: 95px !important;
}

.mg100 {
  margin: 100px !important;
}

.mg105 {
  margin: 105px !important;
}

.mg110 {
  margin: 110px !important;
}

.mg115 {
  margin: 115px !important;
}

.mg120 {
  margin: 120px !important;
}

.mg125 {
  margin: 125px !important;
}

.mg130 {
  margin: 130px !important;
}

.mg135 {
  margin: 135px !important;
}

.mg140 {
  margin: 140px !important;
}

.mg145 {
  margin: 145px !important;
}

.mg150 {
  margin: 150px !important;
}

.mg155 {
  margin: 155px !important;
}

.mg160 {
  margin: 160px !important;
}

.mg165 {
  margin: 165px !important;
}

.mg170 {
  margin: 170px !important;
}

.mg175 {
  margin: 175px !important;
}

.mg180 {
  margin: 180px !important;
}

.mg185 {
  margin: 185px !important;
}

.mg190 {
  margin: 190px !important;
}

.mg195 {
  margin: 195px !important;
}

.mg200 {
  margin: 200px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt105 {
  margin-top: 105px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mt115 {
  margin-top: 115px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mt125 {
  margin-top: 125px !important;
}

.mt130 {
  margin-top: 130px !important;
}

.mt135 {
  margin-top: 135px !important;
}

.mt140 {
  margin-top: 140px !important;
}

.mt145 {
  margin-top: 145px !important;
}

.mt150 {
  margin-top: 150px !important;
}

.mt155 {
  margin-top: 155px !important;
}

.mt160 {
  margin-top: 160px !important;
}

.mt165 {
  margin-top: 165px !important;
}

.mt170 {
  margin-top: 170px !important;
}

.mt175 {
  margin-top: 175px !important;
}

.mt180 {
  margin-top: 180px !important;
}

.mt185 {
  margin-top: 185px !important;
}

.mt190 {
  margin-top: 190px !important;
}

.mt195 {
  margin-top: 195px !important;
}

.mt200 {
  margin-top: 200px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mr105 {
  margin-right: 105px !important;
}

.mr110 {
  margin-right: 110px !important;
}

.mr115 {
  margin-right: 115px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.mr125 {
  margin-right: 125px !important;
}

.mr130 {
  margin-right: 130px !important;
}

.mr135 {
  margin-right: 135px !important;
}

.mr140 {
  margin-right: 140px !important;
}

.mr145 {
  margin-right: 145px !important;
}

.mr150 {
  margin-right: 150px !important;
}

.mr155 {
  margin-right: 155px !important;
}

.mr160 {
  margin-right: 160px !important;
}

.mr165 {
  margin-right: 165px !important;
}

.mr170 {
  margin-right: 170px !important;
}

.mr175 {
  margin-right: 175px !important;
}

.mr180 {
  margin-right: 180px !important;
}

.mr185 {
  margin-right: 185px !important;
}

.mr190 {
  margin-right: 190px !important;
}

.mr195 {
  margin-right: 195px !important;
}

.mr200 {
  margin-right: 200px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb81 {
  margin-bottom: 81px !important;
}

.mb82 {
  margin-bottom: 82px !important;
}

.mb83 {
  margin-bottom: 83px !important;
}

.mb84 {
  margin-bottom: 84px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb86 {
  margin-bottom: 86px !important;
}

.mb87 {
  margin-bottom: 87px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.mb89 {
  margin-bottom: 89px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb91 {
  margin-bottom: 91px !important;
}

.mb92 {
  margin-bottom: 92px !important;
}

.mb93 {
  margin-bottom: 93px !important;
}

.mb94 {
  margin-bottom: 94px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.mb97 {
  margin-bottom: 97px !important;
}

.mb98 {
  margin-bottom: 98px !important;
}

.mb99 {
  margin-bottom: 99px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb101 {
  margin-bottom: 101px !important;
}

.mb102 {
  margin-bottom: 102px !important;
}

.mb103 {
  margin-bottom: 103px !important;
}

.mb104 {
  margin-bottom: 104px !important;
}

.mb105 {
  margin-bottom: 105px !important;
}

.mb106 {
  margin-bottom: 106px !important;
}

.mb107 {
  margin-bottom: 107px !important;
}

.mb108 {
  margin-bottom: 108px !important;
}

.mb109 {
  margin-bottom: 109px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mb111 {
  margin-bottom: 111px !important;
}

.mb112 {
  margin-bottom: 112px !important;
}

.mb113 {
  margin-bottom: 113px !important;
}

.mb114 {
  margin-bottom: 114px !important;
}

.mb115 {
  margin-bottom: 115px !important;
}

.mb116 {
  margin-bottom: 116px !important;
}

.mb117 {
  margin-bottom: 117px !important;
}

.mb118 {
  margin-bottom: 118px !important;
}

.mb119 {
  margin-bottom: 119px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb121 {
  margin-bottom: 121px !important;
}

.mb122 {
  margin-bottom: 122px !important;
}

.mb123 {
  margin-bottom: 123px !important;
}

.mb124 {
  margin-bottom: 124px !important;
}

.mb125 {
  margin-bottom: 125px !important;
}

.mb126 {
  margin-bottom: 126px !important;
}

.mb127 {
  margin-bottom: 127px !important;
}

.mb128 {
  margin-bottom: 128px !important;
}

.mb129 {
  margin-bottom: 129px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.mb131 {
  margin-bottom: 131px !important;
}

.mb132 {
  margin-bottom: 132px !important;
}

.mb133 {
  margin-bottom: 133px !important;
}

.mb134 {
  margin-bottom: 134px !important;
}

.mb135 {
  margin-bottom: 135px !important;
}

.mb136 {
  margin-bottom: 136px !important;
}

.mb137 {
  margin-bottom: 137px !important;
}

.mb138 {
  margin-bottom: 138px !important;
}

.mb139 {
  margin-bottom: 139px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.mb141 {
  margin-bottom: 141px !important;
}

.mb142 {
  margin-bottom: 142px !important;
}

.mb143 {
  margin-bottom: 143px !important;
}

.mb144 {
  margin-bottom: 144px !important;
}

.mb145 {
  margin-bottom: 145px !important;
}

.mb146 {
  margin-bottom: 146px !important;
}

.mb147 {
  margin-bottom: 147px !important;
}

.mb148 {
  margin-bottom: 148px !important;
}

.mb149 {
  margin-bottom: 149px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.mb151 {
  margin-bottom: 151px !important;
}

.mb152 {
  margin-bottom: 152px !important;
}

.mb153 {
  margin-bottom: 153px !important;
}

.mb154 {
  margin-bottom: 154px !important;
}

.mb155 {
  margin-bottom: 155px !important;
}

.mb156 {
  margin-bottom: 156px !important;
}

.mb157 {
  margin-bottom: 157px !important;
}

.mb158 {
  margin-bottom: 158px !important;
}

.mb159 {
  margin-bottom: 159px !important;
}

.mb160 {
  margin-bottom: 160px !important;
}

.mb161 {
  margin-bottom: 161px !important;
}

.mb162 {
  margin-bottom: 162px !important;
}

.mb163 {
  margin-bottom: 163px !important;
}

.mb164 {
  margin-bottom: 164px !important;
}

.mb165 {
  margin-bottom: 165px !important;
}

.mb166 {
  margin-bottom: 166px !important;
}

.mb167 {
  margin-bottom: 167px !important;
}

.mb168 {
  margin-bottom: 168px !important;
}

.mb169 {
  margin-bottom: 169px !important;
}

.mb170 {
  margin-bottom: 170px !important;
}

.mb171 {
  margin-bottom: 171px !important;
}

.mb172 {
  margin-bottom: 172px !important;
}

.mb173 {
  margin-bottom: 173px !important;
}

.mb174 {
  margin-bottom: 174px !important;
}

.mb175 {
  margin-bottom: 175px !important;
}

.mb176 {
  margin-bottom: 176px !important;
}

.mb177 {
  margin-bottom: 177px !important;
}

.mb178 {
  margin-bottom: 178px !important;
}

.mb179 {
  margin-bottom: 179px !important;
}

.mb180 {
  margin-bottom: 180px !important;
}

.mb181 {
  margin-bottom: 181px !important;
}

.mb182 {
  margin-bottom: 182px !important;
}

.mb183 {
  margin-bottom: 183px !important;
}

.mb184 {
  margin-bottom: 184px !important;
}

.mb185 {
  margin-bottom: 185px !important;
}

.mb186 {
  margin-bottom: 186px !important;
}

.mb187 {
  margin-bottom: 187px !important;
}

.mb188 {
  margin-bottom: 188px !important;
}

.mb189 {
  margin-bottom: 189px !important;
}

.mb190 {
  margin-bottom: 190px !important;
}

.mb191 {
  margin-bottom: 191px !important;
}

.mb192 {
  margin-bottom: 192px !important;
}

.mb193 {
  margin-bottom: 193px !important;
}

.mb194 {
  margin-bottom: 194px !important;
}

.mb195 {
  margin-bottom: 195px !important;
}

.mb196 {
  margin-bottom: 196px !important;
}

.mb197 {
  margin-bottom: 197px !important;
}

.mb198 {
  margin-bottom: 198px !important;
}

.mb199 {
  margin-bottom: 199px !important;
}

.mb200 {
  margin-bottom: 200px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.ml105 {
  margin-left: 105px !important;
}

.ml110 {
  margin-left: 110px !important;
}

.ml115 {
  margin-left: 115px !important;
}

.ml120 {
  margin-left: 120px !important;
}

.ml125 {
  margin-left: 125px !important;
}

.ml130 {
  margin-left: 130px !important;
}

.ml135 {
  margin-left: 135px !important;
}

.ml140 {
  margin-left: 140px !important;
}

.ml145 {
  margin-left: 145px !important;
}

.ml150 {
  margin-left: 150px !important;
}

.ml155 {
  margin-left: 155px !important;
}

.ml160 {
  margin-left: 160px !important;
}

.ml165 {
  margin-left: 165px !important;
}

.ml170 {
  margin-left: 170px !important;
}

.ml175 {
  margin-left: 175px !important;
}

.ml180 {
  margin-left: 180px !important;
}

.ml185 {
  margin-left: 185px !important;
}

.ml190 {
  margin-left: 190px !important;
}

.ml195 {
  margin-left: 195px !important;
}

.ml200 {
  margin-left: 200px !important;
}

.pd0 {
  padding: 0px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd25 {
  padding: 25px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd35 {
  padding: 35px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd45 {
  padding: 45px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd55 {
  padding: 55px !important;
}

.pd60 {
  padding: 60px !important;
}

.pd65 {
  padding: 65px !important;
}

.pd70 {
  padding: 70px !important;
}

.pd75 {
  padding: 75px !important;
}

.pd80 {
  padding: 80px !important;
}

.pd85 {
  padding: 85px !important;
}

.pd90 {
  padding: 90px !important;
}

.pd95 {
  padding: 95px !important;
}

.pd100 {
  padding: 100px !important;
}

.pd105 {
  padding: 105px !important;
}

.pd110 {
  padding: 110px !important;
}

.pd115 {
  padding: 115px !important;
}

.pd120 {
  padding: 120px !important;
}

.pd125 {
  padding: 125px !important;
}

.pd130 {
  padding: 130px !important;
}

.pd135 {
  padding: 135px !important;
}

.pd140 {
  padding: 140px !important;
}

.pd145 {
  padding: 145px !important;
}

.pd150 {
  padding: 150px !important;
}

.pd155 {
  padding: 155px !important;
}

.pd160 {
  padding: 160px !important;
}

.pd165 {
  padding: 165px !important;
}

.pd170 {
  padding: 170px !important;
}

.pd175 {
  padding: 175px !important;
}

.pd180 {
  padding: 180px !important;
}

.pd185 {
  padding: 185px !important;
}

.pd190 {
  padding: 190px !important;
}

.pd195 {
  padding: 195px !important;
}

.pd200 {
  padding: 200px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pt105 {
  padding-top: 105px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pt125 {
  padding-top: 125px !important;
}

.pt130 {
  padding-top: 130px !important;
}

.pt135 {
  padding-top: 135px !important;
}

.pt140 {
  padding-top: 140px !important;
}

.pt145 {
  padding-top: 145px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.pt155 {
  padding-top: 155px !important;
}

.pt160 {
  padding-top: 160px !important;
}

.pt165 {
  padding-top: 165px !important;
}

.pt170 {
  padding-top: 170px !important;
}

.pt175 {
  padding-top: 175px !important;
}

.pt180 {
  padding-top: 180px !important;
}

.pt185 {
  padding-top: 185px !important;
}

.pt190 {
  padding-top: 190px !important;
}

.pt195 {
  padding-top: 195px !important;
}

.pt200 {
  padding-top: 200px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pr105 {
  padding-right: 105px !important;
}

.pr110 {
  padding-right: 110px !important;
}

.pr115 {
  padding-right: 115px !important;
}

.pr120 {
  padding-right: 120px !important;
}

.pr125 {
  padding-right: 125px !important;
}

.pr130 {
  padding-right: 130px !important;
}

.pr135 {
  padding-right: 135px !important;
}

.pr140 {
  padding-right: 140px !important;
}

.pr145 {
  padding-right: 145px !important;
}

.pr150 {
  padding-right: 150px !important;
}

.pr155 {
  padding-right: 155px !important;
}

.pr160 {
  padding-right: 160px !important;
}

.pr165 {
  padding-right: 165px !important;
}

.pr170 {
  padding-right: 170px !important;
}

.pr175 {
  padding-right: 175px !important;
}

.pr180 {
  padding-right: 180px !important;
}

.pr185 {
  padding-right: 185px !important;
}

.pr190 {
  padding-right: 190px !important;
}

.pr195 {
  padding-right: 195px !important;
}

.pr200 {
  padding-right: 200px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pb105 {
  padding-bottom: 105px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pb115 {
  padding-bottom: 115px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pb125 {
  padding-bottom: 125px !important;
}

.pb130 {
  padding-bottom: 130px !important;
}

.pb135 {
  padding-bottom: 135px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

.pb145 {
  padding-bottom: 145px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

.pb155 {
  padding-bottom: 155px !important;
}

.pb160 {
  padding-bottom: 160px !important;
}

.pb165 {
  padding-bottom: 165px !important;
}

.pb170 {
  padding-bottom: 170px !important;
}

.pb175 {
  padding-bottom: 175px !important;
}

.pb180 {
  padding-bottom: 180px !important;
}

.pb185 {
  padding-bottom: 185px !important;
}

.pb190 {
  padding-bottom: 190px !important;
}

.pb195 {
  padding-bottom: 195px !important;
}

.pb200 {
  padding-bottom: 200px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pl105 {
  padding-left: 105px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.pl115 {
  padding-left: 115px !important;
}

.pl120 {
  padding-left: 120px !important;
}

.pl125 {
  padding-left: 125px !important;
}

.pl130 {
  padding-left: 130px !important;
}

.pl135 {
  padding-left: 135px !important;
}

.pl140 {
  padding-left: 140px !important;
}

.pl145 {
  padding-left: 145px !important;
}

.pl150 {
  padding-left: 150px !important;
}

.pl155 {
  padding-left: 155px !important;
}

.pl160 {
  padding-left: 160px !important;
}

.pl165 {
  padding-left: 165px !important;
}

.pl170 {
  padding-left: 170px !important;
}

.pl175 {
  padding-left: 175px !important;
}

.pl180 {
  padding-left: 180px !important;
}

.pl185 {
  padding-left: 185px !important;
}

.pl190 {
  padding-left: 190px !important;
}

.pl195 {
  padding-left: 195px !important;
}

.pl200 {
  padding-left: 200px !important;
}

.brs0 {
  border-radius: 0px !important;
}

.brs1 {
  border-radius: 1px !important;
}

.brs2 {
  border-radius: 2px !important;
}

.brs3 {
  border-radius: 3px !important;
}

.brs4 {
  border-radius: 4px !important;
}

.brs5 {
  border-radius: 5px !important;
}

.brs6 {
  border-radius: 6px !important;
}

.brs7 {
  border-radius: 7px !important;
}

.brs8 {
  border-radius: 8px !important;
}

.brs9 {
  border-radius: 9px !important;
}

.brs10 {
  border-radius: 10px !important;
}

.brs11 {
  border-radius: 11px !important;
}

.brs12 {
  border-radius: 12px !important;
}

.brs13 {
  border-radius: 13px !important;
}

.brs14 {
  border-radius: 14px !important;
}

.brs15 {
  border-radius: 15px !important;
}

.fs6 {
  font-size: 6px !important;
}

.fs7 {
  font-size: 7px !important;
}

.fs8 {
  font-size: 8px !important;
}

.fs9 {
  font-size: 9px !important;
}

.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs17 {
  font-size: 17px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs19 {
  font-size: 19px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs21 {
  font-size: 21px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs23 {
  font-size: 23px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs25 {
  font-size: 25px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs27 {
  font-size: 27px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs29 {
  font-size: 29px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fs31 {
  font-size: 31px !important;
}

.fs32 {
  font-size: 32px !important;
}

/*=============================
Effects
=============================*/
/*=============================
 transform
=============================*/
.transform01 {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.transform02 {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.transform5 {
  transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -o-transform: rotate(5deg);
}

.transform-5 {
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
}

.transform-10 {
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
}

.transform-20 {
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
}

.transform-30 {
  transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
}

.transform15 {
  transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
}

.transform45 {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.transform-45 {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.transform90 {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.transform85 {
  transform: rotate(85deg);
  -ms-transform: rotate(85deg);
  -moz-transform: rotate(85deg);
  -webkit-transform: rotate(85deg);
  -o-transform: rotate(85deg);
}

/*=============================
 rotateScale
=============================*/
.rotateScale01 {
  transition: 0.2s;
  -webkit-transform: rotate(3deg) scale(0.9);
  -moz-transform: rotate(3deg) scale(0.9);
  -ms-transform: rotate(3deg) scale(0.9);
  -o-transform: rotate(3deg) scale(0.9);
  transform: rotate(3deg) scale(0.9);
}
.rotateScale01:hover {
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

.rotateScale02 {
  transition: 0.2s;
  -webkit-transform: rotate(-3deg) scale(0.9);
  -moz-transform: rotate(-3deg) scale(0.9);
  -ms-transform: rotate(-3deg) scale(0.9);
  -o-transform: rotate(-3deg) scale(0.9);
  transform: rotate(-3deg) scale(0.9);
}
.rotateScale02:hover {
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

@media screen and (max-width: 767px) {
  .rotateScale03 {
    transition: 0.3s;
    -webkit-transform: rotate(30deg) scale(0.9);
    -moz-transform: rotate(30deg) scale(0.9);
    -ms-transform: rotate(30deg) scale(0.9);
    -o-transform: rotate(30deg) scale(0.9);
    transform: rotate(30deg) scale(0.9);
  }
}

.scaleUp {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -moz-transition: -moz-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  -ms-transition: -ms-transform 0.3s linear;
  transition: transform 0.3s linear;
}

.scaleUp:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.trim_w {
  position: relative;
  height: 120px;
}
@media screen and (max-width: 640px) {
  .trim_w {
    padding: 16%;
    left: 0%;
  }
}
@media screen and (max-width: 400px) {
  .trim_w {
    height: 100px;
    padding: 16%;
    left: 0%;
  }
}

.trim_name {
  font-size: 18px;
}

.trim_w img {
  padding: 0 5%;
  height: auto;
  position: absolute;
  top: 10%;
  bottom: 0;
  left: 0;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  width: 110%;
  max-width: 110%;
  transition: all 0.2s linear;
}
@media screen and (max-width: 575px) {
  .trim_w img {
    padding: 0 12%;
    left: 0%;
    top: 20px;
  }
}
.trim_w img.base {
  width: 100%;
  max-width: 100%;
}

.trim_r {
  position: relative;
  height: 220px;
}

.trim_r img {
  padding: 0 10%;
  height: auto;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: -5%;
  /*  transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg); */
  width: 150%;
  max-width: 150%;
  transition: all 0.2s linear;
}
@media screen and (max-width: 575px) {
  .trim_r img {
    padding: 0 12%;
    left: -12%;
  }
}

.trim_h {
  position: relative;
  height: 220px;
}

.trim_h img {
  padding: 0 25%;
  height: auto;
  position: absolute;
  top: 0px;
  bottom: 10px;
  left: 17%;
  transform: rotate(85deg);
  -ms-transform: rotate(85deg);
  -webkit-transform: rotate(85deg);
  -moz-transform: rotate(85deg);
  -o-transform: rotate(85deg);
  width: 100%;
  max-width: 100%;
  transition: all 0.2s linear;
}
@media screen and (max-width: 575px) {
  .trim_h img {
    padding: 0 27%;
    left: 13%;
  }
}

@media screen and (max-width: 767px) {
  .header_title_logo {
    width: 120px;
  }
}

.scale_up {
  overflow: hidden;
}

.scale_up img {
  -moz-transition: -moz-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  -ms-transition: -ms-transform 0.3s linear;
  transition: transform 0.3s linear;
}

.scale_up img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.scale_up img.cate_logo:hover {
  transform: scale(1);
}

.scale_up .bgr {
  -moz-transition: -moz-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  -ms-transition: -ms-transform 0.3s linear;
  transition: transform 0.3s linear;
}

.scale_up .bgr:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* zoom */
.zoom {
  display: inline-block;
  position: relative;
  max-width: 100%;
  height: auto;
  background: black;
}

/* magnifying glass icon */
.zoom:after {
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: -10px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00e";
  font-size: 15px;
  color: #999;
}

@media screen and (max-width: 767px) {
  .zoom:after {
    display: none;
  }
}
.zoom img {
  display: block;
  margin: auto;
  width/***/: auto;
  width: 100%;
  height: auto;
  background: black;
}

.zoom img::selection {
  background-color: transparent;
  width: 740px;
  height: 1500px;
}

.zoom_item figure {
  margin: 0 auto;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zoom_item figcaption {
  text-align: center;
  margin: 0 auto;
  padding: 0 0 5px;
}

.zoom_item > div {
  padding: 1px;
}

#ex2 img:hover {
  cursor: url(grab.cur), default;
}

#ex2 img:active {
  cursor: url(grabbed.cur), default;
}

.zoomIn {
  overflow: hidden;
  width: 100%;
}

.zoomIn img {
  transition: all 0.5s;
  transform: scale(1, 1);
}

.zoomIn img:hover {
  transform: scale(1.1, 1.1);
}

.zoom_in {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.zoom_in img {
  -moz-transition: -moz-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  -ms-transition: -ms-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.zoom_in img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* zoom */
/*=============================
Icons
=============================*/
.icn_link {
  position: absolute;
  top: 2em;
  right: 1.5em;
}

.icn_circle {
  position: absolute;
  top: 30px;
  left: 80%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  letter-space: -1px;
}
.icn_circle_static {
  position: static !important;
}
@media screen and (max-width: 480px) {
  .icn_circle {
    width: 70px;
    height: 70px;
    font-size: 16px;
    left: 75%;
  }
}
.icn_circle_new {
  background: rgba(255, 0, 0, 0.5);
}
.icn_circle_new_small {
  top: 40%;
  left: auto;
  right: 15px;
  width: 50px;
  height: 50px;
  font-size: 12px;
}
@media screen and (max-width: 480px) {
  .icn_circle_new_small {
    width: 50px;
    height: 50px;
  }
}
.icn_circle_nla {
  background: rgba(255, 255, 255, 0.4);
  font-size: 16px;
}
.icn_circle_nla_small {
  top: 15%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  width: 100px;
  height: 100px;
  font-size: 14px;
  margin-left: -50px;
}
.icn_circle_sus {
  background: rgba(255, 255, 255, 0.4);
  font-size: 16px;
}
.icn_circle_sus_small {
  top: 15%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  width: 100px;
  height: 100px;
  font-size: 14px;
  margin-left: -50px;
}
.icn_circle_artist_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.icn_circle_artist {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  letter-space: -1px;
}
.icn_circle_artist_new {
  background: rgba(255, 0, 0, 0.8);
  top: 15px;
  left: 15px;
  width: 80px !important;
  height: 80px !important;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
@media screen and (max-width: 767px) {
  .icn_circle_artist_new {
    width: 60px !important;
    height: 60px !important;
    font-size: 12px;
  }
}
.icn_circle_artist_nla {
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  width: 100%;
  height: 100%;
}
.icn_circle_artist_nla > span {
  color: rgb(153, 0, 0);
  margin: 0;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.7);
}
.icn_circle_artist_sus {
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  width: 100%;
  height: 100%;
}
.icn_circle_artist_sus > span {
  color: #ccc;
  margin: 0;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.7);
}

.icn_down {
  position: absolute;
  bottom: 90px;
  width: 100%;
  z-index: 1000000;
  cursor: pointer;
  margin: auto;
  text-align: center;
}
.icn_down a {
  margin: auto;
  text-align: center;
  color: #fff;
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .icn_down {
    display: none;
  }
}

.icn_zoom {
  display: inline-block;
  position: relative;
  max-width: 100%;
  height: auto;
  font-weight: 300;
}

/* magnifying glass icon */
.icn_zoom:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  z-index: 1;
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  content: "\f067";
  font-size: 14px;
  color: #999;
}

.icn_comment {
  position: relative;
  max-width: 100%;
  height: auto;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  right: -15px;
  top: -15px;
  z-index: 1;
}
.icn_comment_new {
  background: rgba(255, 0, 0, 0.9);
  padding: 0.1em 0.3em;
  display: inline-block;
}
.icn_comment_nla {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.1em 0.3em;
  display: inline-block;
}
.icn_comment_sus {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.1em 0.3em;
  display: inline-block;
}

.icn_news {
  position: absolute;
  max-width: 100%;
  height: auto;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  right: 1em;
  top: 1em;
}
@media screen and (min-width: 768px) {
  .icn_news.parts {
    right: 30px;
  }
}
.icn_news_new {
  background: rgba(255, 0, 0, 0.9);
  padding: 0 0.3em;
  display: inline-block;
}
.icn_news_new2 {
  position: absolute;
  top: 7.5px;
  right: 7.5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  letter-space: -1px;
  white-space: nowrap;
  background: rgba(255, 0, 0, 0.5);
  transform: rotate(-7.5deg);
}
.icn_news_end {
  background: rgba(0, 0, 0, 0.9);
  padding: 0.5rem 0.5rem;
  display: inline-block;
}
.icn_news_open {
  background: rgba(255, 0, 0, 0.9);
  padding: 0.5rem 0.5rem;
  display: inline-block;
  color: #fff;
}
.icn_news_update {
  background: rgba(255, 0, 0, 0.9);
  padding: 0 0.3em;
  display: inline-block;
}
.icn_news_nla {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.1rem 0.5rem;
  display: inline-block;
  background: #000 !important;
}
.icn_news_sus {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.1rem 0.5rem;
  display: inline-block;
  background: #000 !important;
}
.icn_news_overlay {
  background: rgba(0, 0, 0, 0.8);
  padding: 0.1em 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 16px;
}
.icn_news_overlay > .box {
  position: absolute;
  height: 100px;
  width: 100px;
  background: rgba(255, 0, 0, 0.38);
  display: flex;
  justify-content: center;
  align-items: center;
}
.icn_news_overlay > .box2 {
  position: absolute;
  height: 100px;
  width: 100px;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

.icn_list_nla {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
}
.icn_list_nla .box {
  background: rgba(255, 0, 0, 0.5);
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
.icn_list_nla .box2 {
  background: rgba(0, 0, 0, 0.7);
  width: 30%;
  height: 30%;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icn_list_nla.bgr_center {
  background: rgba(255, 0, 0, 0.8);
  padding: 0.1em 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 20%;
  left: 50%;
  margin-left: -40px;
  font-size: 14px;
  color: #fff;
}
.icn_list_icn4 {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
}
.icn_list_icn4 .box {
  background: rgba(255, 0, 0, 0.5);
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
.icn_list_icn4 .box2 {
  background: rgba(0, 0, 0, 0.7);
  width: 30%;
  height: 30%;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icn_list_icn4.bgr_center {
  background: rgba(255, 0, 0, 0.8);
  padding: 0.1em 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 20%;
  left: 50%;
  margin-left: -40px;
  font-size: 14px;
  color: #fff;
}
.icn_list_sus {
  background: rgba(255, 0, 0, 0.38);
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 15px;
}
.icn_list_sus > .box {
  background: none !important;
}
.icn_list_sus.bgr_center {
  background: rgba(255, 0, 0, 0.8);
  padding: 0.1em 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 25%;
  left: 50%;
  margin-left: -40px;
  font-size: 14px;
  color: #fff;
}

.icn_list2_nla {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  top: 20%;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
}
.icn_list2_nla .box {
  background: rgba(255, 0, 0, 0.5);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
.icn_list2_nla .box2 {
  background: rgba(0, 0, 0, 0.7);
  width: 30%;
  height: 30%;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icn_list2_nla.bgr_center {
  background: rgba(255, 0, 0, 0.8);
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  margin-left: -40px;
  font-size: 14px;
  color: #fff;
}
.icn_list2_icn4 {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
}
.icn_list2_icn4 .box {
  background: rgba(255, 0, 0, 0.5);
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
.icn_list2_icn4 .box2 {
  background: rgba(0, 0, 0, 0.7);
  width: 30%;
  height: 30%;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icn_list2_icn4.bgr_center {
  background: rgba(255, 0, 0, 0.8);
  padding: 0.1em 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 80px;
  height: 80px;
  top: -40%;
  left: 50%;
  margin-left: -40px;
  font-size: 14px;
  color: #fff;
}
.icn_list2_sus {
  background: rgba(255, 0, 0, 0.38);
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 15px;
}
.icn_list2_sus > .box {
  background: none !important;
}
.icn_list2_sus.bgr_center {
  background: rgba(255, 0, 0, 0.8);
  padding: 0.1em 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 25%;
  left: 50%;
  margin-left: -40px;
  font-size: 14px;
  color: #fff;
}

.icn_comment_clr {
  position: absolute;
  max-width: 100%;
  height: auto;
  font-weight: 300;
  font-size: 12px;
  color: white;
  left: 0;
  top: 2em;
}
.icn_comment_clr_new {
  background: rgba(255, 0, 0, 0.9);
  padding: 0.1em 0.3em;
  display: inline-block;
  z-index: 9999999;
}
.icn_comment_clr_nla {
  background: rgba(255, 255, 255, 0.4);
  padding: 0.1em 0.3em;
  display: inline-block;
}
.icn_comment_clr_sus {
  background: rgba(255, 255, 255, 0.4);
  padding: 0.1em 0.3em;
  display: inline-block;
}

.logo_icn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.logo_icn_small {
  width: 33.3%;
  width: auto;
  padding: 1%;
  box-sizing: border-box;
}
.logo_icn_small img {
  width: 50px;
}

.icn_right {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}

.icn_traiangle {
  position: relative;
}

.icn_traiangle .icn_traiangle_text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.8em;
  padding: 10px;
  line-height: 1;
  background: #212121;
  display: inline-block;
  width: auto;
}

.icn_date {
  position: absolute;
  max-width: 100%;
  height: auto;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  right: 20px;
  top: 20px;
}
.icn_date_update {
  background: rgba(255, 0, 0, 0.9);
  padding: 0 0.3em;
  display: inline-block;
}

.icon_times {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00d";
  margin-left: 5px;
}

.icon_mail_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f1d8";
  margin-right: 5px;
}

.icon_phone_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

.icon_up_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
  margin-right: 5px;
}

.icon_right_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
  margin-right: 5px;
}

.icon_left_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f053";
  margin-right: 5px;
}

.icon_down_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  margin-right: 5px;
}

.icon_map_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f3c5";
  margin-right: 5px;
}

.icon_times_before_circle::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f057";
}

.icon_times_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00d";
  margin-right: 5px;
}

.icon_3bar_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0c9";
  margin-right: 5px;
}

.icon_search_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f002";
  margin-right: 5px;
}

.icon_form_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f1d8";
  margin-right: 5px;
}

.icon_plus_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f067";
  margin-right: 5px;
}

.icon_minus_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f068";
  margin-right: 5px;
}

.icon_tag_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f02b";
  margin-right: 5px;
}

.icon_up_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
  margin-left: 5px;
}

.icon_right_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 5px;
}

.icon_left_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f053";
  margin-left: 5px;
}

.icon_down_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  margin-left: 5px;
}

.icon_map_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f3c5";
  margin-left: 5px;
}

.icon_times_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00d";
  margin-left: 5px;
}

.icon_3bar_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0c9";
  margin-left: 5px;
}

.icon_search_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f002";
  margin-left: 5px;
}

.icon_form_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f1d8";
  margin-left: 5px;
}

.icon_plus_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f067";
  margin-left: 5px;
}

.icon_minus_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f068";
  margin-left: 5px;
}

.icon_exlink_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f35d";
  margin-left: 5px;
}

.icon_home_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f015";
  margin-left: 5px;
}

.icon_blog_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f781";
  margin-left: 5px;
}

.icon_tag_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f02b";
  margin-left: 5px;
}

.icn_set {
  position: relative;
  padding: 30px;
}
.icn_set_new {
  position: absolute;
  top: 0;
  left: 0;
}
.icn_set_new span {
  background-color: rgba(153, 0, 0, 0.8);
  color: white;
  display: inline-block;
  padding: 10px 20px;
}
.icn_set_discontinued {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.icn_set_discontinued span {
  color: rgb(153, 0, 0);
  display: block;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.7);
}
.icn_set_suspended {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.icn_set_suspended span {
  color: rgb(153, 0, 0);
  display: block;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.7);
}

.icon_image {
  width: 56px;
  fill: #fff;
}

.gallery_image {
  object-fit: cover;
  width: 369px;
  height: 276px;
}

.icn_circle_collabo_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.icn_circle_collabo {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  letter-space: -1px;
  padding: 3px 5px;
}
.icn_circle_collabo_new {
  background: rgba(255, 0, 0, 0.7);
  padding: 5px 10px;
  top: 40%;
  left: 0;
}
.icn_circle_collabo_nla {
  background: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  color: red;
}
.icn_circle_collabo_nla > span {
  color: rgb(153, 0, 0);
  margin: 0;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.7);
}
.icn_circle_collabo_sus {
  background: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  width: 100%;
  height: 100%;
}
.icn_circle_collabo_sus > span {
  color: #ccc;
  margin: 0;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.7);
}

.icn_header {
  display: block;
  position: relative;
  margin-top: 30px;
}
.icn_header-new {
  position: absolute;
  top: -2em;
  right: 0;
  left: 0;
  margin: auto;
}
.icn_header-new span {
  background-color: red;
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  transform: rotate(-5deg);
}
.icn_header-discontinued {
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}
.icn_header-discontinued span {
  background-color: rgba(0, 0, 0, 0.7);
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  transform: rotate(5deg);
  color: red;
}
.icn_header-suspended {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.icn_header-suspended span {
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  transform: rotate(5deg);
}

.icn_section {
  position: relative;
}
.icn_section-new span {
  background-color: red;
  display: inline-block;
  padding: 3px 10px;
  font-size: 14px;
}
.icn_section-discontinued {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.icn_section-discontinued span {
  background-color: rgba(0, 0, 0, 0.7);
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  transform: rotate(5deg);
  color: red;
}
.icn_section-suspended {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.icn_section-suspended span {
  background-color: rgba(0, 0, 0, 0.7);
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  transform: rotate(5deg);
  color: red;
}

.icn_event_date_soon {
  background-color: #f1608e;
  display: inline-block;
  padding: 1rem 1.5rem;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transform: rotate(-5deg);
  border-radius: 10px;
  border: 2px solid #fff;
}

.icn_event_date {
  background-color: #e53b3b;
  display: inline-block;
  padding: 1rem 1.5rem;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transform: rotate(-5deg);
  border-radius: 10px;
  border: 2px solid #fff;
}

.icn_event_date_end {
  background-color: #212121;
  display: inline-block;
  padding: 1rem 1.5rem;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transform: rotate(-5deg);
  border-radius: 10px;
  border: 2px solid #fff;
}

.icn_text {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 12px;
  letter-spacing: -0.5px;
  line-height: 1;
  padding: 2.5px 5px;
}
.icn_text_new {
  background-color: #e53b3b;
  color: #fff;
}
.icn_text_nla {
  background-color: #999;
  color: #fff;
}

.icn_items {
  position: relative;
  width: 100% !important;
}

.tbl_title {
  font-weight: 500 !important;
  font-size: 2rem !important;
  margin-bottom: 0 !important;
}

table.tbl_base {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  table-layout: fixed;
}
table.tbl_base caption {
  margin-bottom: 10px;
}
table.tbl_base tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
table.tbl_base tr:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
table.tbl_base th,
table.tbl_base td {
  text-align: left;
  vertical-align: top;
  line-height: 1.4;
}
table.tbl_base th,
table.tbl_base td {
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  table.tbl_base th,
  table.tbl_base td {
    padding: 2rem;
  }
}
table.tbl_base th .pd_small,
table.tbl_base td .pd_small {
  padding: 1rem;
}
table.tbl_base th {
  padding: 1rem 1rem 0;
  width: 20%;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  table.tbl_base th {
    padding: 2rem;
  }
}
table.tbl_base.tbl_4x6 th {
  width: 40%;
  padding: 2rem 2rem 0;
}
@media screen and (max-width: 767px) {
  table.tbl_base.tbl_4x6 th {
    width: auto;
    padding: 1rem 1rem 0;
  }
}
table.tbl_base.tbl_5x5 th {
  width: 50%;
  padding: 2rem 2rem 0;
}
@media screen and (max-width: 767px) {
  table.tbl_base.tbl_5x5 th {
    width: auto;
    padding: 1rem 1rem 0;
  }
}
table.tbl_base.tbl_3x7 th {
  width: 30%;
  padding: 2rem 2rem 0;
}
@media screen and (max-width: 767px) {
  table.tbl_base.tbl_3x7 th {
    width: auto;
    padding: 1rem 1rem 0;
  }
}
table.tbl_base.tbl_1x9 th {
  width: 10%;
  padding: 2rem 2rem 0;
}
@media screen and (max-width: 767px) {
  table.tbl_base.tbl_1x9 th {
    width: auto;
    padding: 1rem 1rem 0;
  }
}
table.tbl_base.tbl_2x8 th {
  width: 20%;
  padding: 2rem 2rem 0;
}
@media screen and (max-width: 767px) {
  table.tbl_base.tbl_2x8 th {
    width: auto;
    padding: 1rem 1rem 0;
  }
}
@media screen and (max-width: 767px) {
  table.tbl_base {
    /* width 767pxまで */
  }
  table.tbl_base th {
    width: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  table.tbl_base td {
    width: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 1rem;
  }
}

.tbl_wrap {
  /* 横スライダー */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

div.tbl_scroll {
  overflow: auto;
  white-space: nowrap;
  margin-bottom: 50px;
}
div.tbl_scroll table {
  width: 100% !important;
  border-collapse: collapse;
  margin: 0;
  border-top: 1px solid #666;
}
div.tbl_scroll table tr {
  height: auto !important;
}
div.tbl_scroll table tr th {
  text-align: left;
  vertical-align: top;
  padding: 1rem !important;
  height: auto !important;
  border: 1px solid #666 !important;
}
div.tbl_scroll table tr td {
  text-align: left;
  vertical-align: top;
  padding: 1rem !important;
  height: auto !important;
  border: 1px solid #666 !important;
}

table.tbl_form {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
table.tbl_form caption {
  margin-bottom: 1rem;
}
table.tbl_form tr {
  border-bottom: 1px solid #ccc;
}
table.tbl_form tr:first-child {
  border-top: 1px solid #ccc;
}
table.tbl_form th {
  width: 25%;
  text-align: left;
  vertical-align: middle;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.tbl_form td {
  width: 75%;
  text-align: left;
  vertical-align: middle;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.tbl_form tr:nth-child(even) th,
table.tbl_form tr:nth-child(even) td {
  background: #f9f9f9;
}
@media screen and (max-width: 767px) {
  table.tbl_form {
    /* width 767pxまで */
  }
  table.tbl_form th {
    width: auto;
    padding: 1rem;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  table.tbl_form td {
    width: auto;
    padding: 1rem;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

table.tbl_form tr td input {
  margin: 10px 0;
  padding: 5px;
  color: #333;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: 0;
  border: none;
}

table.tbl_form tr td select {
  padding: 5px;
  border-radius: 2px;
  outline: 0;
  color: #333;
  height: 40px;
  background: #fff;
}

table.tbl_form tr td textarea {
  margin: 10px 0;
  padding: 5px;
  color: #333;
  outline: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
}

table.tbl_form tr td .wpcf7-submit {
  width: 120px;
  padding: 5px 20px;
  outline: 0;
  border: none;
}

table.tbl_form tr td input,
table.tbl_form tr td textarea {
  border: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
  table.tbl_form tr th,
  table.tbl_form tr td {
    width: 100%;
    display: block;
  }
}
table.tbl_spec {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 2em;
  font-size: 1.5rem;
}
table.tbl_spec caption {
  margin-bottom: 10px;
}
table.tbl_spec tr {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}
table.tbl_spec tr:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
table.tbl_spec tr:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
table.tbl_spec th {
  text-align: right;
  vertical-align: top;
  line-height: 1.4;
}
table.tbl_spec td {
  text-align: left;
  vertical-align: top;
  line-height: 1.4;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
table.tbl_spec th,
table.tbl_spec td {
  padding: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.tbl_spec th {
  width: 24%;
  font-weight: 400;
}
table.tbl_spec td {
  width: 76%;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  table.tbl_spec {
    /* width 767pxまで */
  }
  table.tbl_spec th {
    width: auto;
    padding: 10px 10px 5px 10px;
    display: block;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  table.tbl_spec th:after {
    content: " : ";
  }
  table.tbl_spec td {
    width: auto;
    padding: 0 10px 10px 10px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
  }
}

/*=============================
Buttons
=============================*/
.btn_outline_base {
  border: 1px solid #ccc;
  padding: 3px 5px;
  font-size: 13px;
  white-space: normal;
}
.btn_outline_base:hover {
  border: 1px solid #ccc;
}
.btn_outline_base_bottom {
  font-size: 12px;
}
.btn_outline_base_bottom:hover {
  border-bottom: 1px solid #ccc;
}

.btns li {
  padding: 5px;
}

/* ===================================
Button
====================================== */
.btn {
  display: inline-block;
  border: 1px solid transparent;
  letter-spacing: 0.5px;
  line-height: inherit;
  border-radius: 0;
  width: 70%;
  font-weight: 400;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  white-space: normal;
}
@media screen and (min-width: 420px) {
  .btn {
    width: auto;
  }
}
.btn_ls-1 {
  letter-spacing: -1px;
}

/* button size */
.btn.btn_very_small {
  font-size: 12px;
  padding: 0.5em 1em;
  line-height: 1.5;
}

.btn.btn_small {
  font-size: 13px;
  padding: 0.5em 1em;
}

.btn.btn_medium {
  font-size: 14px;
  padding: 1em 1.2em;
}

.btn.btn_large {
  font-size: 15px;
  padding: 1.5em 2em;
  line-height: 1.5;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .btn.btn_large {
    width: 100% !important;
  }
}

.btn.btn_extra_large {
  font-size: 16px;
  padding: 2em 2.5em;
  line-height: 1.5;
}

.btn.btn_pd15 {
  padding: 15px 30px;
  font-size: 15px;
  letter-spacing: -1px;
}

.btn_dual .btn {
  margin: 0 10px;
}

.btn i {
  margin-left: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* button background */
.btn.btn_white {
  background: #ffffff;
  border-color: #ffffff;
  color: #232323;
}

.btn.btn_white:hover,
.btn.btn_white:focus {
  background: #232323 !important;
  color: #fff !important;
}

.btn.btn_black {
  background: #000000;
  border-color: #000000;
  color: #fff;
}

.btn.btn_black:hover,
.btn.btn_black:focus {
  background: transparent;
  color: #dbdbdb;
}

.btn.btn_dark_gray {
  background: #232323;
  border-color: #232323;
  color: #fff;
}

.btn.btn_dark_gray:hover,
.btn.btn_dark_gray:focus {
  background: transparent;
  color: #232323;
}

.btn.btn_mmr {
  background: none;
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
  border-radius: 30px;
  font-size: 13px;
  line-height: 1;
  padding: 5px 15px;
}

.btn.btn_mmr:hover,
.btn.btn_mmr:focus {
  border: 1px solid #ccc;
  color: #ccc;
}

a.btn_light_gray {
  background: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #232323;
  padding: 15px 30px;
  font-size: 15px;
  letter-spacing: -1px;
}

span.btn_light_gray {
  background: #232323;
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
  padding: 15px 30px;
  font-size: 15px;
  letter-spacing: -1px;
}

a.btn_light_gray:hover,
span.btn_light_gray:hover,
a.btn_light_gray:focus,
span.btn_light_gray:focus {
  background: #232323;
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
}

a.btn.btn_small {
  font-size: 13px;
  padding: 0.5em 1em;
}
a.btn.btn_small:hover {
  background: #232323;
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
}
a.btn.btn_small:focus {
  background: #232323;
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
}

.btn.btn_deep_pink {
  background: #ff214f;
  border-color: #ff214f;
  color: #ffffff;
}

.btn.btn_deep_pink:hover,
.btn.btn_deep_pink:focus {
  background: transparent;
  border-color: #ff214f;
  color: #ff214f;
}

/* button transparent */
.btn.btn_transparent_white {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.btn.btn_transparent_white:hover,
.btn.btn_transparent_white:focus {
  background: #ffffff;
  border-color: #ffffff;
  color: #333 !important;
}

.btn.btn_transparent_black {
  background: transparent;
  border-color: #000000;
  color: #000000;
}

.btn.btn_transparent_black:hover,
.btn.btn_transparent_black:focus {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}

.btn.btn_transparent_dark_gray {
  background: transparent;
  border-color: #232323;
  color: #232323;
}

.btn.btn_transparent_dark_gray:hover,
.btn.btn_transparent_dark_gray:focus {
  background: #232323;
  border-color: #232323;
  color: #ffffff;
}

.btn.btn_transparent_light_gray {
  background: transparent;
  border-color: #dbdbdb;
  color: #dbdbdb;
}

.btn.btn_transparent_light_gray:hover,
.btn.btn_transparent_light_gray:focus {
  background: #333;
  border-color: #dbdbdb;
  color: #dbdbdb !important;
  cursor: pointer;
}

.btn.btn_transparent_deep_pink {
  background: transparent;
  border-color: #ff214f;
  color: #ff214f;
}

.btn.btn_transparent_deep_pink:hover,
.btn.btn_transparent_deep_pink:focus {
  background: #ff214f;
  border-color: #ff214f;
  color: #fff;
}

/* button rounded little */
.btn.btn_rounded_little {
  border-radius: 5px;
}

.btn.btn_rounded_little.btn_very_small {
  padding: 2px 23px 1px;
}

.btn.btn_rounded_little.btn_small {
  padding: 5px 29px;
}

.btn.btn_rounded_little.btn_medium {
  padding: 6px 32px;
}

.btn.btn_rounded_little.btn_large {
  padding: 9px 38px;
}

.btn.btn_rounded_little.btn_extra_large {
  padding: 12px 45px 13px;
}

/* button rounded */
.btn.btn_rounded {
  border-radius: 50px;
}

.btn.btn_rounded.btn_very_small {
  padding: 2px 23px 1px;
}

.btn.btn_rounded.btn_small {
  padding: 5px 29px;
}

.btn.btn_rounded.btn_medium {
  padding: 6px 32px;
}

.btn.btn_rounded.btn_large {
  padding: 9px 38px;
}

.btn.btn_rounded.btn_extra_large {
  padding: 12px 45px 13px;
}

/* image button */
.image-button {
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 26px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

.image-button:hover {
  background: rgba(0, 0, 0, 0.5);
}

.tag-cloud a {
  font-size: 10px;
  padding: 3px 8px;
  border: 1px solid #d9d9d9;
  margin: 0 8px 8px 0;
  display: inline-block;
  text-transform: uppercase;
  color: #232323;
  line-height: 18px;
}

.tag-cloud a:hover {
  background: #232323;
  color: #fff !important;
  border: 1px solid #232323;
}

/* dropdown style 1 */
.dropdown-style-1 .btn {
  color: #fff;
  font-size: 11px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  font-weight: normal;
}

.dropdown-style-1 .btn:hover,
.custom-dropdown btn:focus {
  color: #ff214f;
}

.dropdown-style-1 .dropdown-menu {
  margin-top: 2px;
  min-width: 130px;
  border-radius: 0;
  border: none;
  z-index: 444;
  right: 0;
  left: auto;
}

.dropdown-style-1 .dropdown-menu > li > a {
  padding: 6px 15px;
  font-size: 12px;
}

.dropdown-style-1 .dropdown-menu > li > a:hover,
.dropdown-style-1 .dropdown-menu > li > a:focus {
  background: #ededed;
}

.btn_w100 {
  width: 100% !important;
}

.btn_down {
  position: absolute;
  bottom: 20px;
}

/*
 <div class="btn_area text-center mt50">
                    <a class="btn btn_small btn_white btn_transparent_white" href="#" onclick="javascript:window.history.back(-1);return false;"><i class="fa fa-angle-left" aria-hidden="true"></i> History Back</a>
                </div>
                */
.linkBtn {
  display: inline-block;
  border: 1px solid #eee;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.linkBtn a {
  display: block;
  color: #212121;
  border-bottom: none;
  background: #eee;
  padding: 10px 15px !important;
  text-decoration: none;
}

.linkBtn a:hover {
  opacity: 0.8;
  background: none;
  color: #eee;
  padding: 10px 15px !important;
}

.linkBtn a.text_link {
  padding-bottom: 0;
  position: static;
}
.linkBtn a.text_link:before {
  display: none;
}

.btn_spec {
  cursor: pointer;
  transition: 0.2s;
}
.btn_spec:hover {
  background: #fff;
  opacity: 0.7;
}

.btn_icon_open {
  position: relative;
}

.btn_icon_open:after,
.btn_icon_open.active:after {
  padding: 5px;
  position: absolute;
  right: -0.8rem;
  top: 0;
  line-height: 1;
  text-align: center;
  height: 30px;
  width: 32px;
}

.btn_icon_open.active::after {
  content: " - ";
  color: #333;
}

.btn_icon_open::after {
  content: " + ";
  color: #333;
}

.btn_icon_open.no-child::after {
  content: " - ";
  color: #333;
}

.btn_light_gray2 {
  background: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #232323;
  padding: 15px 30px;
  font-size: 15px;
  letter-spacing: -1px;
}

a.btn_light_gray2:hover,
a.btn_light_gray2:focus {
  background: #232323;
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
}

.btn_tag {
  position: relative;
  width: 100%;
}
.btn_tag > .tag_soldout {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 10px;
  width: 50px;
  height: 50px;
  background: rgba(255, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  transform: rotate(-5deg);
}

.search-popup {
  min-width: 480px;
  width: 98%;
  padding: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .search-popup {
    min-width: auto;
    width: 98% !important;
  }
}
.search-popup .search-form {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .search-popup .search-form {
    width: 100%;
  }
}
.search-popup .search-form div:first-child {
  width: 85%;
}
.search-popup .search-form div:last-child {
  width: 15%;
}
.search-popup .search-form input.search-field {
  width: 98%;
  padding: 1%;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  color: #cfcfcf;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid white;
  border-left: none;
  border-image: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .search-popup .search-form input.search-field {
    width: 240px;
  }
}
.search-popup .search-form .fa-search:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f002";
}
.search-popup .search-form :after,
.search-popup .search-form :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-popup .search-form .search-button {
  font-size: 21px;
  color: #999;
  padding: 0;
  outline: none;
}
.search-popup .search-form .close-search {
  position: absolute;
  right: 0;
  top: 23px;
  z-index: 998;
  cursor: pointer;
}
.search-popup .search-form input[type=text]:focus {
  outline: 0;
  border: none;
}

/* form */
.wpcf7 {
  text-align: left;
  margin: auto;
}

.wpcf7 div {
  margin-bottom: 10px !important;
}

.wpcf7-form-control-wrap {
  /* display: block !important;*/
  margin-top: 0;
}

.wpcf7 label,
.wpcf7 .wpcf7-radio {
  clear: both;
  padding: 0;
  display: block;
}

.wpcf7 .wpcf7-recaptcha > div {
  padding: 0;
  text-align: center;
  margin: auto;
  display: block;
  width: 100%;
}

.wpcf7 input[type=text],
.wpcf7 input[type=date],
.wpcf7 input[type=number],
.wpcf7 input[type=file],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=email] {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  border-radius: 3px;
  border: none;
  background: #fefefe;
  padding: 1%;
  margin-bottom: 0 !important;
  display: block;
  width: 98%;
  outline: 0;
  color: #333;
}

.wpcf7 input[type=radio] {
  margin: 0 !important;
  padding: 0 10px !important;
  line-height: 1 !important;
  position: static !important;
  vertical-align: middle;
  display: inline-block;
  outline: 0;
  color: #333;
  background: #fefefe;
}

.wpcf7 input[type=checkbox] {
  display: inline-block;
  margin: 0 !important;
  padding: 0 10px !important;
  outline: 0;
  color: #333;
  background: #fefefe;
}

.wpcf7 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 5px;
  line-height: 1;
  margin-bottom: 0 !important;
  color: #333;
  background: #fefefe;
}

.wpcf7 textarea {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  border-radius: 3px;
  border: none;
  background: #fefefe;
  padding: 1%;
  width: 98% !important;
  margin-bottom: 0 !important;
  outline: 0;
  color: #333;
}

.wpcf7 input[type=submit] {
  display: inline-block;
  padding: 15px 30px;
  text-align: center !important;
  text-decoration: none;
  line-height: 1.2;
  outline: none;
  border-radius: 4px;
  background-color: #333;
  border: none;
  color: #fff;
  margin: auto !important;
}

.wpcf7 input[type=submit]:hover {
  background: #f9f9f9;
  color: #333;
}

.wpcf7 .submit {
  text-align: center;
  margin: auto;
}

.contact-form > div {
  clear: both;
  padding: 10px;
  margin-bottom: 10px !important;
}

.contact-form > div:nth-child(even) {
  background: #f9f9f9;
}

.contact-form > div label {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: normal !important;
}

.contact-form > div label > span {
  color: #c62319;
}

.contact-form input[type=text],
.contact-form input[type=email] {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fefefe;
  padding: 5px;
  margin-bottom: 0 !important;
}

.radio {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  position: static !important;
  vertical-align: middle;
  display: inline-block;
}

.contact-form .grunion-checkbox-multiple-label {
  line-height: 1 !important;
}

.contact-form input[type=checkbox] {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}

.contact-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 5px;
  line-height: 1;
  margin-bottom: 0 !important;
  background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
}

.contact-form textarea {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fefefe;
  padding: 5px;
  width: 100% !important;
  margin-bottom: 0 !important;
}

.bgrbl {
  background: #212121 !important;
  color: #212121 !important;
}

input[type=submit] {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f002";
  padding: 3px 6px 1.5px 6px;
  color: #212121;
}

input[type=text]#quiz {
  width: 240px;
  text-align: center;
  margin: 15px auto 30px !important;
  display: block;
}

.wpcf7-spinner {
  display: block !important;
  margin: 10px auto !important;
}

.wpcf7-text.your-address {
  width: 100% !important;
}

.wpcf7-text.your-emailaddress {
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .wpcf7-text.your-emailaddress {
    width: 80% !important;
  }
}

@media screen and (min-width: 767px) {
  .fb-page {
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 640px) {
  .fb-page {
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* community
=============================*/
.community_logo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.community_logo div {
  width: 25%;
  height: 150px;
  display: flex; /* 子要素をflexboxで揃える */
  flex-direction: row; /* 子要素をflexboxにより縦方向に揃える */
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .community_logo div {
    width: 50%;
  }
}
.community_logo div img {
  max-height: 50px;
  width: auto;
  text-align: center;
  display: block;
  margin: auto auto 0.5em;
}
.community .bgr_tw {
  background: #000000;
}
.community .bgr_fb {
  background: #3b5998;
}
.community .bgr_insta {
  background: #eeeeee;
}
.community .bgr_youtube {
  background: #282828;
}

.community .insta {
  background: #fff;
  padding: 50px 0;
  box-sizing: border-box;
}

.community .insta .box {
  margin: auto;
  max-width: 1500px;
  width: 100%;
  box-sizing: border-box;
}

.community .youtube {
  background: #282828;
  padding: 50px 0;
  margin: auto;
  max-width: 1500px;
  width: 100%;
  box-sizing: border-box;
}

.community .youtube .box {
  box-sizing: border-box;
}

.community .tw {
  background: #000000;
  box-sizing: border-box;
  padding: 50px 0;
}

.community .tw .box {
  box-sizing: border-box;
  max-width: 500px;
  width: 100%;
  text-align: center;
  margin: auto;
}

.community .facebook {
  background: #3b5998;
  box-sizing: border-box;
  padding: 50px 0;
}

.community .facebook .box {
  box-sizing: border-box;
  max-width: 500px;
  width: 100%;
  text-align: center;
  margin: auto;
}

.heateor_sss_sharing_container {
  margin-bottom: 1rem !important;
}

.heateor_sss_sharing_ul .heateor_sss_button_x {
  border-radius: 5px;
}
.heateor_sss_sharing_ul .heateor_sss_button_x .heateor_sss_svg {
  background-color: #000 !important;
}
.heateor_sss_sharing_ul .heateor_sss_button_instagram .heateor_sss_svg {
  border-radius: 5px;
  background-color: #000 !important;
  background: #000 !important;
}
.heateor_sss_sharing_ul .heateor_sss_button_line .heateor_sss_svg {
  border-radius: 5px;
  background-color: #000 !important;
  background: #000 !important;
}
.heateor_sss_sharing_ul .heateor_sss_more {
  border-radius: 5px;
}
.heateor_sss_sharing_ul .heateor_sss_more .heateor_sss_svg {
  background-color: #000 !important;
}

/*=============================
 items
 =============================*/
.items .title {
  font-size: 22px;
}
.items .title .small {
  font-size: 1rem;
}
.items div.fig {
  margin: 0;
  padding: 0;
  /*     max-width: 640px; */
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  ovcerflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.items div.fig > .icon_youtube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  color: red;
}
.items div.fig.icn_new {
  position: relative;
}
.items div.fig.icn_new:before {
  position: absolute;
  top: 20%;
  right: 10%;
  content: "new";
  color: red;
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -1px;
  z-index: 3;
  transform: rotate(-5deg);
}
@media screen and (min-width: 768px) {
  .items div.fig.icn_new:before {
    position: absolute;
    top: 20%;
    right: 10%;
    content: "new";
    color: red;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -1px;
    z-index: 3;
    transform: rotate(-5deg);
  }
}
.items div.fig .wrap_flex {
  width: 100%;
}
.items div.fig .wrap_flex_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
}
.items div.fig .wrap_flex_list > li {
  margin: 1px;
}
.items figure {
  margin: 0;
  padding: 0;
  /*     max-width: 640px; */
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  ovcerflow: hidden;
}
.items .wrap {
  padding: 15px !important;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.items .wrap_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1rem;
  height: 100%;
}
.items .wrap_flex.flex_direction_col {
  flex-direction: column;
}
.items .wrap_flex_ie11 {
  padding: 1rem;
  display: block;
}
.items .wrap_box {
  display: flex;
}
.items .wrap_box.flex_direction_col {
  flex-direction: column;
}
.items .wrap_box.flex_direction_col div::-webkit-scrollbar {
  width: 5px;
}
.items .box {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
.items img:hover .transform01 {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.items img:hover .transform02 {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.items figcaption {
  height: 100%;
  display: flex; /* 変更なし */
  flex-direction: column; /* 変更なし */
  justify-content: center; /* 変更なし */
  align-items: center; /* 変更なし */
}
.items figcaption .wrap {
  width: 100%;
}
.items figcaption a {
  display: inline-block;
  font-size: 1.3rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .items figcaption a {
    font-size: 1.2rem;
  }
}
.items figcaption a > .svg-inline--fa {
  margin: auto;
  text-align: center;
}
.items div.figcap {
  height: 100%;
  display: flex; /* 変更なし */
  flex-direction: column; /* 変更なし */
  justify-content: center; /* 変更なし */
  align-items: center; /* 変更なし */
}
.items div.figcap .wrap {
  width: 100%;
}
.items div.figcap a {
  display: inline-block;
  font-size: 1.3rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
}
@media screen and (max-width: 540px) {
  .items div.figcap a {
    font-size: 1.2rem;
  }
}
.items div.figcap .icon_youtube {
  color: red;
}
.items .items_title {
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .items .items_title {
    font-size: 14px;
    padding: 1rem;
  }
}
.items .items_title > .sp_block {
  display: block;
}
.items .items_title_small {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 5px;
  position: static;
}
.items .items_title_small span {
  font-size: 1.3rem;
}
.items .items_title_small_very_small {
  font-size: 1.3rem;
  line-height: 1.2;
  padding: 5px;
}
.items .items_title_small_very_small span {
  font-size: 1.2rem;
}
.items .items_tooltip {
  font-size: 1.6rem;
}
.items .items_txt {
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  white-space: normal;
  padding-top: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.items .items_txt_small {
  font-size: 1.2rem;
  line-height: 1.5;
}
.items .items_text {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  white-space: normal;
}
.items .items_text_small {
  font-size: 1.3rem;
  line-height: 1.5;
}
.items .items_text.text_left {
  text-align: left !important;
}
.items .item_image {
  margin-bottom: 10px;
}
.items .items_title-parts {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  white-space: normal;
  margin-top: 0;
  margin-bottom: 10px;
  clear: both;
}
.items .items_title-parts_small {
  font-size: 1.3rem;
  line-height: 1.5;
}
.items .items_brand {
  color: #ccc;
  font-size: 12px;
  margin-bottom: 0;
  clear: both;
}
.items .items_price {
  font-size: 12px;
  margin-bottom: 0;
}
.items .items_link {
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 100;
}
.items .items_link a {
  display: inline-block;
  margin: 3px;
}
.items .items_link a svg {
  display: inline-block;
}
.items div.fig {
  position: relative;
  overflow: hidden;
}
.items figure {
  position: relative;
  overflow: hidden;
}
.items div.figcap {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
.items div.figcap.not_work {
  position: absolute;
  top: 0;
}
.items div.figcap.tp05 {
  background: rgba(0, 0, 0, 0.5);
}
.items div.figcap.tp03 {
  background: rgba(0, 0, 0, 0.3);
}
.items div.figcap img {
  /*  width:160px; */
  margin-bottom: 0;
}
.items div.fig:hover div.figcap {
  top: 0;
  left: 0;
}
.items figcaption {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
.items figcaption.not_work {
  position: absolute;
  top: 0;
}
.items figcaption.tp05 {
  background: rgba(0, 0, 0, 0.5);
}
.items figcaption.tp03 {
  background: rgba(0, 0, 0, 0.3);
}
.items figcaption img {
  /*  width:160px; */
  margin-bottom: 0;
}
.items figure:hover figcaption {
  top: 0;
  left: 0;
}

.item_filter {
  margin: 0 auto 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .item_filter {
    flex-direction: column;
    padding: 5px;
  }
}

.item_filter li {
  padding: 10px;
  list-style: none;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .item_filter li {
    padding: 15px;
    background: rgba(0, 0, 0, 0.8);
    margin-bottom: 1px;
    width: 100%;
  }
}

.item_filter li.active {
  border-bottom: 1px solid #ccc;
}

.is-animated,
.item_filter_list > div {
  animation: 0.6s zoom-in;
}

@keyframes zoom-in {
  0% {
    transform: scale(0.4);
  }
  100% {
    transform: none;
  }
}
.item_filter_list > div {
  padding: 0;
}

.item_filter_list .fa {
  margin: 2px !important;
}

.item_opacity {
  background: rgb(66, 60, 57);
}
.item_opacity_bgr_white {
  background: rgba(255, 255, 255, 0.1);
}
.item_opacity_bgr_gray {
  background: rgba(255, 255, 255, 0.5);
}

.item_mb5 {
  margin-bottom: 5px;
}

/*=============================
 items2
 =============================*/
.items2 {
  position: relative;
}
.items2 img.product_image {
  max-width: 100%;
  height: auto;
  width/***/: auto;
}
.items2 img.product_logo {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 60px;
}
.items2 figcaption {
  position: absolute;
  bottom: 0;
  padding: 1%;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  width: 98%;
}
.items2_title {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  white-space: normal;
  margin-bottom: 10px;
}
.items2_txt {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  white-space: normal;
}
.items2_link {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 100;
}
.items2_link a {
  display: inline-block;
  margin: 3px;
}

/*=============================
 items3
 =============================*/
.items3 figure {
  margin: 0 auto;
  position: relative;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .items3 figure {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .items3 figure.flex-row-reverse {
    flex-direction: column !important;
    width: 100%;
  }
}
.items3 figure:nth-child(even) {
  flex-direction: row-reverse;
  height: 100%;
}
.items3 .item_title {
  padding: 0;
  color: #d6c677;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  font-weight: 400;
  white-space: normal;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .items3 .item_title {
    margin-bottom: 10px;
  }
}
.items3 .item_title_small {
  font-size: 1.3rem;
  line-height: 1.4;
}
.items3 .item_title_small_ls-1 {
  letter-spacing: -1.5px;
}
.items3 .item_txt {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
  font-weight: 400;
  white-space: normal;
}
.items3 .item_img {
  width: 50%;
  box-sizing: border-box;
  padding: 50px;
}
@media screen and (max-width: 960px) {
  .items3 .item_img {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .items3 .item_img {
    padding: 10px;
    width: 100%;
  }
}
.items3 figcaption.caption {
  width: 50%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  box-sizing: border-box;
  padding: 50px;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .items3 figcaption.caption {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .items3 figcaption.caption {
    padding: 10px;
    width: 100%;
  }
}
.items3:nth-child(even) figure {
  flex-direction: column !important;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .items3:nth-child(even) figure {
    flex-direction: row-reverse !important;
    width: 100%;
  }
}

/*=============================
 items4
 =============================*/
.items4 figure {
  margin: 0 auto;
  max-width: 640px;
  width: 100%;
  position: relative;
  text-align: center;
}
.items4 .wrap {
  padding: 1rem;
  text-align: center;
}
.items4 img:hover .transform01 {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.items4 img:hover .transform02 {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.items4 figcaption {
  height: 100%;
  display: flex; /* 変更なし */
  flex-direction: column; /* 変更なし */
  justify-content: center; /* 変更なし */
  align-items: center; /* 変更なし */
}
.items4 figcaption a {
  display: inline-block;
  font-size: 1.6rem;
}
@media screen and (max-width: 540px) {
  .items4 figcaption a {
    font-size: 1.2rem;
  }
}
.items4 .items_title {
  padding: 10px 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  white-space: normal;
}
.items4 .items_title_small {
  padding-top: 0.3em;
  font-size: 1.3rem;
  line-height: 1.4;
}
.items4 .items_title_small span {
  font-size: 1.2rem;
}
.items4 .items_tooltip {
  font-size: 1.6rem;
}
.items4 .items_txt {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  white-space: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.items4 .items_txt_small {
  font-size: 1.3rem;
  line-height: 1.4;
}
.items4 .items_link {
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 100;
}
.items4 .items_link a {
  display: inline-block;
  margin: 3px;
}
.items4 figure {
  position: relative;
  overflow: hidden;
}
.items4 figcaption {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
.items4 figcaption.tp05 {
  background: rgba(0, 0, 0, 0.5);
}
.items4 figcaption.tp03 {
  background: rgba(0, 0, 0, 0.3);
}
.items4 figcaption img {
  /*  width:160px; */
  margin-bottom: 10px;
}
.items4 figure:hover figcaption {
  top: 0;
  left: 0;
}

/* items4 */
/*=============================
 items5
 =============================*/
.items5 figure {
  margin: 0 auto;
  width: 100%;
  height: 320px;
  position: relative;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}
.items5 figure figcaption {
  padding: 15px;
  font-size: 1.4rem;
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
.items5 figure .item_title {
  font-size: 1.4rem;
  font-weight: 500;
  color: white;
}
.items5 figure .item_text {
  line-height: 1.5;
  text-align: left;
}

/* items5 */
#tags li {
  cursor: pointer;
}
#tags li:hover {
  color: white;
}

.item_cate {
  position: absolute;
  top: 0;
  padding: 5px 10px;
  font-size: 1.3rem;
}

.item_product_note {
  font-size: 1.2rem;
  max-width: 320px;
  margin: auto;
  width: 100%;
  text-align: left;
}
.item_product_title {
  font-size: 1.3rem;
  text-align: center;
  padding: 5px;
}
.item_product_mainImage {
  margin-bottom: 10px;
}
.item_product_model {
  font-size: 1.4rem;
  text-align: center;
  padding: 5px;
}
.item_product_spec {
  font-size: 1.8rem;
  text-align: left;
  padding: 5px 15px;
}
.item_product_color {
  text-align: center;
  padding: 0;
  margin-bottom: 5px;
}
.item_product_serial {
  text-align: center;
  padding: 0;
  margin-bottom: 5px;
}
.item_product_price {
  font-size: 1.3rem;
  text-align: center;
  padding: 5px;
  font-weight: 600;
}
.item_product_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0 0 5px;
}
.item_product_btns li {
  padding: 1px;
  text-align: center;
}
.item_product_btns_base {
  position: relative;
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #333;
  color: #333;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
  width: 100%;
}
.item_product_btns_base:hover {
  color: #121212;
  background: #efefef;
}
.item_product_btns .far {
  font-size: 12px;
}
@media screen and (max-width: 460px) {
  .item_product_btns .far {
    display: block;
    font-size: 12px;
  }
}
.item_product_thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 0 5px;
}
.item_product_thumbnail li {
  width: 33.333%;
  text-align: center;
}
.item_product_thumbnail li img {
  display: block;
  padding: 1px;
}
.item_product_thumbnail li:hover {
  opacity: 0.7;
  cursor: pointer;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.post_item {
  position: relative;
}
.post_item .content {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
}
.post_item .content .wrap {
  padding: 0 15px 15px;
}
.post_item .content .wrap .post_item_title {
  font-size: 16px;
  padding: 10px 0 15px;
}
.post_item .content .wrap .post_item_update {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.post_item .content .wrap .post_item_image {
  margin-bottom: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.post_item .content .wrap .post_item_tag {
  margin: 0 15px 0 15px;
  padding: 0 0 15px 0;
  list-style-position: outside;
  font-size: 12px;
  position: relative;
}
.post_item .content .wrap .post_item_tag::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f02b";
  margin-right: 5px;
  position: absolute;
  left: -15px;
}
.post_item .content .wrap .post_item_tag > li {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.post_item .content .wrap .post_item_tag > li::after {
  content: ",";
  padding: 0 3px;
}
.post_item .content .wrap .post_item_tag > li:last-child::after {
  content: "";
  padding: 0 5px;
}
.post_item .content .wrap .post_item_tag > li a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: underline;
  transition: all 0.3s;
}
.post_item .content .wrap .post_item_tag > li a:hover {
  color: white;
  text-decoration: none;
  opacity: 0.8;
}
.post_item .post_item_cate {
  background: black;
  padding: 5px 7.5px;
  position: absolute;
  top: 5px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 200;
  font-size: 1.1rem;
  left: 5px;
  text-transform: uppercase;
}

.item_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  flex-direction: column;
  padding: 15px;
  margin: 0;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .item_tab {
    flex-direction: row;
    margin-bottom: 0;
  }
}
.item_tab > li {
  margin: 0 0 1px 0;
  width: 100%;
  position: relative;
}
.item_tab > li.icon_after::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  position: absolute;
  top: 1rem;
  right: 2rem;
  margin: auto;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .item_tab > li {
    width: auto;
  }
  .item_tab > li.icon_after::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f078";
    position: static;
    display: grid;
    place-items: center;
    font-size: 12px;
  }
}
.item_tab > li a {
  color: #fff;
  padding: 1rem 2rem;
  text-align: center;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50px;
  border: 1px solid #999;
  font-size: 14px;
  transition: 0.3s;
}
.item_tab > li a:hover {
  background: #000;
}
@media screen and (min-width: 768px) {
  .item_tab > li a {
    padding: 0.75rem 2rem;
  }
}

.items_title {
  padding: 10px 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  white-space: normal;
}
.items_title_small {
  padding-top: 0.3em;
  font-size: 1.3rem;
  line-height: 1.4;
}
.items_title_small span {
  font-size: 1.2rem;
}

/*=============================
 lists
 =============================*/
ul {
  margin: 0 0 1em 2em;
}

ul.list-none {
  list-style-type: none;
}

ul.list-disc {
  list-style-type: disc;
}

ul.list-square {
  list-style-type: square;
}

ul.list-decimal {
  list-style-type: decimal;
}

ul.list-upper-alpha {
  list-style-type: upper-alpha;
}

.list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 10px 0 9px 0;
  margin-left: 0;
  margin-right: 0;
}
.list:hover {
  background: rgba(255, 255, 255, 0.1);
}
.list_bgr {
  background: rgba(255, 255, 255, 0.1);
}
.list_no_border {
  border-bottom: none;
}
.list_bgr_none:hover {
  background: none;
}
.list_cate {
  text-align: center;
  padding: 0 10px;
  font-size: 1.2rem;
}
@media screen and (max-width: 991px) {
  .list_cate {
    text-align: right;
  }
}
.list_cate span {
  background: gray;
  padding: 3px 10px;
  font-size: 1.2rem;
  white-space: nowrap;
  margin: 5px 5px 5px 0;
}
.list_cate_pressrelease {
  background: red;
}
.list_cate_news {
  background: blue;
}
.list_update {
  padding: 3px 15px;
  font-size: 1.2rem;
}
.list_title {
  padding: 3px 15px;
  font-size: 1.4rem;
  line-height: 1.3;
}

.list_wrap {
  list-style: none;
  margin: 0 auto;
}
.list_wrap > li {
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 15px;
}
@media screen and (min-width: 960px) {
  .list_wrap > li {
    padding: 15px;
  }
}
.list_wrap > li .list_box {
  display: flex;
  align-items: center;
  margin: auto;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .list_wrap > li .list_box {
    flex-direction: row;
  }
}
.list_wrap > li .list_box > .image {
  align-self: center;
  width: 100%;
  padding: 15px;
}
@media screen and (min-width: 960px) {
  .list_wrap > li .list_box > .image {
    width: 30%;
  }
}
.list_wrap > li .list_box > .text {
  align-self: center;
  width: 100%;
  padding: 15px;
}
@media screen and (min-width: 960px) {
  .list_wrap > li .list_box > .text {
    width: 70%;
  }
}
.list_wrap > li .list_box > .btn a {
  text-align: center !important;
  margin: auto !important;
}

/*=============================
 local_menu
 =============================*/
@media screen and (max-width: 480px) {
  .local_menu_title img {
    width: 80%;
  }
}
.local_menu .parent {
  position: relative;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-top: -1px;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 5px;
}
.local_menu .icon_open:after,
.local_menu .icon_open.active:after {
  background: #333;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  text-align: center;
  height: 30px;
  width: 32px;
}
.local_menu .icon_open.active::after {
  content: "-";
}
.local_menu .icon_open::after {
  content: "+";
}
.local_menu .icon_open.no-child::after {
  content: "-";
}
.local_menu .child {
  padding: 10px;
}
.local_menu .child a {
  font-size: 0.9em;
  font-weight: 400;
}

.local_artists {
  text-align: center;
  margin: 0 auto;
  padding: 0 0;
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  .local_artists {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.local_artists.bgr {
  text-align: center;
  margin: auto;
  width: 100%;
}
.local_artists .btn {
  width: 100%;
  padding: 0.7em;
}
@media screen and (max-width: 1200px) {
  .local_artists .btn {
    width: 100%;
    margin: auto;
    box-sizing: border-box;
  }
}
.local_artists_items_child {
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1200px) {
  .local_artists_items_child {
    width: 100%;
  }
}
.local_artists_items_child li {
  padding: 0.7em;
  line-height: 1.2;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.local_artists_items {
  margin-bottom: 1px;
}

/*=============================
 local_nav
=============================*/
.local_nav_box {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 1em;
}
.local_nav_title a {
  font-weight: 600;
  font-size: 2rem;
}
.local_nav_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.local_nav_list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.local_nav_list li a {
  padding: 10px 5px;
  display: block;
  font-size: 1.4rem;
}
.local_nav_list li a.active {
  background: rgba(255, 255, 255, 0.1);
  color: #white;
}

.animation-1 {
  animation-delay: 0.5s;
}

.animation-2 {
  animation-delay: 0.7s;
}

.animation-3 {
  animation-delay: 0.9s;
}

.animation-4 {
  animation-delay: 1.1s;
}

.animation-5 {
  animation-delay: 1.3s;
}

.animation-6 {
  animation-delay: 1.5s;
}

.animation-7 {
  animation-delay: 1.7s;
}

.animation-8 {
  animation-delay: 1.9s;
}

.animation-9 {
  animation-delay: 2.1s;
}

.animation-10 {
  animation-delay: 2.3s;
}

.animation-11 {
  animation-delay: 2.5s;
}

.animation-12 {
  animation-delay: 2.7s;
}

.animation-13 {
  animation-delay: 2.9s;
}

.animation-14 {
  animation-delay: 3.1s;
}

.animation-15 {
  animation-delay: 3.3s;
}

.animation-16 {
  animation-delay: 3.5s;
}

.animation-17 {
  animation-delay: 3.7s;
}

.animation-18 {
  animation-delay: 3.9s;
}

.animation-19 {
  animation-delay: 4.1s;
}

.animation-20 {
  animation-delay: 4.3s;
}

.animation-21 {
  animation-delay: 4.5s;
}

.animation-22 {
  animation-delay: 4.7s;
}

.animation-23 {
  animation-delay: 4.9s;
}

.animation-24 {
  animation-delay: 5.1s;
}

@keyframes animated {
  from {
    opacity: 0;
    transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animated {
  animation-duration: 0.6s;
  animation-name: animated;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: 0;
}

/*=============================
Buttons
=============================*/
/*ナビゲーションボタンの色*/
.sp-button {
  border: 2px solid #ccc;
  width: 6px;
  height: 6px;
  margin: 6px;
  background-color: #cfcfcf;
}

.sp-selected-button {
  background-color: orange;
  border: 2px solid orange;
}

.slider_main_image img {
  width: 100%;
}

.slider_big_box .row {
  margin: 0;
  padding: 0;
}
.slider_big_box .row div {
  margin: 0;
  padding: 0;
}
.slider_big_box_content {
  height: 540px;
  text-align: left;
  display: flex; /* 子要素をflexboxで揃える */
  flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center; /*flex-start flex-end  stretch 子要素をflexboxにより中央に配置する */
}
.slider_big_box_bgr {
  width: 90%;
  height: 90%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.slider_big_box_bgr div {
  display: flex; /* 子要素をflexboxで揃える */
  flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center; /*flex-start flex-end  stretch 子要素をflexboxにより中央に配置する */
}
.tab_style {
  display: inline-block;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  width: auto;
}
@media screen and (max-width: 1100px) {
  .tab_style {
    width: 100%;
  }
}

.tab_style a {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  padding: 1em 1em 1em 1em;
  margin: 1rem auto 0.3rem;
}
.tab_style a:hover {
  color: white !important;
}
.tab_style a:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
}
.tab_style a.back.icn_right_bar:after {
  content: "　|" !important;
}
@media screen and (max-width: 1100px) {
  .tab_style a.back.icn_right_bar:after {
    display: none;
  }
}
.tab_style a.back:before {
  margin-right: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f053";
}
.tab_style a.pagelink.pagelink_dealers {
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.3);
}
.tab_style a.pagelink.pagelink_dealers:hover {
  background: rgba(255, 255, 255, 0.6);
}
.tab_style a.pagelink:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
@media screen and (max-width: 1240px) {
  .tab_style a {
    padding: 0.5em;
    margin: 1rem 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1100px) {
  .tab_style a {
    padding: 1em;
    margin: 0 0;
    width: 100%;
    font-size: 1.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.tab_style a.icn_up:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
}

/* .tab_style {
    overflow: hidden;
    width: 100%;
} */
.tab_style > div {
  /*Tabの内容を表示するエリアの装飾*/
  padding: 0;
  margin: 0;
}

.tab_style a.select {
  /*アクティブタブの装飾*/
  color: white;
  background-image: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.tab_hide {
  display: none;
}

/* tab_signature */
.tab_signature {
  overflow: hidden;
}

.tab_signature li.select a {
  color: #fff;
}

/*=============================
swiper
=============================*/
.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.8;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: orange !important;
}

.swiper-pagination {
  margin: auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 2rem !important;
  left: 0;
  width: 100%;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
  right: auto;
  width: 50px;
  height: 50px;
  z-index: 1;
  background: url(/common/images/common/btn_prev.png) 0 0 no-repeat rgba(0, 0, 0, 0.8);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0;
  left: auto;
  width: 50px;
  height: 50px;
  z-index: 1 !important;
  background: url(/common/images/common/btn_next.png) 0 0 no-repeat rgba(0, 0, 0, 0.8);
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  display: none !important;
  /* content: " \f104";
  font-family: FontAwesome;
  font-size: 50px;
  line-height: 1;
  padding:10px;
  font-weight:700;
  background:url(/common/images/common/btn_prev.png) 0 0 no-repeat #000; */
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  display: none !important;
  /* content: " \f105";
  font-family: FontAwesome;
  font-size: 50px;
  line-height: 1;
  padding:10px;
  font-weight:700;
  background:url(/common/images/common/btn_next.png) 0 0 no-repeat #000; */
}

.swiper-pagination {
  z-index: 1 !important;
}

/*=============================
swiper_slide
=============================*/
.swiper_slider {
  width: 100%;
}
.swiper_slider .swiper-container {
  width: 100%;
}
.swiper_slider .swiper-container .swiper-slide img {
  width: 100%;
}
.swiper_slider .swiper-button-next,
.swiper_slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .swiper_slider .swiper-button-next,
  .swiper_slider .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

/*=============================
slider_main
=============================*/
.slider_main {
  width: 100%;
}
.slider_main .swiper-slide img {
  width: 100%;
}
.slider_main .swiper-slide figure {
  margin: 0;
  padding: 0 0 3rem;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .slider_main .swiper-slide figure {
    margin: 0;
    padding: 0 0 3rem;
    background-color: #000;
  }
}
.slider_main .swiper-slide figure figcaption {
  margin: 0 auto;
  padding: 1rem;
  font-size: 16px;
  width: min(1200px, 100%);
}
.slider_main .swiper-slide figure figcaption .hero_title {
  color: #fff;
  font-size: clamp(1.5rem, 1rem + 2.1333vw, 3rem) !important;
  font-weight: 900;
  display: flex;
  justify-content: center;
  line-height: 1.25;
}
.slider_main .swiper-slide figure figcaption .hero_caption {
  margin-inline: auto;
  font-size: 14px;
  display: flex;
  justify-content: center;
}
.slider_main .swiper-slide figure figcaption .hero_link {
  text-align: center;
  color: #fff;
}
.slider_main .swiper-slide figure figcaption .hero_link span {
  display: inline-block;
  padding: 1rem 5rem 1rem 2rem;
  border-radius: 50px;
  background-color: #121212;
  text-align: center;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
.slider_main .swiper-slide figure figcaption .hero_link span:hover {
  opacity: 0.8;
}
.slider_main .swiper-slide figure figcaption .hero_link span::after {
  color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  right: 20px;
  width: 24px;
  height: 6px;
  border: none;
  border-right: 2px solid #fff;
  border-bottom: 1px solid #fff;
  transform: skew(45deg);
  transition: 0.3s;
}
.slider_main .swiper-slide figure figcaption .hero_link span:hover::after {
  right: 0;
  width: 32px;
}
.slider_main .swiper-button-next,
.slider_main .swiper-button-prev {
  top: 35% !important;
}
.slider_main .swiper-container-horizontal > .swiper-pagination-bullets,
.slider_main .swiper-pagination-custom,
.slider_main .swiper-pagination-fraction {
  bottom: 1rem !important;
}
.slider_main .swiper-container {
  max-width: 1920px;
}

/*=============================
swiper_artists
=============================*/
@media (min-width: 992px) {
  #swiper_artists .swiper-wrapper {
    flex-wrap: wrap;
  }
  #swiper_artists .swiper-slide {
    width: 16.6%;
    padding: 0 5px;
    box-sizing: border-box;
  }
  #swiper_artists .swiper-button-prev,
  #swiper_artists .swiper-button-next,
  #swiper_artists .swiper-pagination {
    display: none;
  }
}
#swiper_artists .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 3;
}
#swiper_artists .swiper-pagination span {
  margin: 0 5px;
}
#swiper_artists .swiper-slide img {
  max-width: 100%;
  height: auto;
  margin: 0 0;
}
#swiper_artists .prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}
#swiper_artists figcaption .items_title {
  font-size: 1.3rem;
}
#swiper_artists .swiper-button-next,
#swiper_artists .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  z-index: 2;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_artists .swiper-button-next,
  #swiper_artists .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
#swiper_artists .swiper-container .swiper-slide img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#swiper_artists .prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}

/*=============================
color_variation
=============================*/
#color_variation {
  margin-bottom: 50px;
}
#color_variation .swiper-container {
  text-align: center;
}
#color_variation .swiper-wrapper {
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  #color_variation .swiper-wrapper {
    flex-wrap: wrap;
  }
  #color_variation .swiper-slide {
    width: 10%;
    padding: 0;
  }
  #color_variation .swiper-slide figure {
    margin: 0 auto;
  }
  #color_variation .swiper-button-prev,
  #color_variation .swiper-button-next,
  #color_variation .swiper-pagination {
    display: none;
  }
}
#color_variation .swiper-container .swiper-slide img {
  max-width: 100%;
  height: auto;
}
#color_variation .prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}

/*=============================
swiper_brands
=============================*/
#swiper_brands {
  width: 100%;
}
#swiper_brands .swiper-container {
  width: 100%;
  height: 100%;
}
#swiper_brands .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #222;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#swiper_brands .swiper-slide figure {
  margin: 0 auto;
  width: 100%;
  position: relative;
  text-align: center;
  height: 100%;
}
#swiper_brands .swiper-slide figure div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*=============================
swiper_products
=============================*/
#swiper_products {
  width: 100%;
}
#swiper_products .swiper-container {
  width: 100%;
  height: 100%;
}
#swiper_products .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#swiper_products .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_products .swiper-pagination span {
  margin: 0 5px;
}
#swiper_products .swiper-button-next,
#swiper_products .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  /*  margin-top: -22px; */
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_products .swiper-button-next,
  #swiper_products .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

/*=============================
swiper_blog
=============================*/
#swiper_blog {
  width: 100%;
}
#swiper_blog .swiper-container {
  width: 100%;
  height: 100%;
}
#swiper_blog .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#swiper_blog .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_blog .swiper-pagination span {
  margin: 0 5px;
}
#swiper_blog .swiper-button-next,
#swiper_blog .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  /*  margin-top: -22px; */
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_blog .swiper-button-next,
  #swiper_blog .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

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

=============================*/
#swiper_new-products {
  width: 100%;
}
#swiper_new-products .swiper-container {
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
}
#swiper_new-products .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#swiper_new-products .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_new-products .swiper-pagination span {
  margin: 0 5px;
}
#swiper_new-products .swiper-button-next,
#swiper_new-products .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  /*  margin-top: -22px; */
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_new-products .swiper-button-next,
  #swiper_new-products .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

/*=============================
swiper_shops
=============================*/
#swiper_shops {
  width: 100%;
}
#swiper_shops .swiper-container {
  width: 100%;
  height: 100%;
}
#swiper_shops .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#swiper_shops .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_shops .swiper-pagination span {
  margin: 0 5px;
}
#swiper_shops .swiper-button-next,
#swiper_shops .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_shops .swiper-button-next,
  #swiper_shops .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

/*=============================
swiper_video
=============================*/
#swiper_video {
  width: 100%;
}
#swiper_video .swiper-container {
  width: 100%;
  height: 100%;
}
#swiper_video .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#swiper_video .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_video .swiper-pagination span {
  margin: 0 5px;
}
#swiper_video .swiper-button-next,
#swiper_video .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_video .swiper-button-next,
  #swiper_video .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

/*=============================
swiper_new_products
=============================*/
.swiper_new_products {
  width: 100%;
}
.swiper_new_products .swiper-container {
  width: 100%;
  height: 100%;
}
.swiper_new_products .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.swiper_new_products .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper_new_products .swiper-pagination span {
  margin: 0 5px;
}
.swiper_new_products .swiper-button-next,
.swiper_new_products .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .swiper_new_products .swiper-button-next,
  .swiper_new_products .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

/*=============================
swiper_pickup
=============================*/
#swiper_pickup .swiper-wrapper {
  background: rgba(0, 0, 0, 0.6);
  padding: 0;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #swiper_pickup .swiper-wrapper {
    flex-wrap: wrap;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px;
  }
  #swiper_pickup .swiper-slide {
    width: 20%;
    padding: 0;
    box-sizing: border-box;
  }
  #swiper_pickup .swiper-button-prev,
  #swiper_pickup .swiper-button-next,
  #swiper_pickup .swiper-pagination {
    display: none;
  }
}
#swiper_pickup .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_pickup .swiper-pagination span {
  margin: 0 5px;
}
#swiper_pickup .swiper-slide {
  background: #000;
  padding: 5px;
  box-sizing: border-box;
}
#swiper_pickup .swiper-slide img {
  max-width: 100%;
  height: auto;
}
#swiper_pickup .prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}
#swiper_pickup figcaption .items_title {
  font-size: 1.3rem;
}
#swiper_pickup .swiper-button-next,
#swiper_pickup .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_pickup .swiper-button-next,
  #swiper_pickup .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
#swiper_pickup .swiper-container .swiper-slide img {
  max-width: 100%;
  height: auto;
}
#swiper_pickup .prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}

/*=============================
swiper_exhibitionlimited_archive
=============================*/
#swiper_exhibitionlimited_archive {
  background: black;
  margin: 0 auto;
}
#swiper_exhibitionlimited_archive .swiper-wrapper {
  margin: auto;
  max-width: 1500px;
  width: 100%;
  background: black;
  /*   padding: 15px; */
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #swiper_exhibitionlimited_archive .swiper-wrapper {
    flex-wrap: wrap;
    padding: 15px;
  }
  #swiper_exhibitionlimited_archive .swiper-slide {
    width: 20%;
    padding: 0;
    box-sizing: border-box;
  }
  #swiper_exhibitionlimited_archive .swiper-button-prev,
  #swiper_exhibitionlimited_archive .swiper-button-next,
  #swiper_exhibitionlimited_archive .swiper-pagination {
    display: none;
  }
}
#swiper_exhibitionlimited_archive .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_exhibitionlimited_archive .swiper-pagination span {
  margin: 0 5px;
}
#swiper_exhibitionlimited_archive .swiper-slide {
  background: #000;
  padding: 15px;
  box-sizing: border-box;
}
#swiper_exhibitionlimited_archive .swiper-slide img {
  max-width: 100%;
  height: auto;
}
#swiper_exhibitionlimited_archive .prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}
#swiper_exhibitionlimited_archive figcaption .items_title {
  font-size: 1.3rem;
}
#swiper_exhibitionlimited_archive .swiper-button-next,
#swiper_exhibitionlimited_archive .swiper-button-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_exhibitionlimited_archive .swiper-button-next,
  #swiper_exhibitionlimited_archive .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
#swiper_exhibitionlimited_archive .swiper-container .swiper-slide img {
  max-width: 100%;
  height: auto;
}
#swiper_exhibitionlimited_archive .prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}

/*=============================
swiper_parts
=============================*/
#swiper_parts {
  width: 100%;
}
#swiper_parts .swiper-container {
  width: 100%;
  height: 100%;
}
#swiper_parts .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
}
#swiper_parts .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_parts .swiper-pagination span {
  margin: 0 5px;
}
#swiper_parts .swiper-button-next,
#swiper_parts .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  /*  margin-top: -22px; */
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_parts .swiper-button-next,
  #swiper_parts .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

/*=============================
swiper_brand_artist
=============================*/
#swiper_brand_artist {
  width: 100%;
}
#swiper_brand_artist .swiper-container {
  width: 100%;
  height: 100%;
}
#swiper_brand_artist .swiper-slide {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#swiper_brand_artist .swiper-pagination {
  position: static;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
#swiper_brand_artist .swiper-pagination span {
  margin: 0 5px;
}
#swiper_brand_artist .swiper-button-next,
#swiper_brand_artist .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  /*  margin-top: -22px; */
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #swiper_brand_artist .swiper-button-next,
  #swiper_brand_artist .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}

#swiper-wrapper,
.swiper-wrapper,
.swiper-slide {
  height: auto !important;
}

/*=============================
grid_box
=============================*/
.grid_box .content {
  background: rgba(0, 0, 0, 0.9);
}
.grid_box .content img:hover {
  opacity: 0.8 !important;
}
.grid_box .cate_sub {
  background: rgba(0, 0, 0, 0.9);
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  color: white;
  font-weight: 200;
  font-size: 1.2rem;
  right: 0;
  text-transform: uppercase;
}
.grid_box .cate_sub span {
  line-height: 1;
  display: inline-block;
  font-size: 12px;
  letter-spacing: -1px;
}
.grid_box .cate_sub span:not(:first-child) {
  padding: 0 3px 0 3px;
  border-left: 1px solid #666;
  margin-left: 3px;
}
.grid_box .cate {
  background: rgba(0, 0, 0, 0.8);
  padding: 5px 7.5px;
  position: absolute;
  top: 5px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 200;
  font-size: 1.1rem;
  left: 5px;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .card-columns {
    column-count: 2;
  }
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
  }
}
@media (min-width: 768px) {
  .card-columns {
    column-count: 4;
  }
}
@media (min-width: 992px) {
  .card-columns {
    column-count: 5;
  }
}
@media (min-width: 1200px) {
  .card-columns {
    column-count: 6;
  }
}
.grid_box260 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  row-gap: 10px;
  column-gap: 10px;
}
.grid_box260.rg0 {
  row-gap: 0;
}
.grid_box260.cg0 {
  column-gap: 0;
}

/*=============================
grid_box
=============================*/
.grid_column300 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  row-gap: 10px;
  column-gap: 10px;
}
.grid_column300.rg0 {
  row-gap: 0;
}
.grid_column300.cg0 {
  column-gap: 0;
}

.grid_column300fit {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  row-gap: 10px;
  column-gap: 10px;
}
.grid_column300fit.rg0 {
  row-gap: 0;
}
.grid_column300fit.cg0 {
  column-gap: 0;
}

.grid_column150 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  row-gap: 10px;
  column-gap: 10px;
}
.grid_column150 > div {
  background: #202020;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid_column150 > div a {
  text-align: center;
}
.grid_column150 > div a span {
  display: block;
  font-size: 12px;
}

/*=============================
flex_box
=============================*/
.flex_box {
  -js-display: flex;
  display: flex; /* 子要素をflexboxで揃える */
}
.flex_box.flex_wrap_wrap {
  flex-wrap: wrap;
}
.flex_box.flex_jc_center {
  justify-content: center;
}
.flex_box.flex_jc_space-around {
  justify-content: space-around;
}
.flex_box.flex_ai_center {
  align-items: center;
}
.flex_box.flex_ac_center {
  align-content: center;
}
@media screen and (max-width: 1200px) {
  .flex_box div {
    width: 100%;
  }
}
.flex_box.flex_center_center {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.flexBox {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flexBox > div {
  width: 25%;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
  .flexBox > div {
    width: 33.3333%;
  }
}
@media screen and (max-width: 960px) {
  .flexBox > div {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .flexBox > div {
    width: 100%;
  }
}
.flex_column {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*drawr*/
.drawr_btn {
  display: block;
  position: fixed;
  top: 50%;
  right: -1px;
  cursor: pointer;
  z-index: 999;
  color: #fff;
  font-size: 14px;
  background-color: #000;
  padding: 12px 20px 8px;
  border: 1px solid #333;
  border-radius: 3px;
}
.drawr_btn .btn_icon {
  height: 24px;
  margin-bottom: 5px;
}
.drawr_btn span {
  font-size: 10px;
  display: block;
  padding: 0;
  line-height: 1;
  letter-spacing: -1px;
}

.drawr_btn {
  display: block;
  position: fixed;
  top: 50%;
  right: -1px;
  cursor: pointer;
  z-index: 999;
  color: #fff;
  font-size: 14px;
  background-color: #000;
  padding: 12px 20px 8px;
  border: 1px solid #333;
  border-radius: 3px;
}
.drawr_btn span {
  font-size: 10px;
  display: block;
  padding: 0;
  line-height: 1;
  letter-spacing: -1px;
}

.drawr_check {
  background-position: -35px 0;
}

.drawr.drawr_close {
  display: none;
  transition: 0.1s;
}

.drawr {
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  padding: 30px 15px;
  box-sizing: border-box;
  z-index: 100;
  overflow-y: auto;
  margin: 0;
  height: 100vh !important;
  overflow-x: hidden;
}
.drawr.w_full {
  width: 100%;
}
.drawr.open {
  display: block;
}

.drawr.w_full li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100% !important;
  text-align: left;
}

#drawr_menu,
#drawr_menu > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 240px;
  text-align: left;
}

#drawr_menu.w_full,
#drawr_menu.w_full > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  text-align: left;
}

.drawr.w_full {
  width: 100% !important;
}

#drawr_menu > li a {
  color: #fff;
  display: block;
  padding: 0.75rem;
  font-size: 14px;
}

.drawr_box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.drawr_box figure {
  margin: 0;
}
.drawr_box.jc_flex_start {
  justify-content: flex-start;
}
.drawr_box > .wrap {
  display: block;
}
.drawr_box ul {
  list-style: none;
  margin: 0 !important;
}
.drawr_box ul li {
  padding: 10px 15px;
  line-height: 1.25;
}

.drawr_box_items {
  margin: 30px !important;
}
.drawr_box_items > li {
  padding: 0.3rem;
  border-bottom: 1px solid #666;
}
.drawr_box_items > li.icon_up_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
  margin-right: 5px;
  margin-left: -1em;
}
.drawr_box_items > li.icon_left_before::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f053";
  margin-right: 5px;
  margin-left: -1em;
}
.drawr_box_items .local_artists_items {
  width: 100%;
}

.drawr_box_items > li.disc.download {
  display: none;
}

.drawr_box div.drawr_box_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 960px) {
  .drawr_box div.drawr_box_row {
    flex-direction: column;
  }
}
.drawr_box div.drawr_box_row > dl {
  padding: 30px 0 0;
  width: 31.333%;
  background: #111;
  margin: 0 1% 30px;
  border-radius: 10px;
}
@media screen and (max-width: 960px) {
  .drawr_box div.drawr_box_row > dl {
    width: 100%;
  }
}
.drawr_box div.drawr_box_row > dl > dt {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0 15px 15px 15px;
  text-align: center;
}
.drawr_box div.drawr_box_row > dl > dd {
  margin: 0;
  padding: 0;
}
.drawr_box div.drawr_box_row > dl > dd > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.drawr_box div.drawr_box_row > dl > dd > ul > li {
  padding: 5px 0;
  margin-bottom: 1px;
}
.drawr_box div.drawr_box_row > dl > dd > ul > li:hover {
  background: #000;
}
.drawr_box div.drawr_box_row > dl > dd > ul > li a div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.drawr_box div.drawr_box_row > dl > dd > ul > li a div > .thumb_image {
  margin: 0 0 5px 0;
  padding: 0;
  width: 35%;
}
.drawr_box div.drawr_box_row > dl > dd > ul > li a div > .thumb_image img {
  width: 100%;
}
.drawr_box div.drawr_box_row > dl > dd > ul > li a div > .text {
  width: 61%;
  font-size: 14px;
  line-height: 1.25;
  padding: 2%;
}
.drawr_box div.drawr_box_row > dl > dd > ul > li a div > .text .icn_new {
  position: absolute;
  max-width: 100%;
  height: auto;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  right: 1em;
  top: -1rem;
  background: rgba(255, 0, 0, 0.9);
  padding: 0 0.3em;
  display: inline-block;
}
.drawr_box .title_icon {
  margin: 0 auto;
}
.drawr_box .title_icon > img {
  display: block;
  object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .drawr_box .title_icon > img {
    width: 120px;
    height: 120px;
  }
}
.drawr_box .title_icon > span {
  margin: 10px auto;
  display: block;
  font-size: 13px;
  text-align: center;
}

.gallery {
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.gallery li {
  margin: 0;
  padding: 0;
}
.gallery div {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery img {
  border: none !important;
}

#gallery-2 .gallery-item {
  float: none;
  margin-top: 10px;
  text-align: center;
  width: auto;
}

.gallery .gallery-caption {
  font-size: 13px;
  padding: 5px 0;
  text-align: left;
  word-break: auto-phrase;
}

.gallery .gallery-item div {
  align-self: center;
}

.gallery .gallery-item {
  float: none;
  margin-top: 10px;
  text-align: center;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}

.gallery .gallery-item {
  padding: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto !important;
}

.gallery-icon a {
  position: relative;
  display: block;
  opacity: 1;
  transition: 0.3s;
}
.gallery-icon a .icn_btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gallery-icon a .icn_btn2 {
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gallery-icon a:hover {
  opacity: 0.8;
}

/*=============================
mailmagazine
=============================*/
#mmr {
  overflow: hidden;
  position: fixed;
  width: 100%;
  background-color: rgba(12, 12, 12, 0.9);
  left: 0;
  bottom: 0;
  z-index: 9999;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  display: inline-block;
}

#mmr #mmr_close {
  position: absolute;
  top: 15px;
  right: 15px;
}

#mmr a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

#mmr h3 {
  font-weight: 700;
  font-size: 14px;
}

#mmr h3 span {
  font-weight: 400;
  font-size: 13px;
  margin: 0 5px;
}

form[name=s2form] p {
  font-weight: 400;
  font-size: 14px;
  display: inline;
  padding: 0;
}

form[name=s2form] p br,
label[for=s2email] {
  display: none;
}

form[name=s2form] input {
  border-radius: 5px;
  border: none;
  margin-bottom: 10px;
}

form[name=s2form] input[type=email] {
  font-weight: 400;
  font-size: 13px;
  border: 0;
  padding: 5px;
  width: 280px;
  margin-right: 10px;
}

form[name=s2form] input[type=submit] {
  font-weight: 400;
  font-size: 13px;
  padding: 5px 15px;
  margin-right: 5px;
  background-color: #f7f7f7;
  color: #121212;
}

.mmr_inner {
  padding: 15px 0;
  text-align: center;
}
/*YouTubeレスポンシブサイズ*/
.youtube {
  position: relative;
  max-width: 100%;
  margin-bottom: 15px;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*=============================
Search
=============================*/
.content_search {
  background: #333;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 0 1em 0;
}

.content_search_title {
  padding: 10px;
}

.content_search input {
  margin: 0.5em 0;
}

.content_search #submit {
  padding: 2px 10px 2px 10px;
}

::-webkit-input-placeholder {
  font-size: 13px;
  line-height: 1;
}

#submit {
  outline: none;
  border: 0;
}

#submit:hover {
  opacity: 0.8;
  cursor: pointer;
}

.findProducs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
}

/*=============================
 sticky
 =============================*/
#sticky_window {
  position: fixed; /*
position: -webkit-sticky; */
  bottom: 25%;
  right: 15px;
  height: auto;
  width: 120px;
  z-index: 9998;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  background: url(https://company-hoshinogakki.life/wp-content/uploads/2018/02/bgr_img08-1.jpg);
  background-position: left bottom #111;
  background-size: cover;
}

#sticky_window .overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 2px 2px #eeeeee;
}

.sticky_vissible {
  display: block;
}

.sticky_hidden {
  display: none;
}

#sticky_close {
  outline: none;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 9999;
}

.magnify {
  position: relative;
  cursor: none;
}

.magnify-large {
  position: absolute;
  display: none;
  width: 175px;
  height: 175px;
  -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#comments ul.commets-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
#comments ul.commets-list li.comment {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  border-bottom: 1px solid #444;
  margin-top: 15px;
}
#comments ul.commets-list li.comment ul.children {
  padding: 0;
  margin: 0;
  list-style: none;
}
#comments ul.commets-list li.comment ul.children li {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 5px;
}
#comments .comment-meta {
  font-size: 14px;
}
#comments .reply {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#comments .reply a {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 6px 18px;
  font-size: 14px;
  transition: all 0.3s;
}
#comments .reply a:hover {
  background-color: #000;
}

#respond {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  border-bottom: 1px solid #444;
  margin-top: 15px;
}
#respond #reply-title {
  border-bottom: 1px solid #444;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  padding: 5px 0;
}
#respond #reply-title:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  border-bottom: 1px solid #000;
  width: 160px;
  content: "";
  display: block;
}
#respond .comment-form {
  font-size: 14px;
  text-align: left;
}
#respond .comment-form a {
  text-decoration: underline;
}
#respond .comment-form .required {
  color: red;
}
#respond .comment-form .logged-in-as {
  text-align: left;
}
#respond .comment-form .logged-in-as span {
  margin-left: 1rem;
}
#respond .comment-form .comment-form-comment label {
  display: block;
  text-align: left;
}
#respond .comment-form .comment-form-comment textarea#comment {
  padding: 15px;
  border-radius: 5px;
  width: 100%;
  height: 120px;
}
#respond .comment-form .form-submit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#respond .comment-form .form-submit .submit {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 6px 18px;
  font-size: 14px;
  font-weight: 500;
  color: #efefef;
  transition: all 0.3s;
}
#respond .comment-form .form-submit .submit:hover {
  background-color: #000;
}

#add_comment_rating_wrap {
  width: 100% !important;
  text-align: left;
}
#add_comment_rating_wrap label {
  display: block;
  font-size: 14px !important;
}

.review-title-form {
  text-align: left;
}

#pixrating_title {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: none;
}

.star-on-png {
  color: #F7B710;
}

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
  font-size: 16px !important;
}

.logged-in-as .required-field-message {
  display: none;
}

#wpdcom .by-wpdiscuz {
  text-align: right;
  border-top: #333 solid 1px;
  padding: 1px 1px 1px 1px;
}

#wpdcom .by-wpdiscuz span {
  display: none !important;
}

#wpd-post-rating {
  margin-top: 40px !important;
  margin-bottom: 0 !important;
}

#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button {
  border: 1px solid #333 !important;
  cursor: pointer;
  font-size: 14px;
  line-height: 1 !important;
  padding: 1rem 2rem !important;
  letter-spacing: 1px;
  box-shadow: none !important;
  border-radius: 3px;
  max-width: none;
  max-width: none;
}

#wpdcom .wpd-form-head {
  border-bottom: 1px solid #333 !important;
}

.wc_email-wrapper {
  display: none !important;
}

#comments, #respond, .comments-area, #wpdcom.wpd-dark {
  padding: 0 15px !important;
}

.wpd-comment-footer .wpd-tools {
  display: none !important;
}

#wpdcom .wpd-thread-head {
  width: 100%;
  border-bottom: 2px solid #333 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

/*=============================
infinite_scrolling_background.scss
=============================*/
/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
/*
左から右へ
----------------------------*/
@keyframes infinity-scroll-right {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.infinity_scroll {
  display: -ms-grid;
  overflow: hidden;
}

/*----------------------------*/
.infinity_scroll__wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  height: 100vh;
  width: 100%;
  transform: rotate(-5deg);
}
@media screen and (min-width: 768px) {
  .infinity_scroll__wrap {
    display: flex;
    flex-direction: row;
  }
}

.infinity_scroll__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.infinity_scroll__list.column_reverce {
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .infinity_scroll__list {
    flex-direction: row;
  }
}

.infinity_scroll__list--left {
  animation: infinity-scroll-left 60s -60s infinite linear;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.infinity_scroll__list--right {
  animation: infinity-scroll-right 60s infinite reverse linear;
}

.infinity_scroll__item {
  width: 100%;
  padding: 7.5px;
}
@media screen and (min-width: 768px) {
  .infinity_scroll__item {
    width: 50vw;
    padding: 15px;
  }
}

.infinity_scroll__item {
  background-color: #121212;
}
.infinity_scroll__item > img {
  width: 100%;
  opacity: 0.15;
}

footer.footer_bottom_fix {
  position: fixed;
  width: 100%;
  bottom: 0;
}

.icons {
  display: flex;
  align-items: center;
  float: none;
  line-height: 1;
}

.icn_favorite {
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  place-content: center;
  font-weight: 500;
  font-size: 12px;
}

.heading ul.icons li a.icn_favorite:hover {
  color: #f9d30e;
}

/* .icn_favorite:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/common/images/icon/icn_g_head-w.svg);
    background-size: contain;
    vertical-align: middle;

    background-repeat: no-repeat;

    // transform: rotate(-45deg);
} */
.icn_g_head {
  width: 20px;
}

.favorite_button {
  display: grid;
  place-items: center;
  text-align: center;
  position: relative;
}

button.favorite_button_in {
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 14px;
  transition: 0.2s ease-in-out;
  background: none;
  font-weight: 500;
  color: #efefef;
  padding: 10px;
  border: 1px solid #fefefe;
}

button.favorite_button_in p {
  display: inline-block;
  margin: 0;
}

/* button.favorite_button_in:hover {
    background: #f9d30e;
} */
.is-choosen .favorite_button_in {
  color: #efefef;
}

.is-choosen .favorite_button_in span {
  position: relative;
}

.is-choosen .favorite_button_in span:after {
  font-size: 12px;
  content: "お気に入り登録済";
  color: #efefef;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  top: -30px;
  font-weight: normal;
}

.favorite_button_in span {
  display: flex;
  align-items: center;
}

.favorite_button_in span img {
  height: 14px;
}

/* .favorite_button_in span:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(/common/images/icon/icn_g_head.svg);
    background-size: contain;
    background-repeat: no-repeat;
} */
.favorite_btn_in span img {
  height: 14px;
}

.icn_yellow {
  color: #e0bd0d;
}

ul.favorite_list {
  border: none;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem 2rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  ul.favorite_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

ul.favorite_list li {
  padding: 1rem;
  background-color: #323232;
  border-radius: 5px;
}

time.favItemList.dfont:before {
  content: "\f017";
  padding-right: 5px;
  font-family: "Font Awesome 6 Free";
  opacity: 0.6;
  font-weight: 900;
}

.favItemList_title {
  font-weight: 500;
  font-size: 20px;
}

/* ボタン */
.favItemListRightBottom .favoriteList_button {
  display: inline-block;
}

a.favItemLink {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  box-shadow: 0 2px 4px -2px rgba(33, 37, 56, 0.25);
  cursor: pointer;
  border-radius: 5px;
  border-color: rgba(80, 80, 80, 0.1);
  font-size: 14px;
  transition: 0.2s ease-in-out;
  font-weight: normal;
  background: #121212;
  color: #efefef;
  margin-bottom: 5px;
}

button.favItemBtn {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  box-shadow: 0 2px 4px -2px rgba(33, 37, 56, 0.25);
  cursor: pointer;
  border-radius: 5px;
  border-color: rgba(80, 80, 80, 0.1);
  font-size: 14px;
  transition: 0.2s ease-in-out;
  font-weight: normal;
  background: #121212;
  color: #efefef;
  margin-bottom: 5px;
}

button.favItemBtn + small {
  display: inline-block;
}

a.favItemLink {
  text-decoration: none;
}

button.favItemBtn p {
  display: inline-block;
  margin: 0;
}

button.favItemBtn:hover {
  opacity: 0.8;
}

button.favItemBtn i {
  font-size: 1.2rem;
  vertical-align: -1px;
  margin-right: 5px;
}

button.favItemBtn.favItemDelete {
  pointer-events: none;
  background: #fcfcfc;
  color: #313131;
  font-weight: 300;
}

button.favItemBtn.favItemDelete p {
  font-size: 0;
}

button.favItemBtn.favItemDelete i {
  opacity: 0.3;
  color: #6bb6ff;
}

button.favItemBtn.favItemDelete p:after {
  content: "登録を解除しました";
  font-size: 14px;
}

.favorite_title {
  text-align: center;
  padding: 0 0 1em;
}

/* home
=============================*/
.swiper-slide > h1 {
  margin: 0;
  padding: 0;
}

dl.update_list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.5em 0;
  border-bottom: 1px solid #666;
  margin: 0;
}

dl.update_list:hover {
  background: #333;
}
dl.update_list:hover a {
  text-decoration: underline;
  opacity: 0.8;
}

dl.update_list dt {
  font-size: 13px;
  font-weight: 400;
  padding: 0.3em 0;
  margin: 0;
  white-space: nowrap;
}

dl.update_list dt span {
  font-size: 12px;
  font-weight: 400;
  padding: 0.3em 0;
  margin: 0 1em;
}

dl.update_list dt .update {
  font-size: 12px;
  font-weight: 400;
  padding: 0.3em 1em;
  margin: 0 0;
}

dl.update_list dt > .brand {
  font-size: 12px;
  font-weight: 400;
  padding: 0.3em 1em;
  background: #444;
  margin: 0 0;
}

dl.update_list dt > .post_category {
  float: right;
  font-size: 12px;
  letter-spacing: -0.5px;
  padding: 0.1em 0.5em;
  background-color: #efefef;
  color: #333;
}

dl.update_list dd {
  padding: 0.3em 10px;
  margin: 0;
  line-height: 1.2;
  text-align: left;
}

@media screen and (max-width: 1200px) {
  dl.update_list {
    display: block;
  }
  dl.update_list dt span {
    margin: 0;
  }
  dl.update_list dt span.update {
    float: none;
    margin: 0;
  }
  dl.update_list dd {
    margin-top: 0.5em;
  }
}
.new-products {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1500px) {
  .new-products {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .new-products {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.bnr img {
  width: 100%;
}

.top_sns_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.top_sns_list div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .top_sns_list div {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .top_sns_list div {
    width: 25%;
  }
}
@media screen and (max-width: 640px) {
  .top_sns_list div {
    width: 50%;
  }
}
.top_sns_list div img {
  width: 120px;
}
.top_sns_list div.bgr_tw {
  background: #3ec6ff;
  padding: 15px 15px;
}
.top_sns_list div.bgr_fb {
  background: #3b5998;
  padding: 15px 15px;
}
.top_sns_list div.bgr_insta {
  background: #eeeeee;
  padding: 15px 15px;
}
.top_sns_list div.bgr_youtube {
  background: #000;
  padding: 15px 15px;
}

#brands_menu .brands_menu_content {
  background: rgba(0, 0, 0, 0.4);
}

.brands_menu_content {
  display: flex;
  padding: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.brands_menu_content .items_text_small {
  max-width: 187.5px;
  width: 100%;
  font-size: 12px;
  text-align: center;
}

.brands_menu_content .items_text_small span {
  display: block;
}

.gca_bnr {
  max-width: 1920px;
  width: 100%;
  margin: 30px auto;
  background-image: url("/common/images/home/gca_bnr_img.jpg");
  background-position: center 70%;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
}
.gca_bnr::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(13, 38, 62, 0.75);
}
.gca_bnr .container {
  padding: 15px 0 0 0;
  position: relative;
  max-width: 1500px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition: 0.5s;
}
@media screen and (min-width: 1024px) {
  .gca_bnr .container {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
  }
}
.gca_bnr .container .gca_logo {
  padding: 15px;
  width: 160px;
}
@media screen and (min-width: 1024px) {
  .gca_bnr .container .gca_logo {
    width: 15%;
  }
}
@media screen and (min-width: 1220px) {
  .gca_bnr .container .gca_logo {
    width: 180px;
  }
}
@media screen and (min-width: 1380px) {
  .gca_bnr .container .gca_logo {
    width: 200px;
  }
}
.gca_bnr .container .gca_logo a {
  opacity: 1;
  transition: 0.2s;
}
.gca_bnr .container .gca_logo a:hover {
  opacity: 0.8;
}
.gca_bnr .container .gca_txt {
  width: 100%;
  padding: 15px 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .gca_bnr .container .gca_txt {
    width: auto;
    text-align: left;
  }
}
.gca_bnr .container .gca_txt .gca_bnr-sp_only {
  display: block;
}
@media screen and (min-width: 480px) {
  .gca_bnr .container .gca_txt .gca_bnr-sp_only {
    display: none;
  }
}
.gca_bnr .container .gca_txt > h2 {
  font-size: 20px;
  font-weight: 500;
  color: #efefef;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .gca_bnr .container .gca_txt > h2 {
    text-indent: 1em;
  }
}
@media screen and (min-width: 1220px) {
  .gca_bnr .container .gca_txt > h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1380px) {
  .gca_bnr .container .gca_txt > h2 {
    font-size: 26px;
    letter-spacing: 0.06em;
  }
}
.gca_bnr .container .gca_txt > h1 {
  font-size: 30px;
  font-weight: 900;
  color: #efefef;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  letter-spacing: -2px;
}
@media screen and (min-width: 480px) {
  .gca_bnr .container .gca_txt > h1 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1220px) {
  .gca_bnr .container .gca_txt > h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1380px) {
  .gca_bnr .container .gca_txt > h1 {
    font-size: 48px;
  }
}
.gca_bnr .container .gca_btns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 15px auto -15px;
  width: 100%;
  padding: 0 15px;
}
@media screen and (min-width: 1024px) {
  .gca_bnr .container .gca_btns {
    width: 40%;
    margin: -15px auto -15px;
  }
}
.gca_bnr .container .gca_btns .gca_btn {
  background-color: rgb(13, 38, 62);
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  width: 90%;
  height: 100%;
}
.gca_bnr .container .gca_btns .gca_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 30px 30px;
  color: #efefef;
  font-size: 24px;
  font-weight: 900;
}
@media screen and (min-width: 1024px) {
  .gca_bnr .container .gca_btns .gca_btn a {
    padding: 60px 30px;
  }
}
@media screen and (min-width: 1380px) {
  .gca_bnr .container .gca_btns .gca_btn a {
    font-size: 28px;
  }
}
.gca_bnr .container .gca_btns .gca_btn a small {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  display: block;
  letter-spacing: -1px;
  line-height: 1.25;
}
@media screen and (min-width: 1220px) {
  .gca_bnr .container .gca_btns .gca_btn a small {
    font-size: 14px;
  }
}
.gca_bnr .hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.gca_bnr .hvr-sweep-to-right:hover:before,
.gca_bnr .hvr-sweep-to-right:focus:before,
.gca_bnr .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.gca_bnr .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper_academy {
  height: 100%;
  width: 100%;
}
.swiper_academy .slider-espacjp {
  background-color: #fff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: grid;
  place-content: center;
}
.swiper_academy .slider-espacjp img {
  width: 80%;
  margin: 0 auto;
}
.swiper_academy .slider-espacjp > figcaption a {
  color: #121212;
}
.swiper_academy .slider-espgca {
  background-color: #0d263e;
  width: 100%;
  height: 100%;
  margin: 0 atuo;
  display: grid;
  place-content: center;
}
.swiper_academy .slider-espgca img {
  width: 80%;
  margin: 0 auto;
}
.swiper_academy .slider-espgca > figcaption a {
  color: #efefef;
}

#list .btns_glt {
  margin: 0 1rem;
}
#list .btns_glt a {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #000;
  margin: 0;
  padding: 0;
  filter: brightness(1);
  transition: 0.6s ease;
}
@media screen and (min-width: 768px) {
  #list .btns_glt a {
    justify-content: space-between;
  }
}
#list .btns_glt a figure {
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  flex-basis: 33%;
}
#list .btns_glt a figure:nth-of-type(1) img {
  transform: rotate(-3deg);
}
#list .btns_glt a figure:nth-of-type(2) img {
  padding: 0;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  #list .btns_glt a figure:nth-of-type(2) img {
    padding: 2rem;
  }
}
#list .btns_glt a figure:nth-of-type(3) {
  font-size: 1rem;
  flex-basis: 100%;
}
@media screen and (min-width: 768px) {
  #list .btns_glt a figure:nth-of-type(3) {
    flex-basis: 34%;
  }
}
#list .btns_glt a figure:nth-of-type(3) figcaption {
  padding: 1rem;
  margin: 0;
}
#list .btns_glt a figure:nth-of-type(3) figcaption h3 {
  font-size: 16px;
  font-weight: 700;
}
#list .btns_glt a figure:nth-of-type(3) figcaption p {
  font-size: 12px;
  line-height: 1.5;
}
#list .btns_glt a figure:nth-of-type(3) figcaption p > strong {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
#list .btns_glt a:hover {
  filter: grayscale(0);
  opacity: 1;
  animation: bright-flash 0.2s linear forwards;
}
@keyframes bright-flash {
  0% {
    /* いきなり明るい状態から始めることでユーザー操作の反応の良さを示す */
    filter: brightness(2.5);
  }
  100% {
    filter: brightness(1.25);
  }
}
#list .btns_glt a:hover figure:nth-of-type(1) img {
  transform: rotate(0);
}
#list .btns_glt a:hover figure:nth-of-type(3) figcaption {
  /* transform: rotate( 0 ); */
}

/* inner
=============================*/
.inner {
  padding-top: 85px;
}
.inner .header {
  width: 100%;
  overflow: hidden;
  position: relative;
  color: white;
  display: grid;
  place-items: center;
  line-height: 1.5;
}
.inner .header .height400 {
  min-height: 400px;
}
.inner .header .height320 {
  min-height: 320px;
}
.inner .header.heigh_full {
  height: 100vh;
}
.inner .header_height45vh {
  height: 45vh;
}
.inner .header_height80vh {
  height: 80vh;
}
.inner .header_title {
  color: white;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}
.inner .header_title img {
  max-width: 200px;
}
.inner .header_title img.logo_image {
  max-width: 300px;
  width: 100%;
}
.inner .header_title img.logo_45 {
  width: 160px;
  margin: 30px auto 10px;
  display: block;
}
.inner .header_title_woodstics {
  position: absolute;
  top: 25%;
  left: 15%;
}
@media screen and (max-width: 767px) {
  .inner .header_title_woodstics {
    top: 15%;
    left: 15px;
  }
}
.inner .header_title_woodstics img {
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  .inner .header_title_woodstics img {
    max-width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .inner .header_title {
    font-size: 2.4rem;
  }
}
.inner .header_title_logo {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .inner .header_title_logo {
    margin-top: 0;
  }
}
.inner .header_title_img {
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .inner .header_title_img {
    padding-top: 20px;
  }
}
.inner .header_title span {
  display: block;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.5;
  padding: 15px 0;
}
.inner .header_title .clr_series {
  display: block;
  font-size: 2rem;
}
.inner .header_title .clr_name {
  display: block;
  font-size: 2rem;
  font-weight: 500;
}
.inner .header .header_title_tag::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f02b";
  margin-right: 10px;
}
.inner .header_menu_btn {
  position: absolute;
  top: 100px;
  right: 20px;
}
.inner .header_content {
  height: 100%;
}
.inner .header_content_title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.5;
  padding: 50px 0;
  color: white;
}
.inner .header_content_title span {
  display: block;
  font-size: 1.4rem;
}
.inner .header_content_img {
  position: absolute;
  bottom: 100%;
  right: -40%;
  width: 100%;
  height: 100%;
}
.inner .header_content_img img {
  width: 800px;
}
@media screen and (max-width: 767px) {
  .inner .header_content_img {
    bottom: 60%;
  }
}
@media screen and (max-width: 640px) {
  .inner .header_content_img {
    bottom: 40%;
  }
}
@media screen and (max-width: 560px) {
  .inner .header_content_img {
    bottom: 30%;
  }
}
@media screen and (max-width: 480px) {
  .inner .header_content_img {
    bottom: 20%;
  }
}
@media screen and (max-width: 420px) {
  .inner .header_content_img {
    bottom: 10%;
    right: -30%;
  }
}
@media screen and (max-width: 380px) {
  .inner .header_content_img {
    bottom: 0;
  }
}
.inner .header_content_img_static {
  position: absolute;
  bottom: 100%;
  right: -40%;
  width: 100%;
  height: 100%;
}
.inner .header_content_img_static img {
  width: 800px;
}
@media screen and (max-width: 767px) {
  .inner .header_content_img_static {
    bottom: 60%;
  }
}
@media screen and (max-width: 640px) {
  .inner .header_content_img_static {
    bottom: 40%;
  }
}
@media screen and (max-width: 560px) {
  .inner .header_content_img_static {
    bottom: 30%;
  }
}
@media screen and (max-width: 480px) {
  .inner .header_content_img_static {
    bottom: 20%;
  }
}
@media screen and (max-width: 420px) {
  .inner .header_content_img_static {
    bottom: 10%;
    right: -30%;
  }
}
@media screen and (max-width: 380px) {
  .inner .header_content_img_static {
    bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .inner .header_content .bgr_clr {
    background: rgba(0, 0, 0, 0.3);
    padding: 15px;
  }
}
.inner .header .images {
  margin: 1rem auto;
  padding: 0;
}
.inner .header_img_case {
  width: 300px;
}
.inner_content {
  margin-bottom: 60px;
}
.inner_content_title {
  color: white;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 1.5;
  padding: 30px 0 30px;
}
.inner_content_title span {
  display: block;
  font-size: 1.4rem;
}
.inner_content_title .title_lg {
  font-weight: 700;
  font-size: 3rem;
  margin-top: 1rem;
}
.inner_content_menu {
  background: black;
  padding: 0;
  z-index: 99;
}
.inner_content_menu div a:hover {
  color: white;
}
.inner_content .review_item .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .inner_content .review_item .wrap {
    flex-direction: row;
    margin-bottom: 30px;
    padding: 30px;
  }
  .inner_content .review_item .wrap:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.inner_content .review_item .wrap .image {
  max-width: 570px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.inner_content .review_item .wrap .image image {
  width: auto;
}
.inner_content .review_item .wrap .text {
  clear: both;
}
.inner_content .review_item .wrap .text > blockquote {
  padding: 15px;
}
.inner_content .review_item .wrap .text > blockquote:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f10d";
  padding-bottom: 1rem;
  display: block;
}
.inner_content .review_item .wrap .text > blockquote:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f10e";
  text-align: right;
  padding-top: 1rem;
  display: block;
}
.inner_content .review_item .wrap .text > blockquote a {
  text-decoration: underline;
}
.inner_content .review_item .wrap .text > blockquote a:hover {
  text-decoration: none;
}
.inner_content .review_item .wrap .text h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .inner_content .review_item .wrap .text h3 {
    font-size: 20px;
  }
}
.inner .container_xsmall.news {
  margin-bottom: 30px;
  padding: 5px;
}
.inner .container_xsmall.news .content_area {
  padding-top: 30px;
}
.inner .container_xsmall.news .content_area .news_list {
  margin: 0;
  padding: 0;
}
.inner .container_xsmall.news .content_area .news_list > li {
  margin: 0;
  padding: 5px 10px 10px;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.inner .container_xsmall.news .content_area .news_list > li:hover {
  background: rgba(0, 0, 0, 0.3);
}
.inner .container_xsmall.news .content_area .news_list > li > .excerpt {
  font-size: 14px;
}
.inner .container_xsmall.news .content_area .news_list > li > a {
  padding: 10px 0;
  list-style: none;
  margin: 0;
  display: flex;
}
@media screen and (max-width: 767px) {
  .inner .container_xsmall.news .content_area .news_list > li > a {
    flex-direction: column;
  }
}
.inner .container_xsmall.news .content_area .news_list > li > a > .title {
  font-size: 16px;
}
.inner .container_xsmall.news .content_area .news_list > li > a > .update {
  align-self: flex-start;
  font-size: 13px;
  padding: 3px 5px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  margin-right: 10px;
}
.inner .container_xsmall.news .content .wrap {
  padding: 0;
  margin: 0;
}
.inner .container_xsmall.news .content .wrap .row > div {
  padding: 15px;
}
.inner .container_xsmall.news .content .wrap:first-child {
  padding-top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.inner .container_xsmall.news .content .wrap:nth-child(2n) {
  background: rgba(0, 0, 0, 0.4);
}
.inner .container_xsmall.news .content .footer__new-badge {
  position: absolute;
  top: 6px;
  left: -4px;
  color: #dc2626;
  font-size: 10px;
  font-weight: bold;
  transform: rotate(-12deg);
  line-height: 1;
  white-space: nowrap;
}
.inner .container_xsmall.news .content figure {
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.inner .container_xsmall.news .content figure img {
  margin: auto;
}
.inner .container_xsmall.news .content figure figcaption {
  font-size: 1.2rem;
  line-height: 1.1;
  padding: 10px;
}
.inner .container_xsmall.news .content figure figcaption .fa {
  margin: 10px;
}
.inner .container_xsmall.news_borderline {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.inner .container_xsmall.news_bgr {
  background: rgba(255, 255, 255, 0.1);
}
.inner .color_variation > div {
  line-height: 1.2;
}
.inner .color_variation > div figure {
  margin: 1rem auto;
  text-align: center;
}
.inner .color_variation > div figure img {
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 1rem auto;
}
.inner .color_variation > div figure figcaption {
  text-align: center;
  font-size: 1.2rem;
}
.inner .color_variation > div figure img.image_color {
  width: auto;
}
.inner .pswp__caption .pswp__caption__center {
  text-align: center;
}
.inner .image_lity {
  cursor: pointer;
}
.inner .image_lity:hover {
  opacity: 0.8;
}
.inner .product_list > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background: #f2f2f2;
  line-height: 1.2;
  border: 1px solid #fff;
}
.inner .product_list > div figure {
  margin: 2rem auto;
  text-align: center;
}
.inner .product_list > div figcaption {
  text-align: center;
}
.inner .product_list > div figcaption ul.list {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  text-align: left;
}
.inner .product_list > div figcaption ul.list li {
  margin: 0;
  padding: 0;
  float: none;
}
.inner .product_list > div img.image_color {
  width: auto;
}
.inner .product_list > div img.image_variation_ {
  width: 140px;
}
.inner .tbl_spec th .fa-lg {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .inner .tbl_spec th .icn_question {
    float: right;
  }
  .inner .tbl_spec th .fa-lg {
    font-size: 2.4rem;
  }
}

/* inner */
.support_faq .section h2.title {
  font-size: 1.6rem;
  font-weight: 700;
  color: white;
  border-left: 4px solid white;
  padding: 8px 0 8px 16px;
  margin: 40px 0 16px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .support_faq .section h2.title {
    font-size: 1.8rem;
    margin: 48px 0 20px;
  }
}
.support_faq .section p.subtitle {
  font-size: 1.4rem;
  font-weight: 600;
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 4px 0 8px;
  margin: 32px 0 12px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .support_faq .section p.subtitle {
    font-size: 1.5rem;
  }
}
.support_faq .section .wrap.icn_section p {
  font-size: 14px;
  line-height: 2;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .support_faq .section .wrap.icn_section p {
    font-size: 15px;
  }
}

.prm_pd3 {
  padding: 3% !important;
}

.prm_dblk {
  display: block !important;
}

.prm_w100 {
  width: 100% !important;
}

ed .cover_bgr {
  background: url("https://company-hoshinogakki.life/wp-content/uploads/2022/08/ichinose_202208_640.jpg") no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  min-height: 100vh !important;
  position: relative !important;
  overflow: hidden !important;
}

.detail_product_content .content iframe {
  width: 100%;
  text-align: center;
  margin: auto;
}

.product_bgr {
  background-image: linear-gradient(rgba(12, 12, 11, 0.3), rgba(8, 7, 15, 0.5), rgba(12, 12, 11, 0.3)), url(/common/images/products/bgr2_sp.jpg);
  background-size: cover;
  background-position: top -20% left 15%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .product_bgr {
    background-image: linear-gradient(rgba(12, 12, 11, 0.3), rgba(8, 7, 15, 0.5), rgba(12, 12, 11, 0.3)), url(/common/images/products/bgr2.jpg);
    background-position: left 10% top;
  }
}
@media screen and (min-width: 1200px) {
  .product_bgr {
    background-image: linear-gradient(rgba(12, 12, 11, 0.3), rgba(8, 7, 15, 0.5), rgba(12, 12, 11, 0.3)), url(/common/images/products/bgr2.jpg);
    background-position: center;
  }
}

.embed-container {
  margin: auto;
  text-align: center;
}

blockquote.wp-embedded-content {
  display: none;
}

iframe.wp-embedded-content {
  position: relative !important;
}

#free_content {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

#free_content::after {
  content: "";
  display: block;
  clear: both;
}

.content_item {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .content_item {
    flex-direction: row;
  }
}
.content_item .item {
  width: 100%;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .content_item .item {
    width: calc((100% - 15px) / 2);
  }
}
@media screen and (min-width: 1000px) {
  .content_item .item {
    width: calc((100% - 15px) / 4);
  }
}
.content_item .item figure {
  margin: 0 auto;
}
.content_item .item figure img {
  opacity: 1;
  transition: 0.5s;
}
.content_item .item figure img:hover {
  opacity: 0.8;
}

.inner {
  /* ===========
  artists
  ============== */
  /* ========================
  artist model product
  ======================== */
}
@media screen and (max-width: 767px) {
  .inner .artists_image {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .inner .artists_content {
    position: absolute;
    bottom: 0;
  }
}
.inner .artists_brand_logo {
  margin-bottom: 30px;
}
.inner .artists_brand_logo img {
  margin: 5px;
}
.inner .artists_title {
  padding: 0;
  margin-bottom: 30px;
}
.inner .artists_logo {
  width: 150px;
}
.inner .signature_series_logo img {
  width: 70px;
}
.inner .signature_series_logo:hover {
  opacity: 0.8;
}
.inner .artists_img img {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .inner .artists_img {
    height: 70vh;
  }
}
@media screen and (max-width: 575px) {
  .inner .artists_img {
    height: 50vh;
  }
}
.inner .bgr_cate {
  display: inline-block;
  background: #000;
  padding: 5px 15px;
  font-size: 1.3rem;
  text-align: center;
  margin: 0 auto 10px;
}
.inner .spec_icon {
  margin: 0 auto 1rem;
  text-align: center;
}
.inner .jancode_content {
  text-align: right;
}
.inner .jancode_button {
  text-align: right;
}
.inner .jancode_close {
  color: #fff;
}
.inner .signatures_logo {
  width: 160px;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .inner .signatures_logo {
    width: 100px;
  }
}
.inner .signature {
  max-width: 200px;
  width: 100%;
  margin: auto;
  padding: 5px;
  box-sizing: border-box;
}
.inner .signatures_image {
  margin: auto;
  text-align: center;
  width: 100%;
}
.inner .artist_header {
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.inner .artist_header::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
@media screen and (max-width: 767px) {
  .inner .artist_header {
    background-image: none !important;
  }
}
.inner .artist_header_image {
  height: 100vh;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .inner .artist_header_image {
    height: auto;
  }
}
.inner .artist .main_image {
  margin: auto;
}
.inner .artist .thumbnails img {
  box-sizing: border-box;
  padding: 5px;
}
.inner .artist .thumbnails img:hover {
  cursor: pointer;
  opacity: 0.8;
}
.inner .artist .images_name_none {
  display: none;
}
.inner .signatures_brand_logo {
  padding: 0;
  margin: 30px 0;
  font-weight: 700;
  font-size: 2.8rem;
  display: block;
  color: white;
  width: 100%;
  position: relative;
}
.inner .signatures_brand_logo .aritst_icon {
  position: absolute;
  top: 0;
  right: 15px;
}
.inner .signatures_brand_logo h2 {
  font-weight: 700;
  font-size: 2.8rem;
  margin-right: 105px;
}
@media screen and (min-width: 768px) {
  .inner .signatures_brand_logo h2 {
    margin-right: 125px;
  }
}
.inner .signatures_brand_logo .title_icon {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.inner .signatures_brand_logo .title_icon > img {
  display: block;
  object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .inner .signatures_brand_logo .title_icon > img {
    width: 120px;
    height: 120px;
  }
}
.inner .signatures_brand_logo .title_icon > span {
  margin: 10px auto;
  display: block;
  font-size: 13px;
  text-align: center;
}
.inner .product_series_logo_name {
  padding: 0.5em 0 0;
  font-weight: 700;
  font-size: 2.8rem;
  display: block;
  color: white;
  margin-bottom: 1em;
}
.inner .product_series_logo_name_subtitle {
  padding: 0;
  font-weight: 400;
  display: block;
  color: white;
  text-align: left;
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 2.2rem;
}
.inner .band_name {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  margin-top: 0.5em;
}
.inner .thumbnails div {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
.inner .thumbnails div img {
  width: 100%;
}
.inner .thumbnails .images_border {
  border: #444 1px solid;
}
.inner .main_img {
  width: 100%;
}
.inner .products_box:nth-child(even) {
  background: #121212;
}
.inner .products_box_content {
  padding: 0;
}
.inner .products_box_content .content {
  padding: 50px 30px;
}
@media screen and (max-width: 991px) {
  .inner .products_box_content .content {
    padding: 50px 0 15px;
  }
}
.inner .products_box_content-title {
  font-size: 20px;
}
.inner .support_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.inner .support_row > div {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  .inner .support_row > div {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .inner .support_row > div {
    width: 100%;
  }
}
.inner .support_row > div > figure {
  margin: 1rem;
}
.inner .support_row > div > figure > figcaption {
  border: 1px solid #666;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  padding: 30px 15px;
  margin-bottom: 1em;
  text-align: center;
  width: auto;
}
@media screen and (max-width: 1200px) {
  .inner .support_row > div > figure > figcaption {
    padding: 40px 15px;
  }
}
@media screen and (max-width: 767px) {
  .inner .support_row > div > figure > figcaption {
    padding: 50px 15px;
  }
}
.inner .support_row > div > figure > figcaption span.en {
  font-size: 12px;
  font-weight: 400;
  display: block;
  padding: 10px 0;
}
.inner .support_row > div > figure > figcaption > .btn {
  display: inline-block;
}
.inner .support_faq .ac_body {
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  overflow: hidden;
  display: block;
  padding: 15px;
  border-radius: 5px;
}
.inner .support_faq .ac_body .ac_header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0 10px;
  margin-bottom: 10px;
}
.inner .support_faq .ac_body .ac_header .subtitle {
  font-size: 16px;
  line-height: 1.5;
}
.inner .support_faq .ac_body .ac_content {
  font-size: 16px;
  line-height: 1.5;
}
.inner .catalog_box {
  text-align: center;
  margin: 0;
  padding: 10px;
  background: #111;
  margin-bottom: 20px;
}
.inner .catalog_box .catalog_box_detail {
  padding: 10px 0;
  position: relative;
}
.inner .catalog_box .catalog_box_detail .book-thumbnail {
  margin-bottom: 1px;
  padding: 0;
}
.inner .catalog_box .catalog_box_detail .book-thumbnail a {
  background: #222;
  padding: 5px 10px;
  display: block;
}
.inner .catalog_box .catalog_box_detail .book-thumbnail a img {
  margin-bottom: 5px;
}
.inner .catalog_box .catalog_box_detail .book-thumbnail a:hover {
  background: #333;
}
.inner .catalog_box .catalog_box_detail .name {
  font-size: 1.5rem;
  letter-spacing: -0.5px;
  color: #fff;
}
.inner .catalog_box .catalog_box_detail .page {
  font-size: 1.3rem;
}
.inner .catalog_box .catalog_box_detail .capacity {
  padding-top: 5px;
  font-size: 1.2rem;
}
.inner .catalog_box .catalog_image {
  border: 3px solid #fff;
}
.inner .new_products .container header {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.inner .new_products .container header > h3 {
  font-size: 24px;
  color: white;
  margin: 0;
  padding: 0;
}
.inner .new_products .container header > h3:after {
  content: "NEW!";
  padding: 5px;
  display: inline-block;
  color: red;
  font-size: 16px;
  text-align: center;
}
.inner .new_products .container header > p.btn a {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 15px;
  color: white;
  font-size: 13px;
}
.inner .new_products .container header > p.btn a:hover {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.9);
  padding: 5px 15px;
  color: black;
}
.inner .row {
  width: 100%;
  margin: auto;
}
.inner .product_lists > div {
  min-height: 200px;
}
.inner .product_lists > div p {
  margin-bottom: 0;
}
.inner .product_lists > div > figure {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.inner .video_column {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1500px;
  margin: 0 auto;
}
.inner .video_column > div {
  width: 24.8%;
  padding: 0.1%;
}
@media screen and (max-width: 1200px) {
  .inner .video_column > div {
    width: 33.1333%;
    padding: 0.1%;
  }
}
@media screen and (max-width: 960px) {
  .inner .video_column > div {
    width: 49.8%;
  }
}
@media screen and (max-width: 480px) {
  .inner .video_column > div {
    width: 100%;
    padding: 0;
  }
}
.inner > .header > div > .text_column {
  margin: 10px auto;
  max-width: 767px;
  width: 100%;
  text-align: left;
}
.inner .content_area {
  margin-top: -85px;
  padding-top: 85px;
}
.inner header.header {
  background: rgba(0, 0, 0, 0.5);
}
.inner header.header.position_static {
  position: static !important;
}
.inner header.header > .container > .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner header.header > .container > .row .image {
  width: 65%;
  padding: 15px 0;
}
.inner header.header > .container > .row .text {
  width: 50%;
  padding: 15px 0;
}
.inner header.header > .container.full {
  padding: 0 !important;
}
@media screen and (min-width: 960px) {
  .inner header.header > .container.full {
    padding: 0 15px !important;
  }
}
.inner header.header > .container > .header_wrap {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  .inner header.header > .container > .header_wrap {
    justify-content: flex-start;
    flex-direction: row;
  }
}
.inner header.header > .container > .header_wrap > .image {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .inner header.header > .container > .header_wrap > .image {
    width: 50%;
    padding: 0;
  }
}
.inner header.header > .container > .header_wrap > .image .bgr_clr {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  top: 0;
  right: 0;
  z-index: -1;
}
.inner header.header > .container > .header_wrap > .image img {
  object-fit: cover;
  margin: 15px 15px 0 0 !important;
}
@media screen and (min-width: 1000px) {
  .inner header.header > .container > .header_wrap > .image img {
    margin: 30px 30px 0 0 !important;
  }
}
.inner header.header > .container > .header_wrap > .text {
  background: rgba(0, 0, 0, 0.2);
  padding: 30px 15px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
}
@media screen and (min-width: 1000px) {
  .inner header.header > .container > .header_wrap > .text {
    position: absolute;
    padding: 30px 45px 0 15px;
    background: none;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.inner header.header > .container > .header_wrap > .text > .logos {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.inner header.header > .container > .header_wrap > .text > .logos > .brand {
  width: 60px;
}
@media screen and (min-width: 768px) {
  .inner header.header > .container > .header_wrap > .text > .logos > .brand {
    width: 90px;
  }
}
.inner header.header > .container > .header_wrap > .text > .logos > .brand > img {
  width: 100%;
  padding: 0;
  margin: 0 1rem 0 0;
}
.inner header.header > .container > .header_wrap > .text > .logos > .series {
  width: 60px;
}
@media screen and (min-width: 768px) {
  .inner header.header > .container > .header_wrap > .text > .logos > .series {
    width: 90px;
  }
}
.inner header.header > .container > .header_wrap > .text > .logos > .series > img {
  width: 100%;
  padding: 0;
  margin: 0 1rem 0 0;
}
.inner header.header > .container > .header_wrap > .text h1 {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: #fff;
  white-space: nowrap;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 640px) {
  .inner header.header > .container > .header_wrap > .text h1 {
    margin: 0 0 0.25em;
    font-size: 64px;
  }
}
@media screen and (min-width: 768px) {
  .inner header.header > .container > .header_wrap > .text h1 {
    margin: 0.25em 0;
    font-size: 48px;
  }
}
@media screen and (min-width: 1000px) {
  .inner header.header > .container > .header_wrap > .text h1 {
    margin: 0.25em 0;
    font-size: 56px;
  }
}
@media screen and (min-width: 1400px) {
  .inner header.header > .container > .header_wrap > .text h1 {
    margin: 0.25em 0;
    font-size: 72px;
  }
}
.inner header.header > .container > .header_wrap > .text h2 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.025em;
  line-height: 1.2;
  white-space: nowrap;
  color: #fff;
  margin: 0.5em 0;
}
@media screen and (min-width: 1000px) {
  .inner header.header > .container > .header_wrap > .text h2 {
    font-size: 24px;
  }
}
.inner header.header > .container > .header_wrap > .text p {
  line-height: 1.5;
  background-color: rgba(255, 255, 255, 0.05);
  font-size: 16px;
  padding: 15px;
  color: #fff;
}
.inner .sns_icons {
  background: #111;
  padding: 15px;
}
.inner .artist_repeat {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.inner .artist_repeat li {
  margin: 3px;
}
.inner .basic_spec {
  overflow: hidden;
}
.inner .basic_spec > .container {
  max-width: 1500px;
  margin: 0 auto 60px;
  overflow: auto;
}
.inner .basic_spec .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
}
.inner .basic_spec .wrap > div {
  background-color: #222;
  width: calc((100% - 0px) / 2);
}
@media screen and (min-width: 640px) {
  .inner .basic_spec .wrap > div {
    width: calc((100% - 0px) / 3);
  }
}
@media screen and (min-width: 960px) {
  .inner .basic_spec .wrap > div {
    width: calc((100% - 0px) / 4);
  }
}
@media screen and (min-width: 1200px) {
  .inner .basic_spec .wrap > div {
    width: calc((100% - 0px) / 6);
  }
}
.inner .basic_spec .wrap .item_title {
  padding: 10px;
  font-size: 16px;
}
.inner .basic_spec .wrap .title {
  position: relative;
  background: #121212;
}
.inner .basic_spec .wrap .title h2 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-family: "Impact";
}
@media screen and (min-width: 960px) {
  .inner .basic_spec .wrap .title h2 {
    font-size: 28px;
  }
}
.inner .basic_spec .wrap .title::before {
  content: "";
  position: absolute;
  top: calc(80% - 4px);
  right: 5%;
  transform: rotate(30deg);
  width: 12px;
  height: 2px;
  background-color: #999;
}
.inner .basic_spec .wrap .title::after {
  content: "";
  position: absolute;
  top: 80%;
  right: 5%;
  transform: translateY(-50%);
  width: 80px;
  height: 1px;
  background-color: #ccc;
}
.inner .basic_spec .wrap .title:hover::before {
  background-color: #999;
}
.inner .basic_spec .wrap .title:hover::after {
  background-color: #999;
}
.inner .basic_spec .wrap .items {
  background: #121212;
  margin: 0;
  padding: 0;
}
.inner .basic_spec .wrap > div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner .basic_spec .wrap > div a {
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}
.inner .basic_spec .wrap > div a:hover {
  opacity: 0.8;
}
.inner .basic_spec .wrap > div a h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: 700;
  overflow: hidden;
  text-align: left;
}
.inner .basic_spec .wrap > div a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner .basic_spec .wrap > div a p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 15px 0 30px;
  font-size: 16px;
  overflow: hidden;
  text-align: left;
}
.inner .basic_spec .wrap > div a ul {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.inner .basic_spec .wrap > div a time {
  margin-right: 20px;
}
.inner .blk_hero {
  overflow: hidden;
}
.inner .blk_hero .colum {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1500px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .inner .blk_hero .colum {
    flex-direction: row;
  }
}
.inner .blk_hero .column {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .inner .blk_hero .column {
    width: 50%;
  }
}
.inner .blk_hero .column img {
  width: 100%;
}
.inner .blk_hero .column_outside_left {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .inner .blk_hero .column_outside_left {
    flex-direction: row-reverse;
  }
}
.inner .blk_hero .column_outside_left .column_text {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .inner .blk_hero .column_outside_left .column_text {
    flex: 1;
    margin-left: calc(50% - 50vw);
    margin-right: -3%;
    margin-top: 0;
    padding: 3% calc(50vw - 50%);
  }
}
.inner .blk_hero .column_outside_left .column_text .artist_content {
  position: relative;
  padding: 15px;
}
.inner .blk_hero .column_outside_left .column_text .artist_content .artist_title {
  margin: 0;
  font-size: 100px;
  font-weight: 400;
  line-height: 1;
  padding: 0;
  font-family: "Road Rage", cursive;
  color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 768px) {
  .inner .blk_hero .column_outside_left .column_text .artist_content .artist_title {
    font-size: 150px;
  }
}
@media screen and (min-width: 1200px) {
  .inner .blk_hero .column_outside_left .column_text .artist_content .artist_title {
    font-size: 200px;
  }
}
.inner .blk_hero .column_outside_left .column_text .artist_content .artist_name {
  clear: both;
  color: rgb(255, 255, 255);
}
.inner .blk_hero .column_outside_left .column_text .artist_content .artist_band {
  padding: 1% 0 1% 0;
  color: rgba(255, 255, 255, 0.7);
}
.inner .blk_hero .column_outside_left .column_text .artist_content .artist_summary {
  padding: 1% 0 1% 0;
  color: rgba(255, 255, 255, 0.9);
}
.inner .blk_hero .column_outside_left .column_text .artist_content .artist_summary p {
  margin-bottom: 2rem;
}
.inner .blk_hero .column_outside_right .column_text {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .inner .blk_hero .column_outside_right .column_text {
    flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: -3%;
    padding: 3% calc(50vw - 50%);
  }
}
.inner .blk_hero .column_outside_right .column_text .artist_content {
  padding: 15px;
  position: relative;
}
.inner .blk_hero .column_outside_right .column_text .artist_content .artist_title {
  margin: 0;
  font-size: 100px;
  font-weight: 400;
  line-height: 1;
  float: right;
  padding: 0;
  font-family: "Road Rage", cursive;
  color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 768px) {
  .inner .blk_hero .column_outside_right .column_text .artist_content .artist_title {
    font-size: 150px;
  }
}
@media screen and (min-width: 1200px) {
  .inner .blk_hero .column_outside_right .column_text .artist_content .artist_title {
    font-size: 200px;
  }
}
.inner .blk_hero .column_outside_right .column_text .artist_content .artist_name {
  clear: both;
  color: rgb(255, 255, 255);
}
.inner .blk_hero .column_outside_right .column_text .artist_content .artist_band {
  padding: 1% 0 1% 0;
  color: rgba(255, 255, 255, 0.7);
}
.inner .blk_hero .column_outside_right .column_text .artist_content .artist_summary {
  padding: 1% 0 1% 0;
  color: rgba(255, 255, 255, 0.9);
}
.inner .blk_hero .column_outside_right .column_text .artist_content .artist_summary p {
  margin-bottom: 2rem;
}
.inner .artist_originalmodel_content {
  overflow-x: hidden;
}
.inner .artist_originalmodel_content .container_flex {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
}
.inner .artist_originalmodel_content .container_flex > .model_content_title {
  width: 100%;
  align-self: stretch;
  background: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1000px) {
  .inner .artist_originalmodel_content .container_flex > .model_content_title {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap {
  position: relative;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap {
    padding: 30px;
  }
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_model {
  padding: 0;
  margin: 0 110px 15px 0;
  font-size: 64px;
  font-weight: 400;
  font-family: "Road Rage", cursive;
  line-height: 0.75;
  color: rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 1000px) {
  .inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_model {
    font-size: 96px;
    color: rgba(255, 255, 255, 0.2);
  }
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_logo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_logo img {
  margin: 0 10px 0 0;
  width: 120px;
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_name {
  font-size: 24px;
  font-weight: 700;
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_icon {
  position: absolute;
  right: 15px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_icon {
    right: 15px;
  }
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_icon > img {
  display: block;
  object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_icon > img {
    width: 120px;
    height: 120px;
  }
}
.inner .artist_originalmodel_content .container_flex > .model_content_title > .wrap .title_icon > span {
  margin: 10px auto;
  display: block;
  font-size: 13px;
  text-align: center;
}
.inner .artist_originalmodel_content .container_flex .blk {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1500px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk {
    flex-direction: row;
  }
  .inner .artist_originalmodel_content .container_flex .blk.reverse {
    flex-direction: row-reverse;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec {
  width: 100%;
  align-self: stretch;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_spec {
    width: 50%;
    margin: auto;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap {
  padding: 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap {
    padding: 30px;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap h2 {
  line-height: 2;
  padding: 15px 15px;
  border-bottom: 1px solid #444;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap h2 {
    border-top: 1px solid #444;
    background-color: transparent;
    padding: 10px 0;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-btn {
  position: absolute;
  top: 35px;
  right: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 1px solid #444;
  background-color: #111;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-btn .arrow {
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-color: #efefef #efefef transparent transparent;
  transform: rotate(135deg);
  position: absolute;
  left: 9px;
  top: 7px;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-btn {
    display: none;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-btn.active .arrow {
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-color: transparent transparent #efefef #efefef;
  transform: rotate(135deg);
  top: 12px;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail {
  display: none;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail {
    display: block;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail.active {
  display: block;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail.open {
  display: block;
  text-align: center;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail.open .icon-close {
  display: inline-block;
  vertical-align: middle;
  color: #efefef;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
  cursor: pointer;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail.open .icon-close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail.open .icon-close {
    display: none;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail.active {
  display: block;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail {
    display: block;
    text-align: left;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail .txt {
  margin: auto;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec > .wrap .model_content_spec-detail .links {
  text-align: center;
  margin: auto;
  width: 100%;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_spec .tbl_spec {
  font-size: 14px !important;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_image {
  width: 100%;
  align-self: stretch;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_image {
    width: 50%;
    margin: 0 auto;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_image .wrap {
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_content .container_flex .blk .model_content_image .wrap {
    padding: 30px;
  }
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_image .wrap img {
  display: block;
  margin: 0 auto;
  max-height: 480px;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_image .wrap .product_name {
  position: relative;
  width: 300px;
  text-align: center;
  margin: 15px auto;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_image .wrap .product_name {
  transform: skewX(-30deg);
  /*transformで曲げる*/
  background-color: #000;
  color: #fff;
  max-width: 300px;
  font-size: 20px;
  padding: 10px 10px;
}
.inner .artist_originalmodel_content .container_flex .blk .model_content_image .wrap .product_name div {
  transform: skewX(30deg);
  /*このままだとtransformでテキストも曲がるので打ち消すために入れます。*/
  width: 240px;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}
.inner .artist_originalmodel_sns {
  padding: 60px 0;
  background-color: #121212;
}
.inner .artist_originalmodel_sns .wrap {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.inner .artist_originalmodel_sns .wrap .container_blk {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_sns .wrap .container_blk {
    flex-direction: row;
  }
}
.inner .artist_originalmodel_sns .wrap .container_blk .blk_title {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_sns .wrap .container_blk .blk_title {
    width: 40%;
  }
}
.inner .artist_originalmodel_sns .wrap .container_blk .blk_title .blk_title_name {
  width: 100%;
  margin: 15px;
  font-size: 72px;
  font-weight: 400;
  font-family: "Road Rage", cursive;
  line-height: 0.75;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_sns .wrap .container_blk .blk_title .blk_title_name {
    font-size: 96px;
  }
}
.inner .artist_originalmodel_sns .wrap .container_blk .blk_title .title_icon {
  margin: auto;
}
.inner .artist_originalmodel_sns .wrap .container_blk .blk_title .title_icon > img {
  display: block;
  object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_sns .wrap .container_blk .blk_title .title_icon > img {
    width: 120px;
    height: 120px;
  }
}
.inner .artist_originalmodel_sns .wrap .container_blk .blk_title .title_icon > span {
  margin: 10px auto;
  display: block;
  font-size: 13px;
  text-align: center;
}
.inner .artist_originalmodel_sns .wrap .container_blk .sns_blk {
  width: 100%;
  padding: 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_sns .wrap .container_blk .sns_blk {
    padding: 30px;
    width: 60%;
  }
}
.inner .artist_originalmodel_sns .wrap .container_blk .sns_blk::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 48px;
  border-left: 3px solid #555;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel_sns .wrap .container_blk .sns_blk::before {
    left: 62px;
  }
}
.inner .artist_originalmodel_sns .wrap .container_blk .sns_blk a figure {
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: flex-start;
  background-color: #121212;
  padding: 10px;
  border-radius: 5px;
  position: relative;
  margin: 5px 0 5px 0;
}
.inner .artist_originalmodel_sns .wrap .container_blk .sns_blk a figure img {
  width: 50px;
  margin: 0 2rem 0 0;
  background: #ccc;
  border-radius: 5px;
  padding: 5px;
}
.inner .artist_originalmodel_sns .wrap .container_blk .sns_blk a:hover figure {
  background-color: #ccc;
}
.inner .artist_originalmodel_sns .wrap .container_blk .sns_blk a:hover figure figcaption {
  color: #333;
}
.inner .artist_originalmodel .container {
  padding: 0 !important;
  position: relative;
  /* 2rem(32px) @ 20rem(320px) increasing to 8rem(128px) @ 93.75rem(1500px) */
  /* Ems strongly recommended on media queries! */
  /* Prevent scaling beyond this breakpoint */
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel .container {
    padding: 0 15px;
  }
}
.inner .artist_originalmodel .container .blk {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .inner .artist_originalmodel .container .blk {
    display: flex;
    flex-direction: row;
    height: 100%;
  }
}
.inner .artist_originalmodel .container .blk_img {
  width: 100%;
  background-color: #000;
  height: 780px;
}
.inner .artist_originalmodel .container .blk_img img {
  object-fit: contain;
  height: 480px;
}
.inner .artist_originalmodel .container .blk_txt {
  width: 100%;
}
.inner .artist_originalmodel .container .blk_txt_wrap {
  position: absolute;
  top: 75%;
  z-index: 2;
  background: rgb(0, 0, 0);
  padding: 3rem 1rem;
  width: 80%;
  right: 0;
  left: 0;
  margin: 0 auto;
  -moz-box-shadow: 30px 30px 0px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 30px 30px 0px 0px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 30px 30px 0px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 30px 30px 0px 0px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 960px) {
  .inner .artist_originalmodel .container .blk_txt_wrap {
    position: static;
    background-color: rgba(0, 0, 0, 0.3);
    width: 80%;
  }
}
.inner .artist_originalmodel .container .blk_txt_wrap_title {
  margin-bottom: 2rem;
  color: #fff;
}
.inner .artist_originalmodel .container .blk_txt_wrap .item {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #333;
}
.inner .artist_originalmodel .container .blk_txt_wrap .item li {
  margin: 0;
  padding: 1rem;
  display: block;
  position: relative;
  color: #efefef;
  border-bottom: 1px dotted #333;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .inner .artist_originalmodel .container .blk_txt {
    flex-grow: 1;
  }
}
.inner .artist_originalmodel .container .artist_originalmodel_header_title {
  position: absolute;
  top: 0;
  right: 1rem;
  z-index: 1;
  @import url("https://fonts.googleapis.com/css?family=Poppins:400,900");
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-weight: 900;
}
@media (min-width: 20em) {
  .inner .artist_originalmodel .container .artist_originalmodel_header_title {
    font-size: calc(2rem + (1vw - 0.2rem) * 8.1356);
    /* Where: 8.1356 = 100 * font-size_difference / viewport_width_difference */
    /* Safari resize fix */
    min-height: 0vw;
  }
}
@media (min-width: 93.75em) {
  .inner .artist_originalmodel .container .artist_originalmodel_header_title {
    font-size: 8rem;
  }
}
.inner .artist_items .container {
  margin: 0 auto;
  max-width: 1500px;
  padding: 0;
}
.inner .artist_items .container .gallery_item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
}
.inner .artist_items .container .gallery_item > div {
  width: 50%;
}
@media screen and (min-width: 480px) {
  .inner .artist_items .container .gallery_item > div {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .inner .artist_items .container .gallery_item > div {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .inner .artist_items .container .gallery_item > div {
    width: 20%;
  }
}
@media screen and (min-width: 1200px) {
  .inner .artist_items .container .gallery_item > div {
    width: 16.6666666667%;
  }
}
.inner .artist_items .container .gallery_item > div figure {
  position: relative;
  margin: 0;
}
.inner .artist_items .container .gallery_item > div figure figcaption {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px;
  width: 100%;
}
.inner .artist_items .container .gallery_item > div figure figcaption small {
  font-size: 12px;
  line-height: 1.25;
  display: block;
}
.inner .artist_items .container .gallery_item > div figure figcaption .icn_image {
  position: absolute;
  bottom: 2%;
  right: 2%;
  z-index: 1;
}
.inner .artist_items .container .gallery_item > div a:hover figure figcaption {
  background-color: rgb(0, 0, 0);
}
.inner .blk {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.inner .blk > div {
  width: 49%;
}
@media screen and (min-width: 640px) {
  .inner .blk > div {
    width: 33.33333%;
  }
}
@media screen and (min-width: 768px) {
  .inner .blk > div {
    width: 25%;
  }
}
@media screen and (min-width: 960px) {
  .inner .blk > div {
    width: 16.66666%;
  }
}
@media screen and (min-width: 1200px) {
  .inner .blk > div {
    width: 12.5%;
  }
}
.inner .blk > div figure {
  position: relative;
}
.inner .blk > div figure .view_more {
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner .artist_search {
  margin: 0 auto;
  width: 100%;
}
.inner .artist_search .SearchBlock {
  margin-bottom: 60px;
}
.inner .artist_search .SearchBlock_inner {
  margin-left: auto;
  margin-right: auto;
}
.inner .artist_search .el_searchResult {
  text-align: center;
}
.inner .artist_search .js_target {
  display: none;
}
.inner .artist_search .js_target.js_selected {
  display: block;
}
.inner .artist_search .selectBlock label {
  display: inline;
}
.inner .artist_search .selectBlock input {
  display: none;
}
.inner .artist_search .selectBlock_check label .el_checkbox {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #efefef;
  border-radius: 3px;
}
.inner .artist_search .selectBlock_check label .el_checkbox:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
}
.inner .artist_search .selectBlock_check input[type=checkbox]:checked + label .el_checkbox:after {
  background-color: #fff;
  border-radius: 3px;
}
.inner .artist_search .el_searchResult {
  margin-bottom: 20px;
}
.inner .artist_search .selectBlock {
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 30px;
  font-size: 16px;
  letter-spacing: 0.1em;
}
.inner .artist_search .selectBlock_wrapper_wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px dotted #666;
  margin-bottom: 15px;
}
.inner .artist_search .selectBlock_check label {
  cursor: pointer;
}
.inner .artist_search .selectBlock_ttl {
  width: 185px;
  color: #efefef;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .inner .artist_search .selectBlock_ttl {
    width: 100%;
    margin-bottom: 20px;
  }
}
.inner .artist_search .selec tBlock_content {
  width: calc(100% - 185px);
}
@media screen and (max-width: 767px) {
  .inner .artist_search .selectBlock_content {
    width: 100%;
  }
}
.inner .artist_search .searchResultBlock {
  font-size: 16px;
  border-top: 1px solid #666;
}
.inner .artist_search .searchResultBlock_item {
  padding: 20px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #666;
}
@media screen and (min-width: 768px) {
  .inner .artist_search .searchResultBlock_item {
    border-bottom: none;
  }
}
.inner .artist_search .selectBlock_check {
  display: inline-block;
  margin-right: 25px;
  display: inline-block;
  margin-bottom: 20px;
}
.inner .artist_search .selectBlock_check:last-child {
  margin-right: 0;
}
.inner .artist_search .selectBlock_release {
  text-align: center;
  color: #efefef;
  border: 1px solid #666;
  padding: 15px 0;
  display: block;
  width: 200px;
  margin: 15px auto;
  font-size: 14px;
  transition: all 0.2s;
  background-color: #222;
  line-height: 1;
}
.inner .artist_search .js_release {
  cursor: pointer;
}

.gallery_content {
  background: #000;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.gallery_content .wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  display: grid;
  place-content: center;
  /* background: radial-gradient(circle, rgba(101, 127, 255, 0.8379945728291316) 0%, rgba(172, 217, 65, 0.7063419117647058) 36%, rgba(216, 69, 213, 0.686734068627451) 73%); */
  background-image: url(images/back1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.gallery_content .wrapper .bgr_title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 96px;
  white-space: nowrap;
  font-weight: 400;
  font-family: "Road Rage", cursive;
  line-height: 1;
  color: rgba(255, 255, 255, 0.12);
  transform: rotate(-10deg);
  width: auto;
}

.artist_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 10px 0;
}
.artist_list li {
  width: 33.3333333333%;
  padding: 0.5px;
}
@media screen and (min-width: 640px) {
  .artist_list li {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .artist_list li {
    width: 20%;
  }
}
@media screen and (min-width: 1000px) {
  .artist_list li {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 1200px) {
  .artist_list li {
    width: 14.2857142857%;
  }
}
@media screen and (min-width: 1500px) {
  .artist_list li {
    width: 12.5%;
  }
}
.artist_list figure {
  margin: 0 auto;
  padding: 0s5rem;
}
.artist_list figure figcaption {
  text-align: center;
}
.artist_list figure figcaption > h2 {
  font-size: 12px;
  font-weight: 400;
  inline-size: fit-content;
  margin-inline: auto;
}
.artist_list figure figcaption .option {
  display: flex;
  margin: 0 auto;
  place-content: center;
  line-height: 1;
  font-size: 10px;
  letter-spacing: -0.5px;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  .artist_list figure figcaption .option {
    font-size: 12px;
  }
}
.artist_list figure figcaption .option_instruments {
  background-color: #111;
  padding: 5px 5px;
}
.artist_list figure figcaption .option_series {
  background-color: #cfcfcf;
  padding: 5px 5px;
  color: #111;
}
.artist_list figure figcaption .option_series.series_signature {
  background-color: rgb(125, 176, 234);
}
.artist_list figure figcaption .option_series.series_original {
  background-color: rgb(245, 159, 159);
}
.artist_list figure figcaption .option_series.series_regular {
  background-color: rgb(235, 226, 134);
}
.artist_image {
  margin: 0 auto 5px;
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1px solid #000;
}
@media screen and (min-width: 480px) {
  .artist_image {
    width: 100px;
    height: 100px;
  }
}
.artist_image > img {
  display: block;
  object-fit: cover;
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
@media screen and (min-width: 480px) {
  .artist_image > img {
    width: 100px;
    height: 100px;
  }
}
.artist_image > span {
  margin: 10px auto;
  display: block;
  font-size: 12px;
  text-align: center;
}

a .artist_image > img {
  transition: all 0.3s;
  opacity: 0.8;
  background-color: rgb(0, 0, 0);
}
a:hover .artist_image > img {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.7);
}

.detail_product {
  display: grid;
  place-content: center;
  margin: 0 auto;
  place-content: center;
}
.detail_product_btn {
  width: 100%;
  display: grid;
  place-content: center;
  margin: 0;
}
.detail_product_btn span {
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  padding: 15px 30px;
  line-height: 1;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
}
.detail_product_btn span:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
}
.detail_product_btn span.open {
  margin: 0 auto;
  display: inline-block;
}
.detail_product_btn span.open:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
}
.detail_product_content {
  display: none;
  border-top: 1px solid #444;
  margin-top: -1px;
}
.detail_product_content.content_open {
  display: none;
}
@media screen and (min-width: 768px) {
  .detail_product_content.content_open {
    display: block;
  }
}
.detail_product_content_box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .detail_product_content_box {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.detail_product_content_box > div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .detail_product_content_box > div {
    width: calc((100% - 15px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .detail_product_content_box > div {
    width: calc((100% - 15px) / 3);
  }
}

.detail_product_btn_close {
  text-align: center;
  margin: 1rem auto;
  padding: 10px;
  border-top: 1px solid #444;
}
.detail_product_btn_close span {
  cursor: pointer;
  display: block;
}
.detail_product_btn_close span:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
}

.content_spec {
  width: 100%;
  align-self: stretch;
}
.content_spec-detail {
  border-top: 1px solid #444;
}
.content_spec .wrap {
  position: relative;
}
.content_spec .wrap h2 {
  line-height: 2;
}
.content_spec .wrap .content_spec-btn {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 1px solid #444;
  background-color: #111;
}
.content_spec .wrap .content_spec-btn .arrow {
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-color: #efefef #efefef transparent transparent;
  transform: rotate(135deg);
  position: absolute;
  left: 9px;
  top: 7px;
}
@media screen and (min-width: 768px) {
  .content_spec .wrap .content_spec-btn {
    display: none;
  }
}
.content_spec .wrap .content_spec-btn.active .arrow {
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-color: transparent transparent #efefef #efefef;
  transform: rotate(135deg);
  top: 12px;
}
.content_spec .wrap .content_spec-detail {
  display: none;
  margin-top: -1px;
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .content_spec .wrap .content_spec-detail {
    display: block;
  }
}
.content_spec .wrap .content_spec-detail.active {
  display: block;
}
.content_spec .wrap .content_spec-detail.open {
  display: block;
  text-align: center;
}
.content_spec .wrap .content_spec-detail.open .icon-close {
  display: inline-block;
  vertical-align: middle;
  color: #efefef;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
  cursor: pointer;
}
.content_spec .wrap .content_spec-detail.open .icon-close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .content_spec .wrap .content_spec-detail.open .icon-close {
    display: none;
  }
}
.content_spec .wrap .content_spec-detail.active {
  display: block;
}
@media screen and (min-width: 768px) {
  .content_spec .wrap .content_spec-detail {
    display: block;
    text-align: left;
  }
}
.content_spec .wrap .content_spec-detail .txt {
  margin: auto;
}
.content_spec .wrap .content_spec-detail .links {
  text-align: center;
  margin: auto;
  width: 100%;
}
.content_spec .tbl_spec {
  font-size: 14px !important;
}
.content_spec_btn {
  width: 100%;
  display: grid;
  place-content: center;
  margin: 0;
}
.content_spec_btn span {
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  padding: 15px 30px;
  line-height: 1;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
}
.content_spec_btn span:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
}
.content_spec_btn span.open {
  margin: 0 auto;
  display: inline-block;
}
.content_spec_btn span.open:after {
  margin-left: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
}

.nav_content {
  background-color: #333;
}
.nav_content .container {
  margin: 0 auto;
  max-width: 1500px;
  width: 100%;
}
.nav_content .container.nav_content_items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .nav_content .container.nav_content_items {
    flex-direction: row;
  }
}
.nav_content .container.nav_content_items .item4 {
  flex-basis: 25%;
  text-align: center;
  padding: 15px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .nav_content .container.nav_content_items .item4 {
    width: calc((100% - 15px) / 3);
  }
}
.nav_content .container.nav_content_items .item4.item_center {
  flex-basis: 50%;
}
.nav_content .container.nav_content_items .item4 figure {
  margin: 0;
  padding: 15px;
}
.nav_content .container.nav_content_items .item4 figure figcaption {
  padding: 0 5px;
}
.nav_content .container .nav_back,
.nav_content .container .nav_next {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.nav_content .container .nav_back img,
.nav_content .container .nav_next img {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #000;
}

.collaboration {
  position: relative;
}
.collaboration .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .collaboration .container {
    max-width: 1500px;
    width: 100%;
    padding: 15px;
  }
}
.collaboration .finished {
  position: absolute;
  top: 10%;
  left: 2%;
}
.collaboration .finished img {
  width: 100px;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.8em;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .collaboration .finished img {
    width: 100px;
  }
}
.collaboration figcaption {
  font-size: 1.3rem;
}
.collaboration .title {
  font-size: 1.4rem;
}
.collaboration .collaboration_logo {
  margin: 0 auto;
  text-align: center;
  width: auto;
  padding: 15px;
}
.collaboration .collaboration_item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .collaboration .collaboration_item {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 960px) {
  .collaboration .collaboration_item {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .collaboration .collaboration_item {
    grid-template-columns: repeat(5, 1fr);
  }
}
.collaboration .collaboration_item > li {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.collaboration .collaboration_item > li figure {
  margin: 0;
  padding: 5px;
  height: 100%;
}
.collaboration .collaboration_item > li figure figcaption {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  padding: 5px 5px 5px 5px;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.collaboration .collaboration_item > li figure .product_img {
  width: 100%;
  display: flex;
  padding-bottom: 10px;
}
.collaboration .collaboration_item > li .model_product_title {
  width: 100%;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
  padding: 5px;
  margin: 5px 0 0 0;
  text-align: center;
  background-color: #121212;
}
.collaboration .collaboration_item > li .model_product_title br {
  display: none;
}
.collaboration .caption_imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.collaboration .caption_imgs .model_image {
  width: 50%;
  text-align: left;
}
.collaboration .caption_imgs .model_image .image_bg {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center center;
  object-fit: cover;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .collaboration .caption_imgs .model_image .image_bg {
    width: 60px;
    height: 60px;
  }
}
.collaboration .caption_imgs .model_product_brand_img {
  width: 50%;
  text-align: right;
  margin-left: auto;
}
.collaboration .caption_imgs .model_product_brand_img img {
  width: 60px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .collaboration .caption_imgs .model_product_brand_img img {
    width: 80px;
  }
}
.collaboration .icn_circle_artist_wrap,
.collaboration .icn_circle_collabo_wrap {
  height: auto;
}
.collaboration .icn_circle_artist_wrap div,
.collaboration .icn_circle_collabo_wrap div {
  width: 50%;
  padding-top: 60px;
  padding-bottom: 40px;
}

.container_scroll {
  padding-top: 50vh;
  padding-bottom: 50vh;
}
.container_scroll .box {
  display: flex;
  height: 100vh;
}
.container_scroll .left {
  position: sticky;
  top: 0;
  left: 0;
  align-self: start;
  width: 20%;
  padding-top: 4%;
}
.container_scroll .right {
  width: 80%;
  background-color: green;
  height: 100%;
}

.collabo {
  width: 100%;
}
.collabo_hero {
  height: 80vh;
  width: 100%;
  display: grid;
  place-content: center;
  margin: auto;
}
.collabo_hero .container {
  position: relative;
  max-width: 1500px;
  width: 100%;
  margin: auto;
}
.collabo_hero_content {
  overflow: hidden;
  margin: auto;
  max-width: 480px;
  width: 100%;
  height: 100%;
}
.collabo_hero_content .collabo_content_wrap {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.collabo_hero_content .collabo_content_wrap .collabo_logo {
  padding: 15px;
  display: grid;
  place-centent: center;
}
.collabo_hero_content .collabo_content_wrap .collabo_logo .logo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-position: center center;
  object-fit: cover;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .collabo_hero_content .collabo_content_wrap .collabo_logo .logo {
    width: 180px;
    height: 180px;
  }
}
.collabo_hero_content .collabo_content_wrap .collabo_logo:before {
  content: "";
  background: url(/common/images/icon/icn_x.png) no-repeat;
  background-position: center center;
  background-size: cover;
}
.collabo_hero_txt {
  max-width: 1500px;
  width: 100%;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  display: block;
  transform: rotate(-5deg);
}
.collabo_hero .scrollbox {
  position: absolute;
  margin: auto;
  top: 110%;
  left: 50%;
}
.collabo_hero .scrolldown {
  display: grid;
  place-content: center;
}
.collabo_hero .scrolldown span {
  position: absolute;
  top: 0;
  /*テキストの形状*/
  color: #eee;
  font-size: 12px;
  letter-spacing: 0.5px;
  writing-mode: vertical-rl;
}
.collabo_hero .scrolldown::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 75px;
  background: #eee;
  animation: pathmove 1.2s ease-in-out infinite;
  opacity: 0;
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 30px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 75px;
    opacity: 0;
  }
}
.collabo_item {
  margin: 0;
  list-style: none;
}
.collabo_item li {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .collabo_item li {
    margin-bottom: 0;
  }
}
.collabo_item li .collabo_blk {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
}
.collabo_item li .collabo_blk .collabo_content {
  display: grid;
  place-content: center;
  margin: auto;
  width: 100%;
  height: 100%;
}
.collabo_item li .collabo_blk .collabo_content_wrap {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collabo_item li .collabo_blk .collabo_content_wrap > div {
  padding: 15px;
}
.collabo_item li .collabo_blk .collabo_content_wrap > div.collabo_logo {
  display: grid;
  place-centent: center;
}
.collabo_item li .collabo_blk .collabo_content_wrap > div.collabo_logo .logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center center;
  object-fit: cover;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .collabo_item li .collabo_blk .collabo_content_wrap > div.collabo_logo .logo {
    width: 80px;
    height: 80px;
  }
}
.collabo_item li .collabo_blk .collabo_content_wrap > div.collabo_logo .logo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .collabo_item li .collabo_blk .collabo_content_wrap > div.collabo_logo .logo img {
    width: 80px;
    height: 80px;
  }
}
.collabo_item li .collabo_blk .collabo_content_wrap > div.collabo_logo:before {
  content: "";
  background: url(/common/images/icon/icn_x.png) no-repeat;
  background-position: center center;
  background-size: cover;
}
.collabo_item li .collabo_blk .link_detail > a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}
.collabo_item li .collabo_blk .link_detail > a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  content: "";
}
.collabo_item li .collabo_blk .link_detail > a:hover:after {
  transform: translate(0, 0);
}
.collabo_item li .collabo_blk > .image {
  position: relative;
  width: 90%;
  height: 100%;
  margin: auto;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .collabo_item li .collabo_blk > .image {
    width: 60%;
    margin: 0;
  }
}
.collabo_item li .collabo_blk > .image a.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.collabo_item li .collabo_blk > .image a.hvr-sweep-to-right:hover:before, .collabo_item li .collabo_blk > .image a.hvr-sweep-to-right:focus:before, .collabo_item li .collabo_blk > .image a.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.collabo_item li .collabo_blk > .image a.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.collabo_item li .collabo_blk > .text {
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  margin-top: -40px;
}
@media screen and (min-width: 768px) {
  .collabo_item li .collabo_blk > .text {
    width: 50%;
    margin-right: -30%;
    margin-top: 0;
  }
}
.collabo_item li .collabo_blk > .text .wrap {
  padding: 60px 30px 30px 30px;
}
@media screen and (min-width: 768px) {
  .collabo_item li .collabo_blk > .text .wrap {
    padding: 10% 120px 10% 30px;
    max-width: 580px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .collabo_item li .collabo_blk {
    flex-direction: row;
  }
}
.collabo_item li:nth-child(odd) .collabo_blk {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
}
.collabo_item li:nth-child(odd) .collabo_blk > .image {
  position: relative;
  width: 90%;
  height: 100%;
  margin: auto;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .collabo_item li:nth-child(odd) .collabo_blk > .image {
    width: 60%;
    margin: 0;
  }
}
.collabo_item li:nth-child(odd) .collabo_blk > .text {
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  margin-top: -40px;
}
@media screen and (min-width: 768px) {
  .collabo_item li:nth-child(odd) .collabo_blk > .text {
    width: 50%;
    margin-left: -30%;
    margin-right: 0;
    margin-top: 0;
  }
}
.collabo_item li:nth-child(odd) .collabo_blk > .text .wrap {
  padding: 60px 30px 30px 30px;
}
@media screen and (min-width: 768px) {
  .collabo_item li:nth-child(odd) .collabo_blk > .text .wrap {
    padding: 10% 30px 10% 120px;
    max-width: 580px;
    width: 100%;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .collabo_item li:nth-child(odd) .collabo_blk {
    flex-direction: row-reverse;
  }
}
.collabo_item li.finished .finished_content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-15deg);
  background: rgba(164, 3, 3, 0.8);
  padding: 0.8em;
  border-radius: 0;
  color: #efefef;
  width: 100px;
  height: 100px;
  display: grid;
  place-content: center;
}
.collabo .animate {
  font-size: 32px;
  font-weight: 900;
  color: #efefef;
  white-space: nowrap;
}
@media screen and (min-width: 480px) {
  .collabo .animate {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) {
  .collabo .animate {
    font-size: 64px;
  }
}
@media screen and (min-width: 1000px) {
  .collabo .animate {
    font-size: 96px;
    letter-spacing: -10px;
  }
}
.collabo .animate span {
  display: inline-block;
}
.collabo .animate span:nth-of-type(2) {
  animation-delay: 0.05s;
}
.collabo .animate span:nth-of-type(3) {
  animation-delay: 0.1s;
}
.collabo .animate span:nth-of-type(4) {
  animation-delay: 0.15s;
}
.collabo .animate span:nth-of-type(5) {
  animation-delay: 0.2s;
}
.collabo .animate span:nth-of-type(6) {
  animation-delay: 0.25s;
}
.collabo .animate span:nth-of-type(7) {
  animation-delay: 0.3s;
}
.collabo .animate span:nth-of-type(8) {
  animation-delay: 0.35s;
}
.collabo .animate span:nth-of-type(9) {
  animation-delay: 0.4s;
}
.collabo .animate span:nth-of-type(10) {
  animation-delay: 0.45s;
}
.collabo .animate span:nth-of-type(11) {
  animation-delay: 0.5s;
}
.collabo .animate span:nth-of-type(12) {
  animation-delay: 0.55s;
}
.collabo .animate span:nth-of-type(13) {
  animation-delay: 0.6s;
}
.collabo .animate01 span {
  color: #fff;
  opacity: 0;
  transform: translate(-150px, 0) scale(0.3);
  animation: leftRight 0.5s forwards;
}
@keyframes leftRight {
  40% {
    transform: translate(50px, 0) scale(0.9);
    opacity: 1;
    color: #121212;
  }
  60% {
    color: #aaa;
  }
  80% {
    transform: translate(0) scale(3);
    opacity: 0;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}

/* detail
=============================*/
.detail .header {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-bottom: 2em;
  background: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
}
.detail .header.bg-slider {
  height: 100vh !important;
}
.detail .header_title {
  color: white;
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.1;
  padding: 2em 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .detail .header_title {
    font-size: 2.6rem;
  }
}
.detail .header_content_title {
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 1.5;
  padding: 0 0 2em;
  color: white;
}
.detail_title {
  color: white;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 0 0ˇ;
}
.detail_title > .sub_title {
  display: block;
}
.detail_color {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0.5em 0;
  list-style-type: none;
  gap: 0.5em 0.5em;
}
.detail_color li {
  margin: 0;
}
.detail_color li a {
  border: 1px solid #666;
  border-radius: 30px;
  padding: 0.3em 0.75em;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 25px;
  line-height: 1.25em;
  font-size: 13px;
  white-space: nowrap;
}
.detail_color li a.vari_active {
  border: none;
}
.detail_color li a:hover {
  background-color: #121212;
  color: #fff;
}
.detail_color li a span.color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto 0;
  display: inline-block;
  font-size: 1em;
  border-radius: 50%;
  border: 1px solid #666;
  width: 1.25em;
  height: 1.25em;
}
.detail_color li a span.color.chrome {
  background-color: #dde1ea;
}
.detail_color li a span.color.nickel {
  background-color: #d6ccc3;
}
.detail_color li a span.color.black {
  background-color: #060606;
}
.detail_color li a span.color.gold {
  background-color: #f9e5b3;
}
.detail_color li a span.color.blacknickel {
  background-color: #433e38;
}
.detail_color li a span.color.red {
  background-color: #b50909;
}
.detail_color li a span.color.blue {
  background-color: #0544ba;
}
.detail_color li a span.color.green {
  background-color: #116600;
}
.detail_color li a.icon_right_after::after {
  font-size: 12px;
}
.detail_brand {
  font-size: 1.3rem;
}
.detail_price {
  font-size: 1.6rem;
}
.detail_text {
  margin-bottom: 20px;
}
.detail_content {
  margin-bottom: 2em;
}
.detail_content_box {
  margin-top: 2em;
  padding: 30px;
  background: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
.detail_content_box.mt0 {
  margin-top: 0;
}
.detail_content_box_block_item div figure {
  margin: 0;
  padding: 0 1rem;
}
.detail_content_box_block_item div figure .image_thumb {
  display: block;
  position: relative;
  width: 100%;
}
.detail_content_box_block_item div figure .image_thumb img {
  width: 100%;
}
.detail_content_box_block_item div figure .image_thumb .icon_youtube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /*センター寄せの修正*/
  display: grid;
  place-content: center;
  color: red !important;
}
.detail_content_box_block_item div figure figcaption {
  padding: 1rem 0;
}
.detail_content_box_block_item div.column1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem 1rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .detail_content_box_block_item div.column1 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.detail_content_box_block_item div.column2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem 1rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .detail_content_box_block_item div.column2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.detail_content_box_block_item div.column3 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem 1rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .detail_content_box_block_item div.column3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.detail_content_box_block_title {
  color: white;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  padding: 0;
  margin: 0.5em 0;
}
.detail_content_box_block_title.visib_hidden {
  visibility: hidden;
}
.detail_content_box_block_text {
  line-height: 1.5;
  font-size: 1.6rem;
  margin-bottom: 2em;
}
.detail_content_box_block_text p {
  margin-bottom: 1em;
}
.detail_content_box_block_image {
  margin-bottom: 1em;
}
.detail_content_box_block_image p {
  margin-bottom: 0.5em;
}
.detail_content_box_block_btn {
  margin-bottom: 1em;
}
.detail_content_box_block_btn p {
  display: bolock;
  font-size: 1.4rem;
  margin-bottom: 0.5em;
}
.detail_content_box_block_btn p a {
  display: inline-block;
  border: 1px solid #eee;
  padding: 0.5em 1.5em;
  margin: 0 5px 5px 0;
  transition: all 0.2s;
  background-color: rgba(0, 0, 0, 0);
}
.detail_content_box_block_btn p a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.detail_content_box_block_btn p a::after {
  font-family: "Font Awesome 6 Free";
  content: "\f105";
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-weight: 900;
}
.detail_content_box_block_btns {
  margin-bottom: 1em;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.detail_content_box_block_btns li {
  font-size: 1.4rem;
}
.detail_content_box_block_btns li a {
  display: block;
  border: 1px solid #eee;
  padding: 0.5em 1.5em;
  margin: 0 5px 5px 0;
  transition: all 0.2s;
  background-color: rgba(0, 0, 0, 0);
}
.detail_content_box_block_btns li a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.detail_content_box_block_btns li a::after {
  font-family: "Font Awesome 6 Free";
  content: "\f105";
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-weight: 900;
}
.detail_content_box_block_table {
  margin-bottom: 1em;
}
.detail_content_box_block_table .tbl_base.small th {
  padding: 10px !important;
}
@media screen and (max-width: 767px) {
  .detail_content_box_block_table .tbl_base.small th {
    padding: 10px 10px 0 10px !important;
  }
}
.detail_content_box_block_table .tbl_base.small td {
  padding: 10px !important;
}
.detail_content_title {
  color: white;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  padding: 2em 0 2em;
}
.detail_content_menu {
  background: black;
  padding: 0;
  z-index: 99;
}
.detail_content_menu div a:hover {
  color: white;
}
.detail_content .title {
  font-size: 2rem;
  font-weight: 300;
  color: white;
  margin: 0 0 2rem;
}
.detail_content .main_img .icn_news.parts {
  right: 0;
  left: 1em;
  width: 50px;
}
.detail .content_area .wrap {
  padding: 35px 0;
  margin: 0;
}
.detail .content_area .wrap .row > div {
  padding: 15px;
}
.detail .content_area .wrap:first-child {
  padding-top: 0;
}
.detail .content_area .wrap:nth-child(2n) {
  background: rgba(255, 255, 255, 0.1);
}
.detail .content_area figure {
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.detail .content_area figure img {
  margin: auto;
}
.detail .content_area figure figcaption {
  font-size: 1.2rem;
  line-height: 1.1;
  padding: 10px;
}
.detail .content_area figure figcaption .fa {
  margin: 10px;
}
.detail .tab_style {
  padding: 1em 15px;
  text-align: center;
}
.detail .color_variation {
  display: flex;
  /* 子要素をflexboxで揃える */
  flex-direction: row;
  /* 子要素をflexboxにより縦方向に揃える */
  justify-content: center;
  align-items: stretch;
}
.detail .color_variation > div {
  background: #353535;
  line-height: 1.2;
  border: 1px solid #212121;
}
.detail .color_variation > div figure {
  margin: 2rem auto;
  text-align: center;
}
.detail .color_variation > div figure img {
  margin-bottom: 0;
}
.detail .color_variation > div figure figcaption {
  text-align: center;
  font-size: 1.3rem;
}
.detail .color_variation > div figure img.image_color {
  width: auto;
}
.detail .color_variation > div figure img.image_variation_ {
  width: 140px;
}
.detail .pswp__caption .pswp__caption__center {
  text-align: center;
}
.detail .image_lity {
  cursor: pointer;
}
.detail .image_lity:hover {
  opacity: 0.8;
}
.detail .product_list > div {
  display: flex;
  /* 子要素をflexboxで揃える */
  flex-direction: row;
  /* 子要素をflexboxにより縦方向に揃える */
  justify-content: space-between;
  align-items: stretch;
  /*flex-start flex-end  stretch 子要素をflexboxにより中央に配置する */
  background: #f2f2f2;
  line-height: 1.2;
  border: 1px solid #fff;
}
.detail .product_list > div figure {
  margin: 2rem auto;
  text-align: center;
}
.detail .product_list > div figcaption {
  text-align: center;
}
.detail .product_list > div figcaption ul.list {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  text-align: left;
}
.detail .product_list > div figcaption ul.list li {
  margin: 0;
  padding: 0;
  float: none;
}
.detail .product_list > div img.image_color {
  width: auto;
}
.detail .product_list > div img.image_variation_ {
  width: 140px;
}
.detail .parts_title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 20px;
}
.detail .parts_content_title {
  font-size: 1.8rem;
  font-weight: 400;
  color: white;
  padding: 0;
  line-heigh: 1.2;
  margin-bottom: 0.2em;
}
.detail .parts_content_slide {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #333;
  margin-bottom: 1em;
}

.items_content .brand {
  margin-bottom: 0;
}

.toneprofile_text dl {
  margin-bottom: 0;
}
.toneprofile_text dl dt {
  font-weight: normal;
  font-size: 12px;
  display: inline-block;
}
.toneprofile_text dl dd {
  font-weight: 500;
  font-size: 13px;
  display: inline-block;
}

.brand_logo {
  margin: 45px auto 30px;
}

.video_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .video_content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.video_content_box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .video_content_box {
    width: calc((100% - 15px) / 2);
  }
}

.video_content_box2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  /* 動画サムネイル用のCSS */
  /* ローカル動画用のスタイル */
  /* レスポンシブ対応 */
}
.video_content_box2 .video-item {
  position: relative;
  display: inline-block;
  margin: 10px;
}
.video_content_box2 .video-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  background: #000;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video_content_box2 .youtube-thumbnail {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.video_content_box2 .thumbnail-fallback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #333 0%, #555 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
}
.video_content_box2 .fallback-content {
  padding: 20px;
}
.video_content_box2 .fallback-content i {
  margin-bottom: 10px;
  opacity: 0.8;
}
.video_content_box2 .fallback-content p {
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
}
.video_content_box2 .icon_youtube,
.video_content_box2 .icon_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 2;
  margin: auto !important;
}
.video_content_box2 .video-item:hover .icon_youtube,
.video_content_box2 .video-item:hover .icon_play {
  color: #ff0000;
  transform: translate(-50%, -50%) scale(1.1);
}
.video_content_box2 .image_thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  z-index: 3;
}
.video_content_box2 .video-thumbnail-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  z-index: 1;
}
.video_content_box2 .video-item:hover .video-thumbnail-container::before {
  background: rgba(0, 0, 0, 0.3);
}
.video_content_box2 .local-video video {
  cursor: pointer;
  width: 100%;
  height: auto;
}
.video_content_box2 .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
}
.video_content_box2 .video-title {
  margin-top: 10px;
  font-size: 14px;
  max-width: 90%;
}
.video_content_box2 .oembed-content {
  max-width: 100%;
}
@media (max-width: 768px) {
  .video_content_box2 .video-item {
    margin: 5px;
  }
  .video_content_box2 .video-thumbnail-container {
    min-height: 150px;
  }
  .video_content_box2 .fallback-content i {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .video_content_box2 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.video_content_box2 figure {
  margin: 0 auto 0;
  position: relative;
  text-align: center;
}

.video_content_box2 figure .icon_youtube {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -28px;
  color: red;
}

/* anniversary
=============================*/
#anniversary {
  /* サムネイル用のスタイル */
}
#anniversary.home {
  padding-top: 85px;
}
#anniversary.home > .messages_list > .container {
  max-width: 1500px;
  width: 100%;
  margin: auto;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#anniversary.home > .messages_list > .container > h2 > span {
  background: #d3523e;
  color: #fff;
  padding: 0.5rem 1rem;
  margin-left: 5px;
  font-size: 14px;
  letter-spacing: -1px;
}
#anniversary.home > .messages_list > .container > .messages_row {
  margin: 30px auto 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#anniversary.home > .messages_list > .container > .messages_row > div {
  text-align: center;
  padding: 0;
  width: 20%;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  #anniversary.home > .messages_list > .container > .messages_row > div {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #anniversary.home > .messages_list > .container > .messages_row > div {
    width: 100%;
  }
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > h3 {
  text-align: center;
  padding: 10px 15px;
  width: 100%;
  color: #ccc;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.5px;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > h3 > span:after {
  content: " ,";
  margin-right: 3px;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > h3 > span:last-child:after {
  display: none;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption {
  background: rgba(0, 0, 0, 0.9);
  margin: 0;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div {
  text-align: center;
  width: 100%;
  padding: 2%;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.name > .row {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.name > .row > div {
  text-align: left;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.name > .row > div > h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  padding: 10px 15px;
  margin: 0 auto;
  color: white;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.name > .row > div > h4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul {
  padding: 10px 0;
  margin: 0 0 0 0;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul > li {
  font-size: 16px;
  display: inline-block;
  list-style: none;
  text-align: left;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul > li.video > a {
  padding: 7.5px 15px;
  font-size: 15px;
  background: #990000;
  line-height: 1;
  display: block;
  border-radius: 3px;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul > li.text > a {
  padding: 7.5px 15px;
  font-size: 15px;
  background: #990000;
  line-height: 1;
  display: block;
  border-radius: 3px;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.links > ul {
  text-align: left;
  margin: 0 auto;
  background: #222;
  padding: 10px;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.links > ul > li {
  list-style: none;
  display: inline-block;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.links > ul > li a {
  padding: 5px 10px;
  line-height: 1;
  white-space: nowrap;
}
#anniversary.home > .messages_list > .container > .messages_row > div > figure > figcaption > .row > div.links > ul > li a::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f35d";
  margin-left: 5px;
}
#anniversary > .main_visual {
  width: 100%;
  height: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #anniversary > .main_visual {
    height: 100%;
  }
}
#anniversary > .main_visual > .overlay {
  background: url(/assets_2018/45th/images/overlay.png);
  width: 100%;
  height: 100%;
  margin: auto;
}
#anniversary > .main_visual > .overlay > .container {
  max-width: 1500px;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  margin: auto;
}
#anniversary > .main_visual > .overlay > .container .wp_social_bookmarking_light {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#anniversary > .main_visual > .overlay > .container > .content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  height: 100%;
}
#anniversary > .main_visual > .overlay > .container > .content > h1 {
  text-align: center;
}
#anniversary > .main_visual > .overlay > .container > .content > h1 > img {
  max-width: 400px;
  width: 100%;
}
#anniversary > .main_visual > .overlay > .container > .btn_down {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
}
@media screen and (max-width: 767px) {
  #anniversary > .main_visual > .overlay > .container > .btn_down {
    flex-direction: column;
    margin-top: -25%;
  }
}
#anniversary.messages {
  padding-top: 85px;
  position: relative;
}
#anniversary.messages > .main_visual {
  width: 100%;
  height: 50%;
  margin: auto;
}
#anniversary.messages > .main_visual > .overlay {
  background: url(/assets_2018/45th/images/overlay.png) rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  margin: auto;
}
#anniversary.messages > .main_visual > .overlay > .container {
  max-width: 1500px;
  width: 100%;
  height: 100%;
  position: relative;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#anniversary.messages > .main_visual > .overlay > .container > .content {
  padding: 30px 0;
  color: #fff;
}
#anniversary.messages > .main_visual > .overlay > .container > .content .wp_social_bookmarking_light {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#anniversary.messages > .main_visual > .overlay > .container > .content > img {
  margin-bottom: 30px;
  width: 150px;
}
#anniversary.messages > .main_visual > .overlay > .container > .content > h1 {
  text-align: center;
  margin: 0 auto 15px;
  font-size: 24px;
}
#anniversary.messages > .main_visual > .overlay > .container > .content > h1 > span {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  display: block;
}
#anniversary.messages > .main_visual > .overlay > .container > .btn_down {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
}
#anniversary.messages > .messages_list {
  margin-bottom: 10px;
}
#anniversary.messages > .messages_list > .overlay {
  background: url(/assets_2018/45th/images/overlay.png);
  width: 100%;
  height: 100%;
  margin: auto;
}
#anniversary.messages > .messages_list > .overlay > .container {
  max-width: 1500px;
  width: 100%;
  margin: auto;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row {
  margin: 30px auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div {
  text-align: center;
  padding: 0;
  width: 25%;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  #anniversary.messages > .messages_list > .overlay > .container > .messages_row > div {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #anniversary.messages > .messages_list > .overlay > .container > .messages_row > div {
    width: 100%;
  }
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > h2 {
  text-align: center;
  background: rgb(0, 0, 0);
  padding: 10px 15px;
  width: 100%;
  color: #ccc;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.5px;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > h2 > span:after {
  content: " ,";
  margin-right: 3px;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > h2 > span:last-child:after {
  display: none;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption {
  background: rgba(0, 0, 0, 0.9);
  margin: 0;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div {
  text-align: center;
  width: 100%;
  padding: 2%;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.name > .row {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.name > .row > div {
  text-align: left;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.name > .row > div > h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  padding: 10px 15px;
  margin: 0 auto;
  color: white;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.name > .row > div > h4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul {
  padding: 10px 0;
  margin: 0 0 0 0;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul > li {
  font-size: 16px;
  display: inline-block;
  list-style: none;
  text-align: left;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul > li.video > a {
  padding: 7.5px 15px;
  font-size: 15px;
  background: #990000;
  line-height: 1;
  display: block;
  border-radius: 3px;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.messages > ul > li.text > a {
  padding: 7.5px 15px;
  font-size: 15px;
  background: #990000;
  line-height: 1;
  display: block;
  border-radius: 3px;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.links > ul {
  text-align: left;
  margin: 0 auto;
  background: #222;
  padding: 10px;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.links > ul > li {
  list-style: none;
  display: inline-block;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.links > ul > li a {
  padding: 5px 10px;
  line-height: 1;
  white-space: nowrap;
}
#anniversary.messages > .messages_list > .overlay > .container > .messages_row > div > figure > figcaption > .row > div.links > ul > li a::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f35d";
  margin-left: 5px;
}
#anniversary > .products > .overlay {
  background: url(/assets_2018/45th/images/overlay.png);
  width: 100%;
  height: 100%;
  margin: auto;
}
#anniversary > .products > .overlay > .container {
  max-width: 1500px;
  width: 100%;
  margin: auto;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#anniversary > .products > .overlay > .container > .content {
  padding: 30px 0;
}
#anniversary > .products > .overlay > .container > .content .wp_social_bookmarking_light {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#anniversary > .products > .overlay > .container > .content > h2 {
  color: white;
  font-size: 26px;
  line-height: 1.3;
  padding: 10px 0 20px;
}
#anniversary > .products > .overlay > .container > .content > .row {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
#anniversary > .products > .overlay > .container > .content > .row > div {
  margin: -1px 0 0;
  padding: 15px 0;
  text-align: center;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: url() left top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  #anniversary > .products > .overlay > .container > .content > .row > div {
    width: 100%;
  }
}
#anniversary > .products > .overlay > .container > .content > .row > div > h3 {
  text-align: left;
  color: white;
  font-size: 18px;
  font-weight: 500;
  margin: auto;
}
#anniversary > .products > .overlay > .container > .content > .row > div > .btn_detail {
  display: block;
  float: right;
}
#anniversary > .products > .overlay > .container > .content > .row > div > .btn_detail a {
  border: 1px solid black;
  background: black;
  padding: 7.5px 20px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  letter-spacing: 0.5px;
}
#anniversary > .products > .overlay > .container > .content > .row > div > .btn_detail a:hover {
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.8);
  padding: 7.5px 20px;
  color: black;
}
#anniversary > .products > .overlay > .container > .content .related-products {
  margin-bottom: 3rem;
}
#anniversary > .products > .overlay > .container > .content .related-products .items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  #anniversary > .products > .overlay > .container > .content .related-products .items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  #anniversary > .products > .overlay > .container > .content .related-products .items {
    grid-template-columns: repeat(4, 1fr);
  }
}
#anniversary > .products > .overlay > .container > .content .related-products .items figure {
  background-color: #000;
  padding: 1rem;
}
#anniversary > .products > .overlay > .container > .content .related-products .items figure:after {
  content: attr(data-title);
  display: block;
  color: #efefef;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
}
#anniversary > .products > .overlay > .container > .content .related-products .items figure .product_image_main {
  width: 70%;
}
#anniversary > .products > .overlay > .container > .content .related-products .items figure figcaption a {
  width: auto;
}
#anniversary > .models > .overlay {
  background: url(/assets_2018/45th/images/overlay.png);
  width: 100%;
  height: 100%;
  margin: auto;
}
#anniversary > .models > .overlay > .container {
  max-width: 1500px;
  width: 100%;
  margin: auto;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#anniversary > nav > .container > .row {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  #anniversary > nav > .container > .row {
    flex-direction: column;
  }
}
#anniversary > nav > .container > .row > div {
  padding: 1%;
  width: 31.3333%;
}
@media screen and (max-width: 900px) {
  #anniversary > nav > .container > .row > div {
    width: 100%;
  }
}
#anniversary > nav > .container > .row > div a {
  cursor: pointer;
}
#anniversary > nav > .container > .row > div a > figure {
  margin: 0;
  background: #000;
  position: relative;
}
#anniversary > nav > .container > .row > div a > figure img {
  width: 100%;
}
#anniversary > nav > .container > .row > div a > figure > .overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#anniversary > nav > .container > .row > div a > figure > .note {
  position: absolute;
  top: 40%;
  width: 100%;
  margin: auto;
  padding: 15px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
#anniversary > nav > .container > .row > div a > figure > .note > p {
  text-align: center;
  display: block;
}
#anniversary > nav > .container > .row > div a > figure > figcaption {
  padding: 15px;
  color: #eee;
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 960px) {
  #anniversary > nav > .container > .row > div a > figure > figcaption {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #anniversary > nav > .container > .row > div a > figure > figcaption {
    font-size: 16px;
  }
}
#anniversary > nav > .container > .row > div a:hover > figure .overlay {
  background: none;
}
#anniversary .gallery-groups {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  #anniversary .gallery-groups {
    grid-template-columns: repeat(5, 1fr);
  }
}
#anniversary .gallery-links {
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 3rem;
  margin: auto;
  text-align: center;
  place-items: center;
}
#anniversary .gallery-links .gallery-item dd::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  width: 16px;
  height: 16px;
  margin-left: 0.5rem;
}
#anniversary .gallery_item {
  gap: 1rem !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap !important;
  text-align: center;
}
#anniversary .gallery_item .gallery-item {
  position: relative;
  width: 100%;
}
#anniversary .gallery-item {
  float: none !important;
  width: auto !important;
}
@media screen and (max-width: 767px) {
  #anniversary .gallery-item {
    margin: 0 !important;
  }
}
#anniversary .gallery_item div {
  padding: 0 !important;
}
#anniversary .gallery_item img {
  border: 0 !important;
  display: grid;
}
#anniversary .color_variation .image_color {
  display: grid;
  place-content: center;
  margin: 2rem auto;
}
#anniversary .pswp__thumbnails {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  padding: 10px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
#anniversary .pswp__thumbnails-thumb {
  width: 60px;
  height: 60px;
  margin: 0 5px;
  cursor: pointer;
  border: 2px solid transparent;
  display: inline-block;
  opacity: 0.7;
  transition: all 0.2s ease;
}
#anniversary .pswp__thumbnails-thumb.active {
  border-color: #fff;
  opacity: 1;
}
#anniversary .pswp__thumbnails-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#anniversary .logo_anniversary {
  width: min(320px, 100%) !important;
  height: auto !important;
  margin: 1rem auto 2rem;
}
#anniversary .lead_text {
  font-weight: 500;
  text-align: left;
  inline-size: fit-content;
  margin-inline: auto;
  line-height: 2;
}

.lity_inline-box {
  padding: 30px;
  color: #fff;
  line-height: 1.5;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.lity_inline-box > .logo {
  position: absolute;
  top: -100px;
  left: 50%;
  margin-left: -50px;
  margin-bottom: 15px;
  width: 100px;
}

.nav_anniversary {
  background-color: #000;
  padding: 1rem;
}
.nav_anniversary .container {
  max-width: 1200px;
  margin: auto;
  padding: 3rem 0;
}
.nav_anniversary .nav_anniversary_item {
  display: grid;
  place-items: center;
  max-width: 240px;
  width: 100%;
  gap: 1rem;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .nav_anniversary .nav_anniversary_item {
    max-width: 960px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.nav_anniversary .nav_anniversary_item > div {
  position: relative;
}
.nav_anniversary .nav_anniversary_item > div:before {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  content: "";
  display: grid;
  place-content: center left;
  width: 1px;
  height: 60%;
  background-image: linear-gradient(#000, #444, #000);
}
.nav_anniversary .nav_anniversary_item > div:after {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  content: "";
  display: grid;
  place-content: center left;
  width: 1px;
  height: 60%;
  background-image: linear-gradient(#000, #444, #000);
}
@media screen and (min-width: 768px) {
  .nav_anniversary .nav_anniversary_item > div:after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .nav_anniversary .nav_anniversary_item > div:last-of-type:after {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    content: "";
    display: grid;
    place-content: center left;
    width: 1px;
    height: 60%;
    background-image: linear-gradient(#000, #444, #000);
  }
}
.nav_anniversary .nav_anniversary_item > div .icon_right_after {
  text-align: center;
}
.nav_anniversary .nav_anniversary_item > div .a {
  opacity: 0.8;
  transition: 0.2s;
}
.nav_anniversary .nav_anniversary_item > div .a:hover {
  opacity: 1;
}
.nav_anniversary .nav_anniversary_item > div figure figcaption {
  font-size: 14px;
  inline-size: fit-content;
  margin-inline: auto;
  line-height: 1.5;
}

/* .inner.news
=============================*/
.inner {
  /*news*/
}
.inner_news section:not(:first-child) {
  margin-top: 30px;
}
.inner_news .heading {
  float: initial;
  font-size: 2.4rem;
  color: #efefef;
  padding: 10px 1rem;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .inner_news .heading {
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0;
  }
}
.inner_news .heading h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fefefe;
  line-height: 1;
  margin: 0;
}
.inner_news .heading h2 span {
  display: inline-block;
  white-space: nowrap;
}
.inner_news .heading > .btn {
  padding: 0;
}
.inner_news .heading > .btn a {
  width: 150px;
  background: #121212;
  display: block;
  padding: 10px 20px 10px 10px;
  color: #efefef;
  text-decoration: none;
  line-height: 1;
  font-size: 1.3rem;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .heading > .btn a:hover {
  background: #121212;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .heading > .btn a.btn_arrow_right {
  position: relative;
}
.inner_news .heading > .btn a.btn_arrow_right::after {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner_news h3 {
  padding: 15px;
  font-weight: 700;
  font-size: 2rem;
}
.inner_news .buttons {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner_news .buttons > .btn_middle {
  padding: 0;
}
.inner_news .buttons > .btn_middle a {
  background: #121212;
  color: #efefef;
  display: block;
  padding: 15px 40px 15px 30px;
  font-size: 1.4rem;
  line-height: 1;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .buttons > .btn_middle a:hover {
  background: #121212;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .buttons > .btn_middle a.btn_arrow_right {
  position: relative;
}
.inner_news .buttons > .btn_middle a.btn_arrow_right::after {
  position: absolute;
  top: 15px;
  right: 30px;
  margin: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner_news .buttons > .btn_big {
  padding: 0;
}
.inner_news .buttons > .btn_big a {
  background: #121212;
  color: #efefef;
  display: block;
  padding: 20px 55px 20px 45px;
  font-size: 1.6rem;
  line-height: 1.25;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .buttons > .btn_big a:hover {
  background: #121212;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .buttons > .btn_big a.btn_arrow_right {
  position: relative;
}
.inner_news .buttons > .btn_big a.btn_arrow_right::after {
  position: absolute;
  top: 20px;
  right: 40px;
  margin: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner div.inner_wrapper {
  max-width: 1500px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (min-width: 1500px) {
  .inner div.inner_wrapper {
    flex-flow: row nowrap;
  }
}
.inner div.inner_wrapper .inner_main {
  max-width: 1200px;
  width: 100%;
  margin: 30px auto;
  height: 100%;
}
.inner div.inner_wrapper .inner_main > section {
  width: 100%;
}
.inner div.inner_wrapper .inner_side {
  max-width: 270px;
  width: 100%;
  height: 100%;
  margin: 30px 0 30px 15px;
  padding: 0 0 0 0;
}
.inner div.inner_wrapper .inner_side > aside {
  display: none;
}
@media screen and (min-width: 1500px) {
  .inner div.inner_wrapper .inner_side > aside {
    display: block;
    margin-left: auto;
  }
}
.inner div.inner_wrapper .inner_side .side .tag_cloud {
  padding: 2rem 0;
}
.inner div.inner_wrapper .inner_side .side .tag_cloud h2 {
  margin-bottom: 1rem;
}
.inner div.inner_wrapper .inner_side .side .tag_cloud .btn {
  padding: 0;
  margin: 1rem auto;
  display: grid;
  place-content: end;
}
.inner div.inner_wrapper .inner_side .side .tag_cloud .btn a.btn_arrow_right {
  position: relative;
  width: 150px;
  background: #121212;
  display: block;
  padding: 10px 20px 10px 10px;
  color: #efefef;
  text-decoration: none;
  line-height: 1;
  font-size: 1.3rem;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner div.inner_wrapper .inner_side .side .tag_cloud .btn a.btn_arrow_right::after {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner .inner_news .detail_video .overlay,
.inner .inner_news .detail_video #yt_player {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.inner .inner_news .detail_video .overlay {
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.85);
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.inner .inner_news .detail_video .overlay::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.inner .inner_news .detail_video #yt_player {
  z-index: -2;
}
.inner .inner_news .detail_video .inner_content {
  display: flex;
  justify-content: center;
  flex-flow: column wrap;
  z-index: 1;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  .inner .inner_news .detail_video .inner_content {
    flex-flow: row wrap;
  }
}
.inner .inner_news .detail_video .inner_content .inner_pageTitle {
  padding: 15px;
  width: 100%;
}
.inner .inner_news .detail_video .inner_content .inner_pageTitle > h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  color: #fefefe;
}
.inner .inner_news .detail_video .inner_content .inner_video {
  width: 100%;
  padding: 0 15px;
}
@media screen and (min-width: 1000px) {
  .inner .inner_news .detail_video .inner_content .inner_video {
    width: 55%;
  }
}
.inner .inner_news .detail_video .inner_content .inner_video .ytube {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.inner .inner_news .detail_video .inner_content .inner_video .ytube iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.inner .inner_news .detail_video .inner_content .inner_video .ytube a {
  /* lityを動かすためにiframeを覆う */
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.inner .inner_news .detail_video .inner_content .inner_product {
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .inner .inner_news .detail_video .inner_content .inner_product {
    width: 45%;
  }
}
.inner .inner_news .detail_video .inner_content .inner_product .product_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_header > h2 {
  padding: 0;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_header > .brand_logo {
  margin: 0 0 0 auto;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_header > .brand_logo img {
  width: 140px;
}
@media screen and (min-width: 640px) {
  .inner .inner_news .detail_video .inner_content .inner_product .product_header > .brand_logo {
    flex-basis: 140px;
    margin: 0 0 0 auto;
  }
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images {
  position: relative;
  overflow: hidden;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images .image {
  height: 320px;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images .image figure {
  margin: 0;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images .image figure figcaption {
  text-align: center;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images .scale_up img {
  transform: scale(0.9);
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images .scale_up img:hover {
  transform: scale(1);
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images > .swiper_images .image {
  margin: auto;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_images > .swiper_images .image .img {
  margin: auto;
  text-align: center;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_btns > .buttons {
  display: flex;
  flex-flow: column wrap;
  margin: 0;
  padding: 15px;
  align-items: center;
}
.inner .inner_news .detail_video .inner_content .inner_product .product_btns > .buttons > li {
  list-style: none;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.inner .inner_news .detail_video .inner_content .inner_product .post_item_tag {
  width: 100%;
  margin: 1rem 0;
  padding: 0 30px 0 40px;
  list-style-position: outside;
  position: relative;
}
.inner .inner_news .detail_video .inner_content .inner_product .post_item_tag:before {
  position: absolute;
  top: 8px;
  left: 15px;
  content: "";
  margin: auto;
  font-size: 1.3rem;
  width: 20px;
  height: 16px;
  background-image: url(../images/news/icn_tag.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner .inner_news .detail_video .inner_content .inner_product .post_item_tag li {
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  font-size: 1.3rem;
  color: #fefefe;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.inner .inner_news .detail_video .inner_content .inner_product .post_item_tag li a {
  transition: all 0.3s ease-out;
}
.inner .inner_news .detail_video .inner_content .inner_product .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.inner .inner_news .detail_video .inner_content .inner_product .update {
  font-size: 12px;
  text-align: right;
  margin-left: auto;
  color: #ccc;
  padding: 1rem;
}
.inner .inner_news .detail_video .video_wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.inner .inner_news .detail_video .video_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.inner .inner_news .detail_video .video_content {
  position: relative;
  padding: 15px;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
}
.inner .inner_news .detail_video .video_content > h2 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.inner .inner_news .detail_video .video_content > h3 {
  padding: 0;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.inner .inner_news .detail_video .video_content > h4 {
  padding: 0;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.inner .inner_news .detail_video .video_content > p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  margin-bottom: 2rem;
}
.inner .inner_news .detail_video .video_content > .demo_name {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
}

/* inner */
.inner_news .news_header {
  width: 100%;
  margin: 0 auto;
  background-color: #111;
}
.inner_news .news_header .container {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.inner_news .news_header .container .wrap {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}
@media screen and (min-width: 1200px) {
  .inner_news .news_header .container .wrap {
    flex-flow: row nowrap;
  }
}
.inner_news .news_header .container .wrap > .image {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .inner_news .news_header .container .wrap > .image {
    width: 55%;
  }
}
.inner_news .news_header .container .wrap > .image a .img {
  width: 100%;
  transition: all 0.3s ease-out;
}
.inner_news .news_header .container .wrap > .image a .img:hover {
  opacity: 0.6;
}
.inner_news .news_header .container .wrap > .image a .cate_name {
  margin: 0;
  padding: 0;
  line-height: 1;
  position: absolute;
  top: 30px;
  left: 30px;
  display: inline;
}
.inner_news .news_header .container .wrap > .image a .cate_name span {
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  line-height: 1;
}
.inner_news .news_header .container .wrap > .image a > .cate_logo {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 90px;
}
.inner_news .news_header .container .wrap > .content {
  padding: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  color: #fefefe;
  height: 464px;
}
@media screen and (min-width: 1200px) {
  .inner_news .news_header .container .wrap > .content {
    width: 45%;
    padding: 30px 30px 30px 30px;
  }
}
.inner_news .news_header .container .wrap > .content > .cate {
  flex-grow: 1;
}
.inner_news .news_header .container .wrap > .content > .cate span {
  background: #000;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin-right: 5px;
}
.inner_news .news_header .container .wrap > .content > .icn {
  position: absolute;
  top: 10px;
  right: 15px;
  text-align: right;
  background: red;
}
.inner_news .news_header .container .wrap > .content > .icn span {
  padding: 0 10px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}
.inner_news .news_header .container .wrap > .content > .title {
  width: 100%;
  margin: 0.5rem 0;
}
.inner_news .news_header .container .wrap > .content > .title:hover {
  text-shadow: 3px 3px 6px #666;
}
.inner_news .news_header .container .wrap > .content > .title a {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.inner_news .news_header .container .wrap > .content > .title a:hover {
  color: #fff;
}
@media screen and (min-width: 961px) {
  .inner_news .news_header .container .wrap > .content > .title a {
    font-size: 3rem;
  }
}
.inner_news .news_header .container .wrap > .content > .summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inner_news .news_header .container .wrap > .content > .post_item_tag {
  width: 100%;
  display: flex;
  margin: 0 15px 0 0;
  padding: 0 0 15px 15px;
  list-style-position: outside;
  font-size: 12px;
  position: relative;
  white-space: nowrap;
  flex-wrap: wrap;
}
.inner_news .news_header .container .wrap > .content > .post_item_tag:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f02b";
  margin-right: 10px;
  position: absolute;
  left: 0;
}
.inner_news .news_header .container .wrap > .content > .post_item_tag li {
  margin-right: 5px;
  list-style: none;
  font-size: 1.4rem;
  color: #fefefe;
}
.inner_news .news_header .container .wrap > .content > .post_item_tag li a {
  transition: all 0.2s;
}
.inner_news .news_header .container .wrap > .content > .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
}
.inner_news .news_header .container .wrap > .content .btn {
  white-space: nowrap;
  padding: 0;
  margin: 15px auto;
}
.inner_news .news_header .container .wrap > .content .btn a {
  background: #121212;
  display: block;
  padding: 15px 25px 15px 20px;
  color: #efefef;
  text-decoration: none;
  line-height: 1;
  font-size: 1.3rem;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .news_header .container .wrap > .content .btn a:hover {
  background: #121212;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .news_header .container .wrap > .content .btn a.btn_arrow_right {
  position: relative;
}
.inner_news .news_header .container .wrap > .content .btn a.btn_arrow_right::after {
  position: absolute;
  top: 15px;
  right: 10px;
  margin: auto;
  color: #efefef;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner_news .news_header .container .wrap > .content .update {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
  color: #ccc;
  padding: 1rem;
}

.inner_news #nav_toggle {
  display: block;
  width: 25px;
  min-width: 25px;
  height: 30px;
  position: fixed;
  top: 95px;
  right: 15px;
  z-index: 5;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .inner_news #nav_toggle {
    opacity: 0;
    display: none;
  }
}
.inner_news #nav_toggle > div {
  position: relative;
}
.inner_news #nav_toggle > div > span {
  display: block;
  height: 1.5px;
  background: #fff;
  position: absolute;
  width: 100%;
  right: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.inner_news #nav_toggle > div > span:nth-child(1) {
  top: 5px;
}
.inner_news #nav_toggle > div > span:nth-child(2) {
  top: 13px;
  width: 15px;
  right: 0;
}
.inner_news #nav_toggle > div > span:nth-child(3) {
  top: 21px;
}
.inner_news #nav_toggle.open > div > span:nth-child(1) {
  top: 5px;
  width: 15px;
}
.inner_news #nav_toggle.open > div > span:nth-child(2) {
  top: 13px;
  width: 100%;
  right: 0;
}
.inner_news #nav_toggle.open > div > span:nth-child(3) {
  top: 21px;
  width: 15px;
}
.inner_news .local_nav {
  height: 58px;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  z-index: 4;
  transition: all 0.3s ease;
  display: none;
}
@media screen and (min-width: 1200px) {
  .inner_news .local_nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.inner_news .local_nav:hover {
  background: #111;
}
.inner_news .local_nav.fixed {
  position: fixed;
  top: 85px;
  margin: 0 auto;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}
.inner_news .local_nav.fixed:hover {
  background: #111;
}
.inner_news .local_nav.open {
  display: block;
  position: fixed;
  top: 85px;
  margin: 0 auto;
  width: 100%;
  height: auto;
  background: #111;
  overflow-y: auto;
  opacity: 1;
}
.inner_news .local_nav ul {
  max-width: 1200px;
  padding: 10px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
}
@media screen and (min-width: 1200px) {
  .inner_news .local_nav ul {
    gap: 10px;
    flex-flow: row nowrap;
  }
}
.inner_news .local_nav ul > li {
  list-style: none;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #333;
  width: 100%;
}
.inner_news .local_nav ul > li a {
  padding: 20px 15px;
  margin: 0;
  display: block;
  line-height: 1;
  font-size: 1.4rem;
  transition: all 1s;
  white-space: nowrap;
}
.inner_news .local_nav ul > li a:hover {
  opacity: 0.6;
}
.inner_news .local_nav ul > li a.icn {
  position: relative;
  padding-left: 26px;
}
.inner_news .local_nav ul > li a.icn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 10px;
  height: 10px;
  margin: auto;
  background-image: url(/assets_2018/images/icon/icn_down.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
.inner_news .local_nav ul > li a.icn.up::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 10px;
  height: 10px;
  margin: auto;
  background-image: url(/assets_2018/images/icon/icn_down.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  transform: rotate(180deg);
}
.inner_news .local_nav ul > li a.icn.right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 10px;
  height: 10px;
  margin: auto;
  background-image: url(/assets_2018/images/icon/icn_down.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  transform: rotate(-90deg);
}
@media screen and (min-width: 1200px) {
  .inner_news .local_nav ul > li {
    width: 100%;
    border-bottom: none;
  }
}

.inner_news {
  /*=============================
  componente - tab
  =============================*/
}
.inner_news .news_text_list > article {
  padding: 15px 15px 15px 15px;
  border-bottom: 1px solid #333;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: column wrap;
}
.inner_news .news_text_list > article:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.inner_news .news_text_list > article:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 961px) {
  .inner_news .news_text_list > article {
    justify-content: space-between;
    flex-flow: row nowrap;
  }
}
.inner_news .news_text_list > article time {
  font-size: 1.4rem;
  line-height: 2;
  color: #999;
  width: 150px;
}
.inner_news .news_text_list > article time span {
  color: red;
  font-size: 1.2rem;
  line-height: 2;
  margin-left: 10px;
}
.inner_news .news_text_list > article dl {
  display: flex;
  flex-flow: column wrap;
  height: 100%;
  width: 100%;
  align-items: flex-start;
  padding: 0 0;
  margin: 0;
}
@media screen and (min-width: 961px) {
  .inner_news .news_text_list > article dl {
    padding: 0 15px;
  }
}
.inner_news .news_text_list > article dl dt {
  padding: 0 0;
  width: 100%;
  font-weight: normal;
}
.inner_news .news_text_list > article dl dt a {
  display: block;
  transition: all 0.2s;
}
.inner_news .news_text_list > article dl dt a:hover {
  text-decoration: underline;
}
.inner_news .news_text_list > article dl dd {
  width: 100%;
  font-size: 1.4rem;
}
.inner_news .news_text_list > article dl dd .post_item_tag {
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 0 0 0 20px;
  list-style-position: outside;
  position: relative;
}
.inner_news .news_text_list > article dl dd .post_item_tag:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.3rem;
  width: 20px;
  height: 16px;
  background-image: url(../images/news/icn_tag.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_text_list > article dl dd .post_item_tag li {
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  font-size: 1.3rem;
  color: #fefefe;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.inner_news .news_text_list > article dl dd .post_item_tag li a {
  transition: all 0.3s ease-out;
}
.inner_news .news_text_list > article dl dd .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.inner_news .news_text_list > article .btn {
  white-space: nowrap;
  padding: 0;
  margin: 0 auto;
}
.inner_news .news_text_list > article .btn a {
  background: #121212;
  display: block;
  padding: 10px 20px 10px 15px;
  color: #efefef;
  text-decoration: none;
  line-height: 1;
  font-size: 1.3rem;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .news_text_list > article .btn a:hover {
  border: 1px solid #fff;
  background: #121212;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .news_text_list > article .btn a.btn_arrow_right {
  position: relative;
}
.inner_news .news_text_list > article .btn a.btn_arrow_right::after {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: auto;
  color: #efefef;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner_news .news_text_list > article .btn a.btn_arrow_right:hover::after {
  color: #fff;
}
.inner_news .news_card {
  display: flex;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  gap: 5px;
}
.inner_news .news_card > article {
  background: #121212;
  align-self: stretch;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .inner_news .news_card > article {
    width: calc(50% - 3.75px);
  }
}
@media screen and (min-width: 768px) {
  .inner_news .news_card > article {
    width: calc(33.3333333333% - 3.75px);
  }
}
@media screen and (min-width: 1200px) {
  .inner_news .news_card > article {
    width: calc(25% - 3.75px);
  }
}
.inner_news .news_card > article > .wrap .image {
  position: relative;
}
.inner_news .news_card > article > .wrap .image .img {
  width: 100%;
  transition: all 0.3s ease-out;
}
.inner_news .news_card > article > .wrap .image .img:hover {
  opacity: 0.6;
}
.inner_news .news_card > article > .wrap .image .cate_name {
  margin: 0;
  padding: 0;
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline;
}
.inner_news .news_card > article > .wrap .image .cate_name span {
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  white-space: nowrap;
  line-height: 1;
}
.inner_news .news_card > article > .wrap .image .cate_logo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
}
.inner_news .news_card > article > .wrap > .content {
  padding: 15px;
  position: relative;
  display: flex;
  flex-flow: wrap;
  width: 100%;
  color: #fefefe;
}
.inner_news .news_card > article > .wrap > .content > .cate {
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap row;
  margin-bottom: 0;
}
.inner_news .news_card > article > .wrap > .content > .cate span {
  background: #000;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0 3px 3px 0;
  line-height: 1;
}
.inner_news .news_card > article > .wrap > .content > .icn {
  text-align: center;
  position: absolute;
  right: 15px;
  top: -30px;
  background: red;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
  line-height: 1;
}
.inner_news .news_card > article > .wrap > .content > .icn span {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}
.inner_news .news_card > article > .wrap > .content > .title {
  width: 100%;
  margin: 0.5rem 0;
}
.inner_news .news_card > article > .wrap > .content > .title:hover {
  text-shadow: 3px 3px 6px #666;
}
.inner_news .news_card > article > .wrap > .content > .title a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.inner_news .news_card > article > .wrap > .content > .title a:hover {
  color: #fff;
}
.inner_news .news_card > article > .wrap > .content > .summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inner_news .news_card > article > .wrap > .content > .post_item_tag {
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 0 0 0 20px;
  list-style-position: outside;
  position: relative;
}
.inner_news .news_card > article > .wrap > .content > .post_item_tag:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.3rem;
  width: 20px;
  height: 12px;
  background-image: url(../images/news/icn_tag.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_card > article > .wrap > .content > .post_item_tag li {
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  font-size: 1.3rem;
  color: #fefefe;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.inner_news .news_card > article > .wrap > .content > .post_item_tag li a {
  transition: all 0.3s ease-out;
}
.inner_news .news_card > article > .wrap > .content > .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.inner_news .news_card > article > .wrap > .content .distribution {
  width: 100%;
  font-size: 1.2rem;
}
.inner_news .news_card > article > .wrap > .content .distribution a {
  position: relative;
  padding-left: 20px;
}
.inner_news .news_card > article > .wrap > .content .distribution a:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.2rem;
  width: 20px;
  height: 12px;
  background-image: url(../images/news/icn_youtube.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_card > article > .wrap > .content .distribution a:hover {
  text-decoration: underline;
}
.inner_news .news_card > article > .wrap > .content .update {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
  color: #999;
}
.inner_news .news_slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.inner_news .news_slider .swiper2 {
  width: 100%;
}
.inner_news .news_slider .swiper-slide {
  max-width: 100% !important;
}
.inner_news .news_slider .swiper-slide .swiper-button-next,
.inner_news .news_slider .swiper-slide .swiper-button-prev {
  z-index: 2 !important;
}
.inner_news .news_slider article {
  background: #121212;
  align-self: stretch;
  width: 100%;
  height: 100%;
}
.inner_news .news_slider article > .wrap {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
}
.inner_news .news_slider article > .wrap .image {
  position: relative;
}
.inner_news .news_slider article > .wrap .image .img {
  width: 100%;
  transition: all 0.3s ease-out;
  object-fit: cover;
  height: 167px;
}
.inner_news .news_slider article > .wrap .image .img:hover {
  opacity: 0.6;
}
.inner_news .news_slider article > .wrap .image .cate_name {
  margin: 0;
  padding: 0;
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline;
}
.inner_news .news_slider article > .wrap .image .cate_name span {
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  white-space: nowrap;
  line-height: 1;
}
.inner_news .news_slider article > .wrap .image .cate_logo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
}
.inner_news .news_slider article > .wrap > .content {
  padding: 15px;
  position: relative;
  width: 100%;
  color: #fefefe;
  min-height: 250px;
}
.inner_news .news_slider article > .wrap > .content > .cate {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
}
.inner_news .news_slider article > .wrap > .content > .cate span {
  background: #000;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0 3px 3px 0;
  line-height: 1;
}
.inner_news .news_slider article > .wrap > .content > .icn {
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
  background: red;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
  line-height: 1;
}
.inner_news .news_slider article > .wrap > .content > .icn span {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}
.inner_news .news_slider article > .wrap > .content > .title {
  width: 100%;
  margin: 0.5rem 0;
}
.inner_news .news_slider article > .wrap > .content > .title:hover {
  text-shadow: 3px 3px 6px #666;
}
.inner_news .news_slider article > .wrap > .content > .title a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.inner_news .news_slider article > .wrap > .content > .title a:hover {
  color: #fff;
}
.inner_news .news_slider article > .wrap > .content > .summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inner_news .news_slider article > .wrap > .content > .post_item_tag {
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 0 0 0 20px;
  list-style-position: outside;
  position: relative;
}
.inner_news .news_slider article > .wrap > .content > .post_item_tag:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.3rem;
  width: 20px;
  height: 12px;
  background-image: url(../images/news/icn_tag.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_slider article > .wrap > .content > .post_item_tag li {
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  font-size: 1.3rem;
  color: #fefefe;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.inner_news .news_slider article > .wrap > .content > .post_item_tag li a {
  transition: all 0.3s ease-out;
}
.inner_news .news_slider article > .wrap > .content > .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.inner_news .news_slider article > .wrap > .content .distribution {
  width: 100%;
  font-size: 1.2rem;
}
.inner_news .news_slider article > .wrap > .content .distribution a {
  position: relative;
  padding-left: 20px;
}
.inner_news .news_slider article > .wrap > .content .distribution a:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.2rem;
  width: 20px;
  height: 12px;
  background-image: url(../images/news/icn_youtube.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_slider article > .wrap > .content .distribution a:hover {
  text-decoration: underline;
}
.inner_news .news_slider article > .wrap > .content .update {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
  color: #999;
}
@media screen and (min-width: 961px) {
  .inner_news .news_list {
    flex-flow: column wrap;
  }
}
.inner_news .news_list > article {
  background: #121212;
  align-self: stretch;
  width: 100%;
  margin-bottom: 15px;
}
.inner_news .news_list > article > .wrap {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  height: 100%;
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .inner_news .news_list > article > .wrap {
    flex-flow: row nowrap;
  }
}
.inner_news .news_list > article > .wrap .image {
  position: relative;
  margin: 0 auto;
}
.inner_news .news_list > article > .wrap .image .img {
  max-width: 400px;
  object-fit: cover;
  transition: all 0.3s ease-out;
}
.inner_news .news_list > article > .wrap .image .img:hover {
  opacity: 0.6;
}
.inner_news .news_list > article > .wrap .image .cate_name {
  margin: 0;
  padding: 0;
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline;
}
.inner_news .news_list > article > .wrap .image .cate_name span {
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 15px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  white-space: nowrap;
  line-height: 1;
}
.inner_news .news_list > article > .wrap .image .cate_logo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
}
.inner_news .news_list > article > .wrap > .content {
  flex-grow: 1;
  padding: 15px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  color: #fefefe;
}
@media screen and (min-width: 768px) {
  .inner_news .news_list > article > .wrap > .content {
    padding: 0 15px 0 30px;
  }
}
.inner_news .news_list > article > .wrap > .content > .cate {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
}
.inner_news .news_list > article > .wrap > .content > .cate span {
  background: #000;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0 3px 3px 0;
}
.inner_news .news_list > article > .wrap > .content > .icn {
  padding: 0 10px;
  text-align: center;
  background: red;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0 0 0 auto;
  line-height: 1;
}
.inner_news .news_list > article > .wrap > .content > .icn span {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}
.inner_news .news_list > article > .wrap > .content > .title {
  width: 100%;
  margin: 0.5rem 0;
}
.inner_news .news_list > article > .wrap > .content > .title:hover {
  text-shadow: 3px 3px 6px #666;
}
.inner_news .news_list > article > .wrap > .content > .title a {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.inner_news .news_list > article > .wrap > .content > .title a:hover {
  color: #fff;
}
.inner_news .news_list > article > .wrap > .content > .summary {
  width: 100%;
}
.inner_news .news_list > article > .wrap > .content .detail {
  width: 100%;
}
.inner_news .news_list > article > .wrap > .content .detail dt,
.inner_news .news_list > article > .wrap > .content .detail dd {
  width: 100%;
}
.inner_news .news_list > article > .wrap > .content .btn {
  white-space: nowrap;
  padding: 0;
  margin: 0 auto;
}
.inner_news .news_list > article > .wrap > .content .btn a {
  background: #121212;
  display: block;
  padding: 15px 25px 15px 20px;
  color: #efefef;
  text-decoration: none;
  line-height: 1;
  font-size: 1.3rem;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .news_list > article > .wrap > .content .btn a:hover {
  border: 1px solid #fff;
  background: #121212;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .news_list > article > .wrap > .content .btn a.btn_arrow_right {
  position: relative;
}
.inner_news .news_list > article > .wrap > .content .btn a.btn_arrow_right::after {
  position: absolute;
  top: 15px;
  right: 10px;
  margin: auto;
  color: #efefef;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner_news .news_list > article > .wrap > .content .btn a.btn_arrow_right:hover::after {
  color: #fff;
}
.inner_news .news_list > article > .wrap > .content > .post_item_tag {
  width: 100%;
  margin: 1rem 0;
  padding: 0 0 0 20px;
  list-style-position: outside;
  position: relative;
}
.inner_news .news_list > article > .wrap > .content > .post_item_tag:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.3rem;
  width: 30px;
  height: 12px;
  background-image: url(../images/news/icn_tag.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_list > article > .wrap > .content > .post_item_tag li {
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  font-size: 1.3rem;
  color: #fefefe;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.inner_news .news_list > article > .wrap > .content > .post_item_tag li a {
  transition: all 0.3s ease-out;
}
.inner_news .news_list > article > .wrap > .content > .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.inner_news .news_list > article > .wrap > .content .distribution {
  width: 100%;
  font-size: 1.2rem;
}
.inner_news .news_list > article > .wrap > .content .distribution a {
  position: relative;
  padding-left: 20px;
}
.inner_news .news_list > article > .wrap > .content .distribution a:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.2rem;
  width: 20px;
  height: 12px;
  background-image: url(../images/news/icn_youtube.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_list > article > .wrap > .content .distribution a:hover {
  text-decoration: underline;
}
.inner_news .news_list > article > .wrap > .content .update {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
  color: #999;
}
.inner_news .news_list_card {
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .inner_news .news_list_card {
    padding: 0;
  }
}
.inner_news .news_list_card > div {
  width: 100%;
  margin-bottom: 1%;
  background-color: #111;
}
@media screen and (min-width: 768px) {
  .inner_news .news_list_card > div {
    width: 49.5%;
  }
}
.inner_news .news_list_card > div a {
  display: block;
  transition: all 1s;
}
.inner_news .news_list_card > div a:hover {
  opacity: 0.8;
}
.inner_news .news_list_card > div .wrap {
  position: relative;
  border: 1px solid #222;
  display: flex;
  align-items: center;
  justify-content: stretch;
  height: 200px;
}
@media screen and (min-width: 961px) {
  .inner_news .news_list_card > div .wrap {
    height: 240px;
  }
}
.inner_news .news_list_card .bgr {
  clip-path: none;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}
@media screen and (min-width: 961px) {
  .inner_news .news_list_card .bgr {
    height: 240px;
    clip-path: polygon(0 0, 50% 0%, 45% 100%, 0% 100%);
  }
}
.inner_news .news_list_card .content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40%;
  margin: auto;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #111;
}
@media screen and (min-width: 961px) {
  .inner_news .news_list_card .content {
    background-color: none;
    width: 50%;
  }
}
.inner_news .news_list_card .content > h3 {
  padding: 0;
}
.inner_news .news_list_card .content > h4 {
  padding: 0;
}
.inner_news .news_list_card .content .summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.2rem;
}
.inner_news .news_list_card .content > .post_item_tag {
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 0 0 0 20px;
  list-style-position: outside;
  position: relative;
}
.inner_news .news_list_card .content > .post_item_tag:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.3rem;
  width: 20px;
  height: 12px;
  background-image: url(../images/news/icn_tag.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_list_card .content > .post_item_tag li {
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  font-size: 1.3rem;
  color: #fefefe;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.inner_news .news_list_card .content > .post_item_tag li a {
  transition: all 0.3s ease-out;
}
.inner_news .news_list_card .content > .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.inner_news .news_list_card .content .distribution {
  width: 100%;
  font-size: 1.2rem;
}
.inner_news .news_list_card .content .distribution a {
  position: relative;
  padding-left: 20px;
}
.inner_news .news_list_card .content .distribution a:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  margin: auto;
  font-size: 1.2rem;
  width: 20px;
  height: 12px;
  background-image: url(../images/news/icn_youtube.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.inner_news .news_list_card .content .distribution a:hover {
  text-decoration: underline;
}
.inner_news .news_list_card .content .btn {
  white-space: nowrap;
  padding: 0;
  margin: 1rem 0 0 0;
  background: #121212;
  display: block;
  padding: 10px 20px 10px 15px;
  color: #efefef;
  text-decoration: none;
  line-height: 1;
  font-size: 1.2rem;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .news_list_card .content .btn:hover {
  border: 1px solid #fff;
  background: #121212;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .news_list_card .content .btn.btn_arrow_right {
  position: relative;
}
.inner_news .news_list_card .content .btn.btn_arrow_right::after {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: auto;
  color: #efefef;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner_news .news_list_card .content .btn.btn_arrow_right:hover::after {
  color: #fff;
}
.inner_news #tabTop {
  margin-bottom: 30px;
}
.inner_news .tab {
  padding: 0;
  margin: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 15px;
}
.inner_news .tab > li {
  padding: 0;
  list-style-type: none;
  border: 1px solid #444;
  background: #212121;
  text-align: center;
  padding: 10px 15px;
  cursor: pointer;
  color: #efefef;
  line-height: 1.5;
  font-size: 1.3rem;
}
@media screen and (min-width: 961px) {
  .inner_news .tab.tab_top {
    border-bottom: 1px solid #444;
  }
}
.inner_news .tab.tab_top li {
  border-radius: 5px 5px 5px 5px;
}
@media screen and (min-width: 961px) {
  .inner_news .tab.tab_top li {
    margin-bottom: -1px;
    border-radius: 5px 5px 0 0;
  }
}
.inner_news .tab.tab_top li.active {
  opacity: 1 !important;
  background: #212121;
}
@media screen and (min-width: 961px) {
  .inner_news .tab.tab_top li.active {
    border-bottom: none;
  }
}
@media screen and (min-width: 961px) {
  .inner_news .tab.tab_bottom {
    border-top: 1px solid #444;
  }
}
.inner_news .tab.tab_bottom li {
  margin-top: -1px;
  border-radius: 5px 5px 5px 5px;
}
@media screen and (min-width: 961px) {
  .inner_news .tab.tab_bottom li {
    margin-bottom: -1px;
    border-radius: 0 0 5px 5px;
  }
}
.inner_news .tab.tab_bottom li.active {
  opacity: 1 !important;
  background: #212121;
}
@media screen and (min-width: 961px) {
  .inner_news .tab.tab_bottom li.active {
    border-top: none;
  }
}
.inner_news .tab_content {
  padding: 15px 0 30px;
}
.inner_news .tab_container {
  margin-bottom: 15px;
}
.inner h3 {
  margin: 0 0 1rem 0 !important;
}
.inner h4 {
  margin: 0 0 1rem 0 !important;
}
.inner h5 {
  margin: 0 0 1rem 0 !important;
}

.inner_news .side > article {
  background: #121212;
  align-self: stretch;
  width: 100%;
  margin-bottom: 15px;
}
.inner_news .side > article > .wrap {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  height: 100%;
  padding: 0;
}
.inner_news .side > article > .wrap .image {
  position: relative;
  margin: 0 auto;
}
.inner_news .side > article > .wrap .image .img {
  object-fit: cover;
  transition: all 0.3s ease-out;
}
.inner_news .side > article > .wrap .image .img:hover {
  opacity: 0.6;
}
.inner_news .side > article > .wrap .image .cate_name {
  margin: 0;
  padding: 0;
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline;
}
.inner_news .side > article > .wrap .image .cate_name span {
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 15px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  white-space: nowrap;
  line-height: 1;
}
.inner_news .side > article > .wrap .image .cate_logo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
}
.inner_news .side > article > .wrap > .content {
  flex-grow: 1;
  padding: 15px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  color: #fefefe;
}
@media screen and (min-width: 768px) {
  .inner_news .side > article > .wrap > .content {
    padding: 15px 15px 15px 15px;
  }
}
.inner_news .side > article > .wrap > .content > .cate {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
}
.inner_news .side > article > .wrap > .content > .cate span {
  background: #000;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin-right: 5px;
}
.inner_news .side > article > .wrap > .content > .icn {
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
  background: red;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
  line-height: 1;
}
.inner_news .side > article > .wrap > .content > .icn span {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}
.inner_news .side > article > .wrap > .content > .title {
  width: 100%;
  margin: 0.5rem 0;
}
.inner_news .side > article > .wrap > .content > .title:hover {
  text-shadow: 3px 3px 6px #666;
}
.inner_news .side > article > .wrap > .content > .title a {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.inner_news .side > article > .wrap > .content > .title a:hover {
  color: #fff;
}
.inner_news .side > article > .wrap > .content > .summary {
  width: 100%;
}
.inner_news .side > article > .wrap > .content .detail {
  width: 100%;
}
.inner_news .side > article > .wrap > .content .detail dt,
.inner_news .side > article > .wrap > .content .detail dd {
  width: 100%;
}
.inner_news .side > article > .wrap > .content .btn {
  white-space: nowrap;
  padding: 0;
  margin: 0 auto;
}
.inner_news .side > article > .wrap > .content .btn a {
  background: #121212;
  display: block;
  padding: 15px 25px 15px 20px;
  color: #efefef;
  text-decoration: none;
  line-height: 1;
  font-size: 1.3rem;
  transition: all 0.5s;
  border: 1px solid #666;
}
.inner_news .side > article > .wrap > .content .btn a:hover {
  background: #fff;
  color: #121212;
  text-decoration: none;
  opacity: 0.6;
}
.inner_news .side > article > .wrap > .content .btn a.btn_arrow_right {
  position: relative;
}
.inner_news .side > article > .wrap > .content .btn a.btn_arrow_right::after {
  position: absolute;
  top: 15px;
  right: 10px;
  margin: auto;
  color: #efefef;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.inner_news .side > article > .wrap > .content .btn a.btn_arrow_right:hover::after {
  color: #121212;
}
.inner_news .side > article > .wrap > .content > .post_item_tag {
  width: 100%;
  margin: 0 15px 0 0;
  padding: 0 0 15px 15px;
  list-style-position: outside;
  font-size: 12px;
  position: relative;
}
.inner_news .side > article > .wrap > .content > .post_item_tag:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f02b";
  margin-right: 10px;
  position: absolute;
  left: 0;
}
.inner_news .side > article > .wrap > .content > .post_item_tag li {
  display: inline-block;
  margin-right: 5px;
  list-style: none;
  font-size: 1.4rem;
  color: #fefefe;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.inner_news .side > article > .wrap > .content > .post_item_tag li a {
  transition: all 0.3s ease-out;
}
.inner_news .side > article > .wrap > .content > .post_item_tag li a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.inner_news .side > article > .wrap > .content .update {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
  color: #999;
}
.inner_news .btns_glt a {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #000;
  margin: 0;
  padding: 0 0 1rem 0;
  filter: brightness(1);
  transition: 0.6s ease;
}
@media screen and (min-width: 768px) {
  .inner_news .btns_glt a {
    justify-content: space-between;
  }
}
.inner_news .btns_glt a figure {
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
}
.inner_news .btns_glt a figure:nth-of-type(1) img {
  transform: rotate(-3deg);
}
.inner_news .btns_glt a figure:nth-of-type(2) img {
  padding: 2rem 2rem 1rem;
  opacity: 0.8;
  max-width: 0 auto;
}
.inner_news .btns_glt a figure:nth-of-type(3) figcaption {
  padding: 1rem;
  margin: 0;
}
.inner_news .btns_glt a figure:nth-of-type(3) figcaption h3 {
  font-size: 16px;
  font-weight: 700;
  padding: 0;
}
.inner_news .btns_glt a figure:nth-of-type(3) figcaption p {
  font-size: 14px;
  line-height: 1.5;
}
.inner_news .btns_glt a figure:nth-of-type(3) figcaption p > strong {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.inner_news .btns_glt a:hover {
  filter: grayscale(0);
  opacity: 1;
  animation: bright-flash 0.2s linear forwards;
}
@keyframes bright-flash {
  0% {
    /* いきなり明るい状態から始めることでユーザー操作の反応の良さを示す */
    filter: brightness(2.5);
  }
  100% {
    filter: brightness(1.25);
  }
}
.inner_news .btns_glt a:hover figure:nth-of-type(1) img {
  transform: rotate(0);
}
.inner_news .btns_glt a:hover figure:nth-of-type(3) figcaption {
  /* transform: rotate( 0 ); */
}

/* custommade
=============================*/
.inner.custommade .section:nth-child(even) {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
}

/* brand_more
=============================*/
.brand_more_stellagear .stellagear_logo {
  position: relative;
  width: 200px;
  height: auto;
}
.brand_more_stellagear .stellagear_logo a img {
  position: absolute;
  top: 15px;
  left: 0;
  height: 80px;
}
@media screen and (min-width: 768px) {
  .brand_more_stellagear .stellagear_logo a img {
    height: 120px;
  }
}
.brand_more_stellagear .stellagear_nav {
  margin-top: 1em;
}

.brand_more {
  /* 前への矢印 */
  /* 次への矢印 */
  overflow-x: hidden;
}
.brand_more .swiper-button-prev {
  left: 130px;
}
.brand_more .swiper-button-next {
  right: 130px;
}
.brand_more .content_area .container {
  padding: 0 !important;
}
.brand_more .content_area .container h2 {
  padding: 0.5em;
  font-size: 1.5em;
  font-weight: 500;
}
.brand_more .swiper-slide img {
  display: grid;
  place-content: center;
}
.brand_more .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 5px 5px;
  counter-reset: number;
  margin: 0 auto 2em;
}
.brand_more .grid-container .grid-item {
  position: relative;
  font-size: 20px;
  display: grid;
  place-content: center;
  padding: 10px;
}
.brand_more .grid-container .grid-item figure {
  margin: 0;
}
.brand_more .grid-container .grid-item h3 {
  position: absolute;
  display: block;
  top: 1em;
  left: 1em;
  background-color: #121212;
  z-index: 1;
  padding: 0.25em 0.5em;
}
.brand_more .grid-container .grid-item .item_accessory {
  display: grid;
  place-items: center;
}
.brand_more .grid-container .grid-item .item_accessory img {
  height: 80%;
}
.brand_more .grid-container .grid-item a {
  opacity: 1;
  transition: 0.5s;
  width: 100%;
  height: 100%;
}
.brand_more .grid-container .grid-item a:hover {
  opacity: 0.8;
}
.brand_more .layout-item {
  aspect-ratio: 1;
  width: 100%;
  border: 1px solid #111;
  background-color: #121212;
}
.brand_more .layout-item.aspect-r0 {
  aspect-ratio: 0;
}

/* exhibitionlimited taxonomy:years
=============================*/
.exhibitionlimited_archive {
  margin-bottom: 3rem;
  padding: 1rem;
}
.exhibitionlimited_archive .container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
@media screen and (min-width: 768px) {
  .exhibitionlimited_archive .container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.exhibitionlimited_archive .container .items figure {
  padding: 1rem;
}

/*exhibitionlimited_archive の logo */
.logo_exhibitionlimited_archive {
  width: 200px;
}

.section_event {
  /* レスポンシブマップのスタイル */
  /* スマホサイズでの表示調整 */
  /* 既存のACFマップスタイルがあれば、それと併用 */
}
.section_event .responsive-map {
  width: 960px;
  height: 480px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .section_event {
    /* Lityモーダルの幅を調整 */
  }
  .section_event .responsive-map {
    width: 100%;
    height: 300px;
    /* スマホでは少し高さを小さく */
  }
  .section_event .lity-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}
.section_event .acf-map img {
  max-width: inherit !important;
}
.section_event .map-actions {
  margin-top: 10px;
  text-align: right;
  padding: 0 10px;
}
.section_event .mapid {
  display: block;
}
.section_event .detail_content {
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .section_event .detail_content {
    padding: 2rem;
  }
}
.section_event .detail_title {
  padding: 1rem;
  font-size: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section_event .detail_title {
    padding: 2rem;
    font-size: 24px;
  }
}
.section_event .tbl_base tr th p,
.section_event .tbl_base tr td p {
  margin: 1rem auto;
}
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
      Mixins
      ========================================================================== */
main.campaign {
  color: #e0e0e0;
  /* ==========================================================================
      Layout
      ========================================================================== */
  /* ==========================================================================
      Component
      ========================================================================== */
  /* Hero Component
      ========================================================================== */
  /* Detail Section
      ========================================================================== */
  /* news Section
      ========================================================================== */
  /* Navigation Section
      ========================================================================== */
  /* Section Title
      ========================================================================== */
  /* Content Block
      ========================================================================== */
  /* Button Component
      ========================================================================== */
  /* Image Container
      ========================================================================== */
  /* Link Area
      ========================================================================== */
  /* Hashtags
      ========================================================================== */
  /* Note
      ========================================================================== */
  /* Schedule Component
      ========================================================================== */
  /* ==========================================================================
      State
      ========================================================================== */
  /* ==========================================================================
      Utility
      ========================================================================== */
}
main.campaign .l-container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
main.campaign .l-container::before, main.campaign .l-container::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 70%;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: 0.3;
  z-index: 0;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  main.campaign .l-container::before, main.campaign .l-container::after {
    height: 100%;
  }
}
main.campaign .l-container::before {
  top: 30%;
  left: 1rem;
  background-image: url("images/product02.webp");
}
@media screen and (min-width: 768px) {
  main.campaign .l-container::before {
    top: 0;
  }
}
main.campaign .l-container::after {
  top: 0;
  right: 1rem;
  background-image: url("images/product01.webp");
  background-position: right;
  z-index: 0;
}
main.campaign .l-wrapper {
  position: relative;
  z-index: 2;
}
main.campaign .l-wrapper:not(:last-child) {
  margin-bottom: 4rem;
}
main.campaign .c-hero__content {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  padding: 6rem 1rem;
}
main.campaign .c-hero__wrapper {
  width: 96%;
  padding: 20px 0;
  text-align: left;
}
@media (max-height: 500px) and (orientation: landscape) {
  main.campaign .c-hero__wrapper {
    padding: 10px 0;
  }
}
@media screen and (min-width: 768px) {
  main.campaign .c-hero__wrapper {
    width: 86%;
  }
}
main.campaign .c-hero__title {
  font-family: "Oswald", sans-serif;
  font-size: 4rem;
  margin: 0 auto;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 768px) {
  main.campaign .c-hero__title {
    font-size: 5rem;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-hero__title {
    font-size: 6rem;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-hero__title {
    font-size: 7rem;
  }
}
main.campaign .c-hero__subtitle {
  font-family: "Oswald", sans-serif;
  font-size: 3rem;
  margin: 0 auto;
  line-height: 1.5;
  color: #f0f0f0;
  text-align: center;
}
main.campaign .c-hero__subtitle::after {
  display: none;
}
@media (min-width: 768px) {
  main.campaign .c-hero__subtitle {
    font-size: 4rem;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-hero__subtitle {
    font-size: 5rem;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-hero__subtitle {
    font-size: 6rem;
  }
}
main.campaign .c-hero__description {
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #f0f0f0;
  padding: 1rem 1rem 3rem;
  inline-size: fit-content;
  margin-inline: auto;
}
@media (min-width: 768px) {
  main.campaign .c-hero__description {
    font-size: 2rem;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-hero__description {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-hero__description {
    font-size: 4rem;
  }
}
main.campaign .c-hero__text {
  font-size: 1rem;
  line-height: 1.5;
  color: #f0f0f0;
  padding: 1rem 1rem 3rem;
  inline-size: fit-content;
  margin-inline: auto;
}
@media (min-width: 768px) {
  main.campaign .c-hero__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-hero__text {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-hero__text {
    font-size: 3rem;
  }
}
main.campaign .c-detail {
  margin-bottom: 0;
  padding: 2rem 0;
}
@media (min-width: 768px) {
  main.campaign .c-detail {
    padding: 4rem 0;
  }
}
main.campaign .c-detail:last-of-type {
  border-bottom: none;
}
main.campaign .c-detail .image {
  width: 100%;
  max-width: 960px;
  margin: 1rem auto;
  display: flex;
}
main.campaign .c-detail .image_logo {
  width: 100%;
  max-width: 240px;
  margin: 1rem auto;
}
main.campaign .c-detail .image_logo img {
  width: 100%;
}
main.campaign .c-news {
  margin-bottom: 0;
}
main.campaign .c-news:last-of-type {
  border-bottom: none;
}
main.campaign .c-news .c-content-block {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
main.campaign .c-news .c-content-block .c-content-block__title {
  color: #d0d0d0;
  font-size: 1rem;
  margin: 0;
}
main.campaign .c-news .c-content-block .c-content-block__title span {
  color: rgb(126, 126, 126);
  font-weight: normal;
}
main.campaign .c-navigation {
  margin-bottom: 0;
  text-align: center;
  padding: 2rem 0;
}
@media (min-width: 768px) {
  main.campaign .c-navigation {
    padding: 4rem 0;
  }
}
main.campaign .c-section-title {
  font-family: "Oswald", sans-serif;
  font-size: 1.8em;
  color: #d0d0d0;
  text-align: center;
  margin: 3rem auto;
  position: relative;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  main.campaign .c-section-title {
    font-size: 2em;
    margin: 6rem auto;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-section-title {
    font-size: 2.5em;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-section-title {
    font-size: 2.8em;
  }
}
main.campaign .c-section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background-color: rgb(126, 126, 126);
}
main.campaign .c-section-subtitle {
  font-family: "Oswald", sans-serif;
  font-size: 1.4em;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  main.campaign .c-section-subtitle {
    font-size: 1.6em;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-section-subtitle {
    font-size: 1.8em;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-section-subtitle {
    font-size: 2em;
  }
}
main.campaign .c-section-subtitle_small {
  font-family: "Oswald", sans-serif;
  font-size: 1.2em;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  main.campaign .c-section-subtitle_small {
    font-size: 1.4em;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-section-subtitle_small {
    font-size: 1.6em;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-section-subtitle_small {
    font-size: 1.8em;
  }
}
main.campaign .c-content-block {
  margin-bottom: 40px;
}
main.campaign .c-content-block a {
  color: #d0d0d0;
  text-decoration: none;
}
main.campaign .c-content-block a:hover {
  color: #f0f0f0;
}
main.campaign .c-content-block__title {
  font-size: 1.4em;
  color: "Oswald", sans-serif;
  position: relative;
  font-weight: 700;
  inline-size: fit-content;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  main.campaign .c-content-block__title {
    font-size: 1.6em;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-content-block__title {
    font-size: 1.7em;
  }
}
@media (min-width: 1200px) {
  main.campaign .c-content-block__title {
    font-size: 2em;
  }
}
main.campaign .c-content-block__image {
  width: 375px;
  margin: 3rem auto;
  text-align: center;
}
main.campaign .pop_icon {
  width: 100%;
  max-width: 375px;
  margin: auto;
  text-align: center;
}
main.campaign .c-content-block__text {
  font-size: 1em;
  margin-bottom: 25px;
  inline-size: fit-content;
  margin-inline: auto;
  color: #f0f0f0;
}
@media (min-width: 1024px) {
  main.campaign .c-content-block__text {
    font-size: 1.15em;
  }
}
main.campaign .c-button {
  display: inline-block;
  color: #ffffff;
  padding: 12px 30px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 700;
  font-size: 1em;
  transition: background-color 0.3s ease, transform 0.2s ease;
  margin-top: 30px;
  border: none;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  main.campaign .c-button {
    padding: 15px 35px;
    font-size: 1.2em;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-button {
    padding: 18px 45px;
    font-size: 1.3em;
  }
}
main.campaign .button_area {
  margin: 2rem auto;
  width: 100%;
  text-align: center;
}
main.campaign .c-button.c-button--home {
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 0;
  padding: 1rem 1.5rem;
  color: #ffffff;
  transition: all 0.3s ease;
  font-weight: normal;
  font-size: 1em;
}
main.campaign .c-button.c-button--home:hover {
  color: #ffffff;
}
main.campaign .c-image-container {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 480px) {
  main.campaign .c-image-container {
    max-width: initial;
  }
}
main.campaign .c-image-container__icon {
  width: 72px;
}
@media (min-width: 480px) {
  main.campaign .c-image-container__icon {
    width: 50px;
  }
}
main.campaign .c-link-area {
  margin: auto;
  text-align: center;
}
main.campaign .c-hashtags {
  text-align: center;
  margin-top: 50px;
  font-size: 1.4em;
  color: rgb(126, 126, 126);
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}
@media (min-width: 768px) {
  main.campaign .c-hashtags {
    font-size: 1.8em;
  }
}
@media (min-width: 1024px) {
  main.campaign .c-hashtags {
    font-size: 2em;
  }
}
main.campaign .c-hashtags small {
  color: white;
}
main.campaign .c-note {
  font-size: 1em;
  color: #f0f0f0;
  margin-top: 30px;
  margin-bottom: 2rem;
  inline-size: fit-content;
  margin-inline: auto;
}
@media (min-width: 768px) {
  main.campaign .c-note {
    font-size: 1.2em;
  }
}
main.campaign .c-schedule {
  list-style: none;
  padding: 1rem 0;
  margin: 0 auto;
  text-align: left;
}
main.campaign .c-schedule__item {
  background-color: #1a1a1a;
  margin-bottom: 3rem;
  padding: 3rem;
  border-left: 5px solid rgb(126, 126, 126);
  font-size: 0.95em;
  color: #f0f0f0;
  transition: background-color 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  min-height: 60px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
@media (min-width: 768px) {
  main.campaign .c-schedule__item {
    flex-direction: row;
    align-items: center;
  }
}
main.campaign .c-schedule__item:hover {
  background-color: #222222;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
}
main.campaign .c-schedule__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(126, 126, 126);
  z-index: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
main.campaign .c-schedule__date {
  width: 100%;
}
@media screen and (min-width: 768px) {
  main.campaign .c-schedule__date {
    width: 200px;
  }
}
main.campaign .c-schedule__link {
  margin-left: auto;
}
main.campaign .u-text-center {
  text-align: center;
}
main.campaign .u-text-left {
  text-align: left;
}
main.campaign .u-margin-auto {
  margin: 0 auto;
}
main.campaign .u-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
main.campaign .u-pc_only {
  display: none;
}
@media screen and (min-width: 768px) {
  main.campaign .u-pc_only {
    display: block;
  }
}
main.campaign .u-sp_only {
  display: block;
}
@media screen and (min-width: 768px) {
  main.campaign .u-sp_only {
    display: none;
  }
}
main.campaign .editor {
  margin: 3rem auto;
}
main.campaign .editor h3 {
  font-size: clamp(1.5rem, 1rem + 2.1333vw, 3rem);
}
@media screen and (min-width: 768px) {
  main.campaign .editor {
    margin: 6rem auto;
  }
}
main.campaign .relation-posts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}
@media (min-width: 728px) {
  main.campaign .relation-posts {
    grid-template-columns: repeat(2, 1fr);
  }
}
main.campaign .post-item {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
main.campaign .post-item:hover {
  transform: translateY(-5px);
}
main.campaign .post-thumbnail {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  filter: brightness(0.7) contrast(1.1) saturate(0.8);
  transition: filter 0.3s ease;
}
main.campaign .post-item:hover .post-thumbnail {
  filter: brightness(0.5) contrast(1.2) saturate(0.9);
}
main.campaign .post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  padding: 60px 20px 20px;
  color: white;
  min-height: 120px;
}
main.campaign .post-categories {
  margin-bottom: 8px;
}
main.campaign .post-categories a {
  display: inline-block;
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  text-decoration: none;
  margin-right: 6px;
  margin-bottom: 4px;
  transition: background 0.3s ease;
}
main.campaign .post-categories a:hover {
  background: white;
}
main.campaign .post-new-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: inline-block;
  background: #ff0000;
  color: white;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 6px;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
main.campaign .post-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
main.campaign .post-title a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
main.campaign .post-title a:hover {
  color: #f0f0f0;
}
main.campaign .post-title a::after {
  content: "→";
  font-size: 14px;
  transition: transform 0.3s ease;
}
main.campaign .post-title a:hover::after {
  transform: translateX(3px);
}
@media (min-width: 768px) {
  main.campaign .post-title {
    font-size: 18px;
  }
}

.post-password-form {
  max-width: 560px;
  margin: 60px auto;
  padding: 40px 32px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-top: 3px solid #1a1a1a;
}
@media (min-width: 768px) {
  .post-password-form {
    padding: 48px 40px;
  }
}
.post-password-form p:first-child {
  font-size: 14px;
  color: #555555;
  line-height: 1.8;
  margin-bottom: 24px;
}
.post-password-form label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 8px;
}
.post-password-form input[type=password] {
  display: block;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 0;
  background: #fafafa;
  color: #333333;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s;
  margin-bottom: 16px;
}
.post-password-form input[type=password]:focus {
  border-color: #1a1a1a;
  background: #ffffff;
}
.post-password-form input[type=submit] {
  display: block;
  width: 100%;
  padding: 13px 24px;
  background: #1a1a1a;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.2s;
}
.post-password-form input[type=submit]:hover {
  background: #333333;
}

.mailpoet_form.mailpoet_form_shortcode,
.dealer-newsletter-notes {
  max-width: 560px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
@media (min-width: 960px) {
  .mailpoet_form.mailpoet_form_shortcode,
  .dealer-newsletter-notes {
    max-width: 640px !important;
  }
}

.mailpoet_form.mailpoet_form_shortcode {
  padding: 32px 28px;
  background: #1a1a1a;
}
@media (min-width: 768px) {
  .mailpoet_form.mailpoet_form_shortcode {
    padding: 40px 48px;
  }
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet-heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  margin: 0 0 12px !important;
  line-height: 1.5 !important;
}
@media (min-width: 768px) {
  .mailpoet_form.mailpoet_form_shortcode .mailpoet-heading {
    font-size: 18px !important;
  }
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_form_paragraph {
  margin: 0 0 24px !important;
  line-height: 1.7 !important;
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_text {
  display: block;
  width: 100% !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  color: #333333 !important;
  outline: none;
  box-sizing: border-box !important;
  transition: background 0.2s;
  margin-bottom: 12px !important;
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_text:focus {
  background: #f5f5f5 !important;
  outline: 2px solid #ffffff;
  outline-offset: -2px;
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_text::placeholder {
  color: #999999;
  font-size: 13px;
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_submit {
  display: block;
  width: 100% !important;
  padding: 14px 24px !important;
  background: #ffffff !important;
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: 4px !important;
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_submit:hover {
  background: #e0e0e0 !important;
}
.mailpoet_form.mailpoet_form_shortcode p.last {
  display: none !important;
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_validate_success {
  color: #aaffaa !important;
  font-size: 13px;
  padding: 12px 0 0;
  text-align: center;
}
.mailpoet_form.mailpoet_form_shortcode .mailpoet_validate_error {
  color: #ffaaaa !important;
  font-size: 13px;
  padding: 12px 0 0;
  text-align: center;
}
.mailpoet_form.mailpoet_form_shortcode .parsley-errors-list {
  color: #ffaaaa;
  font-size: 12px;
  margin: 4px 0 8px;
  padding: 0;
  list-style: none;
}

.dealer-newsletter-notes {
  margin-top: 16px !important;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .dealer-newsletter-notes {
    padding: 0;
  }
}
.dealer-newsletter-notes p {
  font-size: 12px;
  color: #888888;
  line-height: 1.8;
  margin: 0 0 6px;
}
.dealer-newsletter-notes p a {
  color: #aaaaaa;
  text-decoration: underline;
}
.dealer-newsletter-notes p a:hover {
  color: #ffffff;
}

.support_faq .section .container_small h2,
.support_faq .editor .container_small h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: white;
  border-left: 4px solid white;
  padding: 8px 0 8px 16px;
  margin: 40px 0 16px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .support_faq .section .container_small h2,
  .support_faq .editor .container_small h2 {
    font-size: 1.8rem;
  }
}
.support_faq .section .container_small h3,
.support_faq .editor .container_small h3 {
  font-size: 1.4rem;
  font-weight: 600;
  color: white;
  padding: 6px 0 6px 0;
  margin: 28px 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 1.5;
}
@media (min-width: 768px) {
  .support_faq .section .container_small h3,
  .support_faq .editor .container_small h3 {
    font-size: 1.6rem;
  }
}
.support_faq .section .container_small p,
.support_faq .editor .container_small p {
  font-size: 14px;
  line-height: 2;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .support_faq .section .container_small p,
  .support_faq .editor .container_small p {
    font-size: 15px;
  }
}
.support_faq .section .container_small ul, .support_faq .section .container_small ol,
.support_faq .editor .container_small ul,
.support_faq .editor .container_small ol {
  padding-left: 1.5em;
  margin-bottom: 20px;
}
.support_faq .section .container_small ul li, .support_faq .section .container_small ol li,
.support_faq .editor .container_small ul li,
.support_faq .editor .container_small ol li {
  font-size: 14px;
  line-height: 2;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .support_faq .section .container_small ul li, .support_faq .section .container_small ol li,
  .support_faq .editor .container_small ul li,
  .support_faq .editor .container_small ol li {
    font-size: 15px;
  }
}
.support_faq .section .container_small a,
.support_faq .editor .container_small a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}
.support_faq .section .container_small a:hover,
.support_faq .editor .container_small a:hover {
  color: white;
}
.support_faq .section .container_small hr,
.support_faq .editor .container_small hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 40px 0;
}

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