@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*ヘッダーの背景画像を追加*/
header{
	background-image: url('http://nkms.jp/wp-content/uploads/2025/06/header_bg.png') !important;
}
/*ヘッダーの背景画像を追加(スクロール時)*/
#fix_header{
	background-image: url('http://nkms.jp/wp-content/uploads/2025/06/header_bg.png') !important;
}
.l-fixHeader:before{
	display:none;
}
/*フッターの今すぐ購入を非表示*/
#fix_bottom_menu .menu_list {
	display: none !important;
}



@keyframes infinite-loop {
  to {
    transform: translateX(-100%);
  }
}
/* 無限ループアニメーションのメインスタイル */
.infiniteLoop {
  /* 設定項目 START */
  --item-max-width: 400px; /* 各アイテムの最大幅 */
  --item-mobile-width: 80vw; /* スマホでのアイテムの幅 */
  --duration: 20s; /* アニメーションスピード */
  --gap: 1rem; /* 各アイテム同士の間隔 */
  /* 設定項目 END */
  --play-state: running;
  --direction: normal;
  --flex-direction: row;
}

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

.infiniteLoop:hover {
  --play-state: paused;
}

.infiniteLoop > * {
  display: flex;
}

.infiniteLoop > * > * > * {
  overflow: hidden;
  transform: translateX(0);
  flex-wrap: nowrap !important;
  flex-direction: var(--flex-direction, row);
  margin: 0 !important;
  padding-left: var(--gap) !important;
  gap: var(--gap);
}

.infiniteLoop > * > * > * > * {
  padding: 0 !important;
}

.infiniteLoop > * > * > * > * > * {
  max-width: var(--item-max-width, 0px);
  margin-inline: auto;
}
@media (max-width:600px){
	.infiniteLoop > * > * > * {
      width: calc(var(--infinite-loop_width, 100vw) * 1);
}
}
@media (min-width: 600px) {
  .infiniteLoop > * > * > * {
    animation: infinite-loop var(--duration) linear infinite both var(--play-state) var(--direction);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
	.top-slide img{
	min-width: 340px;
}
}

@media not all and (min-width: 600px) {
  .infiniteLoop > * > *:nth-child(n+2) {
    display: none;
  }
  .infiniteLoop > * > * > * {
    -webkit-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    padding: 0 calc((100vw - var(--item-mobile-width, 80vw)) / 2) !important;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
	  gap: 0px;
	  padding-left: 0px !important;
  }
  .infiniteLoop > * > * > *::-webkit-scrollbar {
    display: none;
  }
  .infiniteLoop > * > * > * > * {
    flex-shrink: 0;
    width: var(--item-mobile-width, 80vw) !important;
    scroll-snap-align: center;
  }
	.sp_slider_txt{
		padding-right:12px;
	}
}